@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f5f0e8;background:#100d18;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#100d18}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% -20%,#30213b,#17121f 42%,#100d18 78%);padding:0 5.2vw 26px}.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.12}.ambient-one{width:380px;height:380px;background:#c59a51;top:250px;left:-220px}.ambient-two{width:400px;height:400px;background:#8e5fc1;right:-240px;top:500px}.topbar{height:78px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;color:#f6e4b8;text-align:left;padding:0}.brand-mark{width:38px;height:38px;border:1px solid #b58d4e88;border-radius:12px;display:grid;place-items:center;background:#c39b5120;color:#e4c17c}.brand b{font-family:Playfair Display;font-size:19px;letter-spacing:2px;display:block}.brand small{font-size:9px;letter-spacing:2.1px;color:#a99a83;display:block;margin-top:1px}.top-actions{display:flex;align-items:center;gap:10px}.secure-label{font-size:10px;letter-spacing:1.4px;color:#cbb37e;display:flex;align-items:center;gap:6px}.icon-btn{width:38px;height:38px;border:1px solid #ffffff1b;border-radius:11px;background:#ffffff08;color:#d6c6a7;display:grid;place-items:center}.icon-btn:hover{background:#ffffff15}.setup-wrap,.game-wrap{max-width:1160px;margin:0 auto;position:relative;z-index:1}.setup-wrap{padding:64px 0 40px}.setup-wrap-clean{max-width:860px;text-align:center;display:flex;flex-direction:column;align-items:center}.setup-wrap-clean .eyebrow{justify-content:center}.luck-tagline{font-family:Playfair Display,serif;font-size:clamp(20px,3.2vw,28px);color:#f3d79a;font-weight:600;letter-spacing:.3px;margin:12px auto 8px;max-width:700px}.sub-lead{max-width:640px;color:#a99eae;line-height:1.7;font-size:14px;margin:0 auto 28px}.landing-features{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%;margin:16px 0 30px;text-align:left}.landing-card{display:flex;align-items:flex-start;gap:14px;padding:20px;border-radius:16px;background:linear-gradient(145deg,#211b2bdf,#191521e8);border:1px solid #ffffff16;box-shadow:0 14px 40px #0003}.landing-card h3{font-size:15px;margin:0 0 6px;color:#f6e6c2}.landing-card p{font-size:12px;color:#a89eb0;margin:0;line-height:1.6}.landing-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#c39b5120;color:#e0bd79;flex-shrink:0}.landing-icon.gift-icon{background:#9a71c42a;color:#c7a5ee}.launch-btn{font-size:12px;padding:16px 36px;letter-spacing:1.8px}.eyebrow{display:flex;align-items:center;gap:8px;color:#c8a767;font-size:10px;font-weight:700;letter-spacing:2.2px}.setup-wrap h1,.game-heading h1{font-family:Playfair Display,serif;font-size:clamp(44px,6vw,70px);line-height:1.03;font-weight:500;letter-spacing:-1.7px;margin:19px 0 14px;color:#fff9ef}.setup-wrap h1 span{color:#d8b875}.lead,.game-heading p{max-width:610px;color:#a99eae;line-height:1.7;font-size:14px;margin:0}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.panel{background:linear-gradient(145deg,#211b2bdf,#191521e8);border:1px solid #ffffff16;border-radius:18px;box-shadow:0 18px 50px #0003}.setup-panel{padding:22px}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.heading-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#c39b5120;color:#e0bd79}.gift-icon{background:#9a71c42a;color:#c7a5ee}.panel-heading h2{font-size:15px;margin:0 0 3px}.panel-heading p{font-size:11px;color:#93899c;margin:0}.count-pill{margin-left:auto;border:1px solid #c39b5140;color:#d7b979;border-radius:20px;padding:5px 9px;font-size:10px}.name-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.edit-row{height:39px;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid #ffffff12;background:#ffffff06;border-radius:9px;min-width:0}.row-number{font-size:9px;color:#bfa36d;letter-spacing:.7px;min-width:17px}.gift-number{color:#b995d9}.edit-row input{width:100%;min-width:0;background:none;border:0;outline:0;color:#eee5d8;font-size:11px}.edit-row:focus-within{border-color:#c7a45d99;background:#c39b510d}.setup-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;width:100%}.fairness-note{display:flex;align-items:center;gap:10px;color:#c7a968;text-align:left}.fairness-note b,.fairness-note small{display:block}.fairness-note b{font-size:12px;color:#e8d5ad}.fairness-note small{font-size:10px;color:#93899c;margin-top:3px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #f0d18c;background:linear-gradient(115deg,#d6b36f,#a77c3d);color:#21182a;border-radius:10px;padding:14px 21px;font-size:10px;letter-spacing:1.2px;font-weight:800;box-shadow:0 7px 24px #c69a4933;transition:transform .2s,filter .2s}.primary-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.primary-btn:disabled{opacity:.55;cursor:not-allowed}.fine-print{font-size:10px;color:#756c7d;margin-top:16px}.notice{margin-top:15px;padding:11px 14px;border:1px solid #c98e6570;background:#9b58301a;border-radius:9px;color:#e6b997;font-size:12px;display:flex;gap:8px;align-items:center}.game-wrap{padding:44px 0 30px}.game-heading{text-align:center;margin-bottom:30px}.game-heading .eyebrow{justify-content:center}.game-heading h1{font-size:clamp(38px,5vw,55px);margin:14px 0 8px}.game-heading p{margin:auto;font-size:13px}.game-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.8fr);gap:18px}.wheel-panel{padding:20px 24px 24px;min-height:590px;display:flex;flex-direction:column}.wheel-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#bba982;font-weight:700}.wheel-topline>span:first-child{display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:#d7b56d;box-shadow:0 0 10px #d7b56d}.wheel-stage{width:min(100%,390px);aspect-ratio:1;margin:23px auto 8px;position:relative;display:grid;place-items:center}.wheel{width:100%;height:100%;border-radius:50%;padding:10px;background:conic-gradient(from -12deg,#d8b46e,#4c365b,#c5a05c,#372644,#d9b976,#4b355a,#c6a15e,#352442,#d7b36e,#4b3559,#d6b16b);box-shadow:0 0 0 1px #e8c77b88,0 0 0 8px #d0aa5a12,0 0 45px #c29a4930,inset 0 0 20px #08060c}.wheel-inner{height:100%;width:100%;border-radius:50%;border:1px solid #f1d28b99;position:relative;overflow:hidden;background:repeating-conic-gradient(from -16deg,#382943,#382943 31deg,#58415b 31deg,#58415b 32.72deg)}.wheel-segment{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 50%,44% 0%,56% 0%);transform-origin:50% 50%;display:flex;justify-content:center;padding-top:15px}.wheel-segment span{font-size:10px;font-weight:700;color:#f1dcae}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,#49334f,#21182b);border:2px solid #e4c47f;box-shadow:0 0 0 5px #17111e,0 0 22px #d2a95c66;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e6c780;gap:3px}.wheel-center small{font-size:8px;text-align:center;line-height:1.2;letter-spacing:1.2px;font-weight:700}.wheel-pointer{position:absolute;right:-11px;top:calc(50% - 17px);z-index:2;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#e3c27c;color:#32213a;border:4px solid #251b2e;box-shadow:0 0 15px #e3c27c88;transform:rotate(180deg)}.wheel-glow{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;box-shadow:inset 0 0 24px #f3d28a1a;pointer-events:none}.spin-area{text-align:center;margin-top:auto}.selected-callout{margin:6px 0 16px}.selected-callout span{font-size:9px;letter-spacing:2px;color:#a99a80;display:block;margin-bottom:5px}.selected-callout strong{font-family:Playfair Display;font-size:23px;color:#f0d69b;font-weight:500}.spin-btn{min-width:220px}.spinner{width:14px;height:14px;border:2px solid #33253a55;border-top-color:#33253a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.side-column{display:flex;flex-direction:column;gap:14px}.progress-panel,.player-panel{padding:20px}.side-title{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#bca77e;font-weight:700}.side-title>b{font-family:Playfair Display;font-size:24px;color:#f1d59a;letter-spacing:0}.side-title>b small{font:11px DM Sans;color:#8f8495}.progress-track{height:6px;border-radius:20px;background:#ffffff12;overflow:hidden;margin:16px 0 10px}.progress-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#9a72bd,#e4c37c)}.progress-stats{display:flex;justify-content:space-between;color:#8e8494;font-size:10px}.progress-stats b{color:#e2d1b2}.player-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.player-chip{height:39px;border:1px solid #ffffff12;background:#ffffff05;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 8px;min-width:0}.player-chip>span{width:21px;height:21px;border-radius:6px;background:#ffffff0d;display:grid;place-items:center;font-size:8px;color:#bca87f;flex-shrink:0}.player-chip small{font-size:10px;color:#bcb2c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-done{border-color:#9c7ac044;background:#9c7ac40d}.player-done>span{background:#9c7ac433;color:#d4b5f2}.player-done small{color:#8d8193;text-decoration:line-through}.player-active{border-color:#e2c17a;background:#c49b5017}.player-active>span{background:#e2c17a;color:#261c2c}.player-active small{color:#f1d99f}.fairness-card{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid #c39b5133;background:#c39b510c;border-radius:13px}.fairness-icon{color:#d6b774}.fairness-card b{font-size:11px;color:#e5d0a3}.fairness-card p{font-size:10px;line-height:1.55;color:#9d91a2;margin:4px 0 0}.reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#09070edb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px}.reveal-card{width:min(100%,430px);border:1px solid #d4b16d88;border-radius:22px;background:radial-gradient(ellipse at 50% 0%,#46324f,#211a2b 58%,#17121e);box-shadow:0 25px 100px #0009;padding:28px;text-align:center;position:relative;overflow:hidden}.close-reveal{position:absolute;right:15px;top:15px;border:0;background:#ffffff0d;color:#bfb1c5;border-radius:8px;width:32px;height:32px;display:grid;place-items:center}.reveal-kicker{font-size:9px;letter-spacing:2px;color:#d8b976;display:flex;justify-content:center;align-items:center;gap:7px}.gift-illustration{height:145px;display:grid;place-items:center;position:relative;color:#e8c77d;margin:8px 0}.gift-illustration>svg{z-index:1;filter:drop-shadow(0 8px 20px #e6bd6966)}.gift-rays{position:absolute;width:130px;height:130px;border-radius:50%;background:#d8b97619;box-shadow:0 0 70px #d8b97633}.gift-spark{position:absolute;color:#f2d99e}.spark-a{left:26%;top:23%;font-size:23px}.spark-b{right:24%;bottom:22%;font-size:28px}.winner-label{font-size:9px;letter-spacing:2px;color:#a89baa;margin:0 0 5px}.reveal-card h2{font:500 31px Playfair Display;color:#fff3d9;margin:0 0 19px}.gift-result{border:1px solid #d5b36c66;background:#d5b36c12;border-radius:12px;padding:15px}.gift-result span{font-size:8px;letter-spacing:2px;color:#bca578;display:block;margin-bottom:7px}.gift-result strong{font:600 21px Playfair Display;color:#f4d99e}.reveal-confetti{display:flex;align-items:center;justify-content:center;gap:8px;color:#b9a9c1;font-size:10px;margin:17px 0 20px}.reveal-confetti svg{color:#d6b36e}.reveal-next{width:100%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;background:#09070edb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.results-modal{width:min(100%,620px);max-height:90vh;overflow:auto;background:#211a2b;border:1px solid #ffffff20;border-radius:18px;padding:24px;box-shadow:0 20px 80px #0008}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{font:500 27px Playfair Display;margin:8px 0 0;color:#f5e8d0}.results-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.results-summary>div{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;padding:12px;text-align:center}.results-summary b{font:24px Playfair Display;color:#e4c37e;display:block}.results-summary small{font-size:9px;color:#9b90a1}.results-list{display:flex;flex-direction:column;gap:6px}.result-row{display:grid;grid-template-columns:28px 1fr 1fr;align-items:center;gap:10px;padding:10px 11px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff05}.result-number{font-size:9px;color:#b99b63}.result-employee{font-size:11px;color:#e6dbcc}.result-gift{display:flex;align-items:center;gap:6px;font-size:10px;color:#e1c27f}.result-pending .result-gift{color:#887d8d}.result-pending .result-employee{color:#958b9a}.modal-actions{display:flex;gap:9px;margin-top:18px}.modal-actions button{flex:1;padding:12px 9px;font-size:9px}.secondary-btn{border:1px solid #ffffff25;background:#ffffff08;color:#d5c7b4;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;letter-spacing:.7px}.modal-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#817687;font-size:9px;margin:14px 0 0}.footer{max-width:1160px;margin:35px auto 0;display:flex;justify-content:center;gap:13px;align-items:center;color:#6e6576;font-size:8px;letter-spacing:1.8px;position:relative;z-index:1}.footer span:nth-child(2){color:#b99a61}@media(max-width:1024px){.app-shell{padding:0 3.5vw 24px}.setup-wrap{padding:48px 0 32px}.setup-grid{gap:16px}.setup-panel{padding:20px}.game-wrap{padding:36px 0 24px}.game-layout{grid-template-columns:1fr;gap:20px}.wheel-panel{min-height:auto;padding:24px 20px 28px}.wheel-stage{width:min(100%,360px);margin:18px auto 12px}.side-column{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.fairness-card{grid-column:1/-1}.player-grid{grid-template-columns:1fr 1fr;max-height:260px;overflow-y:auto;padding-right:4px}}@media(max-width:850px){.app-shell{padding:0 20px 22px}.setup-grid{grid-template-columns:1fr}.landing-features{grid-template-columns:1fr;gap:12px}.setup-wrap{padding-top:40px}.game-layout{grid-template-columns:1fr}.wheel-panel{min-height:auto;padding:20px 16px 24px}.wheel-stage{width:min(100%,340px)}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fairness-card{grid-column:1/-1}}@media(max-width:640px){.side-column{display:flex;flex-direction:column}.player-grid{max-height:none}}@media(max-width:540px){.topbar{height:66px}.secure-label{display:none}.setup-wrap h1{font-size:48px}.setup-footer{align-items:stretch;flex-direction:column}.setup-footer .primary-btn{width:100%}.name-list{grid-template-columns:1fr 1fr}.setup-panel{padding:16px}.game-wrap{padding-top:32px}.wheel-panel{padding:17px 14px 20px;min-height:485px}.wheel-stage{width:min(100%,330px)}.wheel-center{width:70px;height:70px}.side-column{display:flex}.player-grid{grid-template-columns:1fr 1fr}.results-modal{padding:17px}.result-row{grid-template-columns:22px 1fr 1fr;gap:6px;padding:9px 7px}.result-gift{font-size:9px}.modal-actions{flex-direction:column}.footer{font-size:7px;letter-spacing:1px;gap:8px}}.wheel-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-start;padding-top:15px;transform-origin:50% 50%;pointer-events:none}.wheel-label span{font-size:10px;color:#f3dfb7;font-weight:800;text-shadow:0 1px 4px #21172b}.slot-reels{display:flex;justify-content:center;gap:9px;margin:22px 0}.slot-reels span{width:92px;height:70px;display:grid;place-items:center;border:1px solid #d9b66e88;border-radius:10px;background:linear-gradient(180deg,#594064,#24192e);color:#f1d18d;font:700 13px DM Sans;letter-spacing:1px;box-shadow:inset 0 0 20px #0005,0 8px 20px #0003}.reveal-sub{font-size:12px;color:#b5a7bd;line-height:1.6;margin:8px 0 20px}.big-gift-box{height:150px;display:grid;place-items:center;color:#e8c77d;position:relative;filter:drop-shadow(0 8px 20px #e6bd6966)}.box-spark{position:absolute;right:27%;top:17%;color:#fff0bd}.scratch-card{height:150px;width:100%;border:1px solid #e0c17a99;border-radius:14px;margin:18px 0 20px;background:repeating-linear-gradient(135deg,#a98243 0,#a98243 8px,#c6a461 8px,#c6a461 16px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:inset 0 0 0 7px #3c2b4b,inset 0 0 0 9px #e8cc8d,0 10px 30px #0004;color:#2d2033;position:relative}.scratch-pattern{font-size:19px;letter-spacing:9px;color:#fff1c8}.scratch-card span{font-size:9px;letter-spacing:3px;font-weight:800}.scratch-card strong{font:700 25px Playfair Display;letter-spacing:1px}.scratch-card small{font-size:9px;font-weight:600}
