:root{--bg:#0f1115;--bg-elev:#1a1d24;--fg:#e6e6e6;--fg-dim:#9aa0a6;--accent:#6cb1ff;--danger:#ff6b6b;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;overscroll-behavior:none;min-height:100%;margin:0;padding:0}button{font:inherit;color:inherit;background:var(--bg-elev);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:.6em 1em}button:disabled{opacity:.4;cursor:not-allowed}input[type=text]{font:inherit;color:inherit;background:var(--bg-elev);border-radius:var(--radius);border:1px solid #2a2f38;min-width:0;padding:.6em .9em}.app{gap:1.5rem;min-height:100dvh;margin:0 auto;padding:1rem;display:grid}.app[data-view=picker]{max-width:960px}.app[data-view=play]{max-width:none;padding:.5rem}.app-header h1{margin:0;font-size:1.6rem}.roster-list{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.roster-list li{background:var(--bg-elev);border-radius:999px;align-items:center;gap:.4em;padding:.4em .8em;display:inline-flex}.roster-list button{color:var(--fg-dim);background:0 0;padding:.1em .5em}.roster form{gap:.5rem;margin-top:.75rem;display:flex}.roster form input{flex:1}.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;padding:0;list-style:none;display:grid}.game-card{text-align:left;gap:.25em;width:100%;padding:1em;display:grid}.game-card h3{margin:0}.game-card p{color:var(--fg-dim);margin:0;font-size:.9em}.game-card small{color:var(--fg-dim)}.game-host{gap:1rem;display:grid}.game-host header{align-items:center;gap:.75rem;display:flex}.game-host header h2{margin:0}.game-root{min-height:50vh}.game-host-help{border-radius:999px;width:2.4em;height:2.4em;margin-left:auto;padding:0;font-weight:700}.rules-screen{gap:1.25rem;max-width:720px;margin:0 auto;padding:.5rem;display:grid}.rules-header{align-items:center;gap:.75rem;display:flex}.rules-header h2{flex:1;margin:0}.rules-back{background:0 0;padding:.4em .7em}.rules-locale{background:var(--bg-elev);border:none;border-radius:999px;gap:2px;margin:0;padding:3px;display:inline-flex}.rules-locale-legend{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rules-locale-btn{color:var(--fg-dim);background:0 0;border:none;border-radius:999px;padding:.4em .9em;font-size:.9em}.rules-locale-btn[data-active=true]{background:var(--accent);color:#000}.rules-body{gap:1.25rem;line-height:1.5;display:grid}.rules-section h3{color:var(--accent);margin:0 0 .4em}.rules-section p{margin:0 0 .6em}.rules-section ul{margin:.2em 0 0;padding-left:1.2em}.rules-section li{margin-bottom:.3em}.rules-footer{justify-content:flex-end;padding-top:.5rem;display:flex}.rules-start{background:var(--accent);color:#000;padding:.8em 1.6em;font-size:1.05em;font-weight:600}.rules-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0f1115f2;justify-content:center;align-items:flex-start;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.rules-overlay>.rules-screen{width:100%;max-width:720px}.confirm-backdrop{z-index:100;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--bg-elev);border-radius:var(--radius);gap:.75rem;width:100%;max-width:24rem;padding:1.25rem 1.5rem;display:grid;box-shadow:0 8px 32px #00000080}.confirm-dialog h3{margin:0}.confirm-dialog p{color:var(--fg-dim);margin:0}.confirm-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.confirm-cancel{color:var(--fg-dim);background:0 0}.confirm-ok{background:var(--danger);color:#fff;font-weight:600}.orientation-guard{z-index:200;text-align:center;background:#0f1115f7;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem;display:flex;position:fixed;inset:0}.orientation-guard-icon{font-size:4rem;animation:1.6s ease-in-out infinite rotate-hint}@keyframes rotate-hint{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.game-thumb{aspect-ratio:16/10;background:#0b0d12;border-radius:8px;width:100%;margin-bottom:.5em;display:block;overflow:hidden}.game-thumb svg{width:100%;height:100%;display:block}.game-thumb-placeholder{color:var(--fg-dim);letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;font-size:.9em;display:flex}