:root{--ink:#21150f;--cream:#fff1c8;--orange:#e86d20;--green:#38b86a;--red:#c72d38;--blue:#17496b;--panel:#171015;--gold:#f6ba3c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#08080b;color:var(--cream);font-family:"Courier New",ui-monospace,monospace}body{display:grid;place-items:center;padding:10px}.game-shell{width:min(1280px,100%)}.game{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:5px solid #0e0908;outline:3px solid var(--gold);background:#76c9ee;box-shadow:10px 10px 0 #000}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.hidden{display:none!important}button{font:inherit;font-weight:900;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:4px solid #7bf7ff;outline-offset:3px}.hud{position:absolute;inset:0;pointer-events:none}.health-card{position:absolute;z-index:5;left:2%;bottom:3%;display:flex;align-items:center;gap:9px;padding:7px 10px;color:#fff;background:rgba(20,12,15,.9);border:4px solid #160d0d;outline:2px solid var(--gold)}.portrait{display:grid;place-items:center;width:58px;aspect-ratio:1;background:#d47a28;border:3px solid #180c08;font-size:32px}.health-wrap{width:clamp(170px,22vw,270px)}.health-wrap span{display:block;margin-bottom:4px;font-size:12px;color:var(--gold)}.health-bar{position:relative;height:24px;background:#35161b;border:4px solid #0e0808;overflow:hidden}.health-bar i{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(#ed4b53,#ad1f2d);transition:width .2s steps(5,end)}.health-bar b{position:relative;z-index:2;display:inline-block;width:20%;height:100%;border-right:2px solid #3c1117}.utility{position:absolute;z-index:6;right:1.5%;top:2%;display:flex;gap:7px;pointer-events:auto}.utility button,.secondary{padding:8px 11px;color:#fff;background:#23202a;border:3px solid #0c090c;outline:2px solid var(--gold);font-size:clamp(9px,1.2vw,13px)}.dpad{position:absolute;z-index:6;right:2.5%;bottom:3%;display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(2,58px);gap:5px;pointer-events:auto}.dpad button{color:#fff;background:rgba(26,20,31,.9);border:4px solid #0d0a0e;outline:2px solid var(--gold);font-size:22px}.dpad button[data-dir=up]{grid-column:2}.dpad button[data-dir=left]{grid-column:1}.dpad button[data-dir=down]{grid-column:2}.dpad button[data-dir=right]{grid-column:3}.dpad button.active{background:var(--orange);transform:translateY(2px)}.overlay{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:rgba(9,7,10,.84)}.title-screen{grid-template-columns:1.2fr .8fr;padding:4%;background:linear-gradient(90deg,rgba(8,8,11,.13),rgba(10,7,12,.96) 58%),url('assets/chacha-concept-v1.png') left center/cover no-repeat}.title-art{display:none}.title-copy{grid-column:2;max-width:510px;text-align:center}.kicker{color:var(--gold);font-size:clamp(10px,1.4vw,15px);font-weight:900;letter-spacing:.12em}.title-copy h1{margin:.1em 0;color:#fff;font-size:clamp(34px,6vw,76px);line-height:.83;text-shadow:5px 5px 0 #713127}.title-copy>p:not(.kicker){font-size:clamp(11px,1.5vw,16px);line-height:1.45}.primary{display:block;width:100%;margin:22px auto 12px;padding:15px;color:#fff;background:var(--red);border:5px solid #120b0e;outline:3px solid var(--gold);box-shadow:6px 6px 0 #000}.secondary{display:block;margin:auto}.modal{padding:6%}.modal-card{width:min(680px,92%);padding:clamp(18px,4vw,38px);text-align:center;background:var(--panel);border:6px solid #0c090b;outline:3px solid var(--gold);box-shadow:10px 10px 0 #000}.modal-card h2{margin:.1em 0 .5em;color:#fff;font-size:clamp(23px,4vw,45px)}.modal-card p{line-height:1.5}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.controls-grid div{padding:14px;background:#292130;border:3px solid #55475b}.controls-grid strong{display:block;color:var(--gold);font-size:18px}.toast{position:absolute;z-index:12;left:50%;top:8%;transform:translateX(-50%);min-width:min(520px,80%);padding:12px 18px;text-align:center;color:#fff;background:var(--red);border:4px solid #140a0c;outline:2px solid var(--gold);font-weight:900}.boss-panel{position:absolute;z-index:18;inset:auto 3% 3%;display:grid;grid-template-columns:1fr auto;gap:16px;padding:18px;color:#fff;background:rgba(15,12,20,.96);border:6px solid #10090c;outline:3px solid var(--gold)}.boss-copy h2{margin:0 0 6px;color:var(--gold)}.boss-copy p{margin:0;line-height:1.45}.boss-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.boss-actions button{padding:12px;color:#fff;background:#3a273d;border:4px solid #10090c;outline:2px solid var(--gold)}.boss-actions button:hover{background:var(--orange)}.rotate{z-index:50;text-align:center}.rotate-phone{font-size:70px}.dev-panel{position:absolute;z-index:40;left:8px;top:8px;width:170px;padding:8px;background:rgba(0,0,0,.85);border:2px solid #68ff90}.dev-panel button{display:block;width:100%;margin:4px 0;padding:5px;background:#20342a;color:#fff;border:1px solid #68ff90;font-size:10px}.hit{animation:hit .22s steps(2,end) 3}@keyframes hit{50%{filter:brightness(2) saturate(.2)}}@media(max-width:760px){body{padding:0}.game{border-width:2px;outline:0}.health-card{transform:scale(.78);transform-origin:left bottom}.utility button{padding:6px;font-size:9px}.dpad{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:3px}.title-screen{grid-template-columns:1fr;padding:3%;background:linear-gradient(90deg,rgba(6,5,8,.28),rgba(8,5,10,.93)),url('assets/chacha-concept-v1.png') center/cover}.title-copy{grid-column:1;margin-left:auto;width:58%}.title-copy h1{font-size:8vw}.title-copy>p:not(.kicker){font-size:1.8vw}.primary{margin:10px auto 8px;padding:8px}.secondary{padding:5px}.boss-panel{inset:auto 1% 1%;padding:9px;gap:8px;font-size:10px}.boss-actions button{padding:7px}.modal-card{padding:15px;font-size:11px}}@media(orientation:portrait) and (max-width:800px){.rotate{display:grid!important}}