*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#f6f1e7;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#0d0a07;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit}::selection{background:#d9b25f59}
:root{--bg:#0d0a07;--text:#f6f1e7;--text-secondary:#f6f1e79e;--text-tertiary:#f6f1e761;--hairline:#fff0d21a;--hairline-strong:#fff0d22e;--glass:#fff0d20b;--glass-hover:#fff0d21a;--gold:#e2b95c;--ivory:#f0e2c4;--red:#ef4438;--green:#23b25c;--yellow:#ffc122;--blue:#338af0;--ease:cubic-bezier(.32, .72, 0, 1)}.app{height:100%;position:relative;overflow:hidden}.screen{background:radial-gradient(1100px 700px at 50% -25%, #ffc85c33, transparent 65%), radial-gradient(700px 500px at -10% 105%, #338af021, transparent 60%), radial-gradient(700px 500px at 110% 105%, #e2462d24, transparent 60%), var(--bg);flex-direction:column;justify-content:flex-start;align-items:center;gap:40px;padding:32px 24px;display:flex;position:absolute;inset:0;overflow-y:auto}.screen>*{animation:rise .6s var(--ease) both}.screen>:first-child{margin-top:auto}.screen>:last-child{margin-bottom:auto}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.hero-dots{gap:9px;display:flex}.hero-dots span{border-radius:50%;width:9px;height:9px}.logo{letter-spacing:-.03em;background:linear-gradient(#fff3d2 20%,#ffca4d 55%,#c98a2c 95%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 16px #ffbe3c38);-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,10vw,84px);font-weight:700;line-height:1}.tagline{color:var(--text-secondary);letter-spacing:-.01em;font-size:17px;font-weight:400}.cards{flex-wrap:wrap;justify-content:center;gap:16px;max-width:1100px;display:flex}@media (min-width:720px){.cards>.ach-card{flex-basis:100%}}.card{background:var(--glass);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(28px)saturate(160%);border-radius:24px;flex-direction:column;gap:16px;width:328px;padding:22px;display:flex;box-shadow:0 24px 60px #0006,inset 0 1px #ffffff0f}.card-head{align-items:center;gap:13px;display:flex}.card-icon{border-radius:11px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.card-icon svg{width:20px;height:20px}.card h2{letter-spacing:-.015em;font-size:17px;font-weight:600}.card-head .muted{margin-top:2px}.muted{color:var(--text-secondary);letter-spacing:-.006em;font-size:14px;line-height:1.45}.error{color:var(--red);text-align:center;font-size:13px}.row{gap:10px;display:flex}.count-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;display:flex}.count-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:500}.count-group{border:1px solid var(--hairline);background:#ffffff0f;border-radius:13px;gap:3px;padding:3px;display:flex}.count-btn{cursor:pointer;width:46px;transition:background .2s var(--ease), transform .2s var(--ease);background:0 0;border:none;border-radius:10px;padding:8px 0;font-size:15px;font-weight:600}.count-btn:hover{background:#ffffff1f}.count-btn:active{transform:scale(.94)}.btn{border:1px solid var(--hairline-strong);color:var(--text);cursor:pointer;letter-spacing:-.01em;transition:transform .2s var(--ease), background .2s var(--ease), opacity .2s var(--ease);background:#ffffff14;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600}.btn:hover:not(:disabled){background:#ffffff24}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{color:#241708;background:linear-gradient(#ffe9ad,#f0c25e);border-color:#0000;box-shadow:0 4px 18px #f0c25e47,inset 0 1px #ffffff80}.btn.primary:hover:not(:disabled){background:linear-gradient(#ffdf90,#e8b342)}.btn.ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){color:var(--text);background:#ffffff12}.btn.big{padding:14px 30px;font-size:17px}.btn.full{width:100%}.pulse{animation:pulse 2s var(--ease) infinite}@keyframes pulse{0%,to{box-shadow:0 0 #d9b25f73}50%{box-shadow:0 0 0 12px #d9b25f00}}.input{border:1px solid var(--hairline);color:var(--text);width:100%;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);background:#ffffff0f;border-radius:13px;outline:none;padding:12px 14px;font-size:15px}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:#d9b25fbf;box-shadow:0 0 0 3.5px #d9b25f33}.code-input{letter-spacing:.22em;text-transform:uppercase;font-variant-numeric:tabular-nums;flex:1;min-width:0;font-weight:700}.or-row{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;font-size:12px;font-weight:500;display:flex}.or-row:before,.or-row:after{content:"";background:var(--hairline);flex:1;height:1px}.lobby-card{text-align:center;align-items:center;width:min(420px,92vw);padding:30px 26px}.lobby-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:500}.room-code-row{align-items:center;gap:12px;display:flex}.room-code{letter-spacing:.22em;font-variant-numeric:tabular-nums;color:#ecd193;text-shadow:0 3px 18px #d9b25f40;padding-left:.22em;font-size:42px;font-weight:700}.copy-btn{border:1px solid var(--hairline);color:var(--text-secondary);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);background:#ffffff12;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600}.copy-btn:hover{color:var(--text);background:#ffffff21}.copy-btn:active{transform:scale(.95)}.seats{flex-direction:column;gap:7px;width:100%;margin-top:4px;display:flex}.seat{border:1px solid var(--hairline);background:#ffffff0b;border-radius:13px;align-items:center;gap:12px;padding:11px 14px;font-size:15px;display:flex}.seat-color{text-align:left;letter-spacing:-.01em;width:58px;font-weight:600}.seat-name{color:var(--text-secondary)}.seat-name.waiting{color:var(--text-tertiary);animation:2.4s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:1}50%{opacity:.45}}.you-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border:1px solid var(--hairline-strong);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.dot{border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.hud{pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.hud button,.hud .chip{pointer-events:auto}.ludo-screen-roll{z-index:7;color:#0000;cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.ludo-screen-roll:focus-visible{outline-offset:-6px;outline:2px solid #ffe09ae0}.hud-top{justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;display:flex}.hud-top>.btn{white-space:nowrap;flex:none}.chips{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.chip{border:1px solid var(--hairline);letter-spacing:-.006em;color:var(--text-secondary);-webkit-backdrop-filter:blur(24px)saturate(160%);background:#16100a9e;border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:13px;font-weight:500;display:flex}.chip b{color:var(--text);font-weight:600}.chip.stat-chip{color:#ecd193;background:linear-gradient(#3e2c10cc,#22180ad9);border-color:#d9b25f80;box-shadow:0 2px 14px #00000059,inset 0 1px #ffdc8c24}.chip.stat-chip b{color:#ffd257;letter-spacing:0;font-size:15px;font-weight:800}.lset{flex-direction:column;gap:8px;display:flex}.lset-row{align-items:center;gap:10px;display:flex}.lset-dot{border-radius:50%;flex:none;width:16px;height:16px;box-shadow:inset 0 -2px 4px #00000059,0 1px 4px #0006}.lset-name{background:var(--glass);border:1px solid var(--hairline);min-width:0;color:var(--text);border-radius:10px;outline:none;flex:1;padding:9px 12px;font-size:14px}.lset-name:focus{background:var(--glass-hover);border-color:#d9b25f8c}.lset-side{color:var(--text-tertiary);text-align:right;min-width:52px;font-size:12px}.lset-swap{border:1px solid var(--hairline);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;align-self:center;padding:5px 14px;font-size:12px}.lset-swap:hover{color:var(--text);border-color:#d9b25f80}.hud-note{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(24px)saturate(160%);animation:fadein .35s var(--ease);background:#16100a9e;border-radius:999px;align-self:center;margin-top:2px;padding:8px 18px;font-size:14px;font-weight:500}.player-rail+.hud-note{animation-name:player-note-fadein}@keyframes player-note-fadein{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadein{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.hud-bottom{justify-content:center;align-items:center;gap:12px;margin-top:auto;padding:30px;display:flex}.hud-bottom>*{animation:fadeup .35s var(--ease)}@keyframes fadeup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.dice-chip{border:1px solid var(--hairline);color:var(--text-secondary);-webkit-backdrop-filter:blur(24px)saturate(160%);background:#16100a9e;border-radius:999px;align-items:center;gap:11px;padding:10px 20px;font-size:15px;font-weight:500;display:flex}.dice-value{color:#17181a;background:linear-gradient(#d7dbdf,#aab0b6);border-radius:8px;justify-content:center;align-items:center;width:27px;height:27px;font-size:15px;font-weight:700;display:flex}.overlay{-webkit-backdrop-filter:blur(28px)saturate(150%);pointer-events:auto;animation:overlayin .45s var(--ease);background:#0d0a079e;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes overlayin{0%{opacity:0}to{opacity:1}}.winner-card{text-align:center;width:min(400px,92vw);animation:rise .5s var(--ease) both;-webkit-backdrop-filter:blur(44px)saturate(180%);background:linear-gradient(#261d12f2,#16100af7);border:1px solid #fff0d22e;align-items:center;gap:20px;padding:36px 28px;box-shadow:0 34px 90px #0000009e,inset 0 1px #ffffff14}.winner-card h1{letter-spacing:-.02em;font-size:32px;font-weight:700}.winner-sub{color:var(--text-secondary);margin-top:-12px;font-size:15px}.authbar{z-index:40;position:fixed;top:14px;right:16px}.user-chip{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(24px)saturate(160%);background:#16100a9e;border-radius:999px;align-items:center;gap:9px;padding:6px 12px 6px 7px;font-size:13px;display:flex}.avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}.avatar-fallback{color:#241708;background:linear-gradient(#f4e6c6,#d5b97e);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.user-name{align-items:center;gap:6px;font-weight:600;display:flex}.guest-tag,.host-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border:1px solid var(--hairline);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:600}.link-btn{color:var(--text-tertiary);cursor:pointer;transition:color .2s var(--ease);background:0 0;border:none;padding:2px 4px;font-size:13px;font-weight:500}.link-btn:hover{color:var(--text)}.signin-block{flex-direction:column;gap:12px;display:flex}.google-btn{justify-content:center;align-items:center;gap:9px;display:flex}.back-btn{z-index:5;position:absolute;top:14px;left:14px}.game-card{text-align:left;cursor:pointer;color:var(--text);font:inherit;flex-direction:column;align-items:stretch;gap:0;padding:0;transition:transform .2s ease-out,background .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out;overflow:hidden}.game-card:active{transform:translateY(0)scale(.98)}.game-thumb{aspect-ratio:16/9;background:#17100a;display:block;position:relative;overflow:hidden}.game-thumb svg{transition:transform .4s var(--ease)}.game-thumb:after{content:"";pointer-events:none;background:linear-gradient(100deg,#ffecbe00 42%,#ffecbe29 50%,#ffecbe00 58%);position:absolute;inset:0;transform:translate(-130%)}@media (hover:hover){.game-card:hover{background:var(--glass-hover);border-color:var(--hairline-strong);transform:translateY(-4px)rotate(.8deg);box-shadow:0 20px 48px #00000080}.game-card:hover:active{transform:translateY(-1px)scale(.985)}.game-card:hover .game-thumb svg{transform:scale(1.05)}.game-card:hover .game-thumb:after{transition:transform .9s ease-out 50ms;transform:translate(130%)}.game-card.soon:hover .game-thumb svg,.game-card.soon:hover .game-thumb:after{transition:none;transform:none}}@keyframes ga-breathe{0%,to{opacity:var(--ga-peak,1)}50%{opacity:calc(var(--ga-peak,1) * .82)}}@keyframes ga-twinkle{0%,to{opacity:var(--ga-peak,1);transform:scale(1)}50%{opacity:calc(var(--ga-peak,1) * .6);transform:scale(.85)}}.ga-breathe{animation:2.8s ease-in-out infinite ga-breathe}.ga-twinkle{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite ga-twinkle}.ga-dim{--ga-peak:.7}.ga-faint{--ga-peak:.5}@media (prefers-reduced-motion:reduce){.game-card,.game-thumb svg{transition:none}.game-card:hover,.game-card:active,.game-card:hover:active,.game-card:hover .game-thumb svg{transform:none}.game-thumb:after{content:none}.ga-breathe,.ga-twinkle{animation:none}}.thumb-badge{color:#ecd193;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);background:#0a0704c7;border:1px solid #d9b25f47;border-radius:7px;padding:3px 9px;font-size:11px;font-weight:600;position:absolute;bottom:8px;right:8px}.game-info{flex-direction:column;gap:4px;min-width:0;padding:13px 15px 15px;display:flex}.game-info h2{font-size:16.5px}.game-info .muted{font-size:13.5px}.game-meta{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:11.5px;font-weight:500}.lobby-flex{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;width:100%;max-width:900px;display:flex}.seat-num{border:1px solid var(--hairline);width:22px;height:22px;color:var(--text-tertiary);background:#ffffff12;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.chat-card{flex-direction:column;width:min(340px,92vw);display:flex}.chat-panel{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.chat-card .chat-panel{height:460px}.chat-msgs{flex-direction:column;flex:1;gap:7px;min-height:0;padding:4px 2px;display:flex;overflow-y:auto}.chat-empty{text-align:center;margin:auto}.chat-msg{flex-direction:column;align-items:flex-start;gap:2px;max-width:85%;display:flex}.chat-msg.mine{align-self:flex-end;align-items:flex-end}.chat-author{color:var(--text-tertiary);padding:0 4px;font-size:11px;font-weight:600}.chat-bubble{border:1px solid var(--hairline);text-align:left;word-break:break-word;background:#ffffff12;border-radius:15px;padding:7px 12px;font-size:14px;line-height:1.35}.chat-msg.mine .chat-bubble{background:#d9b25f29;border-color:#d9b25f4d}.chat-input-row{gap:8px;display:flex}.chat-input{flex:1;min-width:0}.chat-tool-btn{border:1px solid var(--hairline);background:var(--glass);width:38px;color:var(--text);cursor:pointer;transition:background .15s var(--ease);border-radius:12px;flex:none;font-size:16px}.chat-tool-btn:hover{background:var(--glass-hover)}.chat-tool-btn.active{background:#d9b25f29;border-color:#d9b25f59}.gif-btn{letter-spacing:.03em;font-size:12px;font-weight:700}.gif-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;display:grid}.gif-item{aspect-ratio:1;border:1px solid var(--hairline);cursor:pointer;transition:border-color .15s var(--ease), transform .15s var(--ease);background:#00000040;border-radius:10px;padding:0;overflow:hidden}.gif-item:hover{border-color:var(--gold);transform:translateY(-1px)}.gif-item img{object-fit:cover;width:100%;height:100%;display:block}.chat-gif{border-radius:12px;max-width:180px;max-height:180px;display:block}.chat-bubble-gif{background:0 0;border:none;padding:0}.chat-fab{z-index:45;border:1px solid var(--hairline-strong);cursor:pointer;-webkit-backdrop-filter:blur(24px)saturate(160%);width:52px;height:52px;transition:transform .2s var(--ease), background .2s var(--ease);background:#16100ab8;border-radius:50%;font-size:22px;position:fixed;bottom:18px;right:18px}.chat-fab:active{transform:scale(.93)}.unread-badge{background:var(--red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.chat-drawer{z-index:45;border:1px solid var(--hairline-strong);-webkit-backdrop-filter:blur(36px)saturate(170%);width:min(384px,100vw - 32px);height:min(580px,74dvh);animation:rise .3s var(--ease) both;background:linear-gradient(#221a10e6,#140f09f0);border-radius:22px;flex-direction:column;gap:12px;padding:16px;display:flex;position:fixed;bottom:82px;right:18px;box-shadow:0 28px 70px #0000008c,inset 0 1px #ffffff0f}.chat-drawer-head{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}a.btn,a.game-card{color:var(--text);text-decoration:none}a.btn{justify-content:center;align-items:center;display:inline-flex}.games-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:18px;width:min(1060px,94vw);display:grid}.games-grid .game-card{width:100%;min-width:0}@media (max-width:560px){.games-grid{grid-template-columns:1fr}}.game-card.soon{opacity:.55;cursor:default}.game-card.soon:hover{background:var(--glass);border-color:var(--hairline);box-shadow:none;transform:none}.boot-screen{gap:18px}.boot-dots span{animation:1.4s ease-in-out infinite breathe}.boot-dots span:nth-child(2){animation-delay:.15s}.boot-dots span:nth-child(3){animation-delay:.3s}.boot-dots span:nth-child(4){animation-delay:.45s}.hud .chess-hist{pointer-events:auto}.chess-hist{border:1px solid var(--hairline);scrollbar-width:none;-webkit-backdrop-filter:blur(24px)saturate(160%);background:#16100a9e;border-radius:999px;gap:10px;max-width:min(92vw,520px);padding:7px 14px;font-size:13px;display:flex;overflow-x:auto}.chess-hist::-webkit-scrollbar{display:none}.chess-ply{white-space:nowrap;color:var(--text-secondary);gap:4px;font-weight:600;display:flex}.chess-ply em{color:var(--text-tertiary);font-style:normal;font-weight:500}.piece{pointer-events:none}.piece.pw{color:#faf3e3;text-shadow:0 1px 1px #0000008c,0 0 3px #00000059}.piece.pb{color:#241a10;text-shadow:0 1px 1px #ffffff2e}.promo-card{text-align:center;align-items:center}.promo-row{justify-content:center;gap:10px;display:flex}.promo-btn{border:1px solid var(--hairline-strong);cursor:pointer;width:64px;height:64px;transition:transform .15s var(--ease), background .15s var(--ease);background:#92714a;border-radius:16px;justify-content:center;align-items:center;font-size:40px;display:flex}.promo-btn:hover{background:#a3894f;transform:translateY(-2px)}.count-btn.side-btn,.count-btn.level-btn{width:auto;padding:8px 12px;font-size:13px}.count-btn.active{color:var(--gold);background:#d9b25f38}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti span{opacity:.95;border-radius:2px;animation:linear both confetti-fall;position:absolute;top:-6%}@keyframes confetti-fall{0%{opacity:.95;transform:translateY(0)rotate(0)rotateX(0)}85%{opacity:.9}to{transform:translateY(112vh) rotateZ(var(--spin,540deg)) rotateX(2.5turn);opacity:.4}}.cel{pointer-events:none;z-index:35;position:absolute;inset:0;overflow:hidden}.cel-rays{width:150vmax;height:150vmax;animation:cel-wheel 16s linear infinite, cel-fadein .7s var(--ease) both;background:repeating-conic-gradient(#ffd66e24 0deg 8deg,#ffd66e00 8deg 24deg);position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(closest-side,#000000e6,#0000 66%);mask-image:radial-gradient(closest-side,#000000e6,#0000 66%)}@keyframes cel-wheel{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes cel-fadein{0%{opacity:0}to{opacity:1}}.cel-banner{text-align:center;width:100%;animation:.7s cubic-bezier(.22,1.61,.36,1) .1s both cel-land;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}@keyframes cel-land{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.cel-title{letter-spacing:-.02em;background:linear-gradient(#fff6d8 16%,#ffd257 52%,#c98a2c 90%);color:#0000;filter:drop-shadow(0 4px 20px #ffbe3c66)drop-shadow(0 2px 2px #3c1e008c);-webkit-background-clip:text;background-clip:text;font-size:clamp(46px,9vw,96px);font-weight:800;line-height:1.05}.cel-quiet .cel-title{background:linear-gradient(#f6efdc 25%,#c9b788 85%);filter:drop-shadow(0 2px 12px #00000080);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,6vw,60px)}.cel-sub{color:#f6f1e7e6;text-shadow:0 2px 12px #0009;animation:cel-fadein .5s var(--ease) both .5s;margin-top:8px;font-size:clamp(14px,2.4vw,20px);font-weight:600}.cel-cannon{width:0;height:0;position:absolute;bottom:-2vh}.cel-cannon-left{left:3vw}.cel-cannon-right{right:3vw}.cel-cannon span{animation:2.7s cubic-bezier(.16,.74,.34,1) both cel-shoot;position:absolute;top:0;left:0}@keyframes cel-shoot{0%{opacity:1;transform:translate(0)rotate(0)rotateX(0)}55%{transform:translate(var(--dx), var(--dy)) rotateZ(var(--spin)) rotateX(1.2turn);opacity:1}to{transform:translate(calc(var(--dx) * 1.18), calc(var(--dy) * .5)) rotateZ(calc(var(--spin) * 1.5)) rotateX(2.2turn);opacity:0}}.cel-fall{position:absolute;inset:0;overflow:hidden}.cel-fall span{opacity:.95;border-radius:2px;animation:linear both confetti-fall;position:absolute;top:-6%}.stars{gap:12px;margin-top:-4px;font-size:36px;line-height:1;display:flex}.stars span{color:#f0e3c729;transform:scale(.9)}.stars span.earned{color:var(--gold,#d9b25f);text-shadow:0 2px 22px #d9b25f8c;animation:star-pop .55s var(--ease) both}@keyframes star-pop{0%{opacity:0;transform:scale(.2)rotate(-30deg)}65%{opacity:1;transform:scale(1.35)rotate(8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.gain-float{letter-spacing:-.02em;color:#ecd193;text-shadow:0 2px 20px #d9b25f80;pointer-events:none;animation:gain-rise .95s var(--ease) both;font-size:30px;font-weight:700;position:absolute;top:32%;left:50%}@keyframes gain-rise{0%{opacity:0;transform:translate(-50%,16px)scale(.8)}18%{opacity:1;transform:translate(-50%)scale(1.05)}to{opacity:0;transform:translate(-50%,-52px)scale(1)}}.ach-toasts{z-index:30;flex-direction:column-reverse;align-items:center;gap:8px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.ach-toast{-webkit-backdrop-filter:blur(24px)saturate(160%);background:#16100ad1;border:1px solid #d9b25f73;border-radius:16px;align-items:center;gap:12px;padding:10px 20px 10px 14px;animation:.55s cubic-bezier(.22,1.61,.36,1) both ach-land;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000073,0 0 24px #ffd2571f}.ach-toast:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 42%,#ffecb447 50%,#0000 58%);animation:1.1s ease-out .5s both ach-shine;position:absolute;inset:-40% -20%;transform:translate(-120%)}@keyframes ach-land{0%{opacity:0;transform:translateY(22px)scale(.7)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ach-shine{to{transform:translate(120%)}}.ach-toast .ach-ico{animation:star-pop .55s var(--ease) both .25s;font-size:26px}.ach-toast b{color:#ecd193;font-size:14px;display:block}.ach-toast p{color:var(--text-secondary);margin:0;font-size:12px}.chip.warn{color:#ffa79e;border-color:#d3312c8c;animation:1.1s ease-in-out infinite chip-alarm}@keyframes chip-alarm{50%{background:#60160f9e}}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.ach-badge{border:1px solid var(--hairline);background:#16100a80;border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.ach-badge .ach-ico{filter:grayscale()opacity(.35);font-size:22px}.ach-badge b{color:var(--text-secondary);font-size:13px}.ach-badge p{color:var(--text-secondary);opacity:.7;margin:0;font-size:11.5px}.ach-badge.earned{background:#d9b25f14;border-color:#d9b25f66}.ach-badge.earned .ach-ico{filter:none}.ach-badge.earned b{color:#ecd193}.rename-input{width:120px;padding:6px 10px;font-size:13px}.login-open-btn{padding:8px 16px;font-size:13px}.login-overlay{z-index:60;-webkit-backdrop-filter:blur(22px)saturate(140%);animation:overlayin .35s var(--ease);background:#0d0a078c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-modal{width:min(400px,92vw);animation:rise .4s var(--ease) both;-webkit-backdrop-filter:blur(40px)saturate(180%);background:linear-gradient(#261d12f0,#18120bf5);border:1px solid #fff0d229;position:relative;box-shadow:0 30px 80px #0009,inset 0 1px #ffffff14}.modal-close{color:var(--text-tertiary);cursor:pointer;transition:color .2s var(--ease);background:0 0;border:none;padding:2px 6px;font-size:26px;line-height:1;position:absolute;top:12px;right:14px}.modal-close:hover{color:var(--text)}.back-link{color:var(--text-tertiary);transition:color .2s var(--ease);margin-bottom:6px;font-size:14px;text-decoration:none}.back-link:hover{color:var(--text)}.user-menu{position:relative}.user-chip-btn{cursor:pointer;font:inherit;color:var(--text);transition:background .2s var(--ease)}.user-chip-btn:hover{background:#16100ad1}.chip-caret{color:var(--text-tertiary);margin-left:2px;font-size:11px}.menu-backdrop{z-index:1;cursor:default;background:0 0;border:none;position:fixed;inset:0}.user-dropdown{z-index:2;-webkit-backdrop-filter:blur(40px)saturate(180%);min-width:190px;animation:rise .2s var(--ease) both;background:linear-gradient(#261d12f2,#18120bf7);border:1px solid #fff0d229;border-radius:16px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 50px #00000080}.menu-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .15s var(--ease);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.menu-item:hover{background:var(--glass-hover)}.hub-layout{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:520px;display:flex}.hub-layout .profile-card{width:100%}.profile-card .ach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-layout .join-card{gap:10px;width:min(340px,100%);padding:16px 18px}.join-label{color:var(--text-secondary);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.profile-card .card-head{align-items:center}.streak-chip{color:#ffcaa0;white-space:nowrap;background:#e4544f24;border:1px solid #e4544f66;border-radius:999px;align-self:center;margin-left:auto;padding:5px 12px;font-size:14px;font-weight:600}.stat-row{gap:12px;margin:4px 0 2px;display:flex}.stat{border:1px solid var(--hairline);background:var(--glass);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:14px 8px;display:flex}.stat-num{color:var(--ivory);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px}.game-stats{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.game-stats li{border-bottom:1px solid var(--hairline);justify-content:space-between;gap:12px;padding:7px 2px;font-size:13px;display:flex}.game-stats li:last-child{border-bottom:none}.game-stats-name{color:var(--text)}.game-stats .muted{font-variant-numeric:tabular-nums;white-space:nowrap}.avatar-sm{width:26px;height:26px;font-size:13px}.lb-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.lb-row{border-radius:12px;align-items:center;gap:12px;padding:8px 10px;font-size:14px;display:flex}.lb-row.me{background:#d9b25f1a;border:1px solid #d9b25f4d}.lb-rank{text-align:center;width:22px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-weight:700}.lb-row:first-child .lb-rank{color:var(--gold)}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lb-points{color:var(--ivory);font-variant-numeric:tabular-nums;font-weight:700}.crush-callout{z-index:20;pointer-events:none;letter-spacing:-.02em;color:var(--ivory);background:linear-gradient(#fff3cf 0%,#f2c65a 45%,#d9932f 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 16px #d98c2f8c);white-space:nowrap;animation:crush-pop 1s var(--ease) forwards;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,8vw,72px);font-weight:800;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}@keyframes crush-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-6deg)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(2deg)}45%{transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-62%)scale(1.05)}}.chip.target-hit{color:#12100b;background:linear-gradient(180deg, #f4d271, var(--gold));border-color:#0000}.chip.target-hit b{color:#12100b}.sfx{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:40;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.sfx-btn{width:42px;height:42px;color:var(--gold);background:var(--glass);border:1px solid var(--hairline-strong);-webkit-backdrop-filter:blur(24px)saturate(160%);cursor:pointer;transition:background .25s var(--ease), transform .25s var(--ease);border-radius:50%;place-items:center;display:grid}.sfx-btn:hover{background:var(--glass-hover);transform:translateY(-1px)}.sfx-btn:active{transform:scale(.94)}.sfx-panel{background:var(--glass);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(28px)saturate(160%);width:200px;animation:fadeup .28s var(--ease);border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex;box-shadow:0 18px 50px #00000080}.sfx-row{color:var(--text-secondary);letter-spacing:.02em;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.sfx-row input[type=range]{accent-color:var(--gold);flex:1;height:4px}.sfx-toggle{border:1px solid var(--hairline);color:var(--text-secondary);letter-spacing:.02em;cursor:pointer;transition:background .2s var(--ease);background:0 0;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.sfx-toggle:hover{background:var(--glass)}.sfx-pill{color:var(--text-tertiary);background:var(--hairline);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.sfx-pill.on{color:#12100b;background:var(--gold)}.gl-lost{z-index:20;cursor:pointer;color:var(--text-secondary,#d8cdb8);-webkit-backdrop-filter:blur(4px);background:#0d0a07d1;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.gl-lost__title{letter-spacing:.02em;font-size:15px;font-weight:700}.gl-lost__hint{color:var(--text-tertiary,#9a8f7a);font-size:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.success{color:#83d6a0;text-align:center;font-size:12px}.profile-avatar{border:1px solid #e2b95c73;width:58px;height:58px;box-shadow:0 8px 24px #00000061,0 0 0 4px #e2b95c12}.settings-head{align-items:center;gap:14px;display:flex}.settings-avatar,.settings-icon{border:1px solid #e2b95c61;border-radius:17px;flex:none;width:54px;height:54px;box-shadow:0 8px 22px #0000005c}.settings-icon{color:#ecd193;background:linear-gradient(145deg,#e2b95c33,#e2b95c0d);place-items:center;font-size:27px;display:grid}.avatar-settings{width:100%}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.avatar-option{border:1px solid var(--hairline);min-width:0;color:var(--text-tertiary);cursor:pointer;transition:transform .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease);background:#ffffff06;border-radius:13px;flex-direction:column;align-items:center;gap:5px;padding:6px 4px 7px;display:flex;position:relative}.avatar-option:hover:not(:disabled){background:#e2b95c12;border-color:#e2b95c6b;transform:translateY(-2px)}.avatar-option.selected{background:#e2b95c1f;border-color:#e2b95cb3;box-shadow:inset 0 0 0 1px #ffe5a014}.avatar-option.selected:after{content:"✓";color:#241708;background:var(--gold);border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-weight:900;display:grid;position:absolute;top:3px;right:3px}.avatar-option img{border-radius:50%;width:46px;height:46px}.avatar-option span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;font-weight:600;overflow:hidden}.settings-footnote{color:var(--text-tertiary);text-align:center;margin:-6px 3px 0;font-size:10.5px;line-height:1.35}.hub-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;width:min(880px,100%);max-width:880px;display:grid}.hub-layout .profile-card{grid-column:1/-1;width:100%}.hub-layout .avatar-settings,.hub-layout .join-card{gap:16px;width:100%;min-width:0;padding:22px}.hub-layout .join-card{text-align:left;align-items:stretch}.hub-layout .join-card .row{margin-top:auto}.menu-screen .cards{grid-template-columns:repeat(auto-fit,minmax(292px,1fr));align-items:stretch;gap:16px;width:min(1060px,100%);max-width:1060px;display:grid}.menu-screen .cards>.card{width:100%;min-width:0}.menu-screen .cards>.card:not(.ach-card) .card-head{min-height:62px}.menu-screen .cards>.ach-card{grid-column:1/-1}.seat-avatar{border:1px solid #fff0d22b;flex:none;width:34px;height:34px}.seat-copy{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.seat-name{max-width:100%;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.seat-record{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:10.5px}.lobby-flex{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;width:min(960px,100%);max-width:960px;display:grid}.lobby-flex>.card{width:100%;min-width:0}.lobby-flex .lobby-card{justify-content:center}.chat-card .chat-panel{flex:none;height:500px}.chat-panel{gap:9px}.chat-presence{color:var(--text-tertiary);align-items:center;gap:6px;font-size:9.5px;display:flex}.presence-dot{background:#4fd47b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #4fd47ba6}.chat-msgs{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);overscroll-behavior:contain;gap:5px;margin:0 -4px;padding:10px 6px}.chat-empty{max-width:220px;color:var(--text-tertiary);flex-direction:column;align-items:center;gap:5px;display:flex}.chat-empty>span{border:1px solid var(--hairline);background:#e2b95c0f;border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:5px;font-size:22px;display:grid}.chat-empty b{color:var(--text-secondary);font-size:13px}.chat-empty p{text-align:center;font-size:11px;line-height:1.45}.chat-msg{gap:3px;max-width:86%}.chat-msg.grouped{margin-top:-2px}.chat-message-head{align-items:center;gap:6px;padding:0 3px;display:flex}.chat-msg.mine .chat-message-head{flex-direction:row-reverse}.chat-avatar{border:1px solid var(--hairline-strong);width:22px;height:22px}.chat-author{color:var(--text-secondary);padding:0;font-size:10px}.chat-message-head time{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:8.5px}.chat-bubble{white-space:pre-wrap;border-radius:5px 15px 15px;padding:8px 11px;font-size:13px;line-height:1.4}.chat-msg.mine .chat-bubble{background:linear-gradient(145deg,#e2b95c36,#9b6f2624);border-radius:15px 5px 15px 15px}.chat-msg.grouped:not(.mine) .chat-bubble{border-top-left-radius:11px}.chat-msg.grouped.mine .chat-bubble{border-top-right-radius:11px}.chat-gif{object-fit:cover;border-radius:13px;width:min(220px,58vw);max-width:100%;max-height:220px}.chat-tail{flex-direction:column;gap:9px;display:flex;position:relative}.chat-error{color:#e99a8f;margin:0 2px;font-size:10.5px}.chat-composer{position:relative}.chat-input-row{align-items:flex-end;gap:6px}.chat-tool-btn{border-radius:13px;place-items:center;width:40px;height:40px;padding:0;font-size:19px;line-height:1;display:grid}.gif-btn{letter-spacing:.05em;font-size:10px}.chat-input{resize:none;min-height:40px;max-height:104px;padding:10px 12px;font-family:inherit;line-height:1.35;overflow-y:auto}.chat-send-btn{color:#2a1907;cursor:pointer;background:linear-gradient(#ffe8a8,#e7b64e);border:1px solid #e2b95c52;border-radius:13px;align-items:center;gap:6px;height:40px;padding:0 10px 0 13px;font-size:11px;font-weight:800;display:flex}.chat-send-btn b{color:#fff2cf;background:#6a4511;border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.chat-send-btn:disabled{opacity:.34;cursor:default}.chat-count{color:var(--text-tertiary);font-size:9px;position:absolute;bottom:-13px;right:58px}.chat-picker{z-index:30;transform-origin:bottom;max-height:min(340px,62dvh);animation:picker-pop .22s var(--ease) both;background:#100c07f7;border:1px solid #e2b95c33;border-radius:16px;padding:0;position:absolute;bottom:calc(100% + 10px);left:0;right:0;overflow:hidden;box-shadow:0 22px 52px #0000008c,inset 0 1px #fff5da0f}@keyframes picker-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.emoji-picker-shell aside.EmojiPickerReact{--epr-bg-color:transparent;--epr-category-label-bg-color:#120d08f5;--epr-hover-bg-color:#e2b95c1f;--epr-focus-bg-color:#e2b95c2b;--epr-highlight-color:#e2b95c;--epr-search-input-bg-color:#ffffff0e;--epr-emoji-size:20px;--epr-emoji-padding:5px;--epr-category-navigation-button-size:26px;--epr-search-input-height:36px;--epr-header-padding:10px 12px;--epr-category-label-height:28px;border:0}.picker-loading{height:160px;color:var(--text-tertiary);place-items:center;font-size:12px;display:grid}.gif-picker{flex-direction:column;max-height:310px;padding:8px;display:flex}.gif-search-row{border:1px solid var(--hairline);color:var(--text-tertiary);background:#ffffff0b;border-radius:11px;flex:none;align-items:center;gap:7px;margin-bottom:8px;padding:8px 10px;display:flex}.gif-search-row input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:11px}.gif-search-row input::placeholder{color:var(--text-tertiary)}.gif-loader{border:2px solid var(--hairline-strong);border-top-color:var(--gold);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite gif-spin}@keyframes gif-spin{to{transform:rotate(360deg)}}.gif-error{color:#e99a8f;margin:-2px 2px 7px;font-size:9.5px}.gif-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;overflow-y:auto}.gif-item{aspect-ratio:4/3}.giphy-credit{color:var(--text-tertiary);letter-spacing:.08em;text-align:right;text-transform:uppercase;padding:7px 2px 0;font-size:8px;font-weight:700}.chat-drawer{right:max(16px, env(safe-area-inset-right));bottom:max(72px, calc(env(safe-area-inset-bottom) + 66px));background:linear-gradient(160deg,#261d12f5,#0f0b07f7);border-radius:22px;gap:10px;width:min(400px,100vw - 32px);height:min(600px,100dvh - 96px)}.chat-drawer-head{text-transform:none;letter-spacing:0}.chat-drawer-head>div{flex-direction:column;display:flex}.chat-drawer-head strong{color:var(--text);font-size:16px}.chat-close{border:1px solid var(--hairline);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff0b;border-radius:50%;place-items:center;font-size:19px;display:grid}.chat-fab{right:max(68px, calc(env(safe-area-inset-right) + 62px));bottom:max(16px, env(safe-area-inset-bottom));width:44px;min-width:0;height:44px;color:var(--gold);background:#16100ae0;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 10px 26px #0006}.chat-fab:hover{background:#281e12f5}.chat-fab.open{color:var(--text-secondary);background:#1c150de6}.chat-fab>span:first-child{place-items:center;font-size:22px;line-height:1;display:grid}@media (max-width:720px){.hub-layout,.lobby-flex{grid-template-columns:1fr}.hub-layout .profile-card{grid-column:auto}.profile-card .ach-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.menu-screen .cards{grid-template-columns:minmax(0,1fr);width:min(420px,100%)}.room-code{font-size:clamp(30px,10vw,42px)}.chat-drawer{right:8px;bottom:max(70px, calc(env(safe-area-inset-bottom) + 64px));width:calc(100vw - 16px);height:min(600px,100dvh - 86px)}.chat-send-btn span{display:none}.chat-send-btn{padding:0 10px}}@media (max-width:430px){.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.avatar-option img{width:40px;height:40px}.seat-record-detail{display:none}.chat-tool-btn{width:36px}.gif-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hud-utilities{z-index:16;min-height:52px;padding:max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));position:relative}.hud-room-code{color:#f0e2c49e;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(18px)saturate(145%);background:linear-gradient(#312312db,#140e08e6);border:1px solid #e2b95c57;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 8px 22px #00000052,inset 0 1px #ffecbe14}.hud-room-code b{color:#f4d887;letter-spacing:.13em;font-size:12px}.player-rail{--player-card-height:68px;--player-card-width:220px;z-index:8;pointer-events:none;width:auto;min-height:0;position:absolute;inset:0;overflow:visible}.player-board-card{--player-accent:var(--gold);--postcard-ink:#33250f;--postcard-foil:#7a58226b;--postcard-serif:"Didot", "Bodoni 72", "Iowan Old Style", Georgia, serif;isolation:isolate;width:var(--player-card-width);max-width:none;height:var(--player-card-height);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--player-accent) 11%, transparent), transparent 52%), linear-gradient(160deg, #f0e4c8, #e3d2ab 62%, #d9c69c);opacity:.9;pointer-events:none;-webkit-user-select:none;user-select:none;min-height:0;transition:border-color .24s var(--ease), opacity .24s var(--ease), box-shadow .24s var(--ease);border:1px solid #3f2d1280;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 8px 8px 17px;display:grid;position:absolute;overflow:hidden;transform:translate(0,0);box-shadow:0 12px 30px #0000006b,inset 0 1px #fffdf4a6,inset 0 -1px #5d421838}.player-board-card:before{z-index:-1;border:1px solid var(--postcard-foil);content:"";border-radius:6px;position:absolute;inset:4px 4px 4px 12px}.player-board-card.has-dice{grid-template-columns:auto minmax(0,1fr) auto 66px;gap:6px;height:76px}.player-board-card.active{border-color:color-mix(in srgb, var(--player-accent) 55%, #7c5a22 45%);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--player-accent) 16%, transparent), transparent 55%), linear-gradient(160deg, #f7ecd2, #e9d9b3 62%, #dfcda3);box-shadow:0 15px 34px #00000080, 0 0 24px color-mix(in srgb, var(--player-accent) 26%, transparent), inset 0 1px 0 #fffdf4bf, inset 0 -1px 0 #5d421838;opacity:1}.player-turn-marker{background:repeating-linear-gradient(-45deg, var(--player-accent) 0 5px, #f9f3e2f2 5px 10px);opacity:.5;width:8px;transition:opacity .24s var(--ease), box-shadow .24s var(--ease);border-right:1px solid #3f2d1247;position:absolute;inset:0 auto 0 0}.player-board-card.active .player-turn-marker{opacity:1;box-shadow:0 0 12px color-mix(in srgb, var(--player-accent) 45%, transparent)}.player-card-avatar{border:1px solid color-mix(in srgb, var(--player-accent) 55%, #8a6729 45%);width:42px;height:42px;box-shadow:0 3px 9px #3a2a1059,0 0 0 3px #fffcf08c}.player-card-identity{flex-direction:column;gap:4px;min-width:0;display:flex}.player-card-title{align-items:center;gap:5px;min-width:0;display:flex}.player-card-title strong{color:var(--postcard-ink);font-family:var(--postcard-serif);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.player-you,.player-cpu{color:#4b3611;letter-spacing:.07em;text-transform:uppercase;background:#fffaeb8c;border:1px solid #7a582273;border-radius:999px;flex:none;padding:1px 5px;font-size:7px;font-weight:850;line-height:1.35}.player-cpu{color:#33250f80;background:#fffaeb4d;border-color:#7a582247}.player-card-status{color:#33250f8c;letter-spacing:.03em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:8px;font-weight:700;line-height:1.2;display:flex;overflow:hidden}.player-card-status.active{color:#33250fd9}.player-card-status i{border-radius:50%;flex:none;width:6px;height:6px;box-shadow:inset 0 0 0 1px #3f2d1240}.player-card-metric{font-variant-numeric:tabular-nums;background:linear-gradient(165deg,#fffcf2d9,#f3e7caa6);border:1px dashed #7a58228c;border-radius:3px;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:2px;min-width:40px;padding:4px 6px;display:flex;box-shadow:0 1px 3px #3a2a1024}.player-board-card.has-dice .player-card-metric{min-width:32px;padding:3px 4px}.player-card-metric b{color:var(--postcard-ink);font-family:var(--postcard-serif);font-size:15px;font-weight:700;line-height:1}.player-card-metric small{color:#33250f80;letter-spacing:.055em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:48px;font-size:6.5px;font-weight:750;overflow:hidden}.player-dice-well{color:#edcf7a;width:100%;min-width:44px;height:58px;min-height:44px;font:inherit;pointer-events:none;background:radial-gradient(circle at 50% 20%,#ffebb417,#0000 58%),linear-gradient(155deg,#080604ad,#2c1f11b8);border:1px solid #6b4e1e80;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0000007a,inset 0 1px #fff1c60d}button.player-dice-well{appearance:none;pointer-events:auto;cursor:pointer;touch-action:manipulation;transition:transform .18s var(--ease), border-color .18s var(--ease), box-shadow .18s var(--ease)}button.player-dice-well:hover{border-color:#ffda7db8;transform:translateY(-1px)}button.player-dice-well:active{transform:scale(.95)}button.player-dice-well:focus-visible{outline-offset:-3px;outline:2px solid #ffe09a}.player-dice-well.ready{border-color:color-mix(in srgb, var(--player-accent) 60%, #f5d57f 40%);box-shadow:0 0 17px color-mix(in srgb, var(--player-accent) 18%, transparent), inset 0 1px 0 #fff5d32e, inset 0 -4px 10px #00000047;background:radial-gradient(circle at 50% 15%,#fff0c438,#0000 56%),linear-gradient(155deg,#68481ceb,#2c1c0bf5);animation:1.8s ease-in-out infinite dice-ready}.player-dice-well.result{background:linear-gradient(155deg,#3d2e1beb,#18110af0);border-color:#e3c47e6b}.player-dice-well.rolling{border-color:color-mix(in srgb, var(--player-accent) 58%, #f4d784 42%);color:#f3d98f}.player-dice-well.idle,.player-dice-well.waiting{opacity:.56}.player-dice-well small{color:currentColor;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:100%;font-size:6.5px;font-weight:850;line-height:1;display:block;overflow:hidden}.player-dice-faces{justify-content:center;align-items:center;gap:3px;min-width:0;min-height:38px;display:flex;position:relative}.mini-die{color:#191713;background:linear-gradient(145deg,#f5f0e6,#aeb2b1);border:1px solid #ffffffd1;border-radius:7px;flex:none;grid-template:repeat(3,1fr)/repeat(3,1fr);width:28px;height:28px;padding:5px;display:grid;position:relative;box-shadow:0 2px 5px #0000006b,inset 0 1px #fff}.mini-die:only-child{border-radius:9px;width:38px;height:38px;padding:7px}.mini-die i{background:#171613;border-radius:50%;place-self:center;width:4px;height:4px;box-shadow:inset 0 1px 1px #ffffff26}.mini-die b{grid-area:1/1/4/4;place-self:center;font-size:14px;line-height:1}.mini-die.ghost{opacity:.36;filter:saturate(.3)}.player-dice-well.rolling .mini-die{animation:.7s ease-in-out infinite mini-die-tumble}.player-dice-well.rolling .mini-die:nth-child(2){animation-delay:-.22s}.dice-stack-count{color:#21180b;background:#e8c46b;border-radius:999px;padding:1px 3px;font-size:6px;line-height:1.2;position:absolute;top:-3px;right:-7px;box-shadow:0 2px 5px #00000059}@keyframes dice-ready{0%,to{box-shadow:0 0 12px color-mix(in srgb, var(--player-accent) 13%, transparent), inset 0 1px 0 #fff5d32e, inset 0 -4px 10px #00000047}50%{box-shadow:0 0 23px color-mix(in srgb, var(--player-accent) 30%, transparent), inset 0 1px 0 #fff5d33d, inset 0 -4px 10px #00000047}}@keyframes mini-die-tumble{0%,to{transform:rotate(-8deg)translateY(1px)}50%{transform:rotate(10deg)translateY(-2px)}}.hud-bottom{z-index:12}.chess-history-dock{right:auto;bottom:max(12px, calc(env(safe-area-inset-bottom) + 6px));width:min(520px,100vw - 140px);margin:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}.chess-history-dock .chess-hist{max-width:100%}@media (orientation:portrait){.player-board-card{width:min(clamp(220px,36vw,300px),50vw - 13px)}.player-board-card.has-dice{grid-template-columns:auto minmax(0,1fr) auto 56px}.player-board-card.has-dice .player-card-avatar{width:34px;height:34px}.player-board-card[data-player-corner^=top]{top:max(62px, calc(env(safe-area-inset-top) + 56px))}.player-board-card[data-player-corner^=bottom]{bottom:max(80px, calc(env(safe-area-inset-bottom) + 72px))}.player-board-card[data-player-corner$=left]{left:8px;right:auto}.player-board-card[data-player-corner$=right]{left:auto;right:8px}.player-count-1 .player-board-card,.player-count-2 .player-board-card[data-player-corner^=bottom],.player-count-3 .player-board-card[data-player-corner^=bottom],.player-count-2 .player-board-card[data-player-corner^=top]{width:min(300px,100vw - 24px);margin-inline:auto;left:12px;right:12px;transform:translate(0,0)}.player-rail[data-board-aligned=true] .player-board-card{width:min(clamp(220px,36vw,300px),50vw - 13px);margin-inline:0;transform:translate(0,0)}.player-rail[data-board-aligned=true] .player-board-card[data-player-corner$=left]{left:8px;right:auto}.player-rail[data-board-aligned=true] .player-board-card[data-player-corner$=right]{left:auto;right:8px}.player-rail+.hud-note{top:max(140px, calc(env(safe-area-inset-top) + 134px));text-align:center;width:max-content;max-width:calc(100vw - 24px);margin:0;padding:7px 13px;font-size:11px;line-height:1.25;position:absolute;left:50%;transform:translate(-50%)}}@media (orientation:landscape){.hud{--game-rail-width:clamp(148px, calc((100vw - 92dvh) / 2 - 20px), 300px);--game-rail-inset:max(7px, calc((100vw - 92dvh) / 2 - var(--game-rail-width) - 10px))}.player-rail{--player-card-width:var(--game-rail-width)}.player-board-card[data-player-corner$=left]{right:auto;left:max(var(--game-rail-inset), calc(env(safe-area-inset-left) + 7px))}.player-board-card[data-player-corner$=right]{right:max(var(--game-rail-inset), calc(env(safe-area-inset-right) + 7px));left:auto}.player-board-card[data-player-corner^=top]{top:max(62px, calc(env(safe-area-inset-top) + 56px));bottom:auto}.player-board-card[data-player-corner^=bottom]{top:auto;bottom:max(66px, calc(env(safe-area-inset-bottom) + 58px))}.player-count-1 .player-board-card,.player-count-2 .player-board-card,.player-count-3 .player-board-card[data-player-corner$=right]{margin-block:auto;top:0;bottom:0;transform:translate(0,0)}.player-rail[data-board-aligned=true] .player-board-card[data-player-corner^=top]{top:max(62px, calc(env(safe-area-inset-top) + 56px));margin-block:0;bottom:auto}.player-rail[data-board-aligned=true] .player-board-card[data-player-corner^=bottom]{top:auto;bottom:max(66px, calc(env(safe-area-inset-bottom) + 58px));margin-block:0}.player-rail+.hud-note{top:max(10px, calc(env(safe-area-inset-top) + 6px));text-align:center;width:max-content;max-width:min(540px,100vw - 340px);margin:0;padding:7px 14px;font-size:11px;line-height:1.25;position:absolute;left:50%;transform:translate(-50%)}}@media (pointer:coarse){.player-rail[data-tabletop=true] .player-board-card[data-player-corner^=top]{rotate:180deg}}@media (orientation:landscape) and (max-height:430px){.player-rail{--player-card-height:58px}.player-board-card{border-radius:9px;gap:6px;padding:6px 6px 6px 14px}.player-board-card:before{inset:3px 3px 3px 10px}.player-turn-marker{width:7px}.player-board-card.has-dice{grid-template-columns:auto minmax(0,1fr) auto 56px;gap:5px;height:66px}.player-card-avatar{width:34px;height:34px}.player-card-title strong{font-size:11px}.player-card-status{font-size:8px}.player-cpu,.player-card-metric small{display:none}.player-dice-well{width:56px;height:52px}.player-dice-faces{min-height:31px}.mini-die{width:21px;height:21px;padding:4px}.mini-die:only-child{width:31px;height:31px;padding:6px}.mini-die i{width:3px;height:3px}.player-board-card[data-player-corner^=top]{top:max(52px, calc(env(safe-area-inset-top) + 46px))}.player-board-card[data-player-corner^=bottom]{bottom:max(62px, calc(env(safe-area-inset-bottom) + 54px))}.player-count-1 .player-board-card,.player-count-2 .player-board-card,.player-count-3 .player-board-card[data-player-corner$=right]{margin-block:auto;top:0;bottom:0;transform:translate(0,0)}.player-rail[data-board-aligned=true] .player-board-card[data-player-corner^=top]{top:max(52px, calc(env(safe-area-inset-top) + 46px));margin-block:0;bottom:auto}.player-rail[data-board-aligned=true] .player-board-card[data-player-corner^=bottom]{top:auto;bottom:max(62px, calc(env(safe-area-inset-bottom) + 54px));margin-block:0}}@media (max-width:430px){.hud-utilities{min-height:48px;padding-top:max(10px, env(safe-area-inset-top));gap:6px;padding-inline:10px}.hud-utilities>.btn{padding:7px 9px;font-size:12px}.hud-room-code{padding:6px 9px;font-size:8px}.hud-room-code b{font-size:10px}.player-card-avatar{width:34px;height:34px}.player-card-title strong{font-size:11.5px}.player-card-status{font-size:8px}.player-board-card.has-dice{grid-template-columns:auto minmax(0,1fr) 21px 60px;gap:4px;height:74px;padding:7px 5px}.player-count-3 .player-board-card.has-dice,.player-count-4 .player-board-card.has-dice{grid-template-columns:auto minmax(0,1fr) 60px}.player-count-3 .player-board-card.has-dice .player-card-metric,.player-count-4 .player-board-card.has-dice .player-card-metric{display:none}.player-dice-well{width:60px;height:58px}.player-dice-faces{min-height:36px}.mini-die{width:24px;height:24px;padding:4px}.mini-die:only-child{width:36px;height:36px;padding:7px}.mini-die i{width:3.5px;height:3.5px}.player-card-metric{min-width:21px;padding-left:3px}.player-card-metric b{font-size:12px}.player-board-card.has-dice .player-card-metric small{display:none}.player-dice-well small{font-size:5.8px}}@media (max-width:350px) and (orientation:portrait){.player-rail{--player-card-height:62px}.player-board-card{border-radius:14px;gap:5px;padding:6px}.player-card-avatar{width:32px;height:32px}.player-card-title strong{font-size:10.5px}.player-you,.player-cpu,.player-card-metric small{display:none}.player-board-card.has-dice{grid-template-columns:auto minmax(0,1fr) 19px 50px;gap:4px;height:64px;padding:5px}.player-count-3 .player-board-card.has-dice,.player-count-4 .player-board-card.has-dice{grid-template-columns:auto minmax(0,1fr) 50px}.player-dice-well{width:50px;height:52px}.player-dice-faces{min-height:31px}.player-dice-well small{font-size:5.5px}.mini-die{width:19px;height:19px;padding:3px}.mini-die:only-child{width:31px;height:31px;padding:6px}.mini-die i{width:3px;height:3px}.player-card-metric{min-width:19px;padding-left:3px}.player-board-card[data-player-corner^=top]{top:max(58px, calc(env(safe-area-inset-top) + 52px))}.player-rail+.hud-note{top:max(128px, calc(env(safe-area-inset-top) + 122px))}}@media (prefers-reduced-motion:reduce){.player-board-card,.player-turn-marker,button.player-dice-well{transition:none}.chat-picker,.player-dice-well.ready,.player-dice-well.rolling .mini-die{animation:none}}