:root{
  --cream:#eadaba;--red:#c9252d;--gold:#d88a2a;--panel:#130b15;--ink:#050306;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#050306;color:var(--cream);font-family:"Courier New",monospace;overscroll-behavior:none}
button{font:inherit;color:inherit}
#app{max-width:1320px;margin:auto;padding:12px}
#game-shell{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000;border:3px solid #3b2637;box-shadow:0 0 0 3px #0c070e,0 12px 42px #000}
#game,#game canvas{width:100%!important;height:100%!important;display:block;image-rendering:pixelated;touch-action:none}
#top-buttons{position:absolute;z-index:70;right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));display:flex;gap:8px}
#top-buttons button,#rotate-fullscreen{min-width:48px;min-height:48px;border:2px solid #d59a46;border-radius:7px;background:#120b16d9;box-shadow:3px 3px 0 #000;font-weight:900;font-size:20px}
#info{padding:15px 3px 32px}h1{color:var(--gold);margin:.1em 0;text-shadow:2px 2px 0 #681723;letter-spacing:2px}h2{color:var(--red)}
#leaderboard{padding:10px;background:var(--panel);border:2px solid #372536}
.score-row{display:grid;grid-template-columns:3rem 1fr 7rem;gap:8px;padding:5px;border-bottom:1px dashed #4b3147}
.touch{position:absolute;inset:0;z-index:60;pointer-events:none;user-select:none;-webkit-user-select:none}
.touch .move,.touch .actions{position:absolute;display:flex;gap:10px;align-items:flex-end;bottom:max(10px,env(safe-area-inset-bottom));pointer-events:auto}
.touch .move{left:max(10px,env(safe-area-inset-left))}.touch .actions{right:max(10px,env(safe-area-inset-right))}
.touch button{width:76px;height:76px;border-radius:50%;border:3px solid #e0bd76;background:#100b16c9;font-size:25px;font-weight:900;box-shadow:0 5px 0 #000;touch-action:none}
.touch button.jump{width:92px;height:92px;background:#7f1528cf}.touch button.special{width:66px;height:66px;background:#3b1e51d9}
.touch button.pressed{transform:translateY(4px);box-shadow:0 1px 0 #000;filter:brightness(1.3)}
.rotate{position:absolute;inset:0;z-index:100;background:#07040af2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}
.rotate-glyph{font-size:64px;color:var(--gold)}.rotate h2{margin:.25rem}.hidden{display:none!important}
body.fs #app{max-width:none;padding:0}body.fs #game-shell{position:fixed;inset:0;width:100vw;height:100dvh;aspect-ratio:auto;border:0;z-index:9999}body.fs #info{display:none}
@media(max-width:820px){#app{padding:0}#game-shell{border:0}.desktop-help{display:none}#info{padding:10px}}