:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1218;--panel:#1a1f29;--panel-border:#2b3240;--text:#e5e7eb;--muted:#9ca3af;--accent:#facc15;--sidebar:320px;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{font:inherit;cursor:pointer;border:1px solid var(--panel-border);color:#fff;background:#2563eb;border-radius:8px;min-height:44px;padding:.55rem .9rem}button.secondary{color:var(--text);background:0 0}button:focus-visible,.board:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;height:100dvh;display:flex}.app__header{border-bottom:1px solid var(--panel-border);align-items:baseline;gap:1rem;padding:.5rem 1rem;display:flex}.app__header h1{margin:0;font-size:1.15rem}.app__header p{color:var(--muted);margin:0;font-size:.85rem}.app__main{grid-template-columns:minmax(0, 1fr) var(--sidebar);flex:1;min-height:0;display:grid}.board-wrap{min-width:0;min-height:0;position:relative}.board{touch-action:none;position:absolute;inset:0;overflow:hidden}.board-controls{background:#0f1218bf;border-radius:10px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;bottom:12px;right:12px}.board-controls button{background:var(--panel);width:44px;padding:0;font-size:1.2rem}.zoom{text-align:center;font-variant-numeric:tabular-nums;min-width:3.5em;color:var(--muted);font-size:.85rem}.toast{color:#fff;background:#7f1d1d;border-radius:8px;margin:0;padding:.5rem .9rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.toast--warning{background:#78350f;top:56px}.sidebar{border-left:1px solid var(--panel-border);flex-direction:column;gap:.75rem;padding:.75rem;display:flex;overflow-y:auto}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:.75rem .9rem}.panel h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .5rem;font-size:.8rem}.panel h3{margin:0 0 .5rem;font-size:1.05rem}.badge{color:#fde68a;background:#422006;border-radius:6px;margin:0 0 .6rem;padding:.4rem .6rem;font-size:.8rem}.players{margin:0 0 .5rem;padding:0;list-style:none}.players li{border-radius:6px;align-items:center;gap:.5rem;padding:.3rem .4rem;display:flex}.players li.is-active{background:#263043;font-weight:600}.swatch{border-radius:50%;width:.8rem;height:.8rem;display:inline-block}.facts{grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:0 0 .6rem;font-size:.9rem;display:grid}.facts dt{color:var(--muted)}.facts dd{font-variant-numeric:tabular-nums;margin:0}.hint{color:var(--muted);margin:0 0 .5rem;font-size:.85rem}.help ul{color:var(--muted);margin:0;padding-left:1.1rem;font-size:.85rem}@media (width<=1100px){:root{--sidebar:280px}}@media (width<=900px),(orientation:portrait) and (width<=1100px){.app__main{grid-template-rows:minmax(320px,62dvh) auto;grid-template-columns:1fr;overflow-y:auto}.sidebar{border-left:none;border-top:1px solid var(--panel-border);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;display:grid;overflow:visible}}@media (width<=600px){.app__header p{display:none}.app__main{grid-template-rows:minmax(300px,56dvh) auto}.help{display:none}}.centered{text-align:center;place-items:center;height:100dvh;padding:1rem;display:grid}.muted{color:var(--muted)}.small{font-size:.8rem}.ok{color:#bbf7d0;background:#052e16;border-radius:6px;margin:0 0 .6rem;padding:.4rem .6rem;font-size:.8rem}.panel h4{color:var(--muted);margin:.8rem 0 .4rem;font-size:.85rem}.stats{grid-template-columns:repeat(2,auto 1fr);gap:.2rem .6rem;margin:.4rem 0;font-size:.85rem;display:grid}.stats dt{color:var(--muted)}.stats dd{font-variant-numeric:tabular-nums;margin:0}.counters{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.counter{align-items:center;gap:.3rem;display:flex}.counter__label{color:var(--muted);min-width:3.5rem;font-size:.8rem}.counter button{background:var(--panel-border);width:44px;padding:0}.counter__value{text-align:center;font-variant-numeric:tabular-nums;min-width:3.5rem;font-weight:700}fieldset{border:none;margin:.4rem 0;padding:0}legend{color:var(--muted);margin-bottom:.3rem;font-size:.8rem}.chips{flex-wrap:wrap;gap:.3rem;display:flex}.chip{min-height:36px;color:var(--text);background:0 0;padding:.25rem .6rem;font-size:.8rem}.chip.is-on{background:#7c2d12;border-color:#f97316}.chip:disabled{opacity:.4;cursor:not-allowed}.flags{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;font-size:.9rem;display:flex}.flags input{width:1.1rem;height:1.1rem}.tools{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.tools .chip.is-on,.tools .chip[aria-pressed=true]{background:#075985;border-color:#38bdf8}select,input[type=text],input[type=number]{font:inherit;border:1px solid var(--panel-border);background:var(--bg);min-height:40px;color:var(--text);border-radius:8px;padding:.3rem .5rem}.card-list{margin:0;padding-left:1rem;font-size:.85rem}.card-list li{margin-bottom:.4rem}.card-list p{margin:.2rem 0}.icon{color:#e2e8f0;vertical-align:.05em;background:#334155;border-radius:4px;margin:0 .1em;padding:0 .3em;font-size:.75em;font-weight:600;display:inline-block}.icon--damage{background:#7f1d1d}.icon--power{background:#854d0e}.icon--critical,.icon--wild{background:#581c87}.dice__form{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.dice__form label{color:var(--muted);flex-direction:column;gap:.2rem;font-size:.8rem;display:flex}.dice__form input[type=number]{width:5rem}.rolls{margin:.6rem 0 0;padding:0;list-style:none}.roll{border-top:1px solid var(--panel-border);padding:.5rem 0}.roll__head{margin-bottom:.3rem;font-size:.85rem}.roll__dice{flex-wrap:wrap;gap:.3rem;display:flex}.roll__sum{margin:.3rem 0;font-size:.8rem}.die{color:#111827;background:#e5e7eb;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:3.1rem;height:3.1rem;display:inline-flex;box-shadow:inset 0 -3px #0003}.die__symbol{min-height:1.2rem;font-size:1.2rem;line-height:1}.die__name{white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;font-size:.5rem}.die--critical{background:#fde047}.die--wild{background:#c4b5fd}.die--hit{background:#fca5a5}.die--block{background:#93c5fd}.die--failure{color:#f9fafb;background:#1f2937}.is-rolling .die{color:#111827;background:#e5e7eb;animation:.9s ease-out both die-roll}@keyframes die-roll{0%{opacity:.3;transform:translateY(-14px)rotate(-200deg)scale(.7)}60%{opacity:1;transform:translateY(3px)rotate(20deg)scale(1.05)}to{transform:none}}@media (prefers-reduced-motion:reduce){.is-rolling .die{animation:none}}.roster h3{margin:.4rem 0;font-size:.9rem}.roster ul{margin:0;padding:0;list-style:none}.roster__item{width:100%;min-height:40px;color:var(--text);text-align:left;background:0 0;justify-content:space-between;margin-bottom:.2rem;font-size:.85rem;display:flex}.roster__item.is-selected{border-color:var(--accent)}.log ol{max-height:16rem;margin:0;padding-left:0;font-size:.8rem;list-style:none;overflow-y:auto}.log li{border-bottom:1px solid var(--panel-border);padding:.2rem 0}.catalog{max-width:1100px;height:100dvh;margin:0 auto;padding:1rem;overflow-y:auto}.catalog__card{margin-bottom:1rem}.catalog__card h2{text-transform:none;color:var(--text);letter-spacing:0;font-size:1.1rem}.catalog__sides{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;display:grid}.board-controls button.is-on{background:#9d174d;border-color:#f472b6}.board-hint{color:#fbcfe8;background:#0f1218d9;border-radius:8px;max-width:60%;margin:0;padding:.4rem .7rem;font-size:.8rem;position:absolute;bottom:12px;left:12px}.targets{margin:.5rem 0;padding:0;font-size:.85rem;list-style:none}.target{border-left:4px solid #64748b;margin-bottom:.25rem;padding:.3rem .4rem}.target--ok{border-color:#22c55e}.target--nolos{border-color:#eab308}.row{flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin:.5rem 0;display:flex}.row label{color:var(--muted);flex-direction:column;gap:.2rem;font-size:.8rem;display:flex}.terrain-selected h3{margin-bottom:.2rem}.range-bar{background:#0f1218d9;border:1px solid #f59e0b;border-radius:10px;align-items:center;gap:4px;padding:6px 8px;display:flex;position:absolute;top:12px;left:12px}.range-bar span{color:#fcd34d;margin-right:4px;font-size:.8rem}.range-bar button{background:var(--panel);width:40px;min-height:40px;padding:0}.range-bar button.is-on{background:#b45309;border-color:#f59e0b}.players .vp{font-variant-numeric:tabular-nums;margin-left:auto}.tag{color:#fde68a;background:#3f3a12;border-radius:999px;padding:.05rem .4rem;font-size:.72rem;font-weight:600}.setup h3,.crisis h3{margin:.8rem 0 .3rem;font-size:.95rem}.setup button,.turn button{margin:0 .4rem .4rem 0}.button-row{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.3rem 0;display:flex}button.is-on{background:#2563eb}.result{color:#bbf7d0;background:#14301f;border-radius:6px;padding:.5rem .6rem}.vp-adjust{margin:.4rem 0;font-size:.85rem}.vp-adjust summary{cursor:pointer;color:var(--muted)}.crisis{border-left:3px solid #0e7490;margin-bottom:.8rem;padding-left:.6rem}.crisis--extraction{border-left-color:#b45309}.crisis details summary{cursor:pointer;color:var(--muted);font-size:.85rem}.card-text{margin:.3rem 0}.objectives{margin:.4rem 0 0;padding:0;list-style:none}.objective__head{width:100%;min-height:36px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.25rem .4rem;display:flex}.objective.is-selected .objective__head{border-color:var(--accent)}.objective__badge{border:2px solid var(--panel-border);border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:inline-grid}.field{flex-direction:column;gap:.2rem;margin:0 0 .4rem;font-size:.85rem;display:flex}.field select,.field input{width:100%}.auth-page{place-items:center;min-height:100dvh;padding:16px;display:grid}.auth{width:min(420px,100%)}.auth form{margin-top:.6rem}.auth input,.lobby input{width:100%}input[type=email],input[type=password]{font:inherit;border:1px solid var(--panel-border);background:var(--bg);min-height:40px;color:var(--text);border-radius:8px;padding:.3rem .5rem}button.link{color:#93c5fd;background:0 0;border:none;min-height:0;padding:.3rem 0;text-decoration:underline}a{color:#93c5fd}.account-bar{align-items:center;gap:.8rem;margin-left:auto;display:flex}.account-bar button{min-height:36px;padding:.3rem .7rem}.lobby{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-content:start;gap:1rem;padding:1rem;display:grid;overflow:auto}.game-list,.invitations{margin:.5rem 0;padding:0;list-style:none}.game-list__item{border:1px solid var(--panel-border);color:var(--text);border-radius:8px;flex-direction:column;gap:.2rem;margin-bottom:.4rem;padding:.6rem;text-decoration:none;display:flex}.game-list__item:hover{border-color:#3b82f6}.invitations code{overflow-wrap:anywhere;background:var(--bg);border-radius:6px;padding:.4rem;font-size:.8rem;display:block}.squad__list{max-height:14rem;margin:.3rem 0;padding:0;font-size:.85rem;list-style:none;overflow:auto}.squad__list label{align-items:center;gap:.4rem;min-height:32px;display:flex}@media (width<=640px){.app__header{flex-wrap:wrap}.account-bar{margin-left:0}}