:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glass:#070e1fb8;--glass-light:#ffffff1a;--line:#ffffff29;--text:#f7f9ff;--muted:#b8c1d8;--accent:#ffb020;--danger:#ff6573;--good:#6fe7a7;--shadow:0 18px 60px #0000006b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);background:radial-gradient(circle,#1e4d8c 0%,#0b1a3e 62%,#071024 100%)}body:before{content:"";pointer-events:none;opacity:.12;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"n\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\".85\" numOctaves=\"3\" stitchTiles=\"stitchTiles\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23n)\"/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}button,input{font:inherit}button{color:#111827;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#ffffffeb,#dce1ebc2);border:1px solid #ffffff47;border-radius:10px;padding:10px 18px;font-weight:750;transition:transform .12s,opacity .12s,filter .12s;box-shadow:0 5px 12px #00000040}button:hover:not(:disabled){filter:brightness(1.06)}button:active:not(:disabled){transform:translateY(2px)}button:disabled{opacity:.42;cursor:not-allowed}button.primary{background:linear-gradient(#ffc45d,#f29712)}button.secondary,.secondary{color:var(--text);background:#ffffff1a}#dice-box{z-index:2;position:fixed;top:0;bottom:0;left:0;right:0}.overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.overlay[hidden],[hidden]{display:none!important}.overlay-card{text-align:center;background:var(--glass);border:1px solid var(--line);width:min(92vw,460px);max-height:min(90vh,820px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;padding:28px;overflow:auto}.overlay-card h1,.overlay-card h2{margin:0 0 8px}.overlay-card h1{letter-spacing:.04em;font-size:clamp(2rem,7vw,3.1rem)}.overlay-sub{color:var(--muted);margin:0 0 20px;line-height:1.45}.fine-print,.field-help{color:var(--muted);font-size:.78rem;line-height:1.45}.status-message{color:var(--danger);min-height:1.25em}.mode-btn{width:100%;margin:10px 0;padding:13px 18px;display:block}.compact-btn{padding:7px 12px;font-size:.82rem}.wallet-bar{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040914cc;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:min(100vw - 24px,980px);padding:8px 12px;font-size:.82rem;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.wallet-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.status-dot{background:var(--danger);border-radius:999px;width:9px;height:9px;margin-right:6px;display:inline-block}.status-dot.connected{background:var(--good)}.field-group{text-align:left;margin:16px 0}.field-group label,.lobby-browser-controls label{color:var(--muted);margin-bottom:6px;font-size:.84rem;display:block}input{width:100%;color:var(--text);background:#ffffff14;border:1px solid #ffffff3d;border-radius:9px;outline:none;padding:11px 12px}input:focus{border-color:#ffb020c7;box-shadow:0 0 0 3px #ffb0201f}.field-help{margin-top:6px;display:block}.inline-form{grid-template-columns:1fr auto;gap:8px;display:grid}.divider{color:var(--muted);align-items:center;gap:10px;margin:18px 0 12px;font-size:.76rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.lobby-browser-card{width:min(94vw,720px)}.browser-header{text-align:left;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lobby-browser-controls{text-align:left;margin-bottom:12px}.lobby-list{gap:10px;margin:12px 0;display:grid}.lobby-item{text-align:left;border:1px solid var(--line);background:#ffffff0f;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.lobby-item .meta{color:var(--muted);margin-top:4px;font-size:.82rem}.lobby-item .actions{gap:7px;display:flex}.empty-state{color:var(--muted);padding:24px 12px}.spinner{border:4px solid #ffffff2e;border-top-color:var(--accent);border-radius:50%;width:38px;height:38px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#tx-explorer-link{color:#ffd27d;margin:10px 0 4px;display:block}#ui-layer{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;padding-top:58px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.game-topbar{pointer-events:auto;justify-content:space-between;gap:10px;width:min(100vw - 28px,980px);margin:0 auto;display:flex}.lobby-pill,.game-metrics{border:1px solid var(--line);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#040914ad;border-radius:12px;align-items:center;gap:10px;padding:7px 11px;font-size:.8rem;display:flex}.game-metrics{flex-wrap:wrap;justify-content:flex-end}.game-metrics span+span{border-left:1px solid var(--line);padding-left:10px}.scoreboard{pointer-events:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(100vw - 28px,980px);margin:6px auto auto;display:grid}.player-panel{text-align:center;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0409148c;border-radius:14px;min-width:0;padding:10px 12px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 6px 20px #00000042}.player-panel.empty{opacity:.45}.player-panel.active{border-color:#ffd460;transform:scale(1.035);box-shadow:0 0 22px #ffd4605c}.player-panel.winner{border-color:var(--good);box-shadow:0 0 28px #6fe7a766}.player-name{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.player-dice-set{color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;gap:5px;margin-top:4px;font-size:.65rem;display:flex}.player-dice-set span{border:1px solid var(--player-dice-edge);background:var(--player-dice-color);width:9px;height:9px;box-shadow:0 0 7px color-mix(in srgb, var(--player-dice-color) 65%, transparent);border-radius:3px;flex:none}.player-score{margin-top:3px;font-size:1.8rem;font-weight:850}.player-turn-score{color:#ffd27d;min-height:1.1em;font-size:.78rem}.controls-shell{pointer-events:auto;text-align:center;width:min(100vw - 24px,760px);margin:0 auto 18px}.turn-info{color:#111827;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffc;border-radius:18px;max-width:100%;padding:9px 18px;display:inline-block;box-shadow:0 7px 24px #00000047}.turn-info h3{margin:0 0 3px;font-size:.9rem}#message{margin:0;font-size:.88rem;font-weight:750}.vrf-status{color:#7b3f00;margin:4px 0 0;font-size:.76rem}.turn-timer{color:#334155;margin:4px 0 0;font-size:.76rem}#charge-meter{opacity:0;background:#00000061;border:1px solid #ffffff6b;border-radius:99px;width:190px;height:10px;margin:10px auto;transition:opacity .15s;overflow:hidden}#charge-meter.charging{opacity:1}#charge-fill{background:linear-gradient(90deg,#ffe066,#ff9d00,#ff3d00);width:0;height:100%}.game-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.game-actions button{margin:0}.secondary-actions button{padding:8px 13px;font-size:.82rem}.nav-actions{margin-top:10px}@media (max-width:740px){.wallet-bar{align-items:flex-start;top:6px}.wallet-actions{max-width:52%}#ui-layer{padding-top:76px}.game-topbar{align-items:flex-start}.game-metrics{max-width:66%}.scoreboard{grid-template-columns:repeat(2,minmax(0,1fr))}.player-panel{padding:8px}.player-score{font-size:1.4rem}.controls-shell{margin-bottom:8px}.game-actions button{padding:9px 12px}}@media (max-width:470px){.overlay{padding:12px}.overlay-card{padding:22px 18px}.wallet-bar{font-size:.72rem}#wallet-winnings{display:none}.game-topbar{flex-direction:column}.game-metrics{justify-content:flex-start;align-self:stretch;max-width:100%}.turn-info{width:calc(100% - 12px)}.primary-actions button{flex:1}}