:root{--bg:#121824;--panel:#1c2433;--panel-2:#243047;--line:#34425c;--text:#e6edf5;--muted:#8d9bb0;--accent:#7fc3ff;--accent-2:#4a90d9;--danger:#e25c4d;--gold:#ffd24a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}*{box-sizing:border-box}body{background:radial-gradient(ellipse at top, #1f2b40 0%, transparent 60%), var(--bg);min-height:100vh;margin:0}button{font:inherit;color:#0d1420;background:var(--accent);cursor:pointer;text-align:left;border:0;border-radius:8px;padding:.5em .9em;font-weight:600}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}button.danger{background:var(--danger);color:#fff}button.small{padding:.3em .6em;font-size:.85em}input,select{font:inherit;color:var(--text);border:1px solid var(--line);background:#0f1520;border-radius:8px;min-width:0;padding:.5em .7em}label{color:var(--muted);gap:.35em;display:grid}code.link{word-break:break-all;color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.85em}.error{color:var(--danger)}.hint{color:var(--muted);margin:.3em 0;font-size:.9em}.row{flex-wrap:wrap;align-items:center;gap:.6em;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:.8em;padding:1em 1.2em;display:grid}.panel h3{margin:0}.tag{background:var(--panel-2);color:var(--accent);border-radius:999px;margin-left:.4em;padding:.1em .5em;font-size:.75em}.home{gap:1em;max-width:440px;margin:0 auto;padding:10vh 16px 32px;display:grid}.home h1{letter-spacing:.02em;text-shadow:0 0 24px #7fc3ff55;margin:0;font-size:2.6em}.home h1 span{color:var(--accent);letter-spacing:.3em;text-transform:uppercase;font-size:.45em;display:block}.lobby{gap:1em;max-width:720px;margin:0 auto;padding:24px 16px;display:grid}.seats{gap:.4em;margin:0;padding:0;list-style:none;display:grid}.online{color:#4ade80}.offline{color:#6b7280}.assign-table{border-collapse:collapse;width:100%}.assign-table td{padding:.35em 0}.assign-table td:last-child{text-align:right}.game{flex-direction:column;height:100vh;display:flex}.game-top{padding:.5em 16px;padding-top:calc(.5em + env(safe-area-inset-top,0px));background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:1.2em;display:flex}.game-top>:last-child{margin-left:auto}.your-turn{color:#0d1420;background:var(--gold);border-radius:999px;margin-left:.6em;padding:.1em .6em;font-weight:700}.game-main{flex:1;grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.board-wrap{min-height:0;position:relative}.board-canvas{position:absolute;inset:0}.zone-info{border:1px solid var(--line);background:#0f1520e6;border-radius:10px;gap:.2em;max-width:60%;padding:.6em .8em;font-size:.9em;display:grid;position:absolute;bottom:12px;left:12px}.blight-tag{color:#9be15d;margin-left:.4em}.sidebar{border-left:1px solid var(--line);background:#151c29;flex-direction:column;gap:.8em;padding:12px;display:flex;overflow-y:auto}.survivor-list{gap:.5em;display:grid}.survivor-card{background:var(--panel);border:1px solid var(--line);border-left-width:5px;border-radius:10px;gap:.35em;padding:.5em .7em;display:grid}.survivor-card.mine{cursor:pointer}.survivor-card.selected{background:var(--panel-2);outline:1px solid var(--accent-2)}.survivor-card.dead{opacity:.4}.sc-head{align-items:center;gap:.5em;display:flex}.sc-dot{border-radius:50%;width:.8em;height:.8em;display:inline-block}.sc-owner{color:var(--muted);font-size:.85em}.sc-active{background:var(--gold);color:#0d1420;border-radius:999px;margin-left:auto;padding:0 .5em;font-size:.75em}.sc-done{color:#4ade80;margin-left:auto}.sc-stats{flex-wrap:wrap;gap:.8em;font-size:.85em;display:flex}.sc-cards{flex-wrap:wrap;align-items:flex-end;gap:10px;margin:4px 0;display:flex}.sc-slot-group{gap:2px;display:grid}.sc-slot-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.66em}.sc-thumbs{gap:4px;display:flex}.sc-skills{flex-wrap:wrap;gap:.3em;display:flex}.sc-skills span{border:1px solid var(--line);background:#0f1520;border-radius:999px;padding:.05em .5em;font-size:.75em}.actions{gap:.5em;display:grid}.action-group{gap:.35em;display:grid}.event-log{border:1px solid var(--line);background:#0f1520;border-radius:10px;flex:1;min-height:140px;padding:.5em .7em;font-size:.82em;line-height:1.45;overflow-y:auto}.log-phase{color:var(--accent);margin-top:.4em}.waiting-banner{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:.4em 1em;position:fixed;top:70px;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:10;background:#05080ecc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:.6em;width:min(560px,100%);max-height:90vh;padding:1.2em;display:grid;overflow-y:auto}.modal h3,.modal h2{margin:0}.modal-actions{justify-content:flex-end;gap:.6em;display:flex}.choice-list{gap:.4em;display:grid}.wounds-table{width:100%}.wounds-table td{padding:.2em 0}.outcome.won h2{color:var(--gold)}.outcome.lost h2{color:var(--danger)}.inventory-editor{width:min(1100px,100%)}.inv-survivors{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1em;display:grid}.inv-survivor h4,.inv-pool h4{margin:0 0 .4em}.inv-row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.inv-slot{border:1px dashed var(--line);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f1520;border-radius:10px;justify-items:center;gap:3px;padding:16px 6px 6px;display:grid;position:relative}.inv-slot.filled{color:var(--text);background:var(--panel-2);cursor:grab;border-style:solid}.inv-slot.picked{outline:3px solid var(--gold)}.inv-slot.blocked{opacity:.35}.inv-slot-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.66em;position:absolute;top:2px;left:8px}.inv-card-name{text-align:center;max-width:92px;font-size:.72em;line-height:1.15}.inv-empty{background:repeating-linear-gradient(135deg,#ffffff08 0 6px,#0000 6px 12px);border-radius:6px;display:block}.inv-pool{border:1px dashed var(--line);border-radius:12px;padding:.6em}.inv-pool.drop{border-color:var(--danger);background:#3a141433}.card-thumb{line-height:0;display:inline-block}.card-thumb img{border-radius:6px;box-shadow:0 2px 8px #0008}.card-thumb.dim img{filter:grayscale(.9)brightness(.7)}.card-thumb-name{background:var(--panel-2);text-align:center;border-radius:6px;place-items:center;padding:4px;font-size:.7em;line-height:1.2;display:grid}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--panel-2);border:1px solid var(--accent-2);z-index:20;border-radius:10px;max-width:calc(100% - 32px);padding:.6em 1em;position:fixed;transform:translate(-50%)}@media (width<=860px){.game{height:auto;min-height:100vh}.game-main{grid-template-columns:1fr}.board-wrap{height:min(100vw,70vh)}.sidebar{border-left:0;border-top:1px solid var(--line)}}.saved-games{gap:.6em;margin:0;padding:0;list-style:none;display:grid}.saved-games li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8em;padding-bottom:.6em;display:flex}.saved-games li:last-child{border-bottom:0;padding-bottom:0}.token-tip{z-index:5;pointer-events:none;white-space:pre-line;border:1px solid var(--accent-2);background:#0b1019f0;border-radius:8px;max-width:280px;padding:.45em .65em;font-size:.82em;line-height:1.4;position:absolute;box-shadow:0 6px 18px #0008}.dice-tray{z-index:4;pointer-events:none;gap:.4em;display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%)}.dice-roll{border:1px solid var(--line);background:#0f1520e6;border-radius:10px;align-items:center;gap:.6em;padding:.35em .7em;animation:.18s ease-out tray-in;display:flex}.dice-who{color:var(--muted);white-space:nowrap;font-size:.8em}.dice-row{flex-wrap:wrap;gap:.3em;display:inline-flex}.dice-row.big .die{width:34px;height:34px}.dice-result{color:var(--danger);white-space:nowrap;font-size:.85em;font-weight:700}.dice-result.ok{color:#4ade80}.die{background:#f4f1ea;border:2px solid #c9c2b4;border-radius:6px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:26px;height:26px;padding:3px;animation:.52s cubic-bezier(.2,.8,.3,1.2) both die-roll;display:inline-grid}.die.ok{border-color:#22c55e;box-shadow:0 0 8px #22c55e88}.die.fail{opacity:.75;border-color:#ef4444}.die>span{display:block}.die>.pip{background:#1b1b1b;border-radius:50%;width:70%;height:70%;margin:auto}@keyframes die-roll{0%{opacity:0;transform:rotate(-200deg)scale(.3)}70%{opacity:1;transform:rotate(12deg)scale(1.08)}to{transform:rotate(0)scale(1)}}@keyframes tray-in{0%{opacity:0;transform:translateY(-8px)}}.hit-row{gap:.3em;display:grid}.chips{flex-wrap:wrap;gap:.35em;display:flex}.chip{background:var(--panel-2);color:var(--text);border:1px solid var(--line);padding:.3em .7em;font-weight:500}.chip.active{background:var(--accent);color:#0d1420;border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.die,.dice-roll{animation:none}}.briefing{color:#c8d3e0;margin:0;font-style:italic}.goals{gap:.25em;margin:0;padding-left:1.2em;font-size:.92em;display:grid}.goals-panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.5em .7em}.goals-panel summary{cursor:pointer;font-weight:600}.goals-panel .goals{margin-top:.4em}.legend{border:1px solid var(--line);z-index:3;background:#0f1520e6;border-radius:10px;padding:.35em .6em .5em;font-size:.8em;position:absolute;bottom:12px;right:12px}.legend.closed{padding-bottom:.35em}.legend-toggle{color:var(--muted);background:0 0;padding:0;font-size:1em;font-weight:600}.legend ul{gap:.3em;margin:.35em 0 0;padding:0;list-style:none;display:grid}.legend li{align-items:center;gap:.5em;display:flex}.legend li.legend-head{color:var(--muted);margin-top:.3em;font-weight:600}.legend li.legend-note{max-width:300px;line-height:1.35;display:block}.sw{background:#d6dee6;border-radius:3px;flex:none;width:22px;height:16px;display:inline-block}.sw-move{background:0 0;border:2.5px dashed #4ade80}.sw-attack{background:linear-gradient(#ef444455,#ef444455),#d6dee6}.sw-blight{background:radial-gradient(circle at 30% 40%,#9be15d 2px,#0000 3px),radial-gradient(circle at 70% 65%,#9be15d 2px,#0000 3px),linear-gradient(#4f8a2b88,#4f8a2b88),#d6dee6}.sw-selected{border:3px solid var(--gold);background:0 0}.sw-ruins{background:linear-gradient(#2b1a1073,#2b1a1073),#8c877b}.sw-token{color:#fff;border-radius:4px;flex:none;place-items:center;width:20px;height:18px;margin:0 1px;font-size:.85em;font-weight:700;display:inline-grid}.sw-token.spawn{background:#8b1e1e}.sw-token.objective{background:#c0392b;border:1.5px solid #fff}.sw-token.noise{color:#3b2200;background:#f08c00;border-radius:50%}.sw-token.beacon{color:#ffd24a;background:0 0;font-size:1.1em}@media (width<=860px){.legend{font-size:.72em}}.google-button{color:#1f1f1f;background:#fff;border:1px solid #dadce0;border-radius:8px;justify-content:center;align-items:center;gap:.6em;padding:.6em 1em;font-weight:600;text-decoration:none;display:inline-flex}.google-button:hover{background:#f1f3f4}.account{align-items:center;gap:.6em;display:flex}.account img{border-radius:50%;width:32px;height:32px}.account button{margin-left:auto}.sc-sheet{margin-left:auto;padding:.15em .5em;font-size:.75em}.sc-active+.sc-sheet,.sc-done+.sc-sheet{margin-left:.4em}.hero-sheet{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:1.4em;width:min(1100px,100%);display:grid}.hero-cards{gap:.8em;display:grid}.hero-cards img{border-radius:10px;width:100%;box-shadow:0 6px 24px #000a}.hero-info{align-content:start;gap:.8em;display:grid}.hero-title{background:var(--panel);z-index:1;justify-content:space-between;align-items:center;padding:.3em 0;display:flex;position:sticky;top:-1.2em}.hero-info h2,.hero-info h4,.hero-info p{margin:0}.hero-body-slot{color:#c8d3e0}.hero-level{border-left:4px solid var(--line);gap:.5em;padding:.1em 0 .1em .8em;display:grid}.hero-level h4:first-letter{text-transform:uppercase}.hero-skill{gap:.2em;display:grid}.hero-skill.got .hero-skill-name{color:#4ade80}.hero-skill-text{color:#c8d3e0;font-size:.92em;line-height:1.45}.tag.warn{color:#f0b429}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9em;display:grid}.hero-tile{background:var(--panel-2);border:2px solid;border-radius:12px;gap:.5em;padding:.5em;display:grid}.hero-tile.idle{opacity:.55}.hero-portrait{aspect-ratio:1;background:0 0;border-radius:8px;padding:0;position:relative;overflow:hidden}.hero-portrait img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;transition:transform .2s;display:block}.hero-portrait:hover img{transform:scale(1.04)}.hero-name{color:#fff;text-shadow:0 1px 3px #000;text-align:center;padding:.3em .6em;font-weight:700;position:absolute;bottom:0;left:0;right:0}.hero-tile select{width:100%}@media (width<=760px){.hero-sheet{grid-template-columns:1fr}.hero-cards{grid-template-columns:1fr 1fr}}.sc-face{object-fit:cover;background:#0f1520;border:2.5px solid;border-radius:50%;flex:none;width:34px;height:34px}.survivor-card.dead .sc-face{filter:grayscale()}.editor{grid-template-columns:90px auto 320px;align-items:start;gap:16px;padding:16px;display:grid}.editor-tiles{gap:4px;display:grid}.editor-tiles h3,.editor-tools h3,.editor-tools h4{margin:.4em 0 .2em}.editor-canvas{-webkit-user-select:none;user-select:none;border-radius:8px;box-shadow:0 6px 24px #000a}.editor-overlay{align-items:center;gap:6px;margin-top:10px}.editor-label{fill:#fff;paint-order:stroke;stroke:#000;stroke-width:4px;font:700 17px system-ui,sans-serif}.editor-tools{gap:6px;display:grid}.brush{background:var(--panel-2);color:var(--text);border:1px solid var(--line);align-items:center;gap:.6em;font-weight:500;display:flex}.brush.active{outline:2px solid var(--gold)}.swatch{border-radius:3px;flex:none;width:22px;height:14px;display:inline-block}.editor-warn{background:#3a2a10;border:1px solid #f0b429;border-radius:8px;padding:.5em .7em;font-size:.9em}.editor-warn ul{margin:.3em 0 0;padding-left:1.2em}.editor-tools a{color:var(--accent)}.editor-pre{background:#0f1520;border-radius:6px;padding:.5em;font-size:1.1em;line-height:1.2}.card-ref{text-underline-offset:3px;cursor:help;-webkit-text-decoration:underline dotted #fff6;text-decoration:underline dotted #fff6}.card-pop{z-index:30;pointer-events:none;border-radius:10px;position:fixed;box-shadow:0 10px 30px #000c}.gallery{width:min(1100px,100%)}.gallery-head{z-index:1;background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:.4em 0;display:flex;position:sticky;top:-1.2em}.gallery-head .row{flex-wrap:wrap;gap:6px}.gallery h3{margin-top:.6em}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.gallery-card{align-content:start;gap:6px;margin:0;font-size:.85em;display:grid}.gallery-card img{aspect-ratio:44/68;cursor:zoom-in;border-radius:8px;width:100%;box-shadow:0 4px 14px #0008}.gallery-card p{color:var(--muted,#9aa7b8);margin:.3em 0 0}.badge{vertical-align:middle;border-radius:6px;margin-left:6px;padding:0 6px;font-size:.8em;display:inline-block}.badge.ok{color:#fff;background:#2e7d32}.badge.warn{color:#fff;background:#8d3b12}.gallery-zoom{z-index:20;cursor:zoom-out;background:#05080ee8;place-items:center;display:grid;position:fixed;inset:0}.gallery-zoom img{border-radius:14px;max-width:92vw;max-height:92vh}.token-tip img{border-radius:8px;width:170px;margin-top:6px;display:block}.sc-weapon{cursor:help;font-size:.82em}.turn-order{flex-wrap:wrap;align-items:center;gap:2px;font-size:.9em;display:flex}.turn-order .current{color:var(--gold);font-weight:700}.first-token{background:var(--gold);color:#1b1405;border-radius:5px;margin-right:4px;padding:0 5px;font-weight:700;display:inline-block}.inv-head{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.inv-face{object-fit:cover;border:3px solid;border-radius:50%;flex:none;width:52px;height:52px}.inv-head-text h4{margin:0 0 2px}.inv-stats,.inv-weapons{flex-wrap:wrap;gap:4px 12px;font-size:.82em;display:flex}.inv-weapons{cursor:help;margin-top:3px}.chat{flex-direction:column;gap:6px;min-height:0;display:flex}.chat-list{border:1px solid var(--line);overflow-wrap:anywhere;background:#0f1520;border-radius:10px;flex:1;min-height:120px;max-height:260px;padding:.5em .7em;font-size:.86em;line-height:1.45;overflow-y:auto}.game-chat .chat-list{min-height:140px;max-height:none}.chat-time{color:var(--muted);font-size:.85em}.chat-msg.own .chat-text{color:#e8eef6}.chat-form{gap:6px;display:flex}.chat-form input{flex:1;min-width:0}:root{--chat-h:max(110px, 16.6vh)}.with-chat .game{height:calc(100vh - var(--chat-h))}.with-chat .lobby{padding-bottom:calc(var(--chat-h) + 24px)}.chat-dock{height:var(--chat-h);z-index:8;border-top:1px solid var(--line);background:#121926;padding:6px 12px 8px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #0006}.chat-dock .chat-list{min-height:0;max-height:none}@media (width<=860px){.with-chat .game{height:auto;padding-bottom:var(--chat-h)}}