@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.ui-logo{text-align:center;font-size:var(--font-size-logo);font-weight:var(--font-weight-bold);color:var(--color-accent-strong);margin:0}.ui-logo-sub{margin:calc(-1 * var(--space-3)) 0 0;text-align:center;color:var(--color-text-muted)}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.ui-card-header{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.ui-card-title{font-size:var(--font-size-lg)}.ui-card-aside{color:var(--color-text-muted);font-size:var(--font-size-sm)}.ui-btn{min-height:var(--control-height);padding:0 var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;touch-action:manipulation}.ui-btn--block{width:100%}.ui-btn--sm{min-height:var(--tap-min);padding:0 var(--space-4);font-size:var(--font-size-sm)}.ui-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.ui-btn--outline{border:2px solid var(--color-accent);color:var(--color-accent-strong);background:0 0}.ui-btn--danger-link{min-height:var(--tap-min);padding:0 var(--space-2);color:var(--color-danger);font-weight:var(--font-weight-regular);background:0 0;border:none;text-decoration:underline}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn[aria-busy=true]{cursor:progress}.ui-field{gap:var(--space-2);flex-direction:column;display:flex}.ui-field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.ui-input,.ui-select{min-height:var(--control-height);width:100%;min-width:0;padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md)}.ui-input::placeholder{color:var(--color-text-muted);opacity:1}.ui-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;display:inline-block}.ui-chip--ready{background:var(--color-ready-bg);color:var(--color-ready-text)}.ui-chip--wait{background:var(--color-wait-bg);color:var(--color-wait-text)}.ui-players{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ui-player{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-2);display:flex}.ui-avatar{background:var(--color-accent);width:40px;height:40px;color:var(--color-on-accent);font-weight:var(--font-weight-bold);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.ui-avatar[data-online]:after{content:"";border:2px solid var(--color-surface-2);background:var(--color-online);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.ui-avatar[data-online=false]{opacity:.7}.ui-avatar[data-online=false]:after{background:var(--color-offline)}.ui-player-who{flex:1;min-width:0}.ui-player-name{font-weight:var(--font-weight-bold);overflow-wrap:anywhere;display:block}.ui-player-tag{margin-left:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent-strong)}.ui-player-meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}:root{--font-body:"Atkinson Hyperlegible Next Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-sm:.9375rem;--font-size-md:1.0625rem;--font-size-lg:1.125rem;--font-size-xl:1.625rem;--font-size-logo:1.875rem;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--line-height:1.45;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--radius-sm:10px;--radius-md:14px;--radius-pill:999px;--tap-min:44px;--control-height:48px;--content-max:40rem}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#eef6fc;--color-surface:#fff;--color-surface-2:#f4f9fd;--color-border:#cfe3f2;--color-text:#1d2b3a;--color-text-muted:#5b6b7c;--color-accent:#89cff0;--color-accent-strong:#2f6f9a;--color-on-accent:#10283a;--color-ready-bg:#d3f0e1;--color-ready-text:#1e5c3d;--color-wait-bg:#ffe6cf;--color-wait-text:#7a4a17;--color-danger:#b3364a;--color-online:#3fae6f;--color-offline:#b7c2cd;--color-outcome-full:#8fd6b4;--color-outcome-partial:#f6c38f;--color-outcome-miss:#eea3b0;--color-gm-bg:#e3f3fc;--shadow-card:0 1px 2px #1d2b3a0f, 0 4px 14px #2f6f9a14}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#18222f;--color-surface:#212e3e;--color-surface-2:#283849;--color-border:#34475c;--color-text:#eef4fa;--color-text-muted:#a9b8c8;--color-accent:#89cff0;--color-accent-strong:#a9dcf5;--color-on-accent:#0f2233;--color-ready-bg:#214535;--color-ready-text:#b6ecd0;--color-wait-bg:#4a3a2c;--color-wait-text:#ffd9b8;--color-danger:#f2a7b3;--color-online:#7fd8a4;--color-offline:#6c7d8f;--color-outcome-full:#6cc49a;--color-outcome-partial:#e3a870;--color-outcome-miss:#e0899a;--color-gm-bg:#22384c;--shadow-card:none}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#18222f;--color-surface:#212e3e;--color-surface-2:#283849;--color-border:#34475c;--color-text:#eef4fa;--color-text-muted:#a9b8c8;--color-accent:#89cff0;--color-accent-strong:#a9dcf5;--color-on-accent:#0f2233;--color-ready-bg:#214535;--color-ready-text:#b6ecd0;--color-wait-bg:#4a3a2c;--color-wait-text:#ffd9b8;--color-danger:#f2a7b3;--color-online:#7fd8a4;--color-offline:#6c7d8f;--color-outcome-full:#6cc49a;--color-outcome-partial:#e3a870;--color-outcome-miss:#e0899a;--color-gm-bg:#22384c;--shadow-card:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height);margin:0}h1,h2,h3,button,label{text-transform:none}h1,h2,h3{font-weight:var(--font-weight-bold);margin:0;line-height:1.2}input,select,textarea,button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}#app{max-width:var(--content-max);padding:var(--space-5) var(--space-4) var(--space-5);gap:var(--space-4);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.status{min-height:1.3em;color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.room-code-label{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.room-code-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.room-code{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:.14em;font-variant-numeric:tabular-nums}.log{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:14rem;max-height:55dvh;box-shadow:var(--shadow-card);gap:var(--space-2);overflow-wrap:anywhere;flex-direction:column;flex:1;margin:0;list-style:none;display:flex;overflow-y:auto}.log li{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.log-roll{background:var(--color-surface-2);border-left:5px solid var(--color-border)}.log-roll--full{border-left-color:var(--color-outcome-full)}.log-roll--partial{border-left-color:var(--color-outcome-partial)}.log-roll--miss{border-left-color:var(--color-outcome-miss)}.log-gm{background:var(--color-gm-bg);border-left:5px solid var(--color-accent)}.log-note{color:var(--color-text-muted);font-size:var(--font-size-sm)}.room-actions{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.room-actions .ui-select{grid-column:1/-1}.room-composer{gap:var(--space-2);display:flex}.room-composer .ui-input{flex:1}@media (width>=40rem){.room-actions{grid-template-columns:2fr 1fr 1fr}.room-actions .ui-select{grid-column:auto}}