:root{--bg:#31090e;--panel:#4c1018;--cream:#fff5e2;--gold:#f2ca76;--pine:#1f5642;--pine-light:#36785d;--pine-dark:#153b2e;--muted:#e0c2ad;--accent:#f0b596;--line:#edc57729;--sans:Arial,Helvetica,sans-serif;color-scheme:dark;font-family:var(--sans);color:var(--cream);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 80% 45%,#b9303540,transparent 50%),radial-gradient(ellipse at 15% 5%,#dcaa431a,transparent 60%)}[hidden]{display:none!important}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}#snow{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.3}header,main{position:relative;z-index:1}.light-cord{height:28px;position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-around;overflow:hidden;pointer-events:none;z-index:2}.light-cord:before{content:'';position:absolute;inset:-25px -10px 12px;border-bottom:2px solid #967241;border-radius:50%}.bulb{width:7px;height:12px;background:var(--bulb);color:var(--bulb);border-radius:3px 3px 8px 8px;box-shadow:0 0 9px 1px currentColor;margin-top:8px;animation:twinkle 4.5s infinite alternate;animation-delay:var(--delay)}.topbar{max-width:1320px;margin:auto;padding:38px 42px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font:bold 23px Georgia,serif}.brand-mark{font:38px Georgia;color:var(--gold)}.brand small{display:block;font:9px var(--sans);letter-spacing:2.8px;color:var(--muted);margin-top:6px}.header-actions{display:flex;gap:10px;align-items:center}.icon-button{border:1px solid var(--line);border-radius:50%;background:#ffffff05;min-width:39px;height:39px;font-size:21px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.icon-button span{font-size:11px}.header-actions #sound{border-radius:30px;padding:0 13px;font-size:20px}.icon-button[aria-pressed=true]{background:#f2ca761c;color:var(--gold)}.edition{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-left:12px}.edition i{font-style:normal;color:var(--gold);margin:0 7px}main{max-width:1320px;margin:auto;padding:0 42px}.hero{text-align:center;padding:39px 0 33px;position:relative}.eyebrow{font:10px/1.5 var(--sans);letter-spacing:2.4px;text-transform:uppercase;color:var(--gold)}.hero .eyebrow span{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;vertical-align:middle;margin-right:5px}.hero h1{font:normal clamp(42px,4.8vw,66px)/1.05 Georgia,serif;letter-spacing:-2px;margin:14px 0 16px}.hero h1 em{color:var(--gold);font-weight:normal}.hero>p:last-of-type{font:13px/1.7 var(--sans);color:var(--muted);margin:0}.hero-spark{position:absolute;color:var(--gold);font:49px Georgia}.spark-one{left:18%;top:35%;transform:rotate(-15deg)}.spark-two{right:20%;top:60%;font-size:26px;color:var(--accent)}.game-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px}.identity-panel{padding:26px;background:linear-gradient(150deg,#641723,#421017);border:1px solid #edc57740;border-radius:24px;position:relative;overflow:hidden}.identity-panel:after{content:'✧';font:190px Georgia;position:absolute;right:-55px;bottom:-20px;color:#fff1d408;pointer-events:none}.section-tag{font:11px var(--sans);letter-spacing:1.6px;color:var(--gold);display:flex;gap:10px;align-items:center}.section-tag span{color:var(--muted);font-size:9px;letter-spacing:1.4px}.little-gift{font-size:36px;margin:29px 0 18px;filter:drop-shadow(0 8px 15px #0004)}h2{font:normal 34px/1.12 Georgia;margin:0}.identity-panel h2{font-size:36px}.muted{font-size:12px;line-height:1.8;color:var(--muted)}.identity-panel>.muted{margin:15px 0 24px}label{display:block;font-size:11px;margin:16px 0 9px;color:#f9e3cc}input{display:block;min-width:0;width:100%;background:#25090ccc;border:1px solid #c692596b;color:var(--cream);border-radius:10px;padding:13px 14px;font:14px var(--sans);outline:none}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f2ca7612}input::placeholder{color:#c7a38e}.field-hint{color:#ddbaa1;font-size:10px;line-height:1.6;margin:8px 0 16px}.join-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 15px;border:1px solid #e9bb6c70;border-radius:10px;background:#b72e3b70;font-weight:600;color:#ffe5bb}.join-button:hover:not(:disabled){background:#ce3a458a}.form-message{font-size:11px;line-height:1.7;color:var(--muted);min-height:38px;margin:12px 0}.form-message.error{color:#ffb8b8}.private-note{border-top:1px solid var(--line);display:flex;gap:13px;align-items:center;margin-top:23px;padding-top:21px}.private-note>span{font:36px Georgia;color:var(--gold)}.private-note p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.private-note strong{color:#f8dfbf;font-weight:normal}.game-panel{min-width:0;border:1px solid #ecc57a45;background:radial-gradient(ellipse at 50% 42%,#af35454a,transparent 65%),#4c1018;border-radius:24px;overflow:hidden;position:relative}.game-topline{padding:23px 24px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.live-indicator{font-size:10px;color:#e0c2ad;white-space:nowrap}.live-indicator span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#edc577;margin-right:5px;box-shadow:0 0 9px #edc57770}.mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 22px 0;position:relative;z-index:3}.mode-option{border:1px solid #edc57729;border-radius:12px;padding:12px 7px;background:#26090f3b;text-align:center;transition:transform .2s,background .2s}.mode-option>span{font-size:20px;display:block;margin-bottom:7px}.mode-option b{display:block;font:600 11px var(--sans)}.mode-option small{display:block;font:9px var(--sans);color:#dfb99e;margin-top:5px}.mode-option.selected{border-color:#f2ca76b3;background:#f2ca761c;color:var(--gold);box-shadow:inset 0 0 25px #f2ca7608}.mode-option.selected small{color:#f5d69a}.mode-option:hover:not(:disabled){transform:translateY(-3px)}.stage{height:363px;position:relative;overflow:hidden;isolation:isolate}.stage-star{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);color:#eec78628;font:140px Georgia;z-index:-1}.stage-orbit{position:absolute;left:50%;top:53%;border:1px solid #f2ca7620;border-radius:50%;width:80%;height:50%;transform:translate(-50%,-50%) rotate(-11deg);z-index:-1}.orbit-two{width:90%;height:65%;transform:translate(-50%,-50%) rotate(12deg);border-style:dashed;border-color:#f0b59612}.spotlight{position:absolute;left:15%;right:15%;bottom:50px;height:30px;background:#efbd7460;filter:blur(33px);border-radius:50%;z-index:-1}.face-stage{position:absolute;inset:0;perspective:1000px}.face-card{position:absolute;left:50%;top:44%;width:112px;height:143px;background:linear-gradient(145deg,var(--pine-light),var(--pine-dark));padding:7px 7px 0;border:1px solid var(--pine-light);border-radius:12px;box-shadow:0 8px 25px #20040888;will-change:transform;transform-origin:center;backface-visibility:hidden}.face-card img{width:100%;height:105px;border-radius:6px;object-fit:cover;display:block;transform-origin:center}.face-card span{display:block;color:var(--cream);font:700 11px var(--sans);text-align:center;padding-top:9px}.face-card.front{box-shadow:0 5px 24px #36785d45,0 0 0 2px var(--pine-light)}.stage[data-game=wheel] .face-card{width:70px;height:88px;padding:5px;border-radius:50% 50% 10px 10px}.stage[data-game=wheel] .face-card img{height:56px;border-radius:50%}.stage[data-game=wheel] .face-card span{font-size:9px;padding-top:6px}.stage[data-game=wheel] .stage-star{top:45%;font-size:110px;color:#f2ca7660}.stage[data-game=wheel] .stage-orbit{width:260px;height:260px;top:44%;transform:translate(-50%,-50%)}.stage[data-game=wheel] .orbit-two{width:290px;height:290px}.stage-caption{position:absolute;bottom:17px;left:10px;right:10px;text-align:center;font:italic 13px Georgia;color:#e3bea2}.control-deck{padding:0 25px 22px;text-align:center;position:relative}.spin-button{display:flex;gap:16px;align-items:center;justify-content:center;border:1px solid #fff1bd;background:linear-gradient(180deg,#ffdf9f,#eabb69);color:#58191d;border-radius:15px;padding:18px 25px;box-shadow:0 5px 0 #99702f,0 8px 35px #f2ca7625;font:700 17px var(--sans);margin:0 auto;min-width:290px;transition:transform .15s,box-shadow .15s}.spin-button>span:first-child{font-size:24px}.spin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 #99702f,0 8px 35px #f2ca7645}.spin-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 #99702f}.control-deck>p{font-size:11px;line-height:1.7;color:var(--muted);min-height:19px;margin:18px 0 5px}.control-flourish{font:10px Georgia;letter-spacing:5px;color:#d5ae72}.is-spinning .face-card img{animation:face-wave .8s ease-in-out infinite alternate;animation-delay:var(--delay)}.is-spinning .live-indicator span{animation:twinkle .3s infinite alternate}.is-spinning .stage-star{animation:star-pulse .7s infinite alternate}.is-stopping .face-stage{transition:opacity 1.8s;opacity:0}.slot-machine{width:min(86%,440px);position:absolute;top:40px;left:50%;transform:translateX(-50%);border:6px double var(--pine-light);border-radius:20px;background:linear-gradient(150deg,var(--pine),var(--pine-dark));padding:18px 18px 12px;box-shadow:0 12px 50px #0007,0 0 30px #36785d20}.slot-marquee{font:bold 16px Georgia;text-align:center;letter-spacing:2px;margin:0 0 15px;padding:9px 8px;border:1px solid #ffe5ad;border-radius:8px;background:var(--gold);color:var(--pine-dark)}.reels{display:flex;gap:7px;background:var(--pine-dark);padding:9px;border-radius:13px}.reel{flex:1;min-width:0;position:relative;background:var(--pine);border-radius:6px;overflow:hidden;text-align:center;box-shadow:inset 0 0 20px #0005}.reel img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.reel span{font:700 11px var(--sans);color:var(--cream);display:block;padding:7px 0}.reel>b{display:none;color:var(--gold);font:60px Georgia;position:absolute;inset:0;align-items:center;justify-content:center;background:var(--pine)}.reel.sealed>b{display:flex}.reel.sealed img,.reel.sealed span{visibility:hidden}.reel:after{content:'';position:absolute;inset:0;background:linear-gradient(#0004,transparent 30%,transparent 70%,#0003);pointer-events:none}.is-spinning .reel:not(.sealed) img{animation:reel-rattle .15s infinite}.slot-machine>p{text-align:center;font:8px var(--sans);letter-spacing:1.3px;margin:14px 0 0;color:#f7d2ba}.lever{position:absolute;right:-22px;top:65px;height:105px;width:30px;background:none;border:0;transform-origin:bottom;transition:transform .2s;z-index:2}.lever:before{content:'';position:absolute;left:12px;top:10px;width:9px;height:86px;background:linear-gradient(90deg,#a68b63,#fff0cf,#a68b63);border-radius:6px}.lever i{position:absolute;left:0;top:0;width:34px;height:34px;background:radial-gradient(circle at 35% 30%,#ffbcb5,#d3323d 40%,#8f1f2a);border-radius:50%;box-shadow:0 5px 12px #0006}.lever:active{transform:rotate(30deg)}.sealed-stage{position:absolute;inset:40px 0 45px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(#631722ed,transparent 70%);z-index:4;animation:pop .6s}.sealed-stage>span{font:140px Georgia;color:var(--gold);filter:drop-shadow(0 0 30px #f2ca7633)}.sealed-stage b{font:24px Georgia;margin-top:5px}.sealed-stage small{font:italic 13px Georgia;color:var(--accent);margin-top:10px}.bottom-strip{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);gap:12px}.bottom-strip p{font:13px Georgia;color:var(--gold);margin:0}.bottom-strip p span{color:#e0bda2;margin-left:8px}.text-button{background:transparent;border:0;color:#efd0a8;font-size:11px;padding:8px 0;text-underline-offset:4px}.text-button:hover{text-decoration:underline;color:var(--gold)}footer{display:flex;justify-content:space-between;font:10px/1.8 var(--sans);color:#ccaa92;padding:22px 0 30px;gap:15px}footer span{font-size:9px;letter-spacing:1.7px;white-space:nowrap}dialog{border:1px solid #d5ac7580;background:radial-gradient(ellipse at top,#7b2330,#3d0c14 70%);color:var(--cream);border-radius:24px;padding:38px;max-height:90dvh;overflow:auto;box-shadow:0 35px 130px #000b}dialog::backdrop{background:#200407eb;backdrop-filter:blur(12px)}.reveal-dialog{max-width:440px;width:calc(100% - 32px);text-align:center;isolation:isolate}.reveal-dialog[open]{animation:pop .45s}.reveal-dialog h2{font-size:38px;margin:16px 0;color:var(--cream)}.reveal-dialog .eyebrow{font-size:9px;letter-spacing:2px}.seal-envelope{position:relative;font:125px Georgia;color:var(--gold);line-height:1.2;margin-bottom:25px;filter:drop-shadow(0 0 30px #e8c68b30);animation:bob 2.5s infinite alternate}.seal-envelope span{position:absolute;font:26px Georgia;left:calc(50% - 18px);top:64px;color:#731b26;background:#ebc58b;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #fff0bc}.dialog-copy{font-size:13px;line-height:1.9;color:#eed0b0;margin:17px 0 23px}.gold-button{border:0;background:var(--gold);color:#58191d;border-radius:11px;padding:14px 20px;font:700 13px var(--sans);min-height:44px}.reveal-dialog .gold-button{width:100%}.dialog-dismiss{position:absolute;top:12px;right:14px;border:0;background:#ffffff0d;color:#ffe5c6;border-radius:50%;width:31px;height:31px;font:24px Georgia}.winner-photo-wrap{width:164px;height:164px;border:5px solid var(--pine-light);background:var(--pine-dark);border-radius:50%;padding:5px;margin:28px auto 22px;box-shadow:0 0 35px #36785d33}.winner-photo-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%}.secret-reminder{font:italic 13px Georgia;color:var(--accent);margin:0 0 28px}.confetti-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;border-radius:24px}.confetti-bit{position:absolute;top:-20px;width:7px;height:11px;background:var(--color);border-radius:2px;animation:confetti-fall var(--duration) ease-in forwards}@keyframes twinkle{to{opacity:.4;filter:brightness(.7)}}@keyframes face-wave{from{transform:scale(.97) rotate(-4deg);border-radius:25% 8% 20% 8%}to{transform:scale(1.04) rotate(4deg);border-radius:8% 25% 8% 20%;filter:saturate(1.4)}}@keyframes reel-rattle{50%{transform:translateY(7px);filter:blur(1.5px)}100%{transform:translateY(-7px);filter:blur(1px)}}@keyframes star-pulse{to{filter:brightness(2);font-size:160px}}@keyframes pop{from{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bob{to{transform:translateY(-9px) rotate(-4deg)}}@keyframes confetti-fall{to{transform:translate(var(--drift),650px) rotate(540deg);opacity:0}}
@media(min-width:1400px){.hero{padding-top:47px;padding-bottom:40px}.stage{height:390px}}@media(max-width:1000px){.game-layout{grid-template-columns:250px minmax(0,1fr);gap:16px}main{padding:0 25px}.identity-panel{padding:23px}.game-topline{padding:20px}.live-indicator{display:none}.mode-picker{margin:16px 14px 0;gap:5px}.mode-option b{font-size:10px}.mode-option small{font-size:8px}.stage{height:348px}.face-card{width:100px;height:129px}.face-card img{height:94px}.face-card span{font-size:10px;padding-top:7px}.slot-marquee{font-size:13px}.hero-spark{left:10%}.spark-two{left:auto;right:12%}}@media(max-width:720px){.topbar{padding:33px 20px 18px}.brand{font-size:19px}.brand small{font-size:8px;letter-spacing:2px}.edition{display:none}#sound span{display:none}.header-actions #sound{width:37px;padding:0}main{padding:0 16px}.hero{padding:30px 0}.hero h1{font-size:47px}.hero>p:last-of-type{font-size:12px}.hero-spark{font-size:28px;left:3%;top:47%}.spark-two{left:auto;right:3%;top:65%;font-size:20px}.game-layout{grid-template-columns:1fr;gap:16px}.identity-panel{padding:22px}.little-gift{position:absolute;right:25px;top:20px;font-size:43px}.identity-panel h2{font-size:28px;margin-top:20px;max-width:70%}.identity-panel h2 br{display:none}.identity-panel>.muted{margin:10px 0 17px;max-width:85%}.private-note{display:none}form label:first-child{margin-top:0}.form-message{min-height:0;margin-bottom:0}.game-topline{padding:20px 17px}.mode-option small{display:none}.mode-option{padding:12px 3px}.mode-option>span{font-size:19px}.stage{height:335px}.spin-button{min-width:0;width:100%;font-size:16px;padding:16px 14px}.control-deck{padding:0 20px 20px}.bottom-strip p{font-size:12px;line-height:1.6}.bottom-strip p span{margin-left:0}footer{display:block;font-size:9px}footer span{display:block;margin-top:6px}.reel span{font-size:10px}.slot-machine{top:50px;width:83%;padding:16px 12px 12px}.slot-marquee{font-size:12px;letter-spacing:1px}.slot-machine>p{font-size:7px}.stage-caption{font-size:12px}.reveal-dialog{padding:34px 25px}.reveal-dialog h2{font-size:33px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#snow{display:none}}

#soundIcon{font-size:19px;font-weight:normal}select{font:16px var(--sans);color:var(--cream);background:#350c13;border:1px solid #c692596b;border-radius:10px;padding:12px;min-width:0;flex:1}#name{font-size:18px;min-height:48px}#join{font-size:16px;min-height:48px}.identity-panel form label{margin-top:20px}

.demo-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #e9c77b55;background:#e9c77b0c;border-radius:14px;padding:14px 20px;margin-bottom:18px}.demo-bar b{font-size:12px;color:var(--gold)}.demo-bar span{display:block;font-size:11px;color:var(--muted);margin-top:5px}.demo-bar .text-button{white-space:nowrap}.offline-help{border:1px solid #e9c77b55;border-radius:12px;padding:14px;margin:15px 0;background:#e9c77b0b}.offline-help a{font-size:13px;color:var(--gold);text-decoration:underline;text-underline-offset:4px}.offline-help p{font-size:11px;line-height:1.6;color:var(--muted)}.offline-help code{font-size:13px;color:var(--cream)}@media(max-width:600px){.demo-bar{align-items:flex-start;flex-direction:column;gap:8px}}




.gift-icon{display:inline-block;width:1.2em;height:1.2em;vertical-align:middle;overflow:visible}