@font-face{font-family:'DelaG';src:url(fonts/delagothic.woff) format('woff');font-display:swap}
@font-face{font-family:'SpaceG';src:url(fonts/spacegrotesk.woff) format('woff');font-weight:300 700;font-display:swap}
:root{--pink:#FF48B0;--blue:#0078BF;--paper:#F3EEE2;--ink:#1d2a6b}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--blue);font-family:'SpaceG','Segoe UI',sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}
canvas{position:fixed;inset:0;display:block}
.hidden{display:none!important}
.panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,92vw);max-height:94vh;overflow:auto;text-align:center;padding:18px 18px 14px;
 background:rgba(243,238,226,.93);border:2.5px solid var(--blue);border-radius:14px;box-shadow:7px 8px 0 rgba(255,72,176,.55)}
h1{font-family:'DelaG',sans-serif;font-weight:400;margin:4px 0 2px;font-size:clamp(34px,10vw,52px);line-height:.95;color:var(--blue);text-shadow:3px -2px 0 rgba(255,72,176,.85);letter-spacing:1px}
h1 span{color:var(--pink);text-shadow:-3px 2px 0 rgba(0,120,191,.75)}
h2{font-family:'DelaG',sans-serif;font-weight:400;margin:6px 0;font-size:24px;color:var(--blue);text-shadow:2px -2px 0 rgba(255,72,176,.8)}
.ver{display:inline-block;margin:2px 0 6px;padding:1px 8px;border:1.5px solid var(--pink);color:var(--pink);border-radius:20px;font:700 12px 'SpaceG',sans-serif}
.small{font-size:13px;line-height:1.35;margin:6px 0;font-weight:600}
a{color:var(--pink)}
button{font-family:'DelaG',sans-serif;cursor:pointer;color:var(--paper);background:var(--pink);border:2px solid var(--blue);border-radius:10px;box-shadow:3px 4px 0 rgba(0,120,191,.35)}
button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 rgba(0,120,191,.35)}
button:disabled{opacity:.35;cursor:default}
.big{display:block;width:100%;margin:8px 0;padding:12px 10px;font-size:18px;letter-spacing:.5px}
.big.alt{background:var(--blue);border-color:var(--pink);box-shadow:3px 4px 0 rgba(255,72,176,.45)}
.ib{width:38px;height:38px;font-size:16px;padding:0;background:var(--blue);border-color:var(--pink)}
.row{display:flex;gap:8px;justify-content:center;align-items:center;margin:6px 0}
.trow span{min-width:170px;font:700 15px 'SpaceG',sans-serif;color:var(--blue)}
.lang{padding:6px 12px;font-size:14px;background:transparent;color:var(--blue);box-shadow:none}
.lang.on{background:var(--blue);color:var(--paper)}
#hud{position:fixed;left:0;right:0;top:0;display:flex;align-items:center;gap:10px;padding:6px 8px;padding-top:max(6px,env(safe-area-inset-top));font:700 14px 'SpaceG',sans-serif;color:var(--blue);pointer-events:none;z-index:3}
#hud .ib{pointer-events:auto}#hud span{white-space:nowrap}#h-hp{color:var(--pink)}#h-sc{margin-left:auto}
#quip{position:fixed;left:50%;top:52px;transform:translateX(-50%);width:min(560px,90vw);text-align:center;padding:8px 12px;font:600 14px 'SpaceG',sans-serif;color:var(--blue);background:rgba(243,238,226,.95);border:2px solid var(--pink);border-radius:10px;z-index:4;pointer-events:none;box-shadow:4px 4px 0 rgba(0,120,191,.3)}
#coach{position:fixed;left:50%;top:118px;transform:translateX(-50%);width:min(420px,86vw);padding:12px 14px;font:700 15px 'SpaceG',sans-serif;color:var(--paper);background:var(--blue);border:2px solid var(--pink);border-radius:12px;z-index:5;pointer-events:none;box-shadow:6px 6px 0 rgba(255,72,176,.7)}
.stars{font-size:30px;color:var(--pink);margin:4px 0}
.quip{font-style:italic;color:var(--pink);font-weight:600}
#o-stats{font-weight:700;font-size:14px}
@media (max-width:520px){#hud{font-size:12px;gap:6px}#h-act{max-width:38vw;overflow:hidden;text-overflow:ellipsis}.big{padding:10px 8px;font-size:16px}#coach{top:56px;font-size:14px;padding:10px 12px}}