:root{--bg: #100e0d;--bg-2: #1b1817;--ink: #efe7da;--muted: #8b7f73;--paper: #ece3d4;--paper-ink: #1d1917;--accent: #cf3a2e;--good: #6f9a62;--line: #2c2724}:root.env-wet{--bg: #0a1016;--bg-2: #131e28;--ink: #dfeaf2;--muted: #6f8697;--paper: #d6e3ea;--paper-ink: #16222b;--line: #22323f}:root.env-spark{--bg: #150b0a;--bg-2: #241211;--ink: #f4ded9;--muted: #9c7169;--paper: #ecdcd5;--paper-ink: #24100d;--line: #3a1d1a}:root.fogged{--bg-2: color-mix(in srgb, var(--bg-2) 78%, #9aa6ac);--paper: color-mix(in srgb, var(--paper) 86%, #b9c4c9);--muted: color-mix(in srgb, var(--muted) 70%, #b9c4c9)}:root.fogged .card{box-shadow:0 14px 44px #00000080,0 0 0 6px #bec8cd0f}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{display:flex;flex-direction:column;gap:12px;height:100%;max-width:460px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}header{display:flex;align-items:baseline;justify-content:space-between;flex:none}header h1{margin:0;font-size:15px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.turn{font-size:12px;letter-spacing:.12em;color:var(--muted)}.hud{display:flex;flex-direction:column;gap:10px;flex:none}.duel{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:3px;align-items:end;padding-bottom:9px;border-bottom:1px solid var(--line)}.side-name{font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);opacity:.7}.side-name.right{text-align:right}.duel-meter.meter-robot{direction:rtl}.duel-meter.meter-robot .meter-name{direction:ltr}.inner{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:3px}.inner.beside{grid-template-columns:1fr}.side-name.span{grid-column:1 / -1}.meter{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon track arrow" "name name num";align-items:center;column-gap:7px;row-gap:3px;color:var(--muted);transition:color .15s}.meter-icon{grid-area:icon;line-height:0}.meter-track{grid-area:track}.meter-arrow.fatal{color:var(--accent);font-weight:700}.meter-arrow{grid-area:arrow;font-size:8px;line-height:1;letter-spacing:-1px;white-space:nowrap}.meter-arrow{color:var(--ink)}.meter-name{grid-area:name}.meter-num{grid-area:num}.meter.hinted{color:var(--ink)}.meter.hinted .meter-icon{animation:pulse .55s ease-in-out infinite alternate}.meter.critical{color:var(--accent)}.meter.critical .meter-fill{background:color-mix(in srgb,var(--accent) 60%,var(--ink))}.meter.critical .zone{opacity:1}.duel .meter-fill{background:color-mix(in srgb,var(--ink) 68%,var(--bg))}@keyframes pulse{0%{transform:translateY(0) scale(1)}to{transform:translateY(-2px) scale(1.12)}}.meter-track{position:relative;height:6px;background:var(--bg-2);border-radius:3px;overflow:hidden}.duel .meter-track{height:9px}.meter-fill{position:absolute;top:0;bottom:0;inset-inline-start:0;background:var(--muted);transition:width .3s ease}.zone{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(-45deg,rgba(207,58,46,.55) 0 2px,transparent 2px 4px)}.zone.lo{inset-inline-start:0}.zone.hi{inset-inline-end:0}.meter.spent-lo .zone.lo,.meter.spent-hi .zone.hi{background:#cf3a2e9e}.meter-name{font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;opacity:.55}.meter-num{display:none;font-size:11px}.hud.with-numbers .meter-num{display:block}.stage{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.banner{position:absolute;top:0;left:0;right:0;text-align:center;font-size:13px;letter-spacing:.08em;color:var(--ink);opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s;pointer-events:none;z-index:6;padding:3px 10px 4px;background:var(--bg);border-radius:4px;text-wrap:balance}@media(max-width:430px){.banner{font-size:12px;letter-spacing:.05em}.banner .price,.banner .to-env{margin-left:6px}}.banner.on{opacity:1;transform:translateY(0)}.banner .to-env{display:inline-flex;align-items:center;gap:4px;margin-left:9px}.banner .to-env .env-tag{border:0;padding:0;color:var(--ink)}.banner .price{display:inline-flex;align-items:center;gap:3px;margin-left:9px;padding:1px 6px 1px 4px;border:1px solid var(--line);border-radius:2px;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--accent);vertical-align:middle}.banner .price svg{flex:none}.banner .price.gain{color:var(--good)}.card{position:relative;width:100%;height:100%;max-height:560px;margin-top:22px;padding:16px 18px 14px;display:flex;flex-direction:column;gap:12px;background:var(--paper);color:var(--paper-ink);border-radius:5px;overflow:hidden;box-shadow:0 14px 34px #0000008c,0 1px #ffffff24 inset;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;will-change:transform}.card.smooth{transition:transform .19s ease-out,opacity .19s}@keyframes cardIn{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.card.enter{animation:cardIn .2s ease-out}.card.out-left{transform:translate(-130%) rotate(-16deg)!important;opacity:0}.card.out-right{transform:translate(130%) rotate(16deg)!important;opacity:0}.card.beat{cursor:grab}.card.beat .sil{opacity:.22;max-height:150px}.card.beat .card-sil{flex:0 0 auto}.card.beat .card-text{margin:auto 0;font-size:16.5px}.card.beat .card-hint{color:var(--accent);opacity:.75}@keyframes beatIn{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.card.rise{animation:beatIn .2s ease-out}.card.fade{transform:translateY(-8px)!important;opacity:0}.card.tilt-left{box-shadow:0 14px 34px #0000008c,4px 0 0 var(--accent) inset}.card.tilt-right{box-shadow:0 14px 34px #0000008c,-4px 0 0 var(--accent) inset}.card-top{display:flex;gap:8px;flex:none;flex-wrap:wrap}.card-caption{flex:none;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.card-caption:empty{display:none}.card-pressure{flex:none;padding-left:9px;border-left:2px solid rgba(207,58,46,.55);font-size:12.5px;line-height:1.4;font-style:italic;color:#1d19179e}.card-pressure:empty{display:none}.card-deltas{flex:none;font-family:ui-monospace,Menlo,monospace;font-size:10.5px;color:#1d191780}.card-deltas:empty{display:none}.card-deltas.warn{font-family:inherit;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}.env-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px 3px 5px;border:1px solid rgba(29,25,23,.28);border-radius:2px;color:#1d1917b8}.env-tag svg{flex:none}.env-spark{color:var(--accent);border-color:#cf3a2e80}.card-sil{flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;color:#1d1917c7}.sil{width:100%;height:100%;max-height:260px}.sil.faint{opacity:.3}.card-text{flex:0 1 auto;min-height:0;font-size:15.5px;line-height:1.5}.card-hint{flex:none;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:#1d191759}.chronicle{margin-top:4px}.chronicle-head{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding-bottom:7px;margin-bottom:16px;border-bottom:1px solid var(--line)}.ch-sit,.ch-out{margin:0 0 8px;color:#cdc2b4;line-height:1.65}.ch-out{margin-bottom:24px}.ch-act{margin:0 0 8px;font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.ch-end{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);color:var(--ink);line-height:1.65}.log-details{margin-top:22px}.log-details summary{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);cursor:pointer;padding:8px 0}.menu{display:flex;flex-direction:column;gap:10px;margin:auto 0}.menu h1{margin:0;font-size:17px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.menu-lead{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--muted)}.fight{display:flex;flex-direction:column;gap:5px;padding:14px 15px;text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:4px;cursor:pointer}.fight:hover{border-color:var(--accent)}.fight b{font-size:16px;font-weight:400;color:var(--ink)}.fight span{font-size:12.5px;line-height:1.45;color:var(--muted)}button.link{width:100%;flex:none;margin-top:-8px;padding:6px;font-size:12px;color:var(--muted);background:none;border:none;cursor:pointer}button.link:hover{color:var(--ink);background:none}.overlay{position:fixed;inset:0;display:none;background:var(--bg);overflow-y:auto;z-index:20;padding:24px 16px}.overlay.open{display:block}.end{max-width:460px;margin:0 auto}.end-kind{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}.overlay.victory .end-kind{color:var(--good)}.overlay.aborted .end-kind{color:#b9a888}.end h2{margin:6px 0 12px;font-size:26px;font-weight:400}.end p{line-height:1.6;color:#d6cbbc}.end-actions{display:flex;gap:8px;margin:18px 0 22px}button{flex:1;padding:11px 10px;font:inherit;font-size:13px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:3px;cursor:pointer}button.primary{border-color:var(--accent);color:#f4d9d5}button:hover{background:var(--bg-2)}.runlog{font-family:ui-monospace,Menlo,monospace;font-size:11px}.runlog-head{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid var(--line)}.runlog-row{display:grid;grid-template-columns:20px 1fr auto;gap:4px 8px;padding:5px 0;border-bottom:1px solid rgba(44,39,36,.5);color:#b9ada0}.runlog-row .t{color:var(--muted)}.runlog-row .env{color:var(--muted);font-size:10px}.runlog-row .deltas{grid-column:2 / -1;display:flex;flex-wrap:wrap;gap:6px}.d.up{color:var(--good)}.d.down{color:var(--accent)}.debug{position:fixed;top:0;right:0;width:320px;max-width:92vw;height:100%;overflow-y:auto;padding:14px;background:#0b0a09;border-left:1px solid var(--line);font-family:ui-monospace,Menlo,monospace;font-size:11px;transform:translate(100%);transition:transform .18s;z-index:30}.debug.open{transform:none}.dbg-title{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.dbg-key{float:right;opacity:.5}.dbg-sub{margin:12px 0 5px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.dbg-row{display:flex;gap:6px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.dbg-row label{display:flex;align-items:center;gap:4px;color:var(--muted)}.dbg-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.dbg-grid label{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;color:var(--muted)}.dbg-grid label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dbg-grid input{flex:0 0 52px;width:52px}.debug input,.debug select{min-width:0;flex:1;padding:4px 5px;font:inherit;color:var(--ink);background:#171413;border:1px solid var(--line);border-radius:2px}.debug input[type=checkbox]{flex:none}.debug button{flex:none;padding:5px 8px;font-size:11px}.dbg-cands{display:flex;flex-wrap:wrap;gap:4px}.cand{padding:2px 5px;background:#171413;border:1px solid var(--line);border-radius:2px;color:#9c9086}.cand.armed{border-color:var(--accent);color:#e8b6b0}.cand b{color:var(--ink);font-weight:400}@media(max-width:430px){.card{padding:14px 15px 12px}.card-text{font-size:14.5px;line-height:1.45}.card.beat .card-text{font-size:15px}.sil{max-height:150px}}@media(max-width:360px){.card-text{font-size:13.5px;line-height:1.42}.card.beat .card-text{font-size:14px}}@media(max-height:620px),(max-width:330px){.card-sil{display:none}}@media(max-height:700px){.sil{max-height:90px}.card{margin-top:16px;padding:12px 14px 10px;gap:8px}.card-hint{font-size:8.5px}}.fight b .first{font-style:normal;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-left:10px;vertical-align:2px}.fight b .pace{float:right;font-style:normal;font-size:10px;letter-spacing:.12em;color:var(--muted);padding-top:5px}.ch-close{margin-top:14px;text-align:center;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--accent);opacity:.85}