:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#020617;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{color:#e2e8f0;background:#020617;min-height:100vh;margin:0}#root{min-height:100vh}.app-shell{gap:16px;max-width:1100px;margin:0 auto;padding:24px 16px 40px;display:grid}.panel{background:#0f172a;border:1px solid #1e293b;border-radius:14px;padding:16px}.panel h1{margin:0 0 6px;font-size:1.9rem}.panel h2{margin:0 0 10px;font-size:1.15rem}.muted{color:#94a3b8;margin:0}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.field{gap:8px;display:grid}.field span{color:#cbd5e1;font-size:.9rem;font-weight:600}.room-row{gap:8px;display:flex}input,select,button{font:inherit;color:#e2e8f0;border:1px solid #334155;border-radius:10px;padding:10px 12px}input,select{background:#0b1220;width:100%}button{cursor:pointer;white-space:nowrap;background:#1d4ed8;border-color:#1e40af}button:hover:not(:disabled){background:#2563eb}button:disabled{opacity:.6;cursor:not-allowed}code{background:#020617;border:1px solid #334155;border-radius:6px;padding:2px 6px}.room-meta{flex-wrap:wrap;gap:8px 14px;margin-top:12px;display:flex}.role-lock-message{margin-top:12px}.sync-status{margin:0}.sync-status--polling{color:#fde68a}.role-links{gap:8px;margin-top:12px;display:grid}.role-links-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.role-link-row{grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.role-link-label{color:#cbd5e1;font-size:.85rem;font-weight:600}.role-link-input{font-size:.8rem}.alert{background:#2b1f0f;border-color:#a16207}.error-panel{color:#fecdd3;background:#3a0f1d;border-color:#be123c}.turn-indicator{gap:8px;display:grid}.turn-pill{color:#e2e8f0;background:#1e293b;border-radius:999px;width:fit-content;margin:0;padding:6px 12px;font-weight:600}.turn-pill--complete{color:#dcfce7;background:#14532d}.map-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.map-card{text-align:left;background:#111827;border:1px solid #334155;border-radius:10px;flex-direction:column;justify-content:center;gap:4px;min-height:82px;padding:10px 12px;display:flex}.map-name{font-weight:700}.map-meta{color:#cbd5e1;font-size:.76rem}.map-card--available{border-color:#3b82f6}.map-card--available:hover:not(:disabled){background:#172554;border-color:#60a5fa}.map-card--banned{background:#3a1020;border-color:#e11d48}.map-card--picked{background:#0f2a46;border-color:#0284c7}.map-card--decider{background:#2f2a10;border-color:#d4af37}.result-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.result-item{background:#111827;border:1px solid #334155;border-radius:10px;padding:12px}.result-item h3{color:#cbd5e1;margin:0 0 6px;font-size:.9rem}.result-item p{margin:0;font-size:1.1rem;font-weight:700}@media (width<=640px){.app-shell{padding:16px 12px 28px}.room-row{flex-direction:column}.role-link-row{grid-template-columns:1fr}}