:root{--bg: #06121f;--panel: #0b1d31;--panel-2: #0f2740;--glass: rgba(11, 29, 49, .72);--border: #15405a;--text: #eaf2fa;--muted: #8fa3b8;--mint: #22e6a2;--mint-ink: #04291c;--violet: #d16bff;--violet-2: #7c3aed;--magenta: #ff2e93;--grad: linear-gradient(135deg, #ff2e93 0%, #8a2bff 100%);--gold: #ffc23d;--danger: #ff5a6e;--shadow: 0 12px 32px rgba(0, 0, 0, .35);--felt: radial-gradient(120% 80% at 50% 38%, #0f4a55 0%, #0a3344 42%, #072235 75%, #061a2a 100%);--felt-line: rgba(34, 230, 162, .07);--on-felt: #eaf2fa;--on-felt-muted: #a7c0d2;--seat-bg: rgba(6, 18, 31, .6);--radius: 20px;--card-w: clamp(56px, 16.6vw, 72px);--pile-w: clamp(70px, 21vw, 86px);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:dark}:root[data-theme=light]{--bg: #f4f7fb;--panel: #ffffff;--panel-2: #eef3f9;--glass: rgba(255, 255, 255, .82);--border: #e2eaf3;--text: #0b1b2d;--muted: #586b80;--shadow: 0 12px 30px rgba(15, 40, 70, .12);--felt: radial-gradient(120% 80% at 50% 38%, #17707a 0%, #0f5866 45%, #0c4558 80%, #0a3a4c 100%);--seat-bg: rgba(6, 30, 45, .45);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}#app{position:fixed;inset:0;overflow:hidden}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}button:focus-visible,input:focus-visible,.card:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);overflow-x:hidden;overflow-y:auto;animation:screen-in .35s ease both}.screen:before{content:"";position:fixed;inset:-20% -20% auto;height:70%;background:radial-gradient(50% 50% at 20% 20%,rgba(138,43,255,.22),transparent 70%),radial-gradient(45% 45% at 85% 10%,rgba(255,46,147,.16),transparent 70%),radial-gradient(40% 40% at 60% 60%,rgba(34,230,162,.08),transparent 70%);pointer-events:none;z-index:-1}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px}.topbar .spacer{flex:1}.icon-btn{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .15s ease,background .2s;flex:none}.icon-btn svg{width:20px;height:20px}.icon-btn:active{transform:scale(.92)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 22px;border-radius:16px;font-weight:700;font-size:16px;letter-spacing:.1px;transition:transform .15s ease,opacity .2s,box-shadow .2s;white-space:nowrap}.btn svg{width:20px;height:20px}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 26px #8a2bff59,inset 0 1px #ffffff40}.btn-mint{background:var(--mint);color:var(--mint-ink);box-shadow:0 10px 24px #22e6a247}.btn-ghost{background:var(--glass);border:1px solid var(--border)}.btn-block{width:100%}.btn-sm{height:40px;padding:0 14px;border-radius:12px;font-size:14px}.muted{color:var(--muted)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 0 14px}.logo{width:168px;height:120px;position:relative;margin-bottom:4px}.logo .card{position:absolute;top:6px;width:70px;left:50%;margin-left:-35px;box-shadow:0 14px 30px #00000073}.logo .card:nth-child(1){transform:translate(-34px) rotate(-16deg);animation:logo-l 4s ease-in-out infinite}.logo .card:nth-child(2){transform:translate(34px) rotate(14deg);animation:logo-r 4s ease-in-out infinite}.logo .card:nth-child(3){transform:translateY(-4px);z-index:1;animation:logo-c 4s ease-in-out infinite}@keyframes logo-l{50%{transform:translate(-38px) rotate(-19deg) translateY(2px)}}@keyframes logo-r{50%{transform:translate(38px) rotate(17deg) translateY(2px)}}@keyframes logo-c{50%{transform:translateY(-9px)}}.logo:after{content:"";position:absolute;left:10%;right:10%;bottom:-6px;height:26px;background:radial-gradient(closest-side,rgba(209,107,255,.45),transparent);filter:blur(6px)}.wordmark{font-size:38px;font-weight:800;letter-spacing:-1px;margin:10px 0 2px;line-height:1}.wordmark span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:6px 0 0;color:var(--muted);font-size:14px}.greeting{font-weight:600;font-size:14px;margin:2px 0 10px;color:var(--muted)}.greeting b{color:var(--text)}.modes{display:flex;flex-direction:column;gap:12px}.mode{position:relative;display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px;border-radius:22px;background:linear-gradient(180deg,#ffffff0a,#fff0),var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden;transition:transform .18s ease,border-color .2s}.mode:active{transform:scale(.985)}.mode:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(60% 120% at 100% 0%,var(--glow, rgba(138, 43, 255, .16)),transparent 60%);pointer-events:none}.mode-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:none;color:#fff}.mode-icon svg{width:26px;height:26px}.mode-quick .mode-icon{background:var(--grad);box-shadow:0 8px 20px #ff2e9359}.mode-cpu{--glow: rgba(34, 230, 162, .16)}.mode-cpu .mode-icon{background:linear-gradient(135deg,#22e6a2,#0fa6a0);color:#04291c;box-shadow:0 8px 20px #22e6a24d}.mode-private{--glow: rgba(255, 194, 61, .14)}.mode-private .mode-icon{background:linear-gradient(135deg,#ffc23d,#ff8a3d);color:#3a2300;box-shadow:0 8px 20px #ffc23d47}.mode-text{flex:1;min-width:0}.mode-title{font-weight:800;font-size:17px}.mode-sub{color:var(--muted);font-size:13px;margin-top:2px;line-height:1.35}.mode-go{width:22px;height:22px;color:var(--muted);flex:none}.seg{display:flex;padding:4px;gap:4px;border-radius:14px;background:var(--panel-2);border:1px solid var(--border)}.seg button{flex:1;height:38px;border-radius:10px;font-weight:700;font-size:14px;color:var(--muted);transition:background .2s,color .2s}.seg button[aria-pressed=true]{background:var(--grad);color:#fff;box-shadow:0 6px 16px #8a2bff4d}.field{margin-bottom:16px}.field-label{display:block;font-size:13px;font-weight:700;color:var(--muted);margin:0 0 8px 2px;text-transform:uppercase;letter-spacing:.6px}.quick-picker{margin-top:12px;display:flex;align-items:center;gap:10px}.quick-picker .seg{flex:1}.lobby-foot{margin-top:auto;padding-top:18px;display:flex;justify-content:center}.link-btn{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:700;font-size:14px;padding:10px 14px;border-radius:12px}.link-btn svg{width:18px;height:18px}.sheet-root{position:fixed;inset:0;z-index:60}.sheet-scrim{position:absolute;inset:0;background:#02080f99;backdrop-filter:blur(2px);animation:fade-in .25s ease both}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:86%;display:flex;flex-direction:column;background:var(--panel);border-top:1px solid var(--border);border-radius:26px 26px 0 0;padding:8px calc(var(--safe-right) + 18px) calc(var(--safe-bottom) + 18px) calc(var(--safe-left) + 18px);box-shadow:0 -20px 50px #0006;animation:sheet-in .32s cubic-bezier(.2,.9,.25,1.05) both}.sheet-root.closing .sheet{animation:sheet-out .24s ease both}.sheet-root.closing .sheet-scrim{animation:fade-out .24s ease both}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.sheet-grip{width:40px;height:5px;border-radius:3px;background:var(--border);margin:4px auto 10px}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-head h2{margin:0;font-size:20px;font-weight:800}.sheet-body{overflow-y:auto;overscroll-behavior:contain}.rules h3{font-size:15px;margin:16px 0 8px}.rules p,.rules li{font-size:14px;line-height:1.55;color:var(--muted)}.rules ul{padding-left:18px;margin:0}.rules b{color:var(--text)}.special-list{display:grid;gap:8px}.special-row{display:flex;gap:12px;align-items:center;padding:10px;border-radius:14px;background:var(--panel-2);border:1px solid var(--border)}.special-row .card{width:38px;flex:none}.special-row div{font-size:13px;color:var(--muted);line-height:1.4}.special-row b{display:block;color:var(--text);font-size:14px}.code-input{width:100%;height:60px;border-radius:16px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font:inherit;font-size:26px;font-weight:800;letter-spacing:10px;text-align:center;text-transform:uppercase;user-select:text;-webkit-user-select:text}.code-input::placeholder{color:var(--muted);opacity:.4}.or-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;font-weight:700;margin:18px 0}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.queue{align-items:center;text-align:center}.radar{position:relative;width:240px;height:240px;margin:28px auto 18px;flex:none}.radar .pulse{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(209,107,255,.45);animation:pulse 2.4s ease-out infinite}.radar .pulse:nth-child(2){animation-delay:.8s}.radar .pulse:nth-child(3){animation-delay:1.6s}@keyframes pulse{0%{transform:scale(.35);opacity:1}to{transform:scale(1);opacity:0}}.radar .orbit{position:absolute;inset:18px;animation:spin 7s linear infinite}.radar .orbit .card{position:absolute;width:40px;left:50%;top:50%;margin:-28px 0 0 -20px;box-shadow:0 8px 16px #0006}@keyframes spin{to{transform:rotate(360deg)}}.radar .me{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.queue h1{font-size:24px;margin:8px 0 6px;font-weight:800}.dots:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:dots 1.4s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.slots{display:flex;gap:10px;justify-content:center;margin:18px 0 8px}.slot{width:44px;height:44px;border-radius:50%;border:2px dashed var(--border);display:grid;place-items:center;color:var(--muted)}.slot.filled{border:2px solid var(--mint);background:#22e6a21f;color:var(--mint);animation:pop .35s ease both}.slot svg{width:20px;height:20px}@keyframes pop{0%{transform:scale(.6)}}.queue-foot{margin-top:auto;width:100%}.avatar{--size: 52px;position:relative;width:var(--size);height:var(--size);flex:none}.avatar .face{position:absolute;inset:4px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:calc(var(--size) * .32);color:#fff;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff2e}.avatar img{width:100%;height:100%;object-fit:cover}.avatar .ring{position:absolute;inset:0;transform:rotate(-90deg);overflow:visible}.avatar .ring circle{fill:none;stroke-width:6}.avatar .ring .track{stroke:#ffffff1a}.avatar .ring .bar{stroke:var(--mint);stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 4px rgba(34,230,162,.8))}.avatar.turn .ring .bar{opacity:1}.avatar.turn .face{box-shadow:0 0 0 2px var(--mint),0 0 18px #22e6a273}.avatar .bot-badge{position:absolute;right:-3px;bottom:-2px;width:calc(var(--size) * .42);height:calc(var(--size) * .42);min-width:18px;min-height:18px;border-radius:50%;background:var(--mint);color:var(--mint-ink);display:grid;place-items:center;border:2px solid var(--bg)}.avatar .bot-badge svg{width:70%;height:70%}.avatar.offline .face{filter:grayscale(1) brightness(.6)}.table{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.felt{position:relative;flex:1;margin:0 8px;margin-left:calc(var(--safe-left) + 8px);margin-right:calc(var(--safe-right) + 8px);border-radius:28px;background:var(--felt);box-shadow:inset 0 0 0 1px #22e6a21f,inset 0 0 60px #00000073,0 18px 40px #00000059;color:var(--on-felt);overflow:hidden;min-height:0}.felt:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,var(--felt-line) 0 1px,transparent 1px 14px),repeating-linear-gradient(-45deg,var(--felt-line) 0 1px,transparent 1px 14px);mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,transparent 85%);-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,transparent 85%);pointer-events:none}.felt:after{content:"";position:absolute;left:50%;top:55%;width:78%;aspect-ratio:1.6;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid rgba(255,194,61,.12);pointer-events:none}.table-top{padding:calc(var(--safe-top) + 6px) calc(var(--safe-right) + 12px) 6px calc(var(--safe-left) + 12px)}.table-title{flex:1;text-align:center;font-weight:800;font-size:15px}.table-title small{display:block;font-weight:600;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;width:92px;z-index:3;transition:opacity .3s}.seat .name{font-size:12px;font-weight:700;max-width:92px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 8px;border-radius:999px;background:var(--seat-bg)}.seat .count{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--on-felt-muted)}.seat .count b{color:var(--on-felt);font-size:13px}.mini-fan{position:relative;height:26px;width:54px}.mini-fan .card{position:absolute;width:18px;left:50%;top:0;margin-left:-9px;border-radius:3px;transform-origin:50% 120%;box-shadow:0 2px 4px #00000059}.seat.last-card .avatar .face{animation:last-glow 1.1s ease-in-out infinite}@keyframes last-glow{50%{box-shadow:0 0 0 3px var(--gold),0 0 24px #ffc23db3}}.seat .flag{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:10px;font-weight:800;letter-spacing:.4px;padding:3px 8px;border-radius:999px;background:var(--gold);color:#3a2300;white-space:nowrap;z-index:2;animation:pop .3s ease both}.seat.pos-top{left:50%;top:10px;transform:translate(-50%)}.seat.pos-left{left:6px;top:24%}.seat.pos-right{right:6px;top:24%}.seat.pos-topleft{left:16%;top:12px}.seat.pos-topright{right:16%;top:12px}.center{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:clamp(18px,7vw,34px);z-index:2}.market{position:relative;width:var(--pile-w);aspect-ratio:100 / 142;border-radius:10px}.market .card{position:absolute;inset:0;width:100%}.market .card:nth-child(1){transform:translate(-4px,4px) rotate(-3deg)}.market .card:nth-child(2){transform:translate(-2px,2px) rotate(-1.5deg)}.market.can-draw .card:last-of-type{animation:nudge 1.6s ease-in-out infinite;box-shadow:0 0 0 2px var(--mint),0 0 22px #22e6a280}@keyframes nudge{50%{transform:translateY(-5px)}}.market.empty .card{opacity:.25}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;background:#06121fc7;color:var(--on-felt);border:1px solid rgba(255,255,255,.12);white-space:nowrap}.market .chip{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);z-index:2}.pile{position:relative;width:var(--pile-w);aspect-ratio:100 / 142}.pile .card{position:absolute;inset:0;width:100%}.pile .card.under{filter:brightness(.82)}.pile .card.top{box-shadow:0 10px 26px #00000080}.badges{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);display:flex;gap:6px;z-index:3}.badge-need{background:var(--grad);border:0;color:#fff;box-shadow:0 6px 18px #8a2bff73;animation:pop .35s ease both}.badge-need .shape-icon{width:14px;height:14px}.badge-pick{background:var(--danger);border:0;color:#fff;box-shadow:0 6px 18px #ff5a6e73;animation:pop .35s ease both}.badge-open{background:var(--mint);color:var(--mint-ink);border:0}.status-line{position:absolute;left:12px;right:12px;bottom:12px;text-align:center;font-size:13px;font-weight:700;color:var(--on-felt-muted);z-index:2;min-height:18px}.status-line.mine{color:var(--mint)}.me-bar{display:flex;align-items:center;gap:10px;padding:10px calc(var(--safe-right) + 14px) 4px calc(var(--safe-left) + 14px)}.me-info{flex:1;min-width:0}.me-name{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-sub{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-sub.go{color:var(--mint)}.timer-text{font-variant-numeric:tabular-nums}.lc-btn{height:40px;padding:0 12px;border-radius:12px;font-weight:800;font-size:12px;letter-spacing:.3px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);transition:all .2s}.lc-btn.live{background:linear-gradient(135deg,#ffc23d,#ff8a3d);color:#3a2300;border-color:transparent;box-shadow:0 0 #ffc23db3;animation:lc-pulse 1.2s ease-out infinite}.lc-btn.done{background:#ffc23d24;color:var(--gold);border-color:#ffc23d66}@keyframes lc-pulse{70%{box-shadow:0 0 0 12px #ffc23d00}to{box-shadow:0 0 #ffc23d00}}.draw-btn{height:40px;padding:0 14px;border-radius:12px;font-weight:800;font-size:13px;background:var(--mint);color:var(--mint-ink);display:inline-flex;align-items:center;gap:6px;transition:opacity .2s,transform .15s}.draw-btn svg{width:18px;height:18px}.draw-btn:disabled{opacity:.3}.draw-btn.pick{background:var(--danger);color:#fff}.hand{position:relative;height:calc(var(--card-w) * 1.42 + 34px);margin-bottom:calc(var(--safe-bottom) + 8px);flex:none;touch-action:none}.hand .card{position:absolute;bottom:8px;left:0;width:var(--card-w);transform-origin:50% 100%;transition:transform .28s cubic-bezier(.2,.9,.3,1.15),filter .25s,opacity .25s,box-shadow .25s;box-shadow:0 6px 16px #00000059;cursor:pointer;will-change:transform}.hand.my-turn .card.illegal{filter:brightness(.55) saturate(.6)}.hand .card.legal{box-shadow:0 0 0 2px var(--mint),0 10px 22px #22e6a259}.hand .card.dragging{transition:none;z-index:50!important;box-shadow:0 0 0 2px var(--mint),0 22px 40px #00000080}.hand .card.shake{animation:shake .35s ease}@keyframes shake{25%{translate:-6px 0}75%{translate:6px 0}}.card{aspect-ratio:100 / 142;border-radius:9%/6.5%;display:block}.card-svg{width:100%;height:100%;display:block}.flight{position:fixed;left:0;top:0;z-index:40;pointer-events:none;will-change:transform;box-shadow:0 16px 30px #00000073}.banner{position:absolute;left:50%;top:81%;z-index:30;transform:translate(-50%,-50%);pointer-events:none;text-align:center;white-space:nowrap}.banner .txt{display:inline-flex;align-items:center;gap:10px;font-size:clamp(26px,9vw,40px);font-weight:800;letter-spacing:-.5px;padding:10px 22px;border-radius:20px;color:#fff;background:var(--grad);box-shadow:0 18px 40px #8a2bff80,inset 0 1px #ffffff4d;animation:banner 1.35s cubic-bezier(.2,.9,.3,1.2) both}.banner .txt .shape-icon{width:30px;height:30px}.banner.pick .txt{background:linear-gradient(135deg,#ff5a6e,#ff2e93)}.banner.gold .txt{background:linear-gradient(135deg,#ffc23d,#ff8a3d);color:#3a2300;box-shadow:0 18px 40px #ffc23d73}.banner.mint .txt{background:linear-gradient(135deg,#22e6a2,#0fa6a0);color:#04291c}.banner .sub{display:block;margin-top:8px;font-size:13px;font-weight:700;color:var(--on-felt);text-shadow:0 2px 8px rgba(0,0,0,.6);animation:banner 1.35s ease both}@keyframes banner{0%{opacity:0;transform:scale(.4) rotate(-6deg)}18%{opacity:1;transform:scale(1.08) rotate(1deg)}28%{transform:scale(1) rotate(0)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92) translateY(-14px)}}.notice{position:absolute;left:12px;right:12px;top:10px;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:var(--glass);border:1px solid var(--border);color:var(--text);backdrop-filter:blur(10px);font-size:13px;font-weight:600;animation:pop .3s ease both}.notice span{flex:1}.reconnecting{position:fixed;top:calc(var(--safe-top) + 10px);left:50%;transform:translate(-50%);z-index:80;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--danger);color:#fff;font-size:13px;font-weight:700;box-shadow:var(--shadow)}.spinner{width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}.spinner.lg{width:40px;height:40px;border-width:4px;border-color:var(--border);border-top-color:var(--mint)}.shape-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.shape-opt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0 10px;border-radius:16px;background:#fff7e8;color:#8e1b2b;font-size:11px;font-weight:800;box-shadow:0 6px 14px #00000040;transition:transform .15s;position:relative}.shape-opt:active{transform:scale(.94)}.shape-opt .shape-icon{width:34px;height:34px}.shape-opt .held{position:absolute;top:4px;right:6px;font-size:10px;color:#8e1b2b;opacity:.7}.shape-opt.best{box-shadow:0 0 0 3px var(--mint),0 6px 14px #00000040}.picker-timer{height:4px;border-radius:2px;background:var(--panel-2);overflow:hidden;margin-bottom:14px}.picker-timer i{display:block;height:100%;background:var(--grad);transform-origin:left}.room-code{display:flex;justify-content:center;gap:6px;margin:14px 0 6px}.room-code span{width:44px;height:56px;border-radius:14px;display:grid;place-items:center;font-size:26px;font-weight:800;background:var(--panel);border:1px solid var(--border);box-shadow:inset 0 -3px #8a2bff59;animation:pop .4s ease both}.room-actions{display:flex;gap:10px;margin:14px 0 20px}.room-actions .btn{flex:1}.seat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.room-seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px 14px;border-radius:20px;background:var(--panel);border:1px solid var(--border);min-height:140px;justify-content:center;text-align:center;animation:pop .3s ease both}.room-seat.empty{border-style:dashed;background:transparent}.room-seat .nm{font-weight:800;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-seat .tag{font-size:11px;font-weight:700;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.room-seat .tag svg{width:14px;height:14px;color:var(--gold)}.room-seat .remove{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:10px}.room-seat .remove svg{width:14px;height:14px}.room-foot{margin-top:auto;padding-top:18px}.room-foot .hint{text-align:center;color:var(--muted);font-size:13px;margin:0 0 10px}.results{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 24px) calc(var(--safe-right) + 18px) calc(var(--safe-bottom) + 18px) calc(var(--safe-left) + 18px);background:#030a12e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(8px);animation:fade-in .4s ease both;overflow-y:auto;color:#eaf2fa}:root[data-theme=light] .results{background:#f4f7fbe6;color:var(--text)}.results canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.results>*{position:relative;z-index:1}.result-hero{text-align:center;margin:10px 0 18px;animation:result-in .6s cubic-bezier(.2,.9,.3,1.3) both}@keyframes result-in{0%{opacity:0;transform:scale(.6)}}.medal{width:96px;height:96px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font-size:38px;font-weight:800;color:#3a2300;background:radial-gradient(circle at 35% 30%,#ffe39a,#ffc23d 45%,#d08a12);box-shadow:0 0 0 6px #ffc23d33,0 0 50px #ffc23d8c}.medal.lost{background:radial-gradient(circle at 35% 30%,#4a5f78,#23384f 60%,#15283b);color:#cfe0f0;box-shadow:0 0 0 6px #8fa3b826}.result-title{font-size:40px;font-weight:800;letter-spacing:-1px;margin:0;line-height:1.05}.result-title.win{background:linear-gradient(135deg,#ffe39a,#ffc23d 40%,#ff8a3d);-webkit-background-clip:text;background-clip:text;color:transparent}.result-sub{color:var(--muted);font-size:15px;margin:6px 0 0;font-weight:600}.standings{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.standing{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;background:#0b1d31d9;border:1px solid #15405a;color:#eaf2fa;animation:screen-in .4s ease both}:root[data-theme=light] .standing{background:#fff;border-color:var(--border);color:var(--text)}.standing.you{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint) inset}.standing .pl{width:28px;font-weight:800;font-size:15px;text-align:center}.standing .pl.p1{color:var(--gold)}.standing .who{flex:1;min-width:0;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standing .left{font-size:12px;color:var(--muted);font-weight:700;text-align:right}.result-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px}.result-actions .row{display:flex;gap:10px}.result-actions .row .btn{flex:1}.center-screen{align-items:center;justify-content:center;text-align:center;gap:12px}.center-screen h1{font-size:24px;margin:8px 0 0}.center-screen p{color:var(--muted);margin:0 0 12px;max-width:300px;line-height:1.5}.expired-art{position:relative;width:120px;height:130px}.expired-art .card{position:absolute;width:74px;left:23px;top:6px;transform:rotate(-8deg);box-shadow:var(--shadow)}.expired-art .clock{position:absolute;right:4px;bottom:2px;width:50px;height:50px;border-radius:50%;background:var(--grad);display:grid;place-items:center;box-shadow:0 8px 20px #8a2bff73}.expired-art .clock svg{width:26px;height:26px}.toasts{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 190px);transform:translate(-50%);z-index:90;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:calc(100% - 32px)}.toast{padding:10px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--border);color:var(--text);font-size:14px;font-weight:600;box-shadow:var(--shadow);animation:toast-in .3s cubic-bezier(.2,.9,.3,1.2) both;text-align:center;max-width:100%}.toast-error{border-color:var(--danger)}.toast-success{border-color:var(--mint)}.toast.out{opacity:0;transform:translateY(8px);transition:all .3s}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.95)}}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-height:640px){:root{--card-w: clamp(50px, 14.5vw, 62px);--pile-w: clamp(60px, 18vw, 72px)}.radar{width:190px;height:190px;margin-top:10px}.logo{transform:scale(.85);margin-bottom:-10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.banner .txt,.banner .sub{animation:banner-still 1.4s linear both!important}@keyframes banner-still{0%,90%{opacity:1}to{opacity:0}}}.hand .card.arrive{animation:arrive .38s cubic-bezier(.2,.9,.3,1.2) both}@keyframes arrive{0%{opacity:0;translate:0 40px}}