:root{--fox-orange:#f57c00;--fox-orange-light:#ff9e40;--fox-gold:#ffb300;--fox-black:#14100c;--fox-black-soft:#1e1712;--fox-panel:#241b13;--fox-green:#2e7d32;--fox-red:#d32f2f;--fox-text:#fdf6ec;--fox-text-dim:#cbb9a0;--fox-border:#3a2c1e;--radius:14px;--radius-lg:22px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(circle at top, #251a0e 0%, var(--fox-black) 60%);color:var(--fox-text);-webkit-tap-highlight-color:transparent;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}button{font-family:inherit}a{color:var(--fox-gold)}.screen{flex-direction:column;align-items:center;min-height:100dvh;padding:20px 16px 32px;display:flex}.screen-inner{flex-direction:column;gap:16px;width:100%;max-width:460px;display:flex}.card{background:var(--fox-panel);border:1px solid var(--fox-border);border-radius:var(--radius-lg);padding:20px}.btn{border-radius:var(--radius);cursor:pointer;color:var(--fox-black);background:linear-gradient(180deg, var(--fox-gold), var(--fox-orange));border:none;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:1rem;font-weight:700;transition:transform 80ms,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn.secondary{color:var(--fox-text);border:1px solid var(--fox-border);background:0 0}.btn.danger{background:linear-gradient(180deg, #ef5350, var(--fox-red));color:#fff}.btn.block{width:100%}.btn.small{padding:8px 14px;font-size:.85rem}input[type=text],input[type=number],textarea{border-radius:var(--radius);border:1px solid var(--fox-border);background:var(--fox-black-soft);width:100%;color:var(--fox-text);padding:13px 14px;font-size:1rem}input:focus,textarea:focus{outline:2px solid var(--fox-orange)}label{color:var(--fox-text-dim);letter-spacing:.02em;text-transform:uppercase;margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.logo-full{width:min(220px,60vw);height:auto;margin:0 auto;display:block}.logo-mark{border-radius:50%;width:40px;height:40px;display:block}.pill{background:var(--fox-black-soft);border:1px solid var(--fox-border);color:var(--fox-text-dim);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;display:inline-flex}.room-code{letter-spacing:.12em;color:var(--fox-gold);text-align:center;font-size:2.4rem;font-weight:800}h1,h2,h3{margin:0}.muted{color:var(--fox-text-dim);font-size:.9rem}.center{text-align:center}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;display:flex}.board{flex-direction:column;gap:8px;display:flex}.board-row{border-radius:var(--radius);background:var(--fox-black-soft);border:1px solid var(--fox-border);align-items:center;gap:12px;padding:10px 14px;display:flex}.board-row.highlight{border-color:var(--fox-gold);background:linear-gradient(90deg,#ffb3002e,#0000)}.board-rank{width:14px;color:var(--fox-text-dim);opacity:.55;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.78rem;font-weight:600}.board-row.empty .board-rank{opacity:.4}.standings-rank{width:26px;color:var(--fox-text-dim);text-align:center;flex-shrink:0;font-size:1rem;font-weight:700}.board-text{letter-spacing:-.01em;flex:1;font-size:1.05rem;font-weight:600}.board-points{color:var(--fox-text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.85rem;font-weight:700}.board-row.highlight .board-points{color:var(--fox-gold);font-size:1rem}.lifeline-row{align-items:stretch;gap:8px;display:flex}.lifeline{border-radius:var(--radius);border:1px solid var(--fox-border);background:var(--fox-black-soft);color:var(--fox-text);cursor:pointer;flex:1;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;font-size:.95rem;transition:border-color .15s,background .15s;display:flex}.lifeline:hover:not(:disabled){border-color:var(--fox-gold)}.lifeline.armed{border-color:var(--fox-gold);background:linear-gradient(90deg,#ffb30029,#0000)}.lifeline.spent,.lifeline:disabled{opacity:.4;cursor:default}.lifeline-name{font-weight:700}.lifeline-state{text-transform:uppercase;letter-spacing:.05em;color:var(--fox-text-dim);font-size:.75rem}.lifeline.armed .lifeline-state{color:var(--fox-gold)}.lifeline-info{border-radius:var(--radius);border:1px solid var(--fox-border);width:38px;color:var(--fox-text-dim);cursor:pointer;background:0 0;flex-shrink:0;font-style:italic;font-weight:700}.lifeline-info:hover{color:var(--fox-gold);border-color:var(--fox-gold)}.lifeline-explain{margin:0;font-size:.85rem;line-height:1.4}.allocation-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.allocation-cell{border-radius:var(--radius);border:1px solid var(--fox-border);background:var(--fox-black-soft);color:var(--fox-text);cursor:pointer;padding:14px 6px;font-size:.82rem;font-weight:600;line-height:1.25;transition:border-color .15s,background .15s;position:relative}.allocation-cell:hover:not(:disabled){border-color:var(--fox-gold)}.allocation-cell.chosen{border-color:var(--fox-gold);color:var(--fox-text);background:linear-gradient(#ffb30038,#0000)}.allocation-cell.taken{opacity:.45}.allocation-taken{text-transform:uppercase;letter-spacing:.06em;color:var(--fox-text-dim);margin-top:4px;font-size:.62rem;display:block}.timer{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800}.timer.urgent{color:var(--fox-red)}.badge{background:var(--fox-orange);color:var(--fox-black);border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:800}.error-text{color:#ff8a80;font-size:.88rem}.footer-mark{opacity:.6;margin-top:auto;padding-top:24px}.host-shell{flex-direction:column;gap:16px;max-width:1100px;min-height:100dvh;margin:0 auto;padding:20px;display:flex}.host-grid{grid-template-columns:1.3fr 1fr;gap:16px;display:grid}@media (width<=820px){.host-grid{grid-template-columns:1fr}}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--fox-border);padding:8px 10px}th{color:var(--fox-text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}