:root{color:#fff;font-synthesis:none;background:#112d40;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}#app{width:100vw;max-width:1600px;height:100dvh;margin:auto;position:relative;overflow:hidden}#game{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}canvas{display:block}header{top:max(18px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));pointer-events:none;align-items:center;gap:18px;display:flex;position:absolute}.brand{letter-spacing:-1px;color:#173e50;font-size:28px;font-weight:850}.brand small{letter-spacing:0;font-size:12px;font-weight:600}.badge{color:#31576b;background:#ffffffb8;border-radius:20px;padding:7px 12px;font-size:11px}.hint{color:#27566a;font-size:12px;position:absolute;top:64px;left:24px}.hint span{opacity:.7;margin-top:4px;font-size:10px;display:block}.utility{right:max(22px,env(safe-area-inset-right));color:#285365;background:#ffffffb8;border:1px solid #ffffff9c;border-radius:30px;padding:9px 16px;font-size:12px;position:absolute;top:20px}#controls{inset:auto max(26px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(26px,env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute}.movement{gap:12px;display:flex}#controls button{color:#fff;pointer-events:auto;background:#143a55b8;border:1px solid #ffffffae;border-radius:20px;width:70px;height:64px;font-size:24px;box-shadow:0 4px #12364b66}#controls button.pressed{color:#285d71;box-shadow:none;background:#fff;transform:translateY(3px)}#controls .jump{color:#46686a;background:#fff7dfed;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:84px;height:84px;font-size:30px;display:flex}#controls small{letter-spacing:1px;font-size:10px;font-weight:800}#result{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#102f4590;place-items:center;display:grid;position:absolute;inset:0}#result[hidden]{display:none}#result>div{text-align:center;color:#285265;background:#fffdf4;border-radius:24px;padding:28px 52px;box-shadow:0 16px 80px #163b4333}#result-label{letter-spacing:3px;color:#7e9589;font-size:11px}#result h1{margin:10px;font-size:30px}#result-description{font-size:13px}#retry{color:#fff;background:#285e65;border:0;border-radius:30px;margin-top:12px;padding:12px 28px}#portrait{display:none}@media (orientation:portrait){#portrait{text-align:center;background:#163b50;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}#portrait span{color:#cbe7da;font-size:72px}#portrait h1{font-size:22px}#portrait p{color:#d0dfe5;font-size:13px}}@media (height<=420px){header{top:10px}.brand{font-size:23px}.hint{top:44px}.utility{top:10px}#controls{bottom:12px}#controls button{width:60px;height:52px}#controls .jump{width:70px;height:70px}}