/* A readable arcade layer around the original coastal renderer. */
:root{--ink:#070912;--orange:#f5ad6b;--purple:#c292ed;--muted:#a6a5b6}
button{transition:background .15s,transform .15s,border-color .15s}button:active{transform:translateY(2px)}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.title-screen{display:flex;justify-content:flex-start;padding:5vh 6vw;background:linear-gradient(90deg,#070911fc 0%,#070911e8 37%,#07091138 72%,#07091170)}
.title-panel{width:min(550px,48vw);padding:0;border:0;background:none;box-shadow:none;max-height:90dvh;overflow:auto;scrollbar-width:thin}
.title-masthead{display:flex;align-items:center;gap:22px;margin-bottom:35px}.title-masthead .menu-brand{width:122px;margin:0}.title-masthead>span{font-size:9px;letter-spacing:.15em;color:#96929e}
.title-panel .eyebrow{font-size:8px;letter-spacing:.14em;color:var(--orange);display:flex;align-items:center;gap:9px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--orange)}
.title-panel h1{font-weight:950;font-size:clamp(40px,5.1vw,72px);line-height:1;letter-spacing:-.065em;margin:18px 0 26px}.title-panel h1 span{font-weight:650;font-size:11px;letter-spacing:.28em;margin-top:15px;color:#d2a4b8}
.title-tagline{font-size:25px;line-height:1.25;font-weight:800;margin:0 0 16px;color:#f3e8e8}.title-tagline em{font-style:normal;color:var(--orange)}.title-panel .intro{font-size:13px;line-height:1.6;color:var(--muted)}
.episode-route{display:grid;grid-template-columns:1fr 1fr 1.25fr;margin:25px 0 23px;gap:8px}.episode-route div{padding:12px 10px;border:1px solid #51425066;background:#15132170}.episode-route small,.episode-route b,.episode-route span{display:block}.episode-route small{font-size:8px;color:var(--orange);letter-spacing:.14em}.episode-route b{font-size:10px;letter-spacing:.05em;margin:6px 0}.episode-route span{font-size:9px;color:#9f94a6}
.title-panel .primary{width:100%;text-align:left;margin:12px 0 8px;min-height:54px;background:var(--orange);border-color:#ffbe86;color:#21131d;font-size:12px;padding:16px 20px;box-shadow:0 7px 30px #f5ad6b14}.title-panel .primary span{float:right}.title-panel .primary:hover{background:#ffd0a8}.title-panel #startBtn.has-save{background:none;color:#c2afbd;border-color:#554352;min-height:40px;font-size:10px}
.title-tools{display:flex;gap:8px;margin:22px 0 14px}.title-tools .secondary,.pause-tools .secondary{margin:0;font-size:9px;letter-spacing:.06em;background:#0d101bb3;border-color:#46414e;min-height:40px}.title-panel #saveInfo,.title-panel #bestScore{font-size:9px;color:#8c8998}.title-panel #bestScore{letter-spacing:.08em}
.title-scene{position:absolute;left:62%;top:8%;pointer-events:none}.title-scene>span{font-size:9px;letter-spacing:.19em;color:#ad93b3}.title-scene strong{display:block;margin:20px 0;font-size:34px;line-height:1.06;letter-spacing:-.025em;color:#dbcfdf55}.title-scene small{position:fixed;right:7vw;bottom:6vh;font-size:8px;color:#bdaabd;letter-spacing:.14em}.title-scene small i{display:inline-block;width:5px;height:5px;background:var(--purple);border-radius:50%;margin-left:8px}
#preferences,#help{z-index:9;background:#030611dd}.settings{display:grid;gap:17px;text-align:left;font-size:13px;margin:26px 0}.settings label{justify-content:space-between}.settings input{accent-color:var(--purple);width:18px;height:18px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;font-size:12px;margin:25px 0}.controls-grid span{color:#a9a1b1}.controls-grid b{color:#e0c7d8}.trick{font-size:12px;line-height:1.7;color:#aea4b5}.pause-tools{display:flex;justify-content:center;gap:8px}.ending-rank{display:block;color:var(--orange);letter-spacing:.09em;font-size:14px;margin:18px 0 12px}
.mission{border-left-color:var(--orange);width:360px}.mission strong{font-size:16px}.mission small{line-height:1.6}.top .brand{display:none}.vitals{width:280px;border-color:#504451;border-radius:3px}.health-label{font-size:9px}.health-label #signal{max-width:105px;text-align:right}.top{gap:8px}.small{background:#0c101cdc;border-color:#544956}
.rampage-readout{position:absolute;right:22px;top:20px;min-width:155px;text-align:right}.rampage-readout>span{display:block;font-size:8px;letter-spacing:.14em;color:#a99caf}.rampage-readout strong{display:block;font-size:32px;line-height:1.15;font-variant-numeric:tabular-nums;color:#f7dfc5}.rampage-readout small{font-size:9px;letter-spacing:.04em;color:var(--purple)}.chain-track{height:3px;width:100%;background:#5c3d622f;margin-top:8px}.chain-track i{display:block;height:100%;width:0;background:var(--purple)}
.power-dock{position:absolute;left:22px;bottom:73px;display:flex;gap:8px;pointer-events:auto}.power-dock button{display:flex;align-items:center;gap:9px;text-align:left;min-height:47px;background:#090e18e8;border-color:#615064;padding:7px 10px;font-size:9px;letter-spacing:.04em}.power-dock kbd,.context-hint kbd{font:800 11px system-ui;display:grid;place-items:center;min-width:24px;height:25px;border:1px solid #8c729260;border-radius:3px;color:#dcc2e7}.power-dock small{display:block;font-size:7px;margin-top:3px;color:#c39ccf}.power-dock button[aria-pressed=true]{border-color:var(--orange);color:var(--orange)}#unleashBtn.ready{border-color:var(--purple);box-shadow:0 0 20px #b67be82a;background:#2a1d36}
.context-hint{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid #79557577;background:#0c0c18ed;color:#dfc7e4;font-size:11px;max-width:44vw;line-height:1.5;border-radius:5px}
.chapter-card{position:absolute;left:50%;top:29%;transform:translateX(-50%);text-align:center;padding:22px 35px;background:linear-gradient(90deg,#07091200,#0a0c1beb,#07091200);min-width:350px}.chapter-card small{display:block;color:var(--orange);font-size:9px;letter-spacing:.2em}.chapter-card strong{display:block;color:#ecdcf3;font-size:32px;letter-spacing:.04em;margin:8px 0}.chapter-card span{font-size:11px;color:#bfa6ca}.boss-hud{top:110px;right:22px;width:320px}.boss-hud #bossState{color:var(--purple)}#toast{top:auto;bottom:132px;font-size:11px;border-color:#7154726b;border-radius:4px}.nightfall{top:20%;font-size:27px}.desktop-help{font-size:9px;line-height:1.7;color:#ada1b4;background:#070d18b3}.telemetry{font-size:9px;border-radius:3px}.touch-actions button b{display:block;font-size:20px;line-height:1;margin-bottom:5px;color:#dab5ec}.touch-actions button{font-size:9px;border-radius:10px}.touch-actions button[data-action=smash]{background:#713d568f;border-color:#c890a9}.touch-actions button[data-action=charge]{border-color:#aa8862}.touch-actions button.active{background:#a55179}.touch #stickNub{background:#8558779e}
@media(max-width:900px){.context-hint{bottom:185px;max-width:60vw;font-size:10px}.boss-hud{top:106px;bottom:auto;width:260px}.power-dock{bottom:20px;left:160px}.desktop-help{display:none}.title-screen{padding:4vh 5vw}.title-panel{width:53vw}.title-panel h1{font-size:44px}.title-tagline{font-size:21px}.title-scene{left:65%}.title-scene strong{font-size:30px}}
@media(pointer:coarse){.power-dock{bottom:24px;left:175px}.context-hint{bottom:195px}.telemetry{bottom:150px}}
.touch-mode .power-dock{bottom:24px;left:175px}.touch-mode .context-hint{bottom:195px}.touch-mode .telemetry{bottom:150px}
@media(max-height:550px){.title-screen{padding:20px 5vw}.title-panel{max-height:calc(100dvh - 40px);width:55vw}.title-masthead{margin-bottom:17px}.title-panel h1{font-size:42px;margin:13px 0 17px}.title-tagline{font-size:20px}.title-panel .intro{font-size:11px}.episode-route{margin:13px 0;gap:5px}.episode-route div{padding:8px}.title-tools{margin:12px 0}.title-panel .primary{min-height:44px;padding:11px 14px}.title-scene strong{font-size:27px}.controls-grid{gap:8px;margin:15px 0}.trick{font-size:10px}.rampage-readout{top:10px;right:15px}.rampage-readout strong{font-size:24px}.rampage-readout>span{font-size:7px}.boss-hud{top:95px;width:235px;right:14px}.boss-hud small{display:none}.mission{max-width:50vw;width:340px}.mission strong{font-size:13px}.power-dock,.touch-mode .power-dock{left:140px;bottom:14px;gap:5px}.power-dock button{font-size:8px;min-height:41px;padding:5px 7px}.context-hint,.touch-mode .context-hint{bottom:76px;max-width:47vw;font-size:9px;padding:6px 9px}.telemetry,.touch-mode .telemetry{bottom:135px;font-size:8px}.nightfall{top:43%;font-size:21px}#toast{bottom:125px;font-size:9px}.chapter-card{top:35%;padding:13px}.chapter-card strong{font-size:23px}}
@media(max-width:650px) and (orientation:portrait){.title-screen{padding:24px;align-items:center;background:linear-gradient(180deg,#070911ed,#080911f5)}.title-panel{width:100%;max-height:calc(100dvh - 48px)}.title-masthead{margin-bottom:27px;gap:15px}.title-masthead>span{font-size:8px}.title-panel .eyebrow{font-size:7px}.title-panel h1{font-size:clamp(34px,10vw,53px)}.title-panel h1 span{font-size:9px;letter-spacing:.23em}.title-scene{display:none}.title-tagline{font-size:23px}.episode-route{gap:6px;margin:22px 0}.episode-route div{padding:10px 7px}.episode-route b{font-size:9px}.episode-route span{font-size:8px}.title-tools .secondary{font-size:8px;padding:9px}.vitals{width:calc(100vw - 130px)}.mission{max-width:100%;width:100%;margin-top:8px}.rampage-readout{right:15px;top:174px;min-width:105px}.rampage-readout strong{font-size:23px}.rampage-readout>span{font-size:7px}.boss-hud{top:252px;left:12px;right:12px;width:auto}.boss-hud small{display:none}.context-hint,.touch-mode .context-hint{bottom:208px;max-width:90vw;width:max-content;max-width:calc(100vw - 24px);font-size:10px}.power-dock,.touch-mode .power-dock{left:12px;right:12px;bottom:166px;justify-content:space-between}.power-dock button{font-size:9px}.telemetry,.touch-mode .telemetry{bottom:263px;font-size:8px}.navigation,.touch-mode .navigation{bottom:315px;right:14px}#radar{width:66px;height:66px}#toast{bottom:auto;top:46%;max-width:92vw;width:max-content}.nightfall{top:37%;font-size:23px}.chapter-card{top:38%;min-width:calc(100vw - 24px);padding:15px}.chapter-card strong{font-size:24px}.controls-grid{font-size:11px;gap:11px}.touch #stick{bottom:35px}.touch-actions{bottom:35px}.touch-actions button{font-size:8px}.touch-actions button b{font-size:16px}.death-caption{top:40%}}

.health-meter{height:3px;background:#432430;margin-top:8px;overflow:hidden}.health-meter i{display:block;height:100%;width:100%;background:#90c3b0;transition:width .15s}#moveMode{margin-right:7px}

/* Keep instructions off the character and reserve thumb space on short screens. */
.context-hint,.touch-mode .context-hint{left:22px;top:205px;bottom:auto;transform:none;width:310px;max-width:310px;font-size:11px}
#toast.muted{opacity:0}
@media(max-height:550px){.context-hint,.touch-mode .context-hint{left:14px;top:auto;bottom:136px;width:220px;max-width:220px;font-size:9px}.telemetry,.touch-mode .telemetry{left:61%;bottom:14px;font-size:7px}.boss-fight .navigation{display:none}#toast{left:14px;top:174px;bottom:auto;transform:none;width:240px;max-width:240px;font-size:9px}.chapter-card{top:25%}}
@media(max-width:650px) and (orientation:portrait){.context-hint,.touch-mode .context-hint{left:50%;top:auto;bottom:208px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 24px);font-size:10px}.telemetry,.touch-mode .telemetry{left:50%;bottom:263px;font-size:8px}#toast{left:50%;top:46%;bottom:auto;transform:translateX(-50%);max-width:92vw;width:max-content}.chapter-card{top:38%}}

.title-panel{scrollbar-color:#6d4867 transparent}.title-panel::-webkit-scrollbar{width:4px}.title-panel::-webkit-scrollbar-track{background:transparent}.title-panel::-webkit-scrollbar-thumb{background:#6d4867;border-radius:4px}
@media(min-height:551px) and (min-width:651px){.title-masthead{margin-bottom:27px}.title-panel h1{margin-top:16px;margin-bottom:20px}.title-tagline{font-size:23px}.episode-route{margin-top:20px;margin-bottom:16px}.title-tools{margin-top:15px;margin-bottom:10px}.title-panel .primary{min-height:50px;padding:14px 20px}}