:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{color:#d8d2c4;background:#0b0b0d;margin:0}.shell{flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex}.shell__title{letter-spacing:.35em;text-transform:uppercase;opacity:.6;margin:0;font-size:1rem;font-weight:600}.game-root{line-height:0}.game-root canvas{max-width:100%;display:block}.game-fatal{box-sizing:border-box;color:#f3d6d2;background:#1a0f0e;border:2px solid #c0392b;border-radius:4px;width:960px;max-width:100%;padding:1.5rem;font-size:.95rem;line-height:1.5}.panel{box-sizing:border-box;background:#141317;border:1px solid #2c2a26;border-radius:6px;width:32rem;max-width:100%;padding:1.75rem;line-height:1.5}.panel__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.panel__actions{align-items:center;gap:.75rem;display:flex}.panel__who{opacity:.7;font-size:.85rem}.panel__title{margin:0 0 .75rem;font-size:1.35rem}.panel__subtitle{opacity:.85;margin:1.5rem 0 0;font-size:1rem}.panel__lede{opacity:.8;margin:0 0 1rem}.panel__notice{color:#e8dcc0;background:#1c1a12;border-left:3px solid #b8860b;margin:0 0 1rem;padding:.6rem .8rem;font-size:.9rem}.panel__aside{opacity:.8;margin:1rem 0 0;font-size:.9rem}.panel__aside--quiet{opacity:.55;font-size:.8rem}.form{flex-direction:column;gap:.9rem;margin-top:1rem;display:flex}.field{flex-direction:column;gap:.3rem;display:flex}.field__label{letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:.8rem}.field__input{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:#0e0d10;border:1px solid #33312c;border-radius:4px;padding:.55rem .7rem}.field__input:focus-visible{outline-offset:1px;outline:2px solid #8a7a4a}.field__error,.form__error{color:#f0a9a0;margin:0;font-size:.85rem}.form__error{background:#1a0f0e;border-left:3px solid #c0392b;padding:.6rem .8rem}.button{color:#e8dcc0;font:inherit;cursor:pointer;background:#262218;border:1px solid #55503f;border-radius:4px;padding:.55rem 1rem}.button:disabled{opacity:.5;cursor:default}.button--quiet{background:0 0;border-color:#33312c;font-size:.85rem}.button--danger{color:#f3d6d2;background:#2a1512;border-color:#7d2f24}.button--link{color:#cbb27a;background:0 0;border:none;padding:0;text-decoration:underline}.roster{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.roster__row{align-items:stretch;gap:.5rem;display:flex}.roster__play{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#0e0d10;border:1px solid #33312c;border-radius:4px;flex:1;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem .8rem;display:flex}.roster__name{font-weight:600}.roster__meta{opacity:.6;font-size:.8rem}.classes{border:none;flex-direction:column;gap:.4rem;margin:0;padding:0;display:flex}.classes__option{grid-template-columns:auto auto 1fr;align-items:baseline;gap:.5rem;display:grid}.classes__name{text-transform:capitalize}.classes__blurb{opacity:.6;font-size:.8rem}.confirm{background:#1a0f0e;border:1px solid #7d2f24;border-radius:4px;margin-top:1rem;padding:.9rem;font-size:.9rem}.confirm__actions{gap:.6rem;margin-top:.7rem;display:flex}