:root {
  --bg:#020504; --panel:#07100d; --panel2:#0b1712; --green:#63ff9a; --green2:#26c966;
  --amber:#ffcf57; --red:#ff5f5f; --cyan:#65e6ff; --blue:#7ca9ff; --violet:#d58cff;
  --muted:#668273; --line:#1d6e43; --shadow:rgba(99,255,154,.22); --cell:clamp(17px,2.15vh,23px);
}
*{box-sizing:border-box} html,body{width:100%;height:100%;margin:0;background:var(--bg);color:var(--green);overflow:hidden}
body{font-family:"Courier New",Courier,monospace;font-size:clamp(10px,calc(7px + .28vw),14px);text-shadow:0 0 7px var(--shadow);background-image:linear-gradient(rgba(18,90,52,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(18,90,52,.035) 1px,transparent 1px),radial-gradient(circle at 50% -20%,#0c2a1c 0,#030706 40%,#010201 75%);background-size:4px 4px,4px 4px,auto}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1000;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0,rgba(0,0,0,.18) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.55}
button,input,select,textarea{font:inherit}button{color:inherit}.hidden{display:none!important}.boot-screen{width:100%;height:100dvh;display:grid;place-content:center;padding:2rem;text-align:left;overflow:auto}.boot-screen pre{color:var(--green);font-size:clamp(.72rem,1.35vw,1rem);line-height:1.22;white-space:pre-wrap}
.app{width:100%;height:100dvh;padding:.3rem;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.3rem;overflow:hidden}.frame{border:1px solid var(--line);background:linear-gradient(180deg,rgba(11,23,18,.96),rgba(4,10,8,.96));box-shadow:inset 0 0 18px rgba(22,120,67,.12),0 0 12px rgba(22,120,67,.08);min-width:0;min-height:0}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:.4rem .65rem;gap:.8rem}.brand{display:flex;align-items:center;gap:.6rem;min-width:0}.logo-mark{border:2px solid var(--amber);color:var(--amber);padding:.32rem .42rem;font-weight:900;letter-spacing:.08em;box-shadow:0 0 12px rgba(255,207,87,.2)}h1{font-size:clamp(.95rem,1.55vw,1.35rem);line-height:1;margin:0 0 .16rem;letter-spacing:.04em}.brand p{margin:0;color:var(--muted);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meters{display:flex;gap:.65rem;flex-wrap:wrap;font-size:.72rem;justify-content:flex-end}.meters b{color:var(--amber)}
.toolbar{display:flex;gap:.25rem;padding:.27rem;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.ansi-button{background:#06100c;border:1px solid var(--green2);color:var(--green);padding:.28rem .45rem;cursor:pointer;text-shadow:inherit;white-space:nowrap}.ansi-button:hover,.ansi-button:focus-visible{background:#123222;outline:none;box-shadow:0 0 10px rgba(99,255,154,.18)}.ansi-button.hot{color:var(--cyan);border-color:var(--cyan)}.ansi-button.warn{color:var(--amber);border-color:var(--amber)}.ansi-button.danger{color:var(--red);border-color:var(--red)}.ansi-button.violet{color:var(--violet);border-color:var(--violet)}
.desktop-grid{display:grid;grid-template-columns:minmax(560px,1.6fr) minmax(250px,.72fr) minmax(315px,.86fr);grid-template-rows:minmax(0,1fr) minmax(150px,31%);gap:.3rem;min-height:0;overflow:hidden}.titlebar{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.25rem .42rem;color:var(--amber);background:#08140f;font-weight:700;font-size:.72rem;flex:0 0 auto}.tracker-panel{grid-column:1/3;grid-row:1;display:flex;flex-direction:column;overflow:hidden}.calls-panel{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;overflow:hidden}.map-panel{grid-column:1;grid-row:2;display:flex;flex-direction:column;overflow:hidden}.log-panel{grid-column:2;grid-row:2;display:flex;flex-direction:column;overflow:hidden}
.tracker-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.3rem .4rem;border-bottom:1px dashed #174a31;font-size:.7rem;flex:0 0 auto}.tracker-controls label{display:flex;align-items:center;gap:.25rem}input,select,textarea{background:#020705;color:var(--green);border:1px solid var(--line);padding:.2rem}input[type=number]{width:4rem}input[type=range]{accent-color:var(--green2)}.tracker-workbench{display:grid;grid-template-columns:minmax(520px,1fr) minmax(210px,.34fr);min-height:0;flex:1}.tracker{overflow:auto;padding:.25rem;min-height:0}.tracker-grid{display:grid;grid-template-columns:2.6rem repeat(4,minmax(105px,1fr));gap:2px;min-width:500px}.track-head,.step-index,.note-cell{min-height:var(--cell);display:flex;align-items:center;justify-content:center;border:1px solid #123d28;background:#040b08;font-size:.69rem;user-select:none}.track-head{color:var(--cyan);background:#07140f}.step-index{color:var(--muted)}.note-cell{cursor:pointer;justify-content:space-between;padding:0 .28rem}.note-cell:hover{background:#11301f}.note-cell.active-step,.step-index.active-step{background:#283719;color:var(--amber);border-color:var(--amber)}.note-cell.has-note{color:var(--green);background:#0b1f16}.note-cell .velocity{color:var(--muted);font-size:.58rem}.instrument-strip{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr));gap:.2rem;padding:.25rem;border-left:1px dashed #174a31;overflow:auto}.instrument{border:1px solid #174a31;padding:.25rem;font-size:.63rem;min-width:0;overflow:hidden}.instrument strong{color:var(--cyan);display:block;margin-bottom:.14rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instrument label{display:flex;justify-content:space-between;gap:.2rem;margin:.12rem 0;align-items:center}.instrument select,.instrument input{min-width:0;width:58%;padding:.1rem}.pattern-analysis{display:flex;flex-wrap:wrap;gap:.65rem;padding:.28rem .38rem;border-top:1px solid var(--line);font-size:.66rem;flex:0 0 auto}.pattern-analysis b{color:var(--amber)}
.case-file{padding:.42rem .5rem;border-bottom:1px dashed #174a31;background:rgba(22,56,38,.18);flex:0 0 auto}.case-kicker{font-size:.62rem;color:var(--violet)}.case-file h2{font-size:.9rem;color:var(--amber);margin:.2rem 0}.case-file p{margin:.18rem 0;line-height:1.25;font-size:.67rem}.case-file .objective{color:var(--cyan)}.caller-card{padding:.42rem;border-bottom:1px dashed #174a31;display:grid;grid-template-columns:92px 1fr;gap:.45rem;min-height:0;flex:1;overflow:auto}.portrait{color:var(--cyan);line-height:1.0;margin:.05rem;font-size:.62rem}.caller-copy{min-width:0}.caller-card h2{margin:.05rem 0;font-size:.88rem;color:var(--amber)}.caller-card p{margin:.22rem 0}.caller-card #callerLocation{color:var(--muted);font-size:.63rem}.caller-text{line-height:1.35;font-size:.72rem}.response-buttons{display:grid;gap:.22rem;padding:.35rem;flex:0 0 auto}.response-buttons button{text-align:left;white-space:normal;font-size:.66rem;padding:.25rem .35rem}.signal-tuner{margin:.3rem;border:1px solid #174a31;padding:.35rem;flex:0 0 auto}.subhead{color:var(--cyan);border-bottom:1px dashed #174a31;padding-bottom:.2rem;margin-bottom:.3rem;font-size:.67rem}.signal-tuner label{display:grid;gap:.2rem;font-size:.62rem}.signal-tuner input{width:100%}.frequency-readout{color:var(--amber);text-align:center;font-size:1.1rem;padding:.2rem}.spectrum{height:46px;display:flex;align-items:flex-end;gap:2px;border:1px solid #174a31;padding:3px;margin-bottom:.3rem;overflow:hidden}.spectrum i{display:block;flex:1;min-width:2px;background:var(--green2);opacity:.7}
.town-map{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,minmax(33px,1fr));gap:.18rem;padding:.25rem;min-height:0;flex:1}.district{border:1px solid #174a31;background:#05100b;padding:.23rem;cursor:pointer;position:relative;overflow:hidden}.district:hover{border-color:var(--cyan)}.district strong{color:var(--cyan);font-size:.58rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.district pre{margin:.12rem 0 0;color:var(--muted);font-size:.48rem;line-height:.9}.district .dist-health{position:absolute;right:.2rem;top:.2rem;color:var(--amber);font-size:.55rem}.district.alert{border-color:var(--red);box-shadow:inset 0 0 18px rgba(255,95,95,.08)}.district.blessed{border-color:var(--cyan);box-shadow:inset 0 0 18px rgba(101,230,255,.08)}.district-readout{border-top:1px solid var(--line);padding:.25rem .38rem;color:var(--muted);font-size:.61rem;min-height:1.6rem;flex:0 0 auto}.event-log{overflow:auto;padding:.28rem .4rem;font-size:.64rem;line-height:1.27;min-height:0;flex:1}.log-entry{margin-bottom:.18rem}.log-entry .time{color:var(--muted)}.log-entry.good{color:var(--cyan)}.log-entry.bad{color:var(--red)}.log-entry.weird{color:var(--amber)}.log-entry.story{color:var(--violet)}
.statusline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem;padding:.23rem .42rem;border:1px solid var(--line);font-size:.62rem;color:var(--muted)}.statusline b{color:var(--green)}
.terminal-dialog{width:min(760px,96vw);max-height:94dvh;color:var(--green);background:#030806;border:1px solid var(--green2);padding:0;box-shadow:0 0 30px rgba(36,180,94,.22);overflow:hidden}.wide-dialog{width:min(1050px,97vw)}.terminal-dialog::backdrop{background:rgba(0,0,0,.86)}.terminal-dialog form{margin:0;max-height:94dvh;display:flex;flex-direction:column}.dialog-content{padding:.7rem;line-height:1.4;overflow:auto}.dialog-content textarea{width:100%;resize:vertical}.dialog-actions{display:flex;gap:.4rem;margin-top:.4rem}.choir-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(420px,1.3fr);gap:.75rem}.choir-lore{border-right:1px dashed #174a31;padding-right:.75rem}.choir-lore label{display:grid;gap:.2rem;margin:.45rem 0}.choir-art{color:var(--violet);text-align:center}.stacked-actions{display:grid}.relic-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.relic-grid label{display:grid;grid-template-columns:78px 1fr 58px;align-items:center;gap:.3rem;border-bottom:1px dotted #174a31;padding:.2rem 0;font-size:.68rem}.relic-grid b{color:var(--amber);font-size:.64rem}.fingerprint{border:1px solid #174a31;color:var(--cyan);padding:.55rem;min-height:7rem;white-space:pre-wrap}
.export-layout{display:grid;grid-template-columns:minmax(430px,1.05fr) minmax(330px,.95fr);gap:.75rem}.reliquary-panel,.number-transfer-panel{min-width:0}.reliquary-card{border:1px solid #174a31;padding:.55rem;background:rgba(10,27,19,.52)}.relic-title-label{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:.45rem;color:var(--cyan);font-size:.7rem}.relic-title-label input{width:100%;color:var(--amber);font-weight:700;text-transform:uppercase}.pattern-meta{margin:.45rem 0;padding:.35rem;border:1px dashed #2d8152;color:var(--amber);font-size:.7rem;line-height:1.45}.number-block{margin:.4rem 0;border:1px solid #174a31;background:#020604;color:var(--green);padding:.5rem;min-height:8.5rem;max-height:12rem;overflow:auto;font-size:.62rem;line-height:1.28;white-space:pre-wrap}.export-note{color:var(--muted);font-size:.66rem;line-height:1.35}.export-actions{display:grid;grid-template-columns:1fr 1fr}.transfer-status{margin-top:.45rem;padding:.35rem;border-top:1px dashed #174a31;color:var(--cyan);font-size:.65rem;min-height:1.55rem}.transfer-status.bad{color:var(--red)}.transfer-status.good{color:var(--amber)}
.archive-content{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.archive-card{border:1px solid #174a31;padding:.5rem}.archive-card h3{color:var(--amber);margin:.1rem 0 .3rem}.archive-card .tag{color:var(--violet);font-size:.65rem}.archive-card.locked{opacity:.42}.archive-card p{font-size:.72rem;line-height:1.35}.archive-card ol{padding-left:1.2rem;font-size:.7rem}.archive-card li{margin:.22rem 0}
@media(max-width:1180px){.desktop-grid{grid-template-columns:minmax(500px,1.5fr) minmax(275px,.85fr);grid-template-rows:minmax(0,1fr) minmax(160px,32%)}.tracker-panel{grid-column:1;grid-row:1}.calls-panel{grid-column:2;grid-row:1/3}.map-panel{grid-column:1;grid-row:2}.log-panel{display:none}.tracker-workbench{grid-template-columns:minmax(470px,1fr) minmax(190px,.35fr)}}
@media(max-width:820px){.export-layout{grid-template-columns:1fr}.export-actions{grid-template-columns:1fr}.number-block{max-height:10rem}html,body{overflow:hidden}.app{height:100dvh}.topbar{align-items:flex-start}.meters{display:none}.desktop-grid{display:flex;flex-direction:column;overflow-y:auto}.tracker-panel,.calls-panel,.map-panel,.log-panel{display:flex;min-height:620px;flex:0 0 auto}.map-panel{min-height:330px}.log-panel{min-height:220px}.tracker-workbench{grid-template-columns:1fr}.instrument-strip{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;border-left:0;border-top:1px dashed #174a31}.calls-panel{min-height:720px}.choir-layout{grid-template-columns:1fr}.choir-lore{border-right:0;border-bottom:1px dashed #174a31;padding-right:0;padding-bottom:.6rem}.archive-content{grid-template-columns:1fr}}
@media(max-width:520px){.brand p{display:none}.toolbar{scrollbar-width:none}.tracker-panel{min-height:740px}.tracker-workbench{display:flex;flex-direction:column}.tracker{flex:1}.instrument-strip{grid-template-columns:1fr 1fr}.town-map{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.caller-card{grid-template-columns:75px 1fr}.relic-grid{grid-template-columns:1fr}}


/* v0.3.0 EXP // SIGNAL SIEGE */
.ansi-button.amber{color:var(--amber);border-color:#9f7730}
.ansi-button.awaiting-input{animation:carrierInvite 2.4s ease-in-out infinite;position:relative}
@keyframes carrierInvite{0%,100%{box-shadow:0 0 0 rgba(101,230,255,0);background:#06100c}50%{box-shadow:0 0 18px rgba(101,230,255,.46),inset 0 0 12px rgba(101,230,255,.13);background:#102a24;color:#d9fbff}}
.backbeat-layout{display:grid;grid-template-columns:minmax(520px,1.35fr) minmax(260px,.65fr);gap:.7rem}.vault-lore{font-size:.7rem;color:var(--muted);line-height:1.4}.backbeat-master{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin:.35rem 0}.backbeat-master span{font-size:.65rem;color:var(--muted)}.backbeat-master b{color:var(--amber)}.backbeat-list{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;max-height:58dvh;overflow:auto}.backbeat-entry{border:1px solid #174a31;background:#04100b;padding:.35rem;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:.25rem;align-items:center}.backbeat-entry:hover,.backbeat-entry.active{border-color:var(--cyan);background:#0b2017}.backbeat-entry.locked{opacity:.45;cursor:not-allowed}.backbeat-entry strong{color:var(--cyan);font-size:.68rem}.backbeat-entry small{grid-column:1/3;color:var(--muted);font-size:.58rem}.backbeat-entry .beat-code{color:var(--amber);font-size:.6rem}.backbeat-detail{border-left:1px dashed #174a31;padding-left:.7rem}.backbeat-detail h2{color:var(--amber);font-size:1rem}.backbeat-detail p{font-size:.68rem;color:var(--muted)}.backbeat-grid{border:1px solid #174a31;background:#020604;padding:.6rem;color:var(--cyan);line-height:1.5;font-size:.72rem;overflow:auto}.battle-dialog{width:min(930px,97vw)}.battle-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:.75rem}.battle-stage{border:1px solid #582e45;background:radial-gradient(circle at 50% 30%,rgba(213,140,255,.12),rgba(4,8,6,.96) 60%);padding:.6rem}.battle-art-wrap{min-height:190px;display:grid;place-items:center;border-bottom:1px dashed #582e45}.boss-art{color:var(--violet);font-size:clamp(.58rem,1.2vw,.84rem);line-height:1.03;text-align:center;margin:0;filter:drop-shadow(0 0 8px rgba(213,140,255,.4))}.battle-identity .tag{color:var(--red);font-size:.62rem;margin-top:.5rem}.battle-identity h2{color:var(--amber);margin:.2rem 0;font-size:1.05rem}.battle-identity p{font-size:.68rem;line-height:1.35;color:var(--muted)}.battle-bar{display:grid;grid-template-columns:45px 1fr 72px;gap:.35rem;align-items:center;margin:.35rem 0;font-size:.64rem}.battle-bar i{height:12px;border:1px solid #174a31;background:#020604;display:block}.battle-bar i b{display:block;height:100%;width:100%;background:var(--red);transition:width .25s}.battle-bar:nth-of-type(2) i b{background:var(--cyan)}.battle-bar.charge i b{background:var(--violet)}.battle-bar strong{color:var(--amber);text-align:right}.battle-terminal{min-width:0}.battle-message{border:1px dashed #582e45;padding:.55rem;color:var(--violet);min-height:4.5rem;font-size:.72rem;line-height:1.4}.battle-readout{display:flex;flex-wrap:wrap;gap:.55rem;padding:.35rem 0;font-size:.64rem}.battle-readout b{color:var(--amber)}.battle-actions{padding:0}.battle-actions button{font-size:.68rem}.battle-log{border-top:1px dashed #174a31;margin-top:.45rem;padding-top:.4rem;max-height:130px;overflow:auto;font-size:.63rem;line-height:1.35}.battle-log div{margin-bottom:.18rem}.battle-log .hit{color:var(--amber)}.battle-log .hurt{color:var(--red)}.battle-log .good{color:var(--cyan)}.battle-log .weird{color:var(--violet)}
@media(max-width:820px){.backbeat-layout,.battle-layout{grid-template-columns:1fr}.backbeat-detail{border-left:0;border-top:1px dashed #174a31;padding-left:0;padding-top:.6rem}.battle-art-wrap{min-height:145px}.backbeat-list{grid-template-columns:1fr}.battle-dialog{max-height:97dvh}.battle-dialog .dialog-content{overflow:auto}}
@media(max-width:520px){.battle-actions button{font-size:.61rem}.boss-art{font-size:.48rem}.battle-bar{grid-template-columns:38px 1fr 56px}.backbeat-master{display:grid}.backbeat-master .ansi-button{width:100%}}