*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:#05050a;font-family:Segoe UI,system-ui,sans-serif}#game-canvas{display:block;width:100%;height:100%}#hud{position:fixed;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;color:#fff;pointer-events:none;text-shadow:0 2px 6px rgba(0,0,0,.6)}#hud.hidden{display:none}#hud-left{display:flex;align-items:center;gap:12px;pointer-events:auto}#hud-level{font-size:1.1rem;font-weight:600;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none}.hud-button{padding:6px 16px;font-size:.85rem}#death-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:7rem;font-weight:900;letter-spacing:.03em;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.8);opacity:0}#death-message.visible{opacity:1;animation:ouch-shake .4s ease}@keyframes ouch-shake{0%{transform:translate(-50%,-50%) scale(.6) rotate(0)}20%{transform:translate(calc(-50% - 10px),-50%) scale(1.15) rotate(-6deg)}40%{transform:translate(calc(-50% + 8px),-50%) scale(1.08) rotate(5deg)}60%{transform:translate(calc(-50% - 6px),-50%) scale(1.04) rotate(-3deg)}80%{transform:translate(calc(-50% + 3px),-50%) scale(1.01) rotate(1deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}#touch-controls{display:none;position:fixed;left:0;right:0;bottom:0;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));justify-content:space-between;align-items:flex-end}@media (pointer: coarse){#touch-controls{display:flex}}.touch-move{display:flex;gap:14px}.touch-btn{width:64px;height:64px;padding:0;border-radius:50%;border:none;background:#ffffff2e;color:#fff;font-size:1.6rem;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch-btn:hover{background:#ffffff2e;transform:none}.touch-btn:active{background:#ffffff61}#desktop-controls{display:none;position:fixed;left:0;right:0;bottom:24px;text-align:center;color:#fff;font-size:1rem;text-shadow:0 2px 6px rgba(0,0,0,.6)}@media (pointer: fine){#desktop-controls{display:block}}.touch-jump{width:76px;height:76px;font-size:1.8rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at center,#0a0c1859,#020208b8);color:#fff;text-align:center;padding:24px}.overlay.hidden{display:none}.overlay-title{font-size:2.4rem;font-weight:800;letter-spacing:.03em;text-shadow:0 2px 12px rgba(0,0,0,.7)}.victory-title{font-size:3.2rem;background:linear-gradient(90deg,#ffca28,#ff5252,#5be3c9,#ba68c8);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:victory-shimmer 3s linear infinite}@keyframes victory-shimmer{0%{background-position:0% 50%}to{background-position:300% 50%}}.overlay-subtitle{font-size:1.05rem;opacity:.85;max-width:420px;text-shadow:0 2px 8px rgba(0,0,0,.7)}.overlay-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px}.key-list{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:1.05rem;text-shadow:0 2px 8px rgba(0,0,0,.7)}.key{display:inline-block;min-width:1.6em;padding:4px 10px;margin-right:8px;border:1px solid rgba(255,255,255,.4);border-radius:6px;background:#ffffff1f;font-weight:700;font-size:.95rem}button{padding:12px 32px;font-size:1.1rem;font-weight:700;color:#05050a;background:#5be3c9;border:none;border-radius:999px;cursor:pointer;transition:transform .15s ease,background .15s ease}button:hover{background:#7ff0da;transform:translateY(-1px)}button.secondary{color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.4)}button.secondary:hover{background:#ffffff38}