:root{--ink:#18231b;--cream:#f7ebc9;--red:#df4937;--yellow:#f5cb45;--green:#174f38}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e9bd63;color:var(--ink);font-family:Impact,"Arial Narrow",Arial,sans-serif}body{background-image:radial-gradient(#805b2e 1px,transparent 1px);background-size:9px 9px}button{font:inherit}main{width:100%;max-width:1120px;margin:auto;padding:18px 20px 12px;overflow:hidden}header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.brand{line-height:.72;transform:rotate(-2deg);text-shadow:4px 4px 0 var(--cream)}.brand span{display:block;font-size:clamp(2.4rem,6vw,5rem);color:var(--red);letter-spacing:.04em}.brand strong{font-size:clamp(2.9rem,7vw,6rem);letter-spacing:.03em}.hud{display:flex;gap:10px;background:var(--ink);color:var(--cream);padding:9px;box-shadow:7px 7px 0 var(--red)}.hud>div{min-width:125px;border:2px solid #5c725e;padding:5px 12px}.hud small{display:block;font:900 .68rem Arial,sans-serif;letter-spacing:.15em;color:#b9c3ad}.hud b{font-size:1.8rem;letter-spacing:.08em}.hearts{color:#ed5549}.shell{position:relative;min-width:0;max-width:100%}.tape{position:absolute;z-index:2;top:-11px;left:50%;transform:translateX(-50%) rotate(-1deg);white-space:nowrap;background:var(--yellow);border:3px solid var(--ink);padding:4px 18px;font:900 .72rem Arial,sans-serif;letter-spacing:.12em}.game-stage{position:relative;display:block;width:100%;min-width:0;max-width:100%;padding:0;border:5px solid var(--ink);background:#94cfd7;cursor:pointer;overflow:hidden;box-shadow:10px 10px 0 #9a512f}.game-stage canvas{width:100%;max-width:100%;height:auto;display:block}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:4px 4px 0 var(--ink);letter-spacing:.08em}.overlay.hidden{display:none}.overlay b{font-size:clamp(2.5rem,8vw,6.7rem);transform:rotate(-2deg)}.overlay small{font:800 clamp(.8rem,2vw,1.15rem) Arial,sans-serif;background:var(--ink);padding:8px 14px;text-shadow:none}.overlay i{margin-top:22px;background:var(--yellow);color:var(--ink);padding:12px 34px;border:4px solid var(--ink);box-shadow:5px 5px 0 var(--red);font-size:1.3rem;text-shadow:none;font-style:normal}.controls{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;margin-top:17px}.mission,.jump{border:4px solid var(--ink);box-shadow:5px 5px 0 #9a512f;padding:13px 18px;background:var(--cream);color:var(--ink)}.jump{background:var(--green);color:#fff;min-width:150px}.jump span{display:inline-grid;place-items:center;background:var(--yellow);color:var(--ink);border-radius:50%;width:28px;height:28px;margin-right:8px}.controls p{font:700 .78rem/1.6 Arial,sans-serif;margin:0}.controls kbd{border:2px solid var(--ink);background:#fff4d4;padding:2px 6px;box-shadow:2px 2px 0 var(--ink)}footer{display:flex;justify-content:space-between;font:800 .68rem Arial,sans-serif;letter-spacing:.1em;margin-top:18px;border-top:2px solid #18231b66;padding-top:8px}@media(max-width:700px){main{padding:10px}header{align-items:stretch;flex-wrap:wrap}.brand{width:100%;text-align:center}.brand strong{font-size:2rem}.brand span{font-size:1.7rem}.hud{width:100%;justify-content:center;box-shadow:4px 4px 0 var(--red)}.hud>div{flex:1;min-width:82px;padding:4px 7px;text-align:center}.hud b{font-size:1.1rem}.hud small{font-size:.52rem}.shell{margin-top:15px}.tape{max-width:88%;white-space:normal;text-align:center;line-height:1.25;font-size:.5rem;padding:3px 8px}.game-stage{border-width:3px;box-shadow:5px 5px 0 #9a512f}.controls{grid-template-columns:1fr 1fr}.controls p{grid-column:1/-1;text-align:center}.mission,.jump{padding:10px 7px;font-size:.8rem}.overlay{padding:18px;text-align:center}.overlay b{font-size:clamp(2.2rem,12vw,4rem);line-height:.95}.overlay small{max-width:80%;line-height:1.35}.overlay i{margin-top:14px;padding:9px 24px}footer{gap:12px;flex-direction:column}}