:root{color:#122136;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#84caff;font-family:Inter,Hiragino Sans,Yu Gothic,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}#game-shell{background:linear-gradient(#ffffff52,#fff0 38%),#86cdfa;position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#hud{inset:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) auto max(16px, env(safe-area-inset-left));pointer-events:none;z-index:5;gap:10px;display:grid;position:fixed}.hud-top{align-items:center;gap:10px;min-width:0;display:flex}.hud-pill,.icon-button,.message,#loading{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #12213624;box-shadow:0 14px 34px #29486a33}.hud-pill{background:#ffffffc7;border-radius:8px;grid-template-columns:auto auto;align-items:baseline;gap:8px;min-width:118px;min-height:44px;padding:8px 13px;display:grid}.hud-label{color:#3b536e;font-size:12px;font-weight:800}.hud-pill strong{color:#122136;white-space:nowrap;font-size:19px;line-height:1}.timer{min-width:104px}.icon-button{color:#1b2c43;cursor:pointer;pointer-events:auto;background:#ffffffd1;border-color:#12213633;border-radius:50%;width:44px;height:44px;font-size:25px;font-weight:900;line-height:1;transition:transform .15s,background .15s}.icon-button:hover{background:#fff3a3;transform:translateY(-1px)rotate(-14deg)}.message{color:#fff;text-wrap:balance;background:#101c2eb8;border-radius:8px;width:fit-content;max-width:min(520px,100vw - 32px);min-height:34px;padding:8px 12px;font-size:14px;font-weight:800;line-height:1.25}#touch-controls{inset:auto max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:18px;display:none;position:fixed}#stick-zone{pointer-events:auto;touch-action:none;background:#ffffff5c;border:1px solid #1221362e;border-radius:50%;width:124px;height:124px;position:relative;box-shadow:inset 0 0 0 8px #ffffff29}#stick-knob{background:#fff;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 22px #12213638}.touch-actions{pointer-events:auto;align-items:end;gap:12px;display:flex}.touch-actions button{color:#122136;cursor:pointer;pointer-events:auto;background:#ffffffd1;border:1px solid #12213629;border-radius:50%;width:76px;height:76px;font-size:14px;font-weight:900;box-shadow:0 14px 30px #12213633}#jump-button{background:#ffe66f;width:92px;height:92px}#loading{z-index:10;background:#ffffffdb;border-radius:8px;justify-items:center;gap:14px;width:min(280px,100vw - 48px);padding:24px 20px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#loading p{margin:0;font-size:14px;font-weight:900}.loader{border:6px solid #dbeeff;border-top-color:#ffbf3f;border-radius:50%;width:46px;height:46px;animation:.9s linear infinite spin}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media (hover:none),(pointer:coarse){#touch-controls{display:flex}.message{max-width:calc(100vw - 32px);font-size:13px}}@media (width<=620px){#hud{inset-inline:max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-right))}.hud-top{gap:7px}.hud-pill{grid-template-columns:1fr;gap:3px;min-width:0;min-height:46px;padding:8px 10px}.hud-label{font-size:10px}.hud-pill strong{font-size:17px}}