:root{--nda-ink:#d9d4e5;--nda-violet:#8563c7;--nda-wine:#7d263f;--nda-gold:#c6a35d;--nda-night:#090811}.nda-page{max-width:1180px}.nda-title{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.2rem}.nda-title h1{font-family:Georgia,serif;font-size:clamp(2.2rem,6vw,4.5rem);line-height:.9;margin:.2rem 0;color:#eee8f5;text-shadow:0 0 28px #6b3f9566}.nda-title p:last-child{max-width:760px;color:#aaa2b8}.nda-kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--nda-gold);font-size:.75rem}.nda-shell{position:relative;background:#07060d;border:1px solid #413650;box-shadow:0 18px 60px #0008;overflow:hidden}.nda-hud{min-height:58px;padding:.55rem .75rem;display:flex;align-items:center;gap:1.4rem;background:linear-gradient(#191321,#0d0a12);color:var(--nda-ink);font-size:.8rem}.nda-hud>div{display:grid}.nda-hud span{color:#938a9e;text-transform:uppercase;font-size:.62rem;letter-spacing:.1em}.nda-hud button{margin-left:auto;background:#17121f;color:#ccc;border:1px solid #3c3148;padding:.45rem}.nda-hud button+button{margin-left:0}.nda-vital{grid-template-columns:auto 150px auto!important;align-items:center;gap:.5rem}.nda-vital div{height:9px;background:#251522;border:1px solid #5d3447}.nda-vital i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#7a1838,#d95773)}.nda-stage{position:relative;aspect-ratio:16/9;background:#05040a}.nda-stage canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.nda-toast{position:absolute;left:50%;top:14%;transform:translate(-50%,-12px);opacity:0;background:#120d1be8;border:1px solid var(--nda-violet);padding:.8rem 1.2rem;color:#eee;transition:.25s;pointer-events:none;text-align:center}.nda-toast.show{opacity:1;transform:translate(-50%,0)}.nda-prompt{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);color:#eadfab;background:#090812dd;padding:.35rem .7rem;min-width:1px}.nda-echoes{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#302638;border-top:1px solid #44354e}.nda-echoes>div{background:#100c16;padding:.55rem .7rem;min-height:55px}.nda-echoes span{display:block;color:#7e718c;text-transform:uppercase;font-size:.58rem}.nda-echoes strong{font-size:.73rem;color:#d5cede}.nda-controls{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;padding:.6rem;background:#0b0910;color:#8f8798;font-size:.72rem}.nda-controls kbd,.nda-hud kbd{background:#2a2230;border:1px solid #55465e;padding:.1rem .25rem}.nda-overlay,.nda-modal{position:absolute;inset:58px 0 0;display:grid;place-items:center;background:#05040bde;z-index:5;padding:1rem}.nda-modal[hidden]{display:none}.nda-card{max-width:650px;background:linear-gradient(145deg,#1b1423,#0d0a13);border:1px solid #5a4669;padding:2rem;color:#c8c0cf;box-shadow:0 20px 80px #000}.nda-card h2{font-family:Georgia,serif;color:#eee;margin-top:.3rem}.nda-close{float:right;background:transparent;color:#aaa;border:0}.nda-map{display:grid;grid-template-columns:repeat(4,70px);gap:6px;margin:1.5rem 0}.nda-map div{height:45px;border:1px solid #493957;background:#161020;padding:.25rem;font-size:.58rem;color:#81768c}.nda-map div.seen{background:#39264d;color:#eee;border-color:#8b65ad}.nda-map div.here{box-shadow:0 0 0 2px #d3ae62 inset}.nda-shop button{display:block;width:100%;margin:.5rem 0;padding:.7rem;background:#21172b;color:#ddd;border:1px solid #564266}.nda-shop button:disabled{opacity:.4}@media(max-width:760px){.nda-title{display:block}.nda-title button{margin-top:.5rem}.nda-hud{gap:.5rem;flex-wrap:wrap}.nda-vital{grid-template-columns:auto 80px auto!important}.nda-hud button{margin-left:0}.nda-echoes{grid-template-columns:repeat(3,1fr)}.nda-controls{display:none}.nda-overlay,.nda-modal{inset:95px 0 0}.nda-card{padding:1.2rem}}