:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#0b1220}.layout{position:relative;width:100%;height:100%}#scene{width:100%;height:100%}.brand-bar{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:9;pointer-events:none}#brand-text{margin:0;color:#f3f8ff;font-size:clamp(1.05rem,2vw,1.8rem);letter-spacing:.08em;text-transform:lowercase;font-family:Arial Black,Franklin Gothic Medium,Impact,sans-serif;text-shadow:0 2px 0 #2a3d7a,0 0 14px rgba(112,177,255,.42);will-change:transform}.hud{position:absolute;top:62px;right:12px;width:200px;background:#040a19bd;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hud p{margin:2px 0;font-size:.78rem}.toast{margin-top:6px;padding:5px 7px;border-radius:8px;background:#78adff33;border:1px solid rgba(160,207,255,.38);font-size:.73rem}.select-screen{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:flex-end;z-index:8;pointer-events:none}.results-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#754dff47,#060b1bd9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10}.select-panel,.results-card{width:min(520px,90vw);border-radius:16px;border:1px solid rgba(255,255,255,.18);background:#060c1cb8;padding:9px;box-shadow:0 20px 50px #00000073;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.select-panel{max-height:44vh;overflow:auto}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.quick-actions button,.results-card button{border:none;border-radius:10px;padding:11px;cursor:pointer;color:#f5f9ff;font-size:.92rem;font-weight:700;background:linear-gradient(130deg,#346dffed,#7642ffdb)}.quick-actions button:hover,.row button:hover,.choice-btn:hover,.results-card button:hover{filter:brightness(1.08)}.row{display:flex;gap:6px;margin-bottom:6px}.row.compact input,.row.compact button{border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#08122ad9;color:#fff;padding:8px}.row.compact input{flex:1}.row.compact button{border:none;cursor:pointer}.row.compact .dice{width:52px;font-size:1.35rem;line-height:1;padding:6px}.row.compact.mini-actions button{flex:1}.customize-panel{margin-top:8px}.multi-lobby{margin-top:2px}.mini-play{margin-top:6px;grid-template-columns:1fr}.customize-panel summary{cursor:pointer;font-weight:700;font-size:.82rem;margin-bottom:8px}.customize-panel h3{margin:6px 0 5px;font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;opacity:.86}.choice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:6px}.choice-list.stage{grid-template-columns:1fr}.choice-btn{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#f6fbff;border-radius:10px;padding:8px;text-align:left;cursor:pointer;display:grid;gap:2px}.choice-btn span{font-size:.72rem;opacity:.82}.choice-btn.active{border-color:#71b4fff2;background:linear-gradient(125deg,#2b62ff61,#743fff40)}.invite-url{margin:0 0 6px;min-height:1em;font-size:.74rem;opacity:.75;overflow-wrap:anywhere}.online-grid,#results-list{display:grid;gap:6px;max-height:140px;overflow:auto}.online-card,.result-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:8px;background:#ffffff0a}.online-card .avatar{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#fff,var(--swatch, #8b5f46));color:#091022;font-size:.72rem;font-weight:700}.online-card .meta,.result-item{min-width:0}.online-card .meta{display:grid;gap:2px}.online-card .meta span,.result-item span{font-size:.72rem;opacity:.86}.online-card em,.result-item em{justify-self:end;font-style:normal;font-size:.66rem;opacity:.9}.empty{margin:0;opacity:.78}.results-card h2{margin:0 0 10px;font-size:1.1rem}#results-list h3{margin:10px 0 6px;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;opacity:.85}.result-stats{display:grid;gap:4px;margin-bottom:6px}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;padding:5px 7px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff08}.stat-row span{opacity:.82}.results-card button{margin-top:10px;width:100%}@media(max-width:980px){.select-screen{left:12px;right:12px;bottom:10px;transform:none}.select-panel{width:100%}.choice-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hud{display:none}}.hidden{display:none}