:root{--gold:#e8c35a;--gold-dark:#a9822a;--ink:#f6ecd6;--muted:#b7a98c;--panel:#16100cc7;--panel-border:#e8c35a47;--danger:#e2584a;--ok:#6cc36a;--radius:14px}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background:#0e0a08;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}[hidden]{display:none!important}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000073}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.error{color:var(--danger);text-align:center;min-height:1.2em;margin:10px 0 0}.row{align-items:center;gap:8px;display:flex}.btn{color:var(--ink);cursor:pointer;white-space:nowrap;background:linear-gradient(#4a3826,#33251a);border:1px solid #e8c35a66;border-radius:10px;padding:10px 16px;font:600 15px Inter,sans-serif;transition:transform 80ms,filter .15s,box-shadow .15s}.btn:hover:not(:disabled){filter:brightness(1.18)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.gold{color:#2a1c0c;background:linear-gradient(#f4d77a,#c99a32);border-color:#f7e2a0;box-shadow:0 4px 14px #e8c35a40}.btn.big{letter-spacing:1px;width:100%;padding:13px 20px;font-family:Cinzel,serif;font-size:17px;font-weight:700}.btn.small{padding:7px 12px;font-size:13px}.btn.ghost{background:0 0;border-color:#ffffff26}.btn.danger{background:linear-gradient(#8a2e24,#5e1d16)}.btn.ok{background:linear-gradient(#3e7d3a,#2a5927)}.btn.active{box-shadow:0 0 0 2px var(--gold), 0 0 18px #e8c35a99}input{color:var(--ink);background:#00000059;border:1px solid #e8c35a4d;border-radius:10px;outline:none;width:100%;padding:10px 12px;font:500 15px Inter,sans-serif}input:focus{border-color:var(--gold)}.screen{z-index:20;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:radial-gradient(#0000001a,#000000a6);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.lobby-card{width:min(420px,100%);margin:auto 0;padding:28px 28px 22px}.logo{text-align:center;letter-spacing:6px;background:linear-gradient(#fff1b8,#e8c35a 45%,#a46d1c);color:#0000;filter:drop-shadow(0 3px #0009);-webkit-background-clip:text;background-clip:text;margin:0;font:900 64px Cinzel,serif}.tagline{text-align:center;color:var(--muted);margin:2px 0 22px;font-style:italic}.field{margin-bottom:14px;display:block}.field span{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.divider{color:var(--muted);align-items:center;gap:10px;margin:18px 0 12px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:#e8c35a33;flex:1;height:1px}.code-input{text-transform:uppercase;letter-spacing:6px;text-align:center;font-weight:700}.room-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.room-code{color:var(--gold);letter-spacing:6px;font:700 30px Cinzel,serif}.share input{font-size:13px}.swatch{border:2px solid #00000080;border-radius:50%;flex:none;width:18px;height:18px;box-shadow:0 0 0 1px #ffffff40}.transfer-qr{place-items:center;margin:6px auto 4px;display:grid}.transfer-qr svg,.transfer-qr img{background:#fff;border-radius:10px;width:200px;height:200px;padding:8px}.transfer-link{word-break:break-all;color:var(--muted);text-align:center;-webkit-user-select:all;user-select:all;margin:6px 0 0;font-size:12px}.clock-slot:empty{display:none}.game-clock{font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font:700 15px Inter,sans-serif;display:inline-flex}.game-clock.mine{background:#e8c35a2e;border-color:#e8c35a80}.game-clock.low{color:#ff7a6a;border-color:#e2584a;animation:1s ease-in-out infinite clock-pulse}.game-clock.paused{color:var(--muted)}.game-clock .bonus{color:#7ddc7a;animation:1.5s ease-out forwards clock-bonus}@keyframes clock-pulse{50%{background:#e2584a40}}@keyframes clock-bonus{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.clock-btn{border:1px solid var(--panel-border);width:30px;height:30px;color:var(--ink);cursor:pointer;background:#00000059;border-radius:50%;flex:none;font-size:13px}.clock-btn:hover{filter:brightness(1.4)}.icon-btn{border:1px solid var(--panel-border);background:var(--panel);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:10px;place-items:center;font-size:18px;font-weight:700;display:grid}.icon-btn:hover{filter:brightness(1.3)}.dialog{pointer-events:auto;width:min(460px,100vw - 32px);padding:18px 20px;animation:.18s ease-out pop}.dialog h3{color:var(--gold);text-align:center;margin:0 0 6px;font:700 20px Cinzel,serif}.dialog p{text-align:center;color:var(--muted);margin:4px 0 12px;font-size:14px}.dialog .btns{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.94)}}.section-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:12px 0 6px;font:600 12px Inter}.tabs{justify-content:center;gap:6px;margin-bottom:10px;display:flex}.tabs .btn{padding:6px 14px;font-size:13px}.resp-list{gap:6px;margin-top:8px;display:grid}.resp{background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:flex}.resp .st{color:var(--muted);margin-left:auto;font-size:13px}.react-sheet .tabs{margin-bottom:12px}.emote-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.throw-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.emote,.throwable{color:var(--muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 6px;font:600 11px Inter,sans-serif;transition:transform 80ms,background .15s;display:flex}.emote:active,.throwable:active{transform:scale(.92)}.emote:hover,.throwable:hover:not(:disabled){background:#e8c35a26}.throwable:disabled{opacity:.35;cursor:not-allowed}.emote-face{font-size:34px;line-height:1.15}.target-row{flex-wrap:wrap;gap:6px;display:flex}.target{color:var(--ink);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font:600 14px Inter,sans-serif;display:flex}.target.sel{border-color:var(--c);box-shadow:0 0 0 2px var(--c);background:#ffffff1a}.target .swatch{width:14px;height:14px}.phrase-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.phrase-list .phrase{white-space:normal;text-align:center;padding:10px 8px;font-size:13px}.react-foot{justify-content:space-between!important}.mic-btn{touch-action:none;-webkit-user-select:none;user-select:none}.mic-btn[data-state=off]{filter:grayscale(.7);opacity:.8}.mic-btn[data-state=ptt],.mic-btn[data-state=open]{border-color:#4ade80}.mic-btn[data-state=muted]{border-color:#e2584a}.mic-btn[data-state=talking]{background:#1f7a3c;border-color:#4ade80;box-shadow:0 0 0 3px #4ade8066,0 0 18px #4ade80b3}.v-ok{color:#7ddc7a}.v-bad{color:#ff8a7a}.v-note{color:#ffcf9a!important;font-size:13px!important}.fx-layer{pointer-events:none;z-index:55;position:fixed;inset:0;overflow:hidden}.fx{will-change:transform, opacity;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.fx-emote img{filter:drop-shadow(0 6px 10px #00000080);display:block}.fx-emoji{filter:drop-shadow(0 6px 10px #00000080);line-height:1;display:block}.fx-emoji.facepalm{transform-origin:50% 80%;animation:.55s ease-in-out 3 fx-facepalm}@keyframes fx-facepalm{0%,to{transform:rotate(0)}30%{transform:rotate(-14deg)translateY(4px)}60%{transform:rotate(10deg)}}.fx-projectile span{filter:drop-shadow(0 4px 6px #00000080);line-height:1;display:block}.fx-word span{letter-spacing:1px;color:#ffe14d;-webkit-text-stroke:2px #1a0f05;paint-order:stroke fill;text-shadow:3px 3px #c0281e;white-space:nowrap;font:900 30px/1 Arial Black,Impact,Inter,sans-serif;display:block}.fx-splat svg{width:100%;height:100%;display:block}.fx-boom span{font-size:64px;line-height:1;display:block}.fx-bubble span{color:#2a1c0c;text-align:center;background:#fff8e6;border-radius:14px;max-width:min(260px,70vw);padding:8px 12px;font:700 14px Inter,sans-serif;display:block;position:relative;box-shadow:0 6px 18px #00000073}.fx-bubble span:before{content:"";left:calc(50% + var(--tail,0px));background:#fff8e6;width:12px;height:12px;position:absolute;transform:translate(-50%)rotate(45deg)}.fx-bubble.below span:before{top:-5px}.fx-bubble.above span:before{bottom:-5px}.fx-face-splat{width:78vmin;height:78vmin}.fx-face-splat svg{width:100%;height:100%;display:block}.fx-face-hit{background:radial-gradient(#0000 40%,#e2281e8c);width:100vw;height:100vh}.fx-face-hit.boom{background:radial-gradient(circle,#ffe696e6,#ff781e80 40%,#0000 75%)}.fx-shake{animation:.5s ease-in-out fx-shake}.fx-screen-shake{animation:.5s ease-in-out fx-screen-shake}@keyframes fx-shake{0%,to{transform:none}20%{transform:translate(-6px)rotate(-3deg)}40%{transform:translate(5px)rotate(3deg)}60%{transform:translate(-4px)rotate(-2deg)}80%{transform:translate(3px)rotate(1deg)}}@keyframes fx-screen-shake{0%,to{transform:none}15%{transform:translate(-10px,6px)}30%{transform:translate(9px,-7px)}45%{transform:translate(-7px,-4px)}60%{transform:translate(6px,5px)}80%{transform:translate(-3px,2px)}}.toast{border:1px solid var(--panel-border);background:#16100ceb;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;animation:3.6s forwards toast;display:flex}.toast img{width:20px;height:20px}.toast.err{border-color:var(--danger);color:#ffcfc8}.toast.good{border-color:var(--ok)}@keyframes toast{0%{opacity:0;transform:translateY(-8px)}8%,85%{opacity:1;transform:none}to{opacity:0}}.modal{z-index:30;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:12px;right:12px}@media (width<=760px){.logo{font-size:48px}}body{background:radial-gradient(at 50% 0,#3a2414,#120b07 70%) fixed,#0e0a08}.gn-page{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 16px 32px;position:fixed;inset:0;overflow-y:auto}.gn-col{gap:14px;width:min(640px,100%);margin:0 auto;display:grid}.gn-col.narrow{width:min(440px,100%)}.gn-loading{text-align:center;color:var(--muted);padding:40px}.gn-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 0 2px;display:flex}.gn-brand{letter-spacing:2px;color:var(--gold);font:900 22px Cinzel,serif;text-decoration:none}.gn-nav{align-items:center;gap:14px;font-size:14px;display:flex}.gn-nav a,.gn-link{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;text-decoration:none}.gn-nav a:hover,.gn-link:hover,a{color:var(--gold)}.gn-card{padding:20px 18px 16px}.gn-card.center{text-align:center}.gn-title{color:var(--gold);text-align:center;margin:0 0 14px;font:700 26px Cinzel,serif}.gn-h2{color:var(--gold);margin:0 0 10px;font:700 17px Cinzel,serif}.gn-hello{margin:4px 2px 0;font-size:18px;font-weight:600}.btns{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.btns a.btn,a.btn{text-decoration:none;display:inline-block}.gn-center-btn{margin:8px auto 0;display:block}select{color:var(--ink);background:#00000059;border:1px solid #e8c35a59;border-radius:8px;padding:6px 10px;font:600 14px Inter,sans-serif}select:disabled{opacity:.7}.gn-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.gn-row-link,.gn-row{color:var(--ink);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;text-decoration:none;display:flex}.gn-row-link:hover{border-color:var(--panel-border)}.gn-code{letter-spacing:3px;color:var(--gold);margin-left:auto;font:700 15px Cinzel,serif}.gn-games{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.gn-game{cursor:pointer;text-align:left;color:var(--ink);background:linear-gradient(160deg,#e8c35a38,#4a382699);border:1px solid #e8c35a66;border-radius:12px;gap:4px;padding:16px 12px;display:grid}.gn-game:hover:not(:disabled){filter:brightness(1.15)}.gn-game-name{color:var(--gold);font:700 20px Cinzel,serif}.gn-history{gap:8px;margin:0;padding:0;list-style:none;display:grid}.gn-history li{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:10px 12px}.gn-history li.won{border-color:#e8c35a73}.gn-history-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.gn-history-players{flex-wrap:wrap;gap:6px;display:flex}.gn-chip{color:var(--ink);background:#0000004d;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 4px;font-size:13px;text-decoration:none;display:inline-flex}.gn-chip .swatch{width:14px;height:14px}.gn-chip b{color:var(--gold)}.gn-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.gn-stats div{background:#ffffff0a;border-radius:10px;padding:10px 4px}.gn-stats b{color:var(--gold);font:700 24px Cinzel,serif;display:block}.gn-stats span{color:var(--muted);font-size:12px}.gn-invite{justify-items:center;gap:6px;margin-top:14px;display:grid}.gn-logo-small{margin-bottom:10px;font-size:44px}.gn-qr{margin-top:10px}.gn-qr svg{width:150px;height:150px}.gn-seats{gap:8px;margin:16px 0;padding:0;list-style:none;display:grid}.gn-seats li{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.gn-seats li.away{opacity:.55}.gn-seats li.empty{border-style:dashed;justify-content:center}.gn-seats li.in-voice .gn-seat-name:after{content:" 🎙";font-size:12px}.gn-seats li.talking{border-color:#4ade80;box-shadow:0 0 0 1px #4ade80,0 0 14px #4ade8080}.gn-seat-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.gn-seats .tag{color:var(--gold);font-size:12px}.gn-x{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:16px}.color-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.gn-colors{gap:8px;display:flex}.gn-colors button{cursor:pointer;border:2px solid #00000080;border-radius:50%;width:32px;height:32px}.gn-colors button.sel{box-shadow:0 0 0 3px var(--gold)}.gn-colors button:disabled{opacity:.25;cursor:not-allowed}.option-row{justify-content:space-between;align-items:center;margin:10px 0 4px;display:flex}.timer-help{margin:0 0 14px;line-height:1.4}.gn-card .btn.big{margin-top:4px}.gn-voice{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.gn-voice .muted{flex:1;min-width:120px}.gn-chat{gap:8px;display:grid}.gn-chat-list{align-content:start;gap:3px;min-height:60px;max-height:220px;font-size:14px;line-height:1.45;display:grid;overflow-y:auto}.gn-stage{position:fixed;inset:0}.gn-toasts{z-index:60;pointer-events:none;justify-items:center;gap:6px;display:grid;position:fixed;top:14px;left:50%;transform:translate(-50%)}.gn-tabs{flex-wrap:wrap;margin-bottom:12px}.gn-more{margin:10px 0 0}.gn-table{border-collapse:collapse;width:100%;font-size:14px}.gn-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);text-align:center;padding:6px 4px;font:600 11px Inter,sans-serif}.gn-table td{text-align:center;white-space:nowrap;border-top:1px solid #ffffff0f;padding:8px 4px}.gn-table .left{text-align:left;white-space:normal}.gn-table td.left a{color:var(--ink);font-weight:600;text-decoration:none}.gn-table .rank{width:30px}.gn-table tr.me td{background:#e8c35a1a}.gn-h2h{margin-left:auto}.gn-h2h .win{color:#7ddc7a}.gn-h2h .loss{color:#ff8a7a}.gn-row a{color:var(--ink);font-weight:600;text-decoration:none}