:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f5f4f0;background:#080f20;font-synthesis:none;--gold: #f1c579;--muted: #a4b0c6;--line: #ffffff16;--cyan: #63d8d1}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}a{color:inherit;text-decoration:none}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 75% 20%,#15445465,transparent 45%),radial-gradient(ellipse at 25% 0,#26325970,transparent 50%),linear-gradient(115deg,transparent 49%,#ffffff02 50%,transparent 58%)}.topbar{max-width:1400px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:22px;letter-spacing:1px;font-weight:850;position:relative;padding-left:44px;line-height:1}.brand>span:not(.brand-icon){color:var(--gold)}.brand-icon{position:absolute;left:0;top:0;font-size:42px;color:var(--gold)}.brand small{display:block;color:var(--muted);font-size:9px;font-weight:500;letter-spacing:3px;margin-top:9px}nav{display:flex;align-items:center;gap:20px}.quiet{background:none;font-size:13px;padding:10px 0;color:#b8c3d5}.quiet:hover{color:var(--gold)}.icon{border-radius:50%;background:#ffffff08;border:1px solid var(--line);width:38px;height:38px;font-size:20px}.outline,.gold,.secondary{border:1px solid #ffffff30;background:#ffffff04;padding:14px 22px;border-radius:9px;font-weight:650;font-size:14px;transition:background .2s,transform .2s}.outline:hover,.secondary:hover{background:#ffffff13}.gold{background:linear-gradient(110deg,#f6d694,#edb95e);color:#242018;border:1px solid #ffe7ac;box-shadow:0 4px 30px #eeb96920}.gold:hover{filter:brightness(1.08);transform:translateY(-1px)}.gold span{margin-left:22px}.secondary{background:#244457}main{max-width:1280px;margin:auto;padding:0 5%}.home{padding-top:68px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px 48px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--gold);font-weight:750;display:flex;align-items:center;gap:10px}.eyebrow i,.live-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;display:inline-block;box-shadow:0 0 14px var(--cyan)}h1{font-size:clamp(34px,3.6vw,54px);line-height:1.16;letter-spacing:-2.3px;font-weight:700;margin:26px 0 22px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold);letter-spacing:-1.8px}.hero-copy>p{max-width:440px;font-size:15px;line-height:1.85;color:var(--muted)}.hero-tags{display:flex;gap:15px;margin:24px 0;font-size:11px;color:#c5d1df}.hero-tags span:before{content:"✦";color:var(--cyan);font-size:10px;margin-right:7px}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-copy .fine{font-size:10px;color:#8694ad;margin-top:18px}.hero-art{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:10px}.hero-art:before{content:"";position:absolute;inset:-40px 0 0;background:conic-gradient(from 170deg at 50% 0,transparent,#94ede50a,transparent 20%,#ffe6af0b,transparent 70%);filter:blur(15px);z-index:-1}.studio-badge{font-size:9px;letter-spacing:3px;color:#adbacb;margin-bottom:20px}.mini-board{display:flex;gap:4px;padding:12px 15px;border:1px solid #d4b67840;background:linear-gradient(#1c3344,#0b172d);border-radius:8px;box-shadow:0 10px 40px #0007;transform:rotate(-3deg);z-index:1}.mini-board span{background:#eaf1e6;border-radius:2px;color:#17374a;padding:6px 4px;font-weight:800;font-size:18px;box-shadow:inset 0 -3px #bdcfc1}.mini-board b{width:5px}.wheel-wrap{width:100%;position:relative;aspect-ratio:1;filter:drop-shadow(0 25px 22px #0008)}.demo{max-width:410px;margin-top:10px}.wheel-wrap canvas{width:100%;height:100%;display:block}.pointer{position:absolute;left:calc(50% - 12px);top:1.5%;width:24px;height:38px;background:linear-gradient(90deg,#8e6234,#ffe8ad 55%,#a47640);clip-path:polygon(0 0,100% 0,80% 58%,50% 100%,20% 58%);transform-origin:50% 10%;filter:drop-shadow(0 3px 2px #000)}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:27%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle at 40% 20%,#23485c,#091427 75%);box-shadow:0 4px 16px #000a,inset 0 0 0 3px #cfa75c,inset 0 0 0 7px #0b1627;color:#f7d79a;line-height:.85;font-size:17px;letter-spacing:1px;font-weight:800;pointer-events:none}.wheel-center strong{font-size:29px;margin-top:3px}.wheel-center small{font-size:5px;letter-spacing:1px;margin-top:12px;font-weight:600}.art-caption{font-size:10px;color:#a9b9cc;display:flex;align-items:center;gap:10px;margin-top:0}.mode-strip{grid-column:1/-1;border:1px solid var(--line);background:linear-gradient(115deg,#ffffff05,#ffffff01);display:grid;grid-template-columns:repeat(3,1fr);border-radius:12px;margin-top:22px;padding:24px 26px}.mode-strip article{display:flex;align-items:center;gap:17px;padding:0 18px;border-right:1px solid var(--line)}.mode-strip article:first-child{padding-left:0}.mode-strip article:last-child{border:0}.mode-strip b{font-family:Georgia,serif;font-size:30px;color:#e7be7770;font-weight:400}.mode-strip h3{font-size:13px;margin:0 0 8px}.mode-strip p{font-size:11px;color:var(--muted);margin:0}footer{max-width:1280px;margin:50px auto 0;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;border-top:1px solid var(--line);color:#8290a8;font-size:11px}footer>div{display:flex;gap:24px}footer small{width:100%;font-size:10px}.hidden{display:none!important}.game-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0;font-size:11px;color:var(--muted)}.game-top .outline{padding:9px 12px;font-size:11px}.round-line{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:980px;margin:30px auto 16px}.round-line h2{font-size:26px;letter-spacing:-.6px;margin:10px 0}.round-line p{font-size:13px;color:var(--muted);margin:0;max-width:700px}#timer{position:relative;width:70px;height:70px;flex-shrink:0;display:grid;place-items:center}#timer svg{position:absolute;inset:0;transform:rotate(-90deg);width:100%;height:100%}#timer circle{fill:none;stroke:#ffffff13;stroke-width:3}#timer #timer-ring{stroke:var(--cyan);stroke-dasharray:220;transition:stroke-dashoffset .2s}#timer strong{font-size:25px;font-variant-numeric:tabular-nums}#timer.urgent{color:#ff777e}#timer.urgent #timer-ring{stroke:#ff777e}.board-frame{max-width:980px;margin:auto;border-radius:14px;padding:10px 25px;background:linear-gradient(120deg,#b5904b,#f2d497 20%,#706141 35%,#233649 40%,#d7b56c);box-shadow:0 15px 40px #0007,0 0 50px #5cd5c911}.board-lights{height:12px;background:radial-gradient(circle,#f8de9b 1px,transparent 3px) 0 0/24px 10px;opacity:.7}.board{padding:16px;background:linear-gradient(#102a3b,#081a2d);border-radius:5px;display:flex;flex-direction:column;gap:7px;box-shadow:inset 0 0 25px #0008}.board-row{display:flex;justify-content:center;gap:5px}.tile{display:grid;place-items:center;width:clamp(18px,4.5vw,51px);height:clamp(27px,5.8vw,62px);border:1px solid #d6eadd80;border-radius:3px;background:linear-gradient(150deg,#f4f8e9,#dbe8df);color:#173244;font-size:clamp(16px,3vw,30px);font-weight:750;box-shadow:0 2px 4px #0006}.tile.covered{background:linear-gradient(140deg,#226958,#174238);border:1px solid #58a99b66;box-shadow:inset 0 0 0 3px #246b5922,0 2px 4px #0006}.tile.space{background:transparent;border:0;box-shadow:none}.tile.new{animation:flip .65s both;animation-delay:var(--delay)}@keyframes flip{0%{transform:rotateY(90deg);background:#64cfb9}65%{box-shadow:0 0 20px #81eddc}to{transform:rotateY(0)}}.desks{display:grid;grid-template-columns:repeat(3,1fr);max-width:980px;margin:22px auto 5px;gap:14px}.desk{position:relative;background:linear-gradient(135deg,#1b2a42,#0e192c);border:1px solid #ffffff14;border-radius:10px;padding:16px 20px;border-bottom:3px solid var(--desk);transition:box-shadow .3s}.desk.active{box-shadow:0 0 0 1px var(--desk),0 0 26px color-mix(in srgb,var(--desk) 12%,transparent);background:linear-gradient(120deg,#25404d,#112234)}.desk-name{display:flex;align-items:center;gap:10px;font-size:13px}.avatar{width:30px;height:30px;background:color-mix(in srgb,var(--desk) 20%,transparent);border:1px solid color-mix(in srgb,var(--desk) 35%,transparent);border-radius:50%;display:grid;place-items:center;color:var(--desk);font-weight:700}.desk small{font-size:9px;color:var(--muted)}.desk-money{font-size:24px;font-weight:700;margin:12px 0 7px;letter-spacing:-.5px}.desk-bank{display:flex;justify-content:space-between;gap:6px;color:var(--muted);font-size:10px}.desk-bank b{color:#f1d8aa}.active-dot{color:var(--cyan);font-size:9px;margin-left:auto}.play-floor{display:grid;grid-template-columns:360px 1fr;gap:54px;align-items:center;max-width:940px;margin:24px auto}.game-wheel{max-width:360px}.action-panel h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:13px 0 23px}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.action-buttons .gold{width:100%;padding:18px;font-size:16px}.action-buttons .outline{flex:1}.spin-button{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.power{height:5px;border-radius:5px;background:#ffffff14;overflow:hidden;margin:9px 0}.power>div{height:100%;width:0;background:var(--gold)}.fine{font-size:11px;line-height:1.65;color:var(--muted)}.keyboard{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.key{padding:12px 0;border-radius:5px;border:1px solid #ffffff25;background:#21374b;font-size:15px;font-weight:700}.key.vowel{color:var(--gold)}.key.selected{background:var(--gold);color:#18263b}.called{font-size:10px;letter-spacing:3px;line-height:1.8;color:#8ea0b7;margin-top:18px}.answer-form{display:flex;gap:8px;flex-wrap:wrap}.answer-form input{flex:1;min-width:130px}.answer-form button{padding:12px 17px}input,select,textarea{width:100%;border:1px solid #ffffff25;border-radius:7px;padding:13px;background:#081629;color:#fff;font-size:14px}label{display:block;color:#c4cedd;font-size:12px;margin:18px 0 7px}input[type=range]{padding:0;accent-color:var(--gold)}input[type=checkbox]{width:auto;margin-right:10px;accent-color:var(--gold)}.panel{max-width:740px;margin:60px auto;padding:32px;border-radius:15px;border:1px solid var(--line);background:linear-gradient(140deg,#1b2d42,#10192d)}.panel h1{font-size:35px;margin:18px 0}.lobby-code{font-size:38px;letter-spacing:10px;color:var(--gold);font-weight:750;margin:25px 0}.lobby-seat{display:flex;align-items:center;justify-content:space-between;padding:18px;border:1px solid var(--line);border-radius:8px;margin-bottom:10px}.lobby-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.winner{padding:20px;border:1px solid #f0c47766;background:#f0c47708;border-radius:12px}.winner .prize{font-size:38px;color:var(--gold);margin:10px 0}.toast{position:fixed;z-index:10;bottom:26px;left:50%;transform:translate(-50%);background:#f2dfb6;color:#1a2635;padding:14px 23px;border-radius:9px;box-shadow:0 8px 25px #0008;font-size:13px;max-width:90vw}dialog{width:560px;max-width:94vw;max-height:90dvh;overflow:auto;background:linear-gradient(130deg,#182a40,#0e192c);color:#f4f5f0;border:1px solid #b4cad136;border-radius:16px;padding:34px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#020914b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog h2{font-size:27px;margin:0 28px 22px 0;letter-spacing:-.5px}dialog h3{font-size:16px;color:var(--gold);margin-top:28px}dialog p,dialog li{font-size:13px;color:#bdc9dc;line-height:1.8}dialog .close{position:absolute;right:16px;top:12px;background:transparent;font-size:29px;color:#9aadc3}dialog .gold{margin-top:22px;width:100%}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.tabs button{background:#ffffff09;border:1px solid var(--line);padding:10px 13px;border-radius:6px;font-size:12px}.tabs .selected{background:#e3bd7422;border-color:#e3bd74;color:var(--gold)}.score-row{display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.score-row small{font-size:10px;color:var(--muted)}.score-row>b{color:var(--gold)}.score-row.mine{background:#63d8d110}.admin-item{padding:14px 0;border-bottom:1px solid var(--line)}.admin-item button{background:#ffffff0a;padding:6px 10px;border-radius:4px;margin-top:5px}.admin-item small{color:var(--muted)}.error{color:#f99!important}.reduced *{scroll-behavior:auto;transition-duration:.01ms!important}.reduced .tile.new{animation:none}@media(min-width:1500px){.home{padding-top:90px}footer{margin-top:80px}}@media(max-width:850px){nav{gap:13px}.topbar{padding:23px 5%}nav .quiet{font-size:11px}.home{gap:30px 20px;padding-top:45px}h1{font-size:37px}.hero-copy>p{font-size:13px}.hero-tags{gap:9px;font-size:9px}.hero-actions{flex-wrap:wrap}.hero-actions button{padding:13px 18px}.mode-strip{padding:20px 17px}.mode-strip article{gap:10px;padding:0 12px}.mode-strip p{line-height:1.6}.play-floor{grid-template-columns:290px 1fr;gap:25px}.desk{padding:12px}.desk-money{font-size:21px}.keyboard{gap:4px}.key{padding:11px 0}.mini-board{gap:3px;padding:9px}.mini-board span{font-size:14px}.wheel-center{font-size:13px}.wheel-center strong{font-size:23px}.wheel-center small{font-size:4px}.studio-badge{font-size:7px;letter-spacing:2px}}@media(max-width:600px){.topbar{padding:19px 5%}.brand{font-size:18px;padding-left:34px}.brand-icon{font-size:32px}.brand small{font-size:7px;letter-spacing:2px}.topbar nav{gap:11px}.topbar nav .quiet{display:none}.topbar nav .outline{font-size:10px;padding:9px 11px}.icon{height:33px;width:33px;font-size:17px}.home{grid-template-columns:1fr;padding-top:35px;gap:25px}h1{font-size:40px;letter-spacing:-1.8px;margin:20px 0}.hero-copy>p{font-size:14px;line-height:1.7}.hero-tags{font-size:10px;gap:16px}.hero-actions{margin-top:24px}.hero-actions .gold{flex:1}.hero-copy .fine{font-size:9px}.hero-art{padding-top:4px;max-width:350px;width:100%;margin:auto}.demo{max-width:310px}.studio-badge{font-size:8px}.mini-board span{font-size:17px}.mode-strip{grid-template-columns:1fr;gap:20px;margin-top:6px;padding:20px}.mode-strip article{padding:0;border:0}.mode-strip p{font-size:11px}footer{margin-top:30px;padding-bottom:25px}.game-top{font-size:9px;flex-wrap:wrap;margin:14px 0}.game-top .quiet{font-size:11px}.game-top .outline{font-size:9px;padding:8px}.round-line{margin-top:22px}.round-line h2{font-size:21px}.round-line .eyebrow{font-size:8px;letter-spacing:1.5px}.round-line p{font-size:11px}#timer{width:57px;height:57px}#timer strong{font-size:22px}.board-frame{padding:5px 7px;border-radius:8px}.board{padding:10px 4px;gap:5px}.board-row{gap:3px}.tile{width:clamp(16px,5.1vw,30px);height:clamp(27px,7.5vw,44px);font-size:clamp(15px,4.2vw,23px);border-radius:2px}.board-lights{height:8px;background-size:17px 8px}.desks{gap:7px;margin-top:15px}.desk{padding:10px 8px;border-radius:6px}.desk-name{font-size:10px;gap:5px;flex-wrap:wrap}.avatar{width:23px;height:23px;font-size:10px}.desk-name small{font-size:7px}.active-dot{display:none}.desk-money{font-size:19px;margin:10px 0 6px}.desk-bank{font-size:8px;flex-wrap:wrap;gap:4px}.play-floor{display:flex;flex-direction:column;gap:10px;margin:15px auto}.game-wheel{width:235px;max-width:58vw}.action-panel{width:100%;padding-bottom:12px}.action-panel h2{font-size:20px;margin:10px 0 16px}.action-panel .eyebrow{font-size:8px}.action-buttons .gold{padding:16px}.keyboard{grid-template-columns:repeat(9,1fr);gap:5px}.key{padding:12px 0}.called{margin-top:10px}.panel{margin:30px auto;padding:22px}.lobby-code{font-size:30px;letter-spacing:7px}.lobby-seat{padding:14px;font-size:13px}dialog{padding:28px 22px}dialog h2{font-size:24px}dialog p{font-size:12px}}@media(max-height:550px)and (orientation:landscape){.play-floor{display:grid;grid-template-columns:220px 1fr}.game-wheel{width:200px}.round-line{margin-top:5px}.board .tile{height:35px;width:28px;font-size:20px}.desks{margin-top:12px}.topbar{padding-top:10px;padding-bottom:10px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:600px){#playing.compact .game-wheel{display:none}#playing.compact .play-floor{margin-top:23px}.desk-name>div{overflow-wrap:anywhere}}footer>div{flex-wrap:wrap}