@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/clementine/assets/quicksand-vietnamese-wght-normal-ei70gACF.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/clementine/assets/quicksand-latin-ext-wght-normal-CrJ75Ewg.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/clementine/assets/quicksand-latin-wght-normal-Buj9m_3d.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--shell-bg: #e4e2d8;--shell-surface: #fefef8;--shell-circle: #bac4fa;--shell-ink: #3b3a50;--nav-height: clamp(44px, 10vh, 72px);--circle-diameter: 101vh;--circle-center-x: 39.5vw;--circle-center-y: 40.5vh;--game-aspect: 16 / 9;--game-width: min(58.6vw, 128vh );--game-top: 18.2vh;--game-radius: clamp(14px, 2.2vw, 28px);--ease-frame: cubic-bezier(.65, 0, .35, 1);--font-ui: "Quicksand Variable", "Quicksand", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--shell-bg);overflow:hidden;font-family:var(--font-ui);color:var(--shell-ink);-webkit-font-smoothing:antialiased}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.site-nav{position:fixed;inset:0 0 auto;height:var(--nav-height);background:var(--shell-surface);z-index:10}.backdrop-circle{position:fixed;width:var(--circle-diameter);height:var(--circle-diameter);left:calc(var(--circle-center-x) - var(--circle-diameter) / 2);top:calc(var(--circle-center-y) - var(--circle-diameter) / 2);border-radius:50%;background:var(--shell-circle);z-index:0;pointer-events:none}.site-main{position:relative;height:100%}.game-slot{position:absolute;top:var(--game-top);left:0;right:0;margin-inline:auto;width:var(--game-width);aspect-ratio:var(--game-aspect)}.game-frame{position:absolute;inset:0;background:var(--shell-surface);border-radius:var(--game-radius);overflow:hidden;isolation:isolate}.game-frame.is-expanded{position:fixed;inset:0 auto auto 0;width:100vw;height:100vh;border-radius:0;z-index:100}.game-frame.is-animating{z-index:100}.game-root{position:absolute;inset:0}.game-root canvas{display:block;width:100%;height:100%;touch-action:none}@media(max-aspect-ratio:1/1){:root{--game-width: calc(100vw - 32px) ;--game-top: calc(var(--nav-height) + 16px)}}.fullscreen-toggle{position:absolute;top:clamp(8px,1.4vw,16px);right:clamp(8px,1.4vw,16px);z-index:2;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--shell-ink);opacity:.45;cursor:pointer;transition:opacity .22s ease,background-color .22s ease,transform .22s var(--ease-frame)}.fullscreen-toggle:hover,.fullscreen-toggle:focus-visible{opacity:.9;background:color-mix(in srgb,var(--shell-surface) 70%,transparent)}.fullscreen-toggle:active{transform:scale(.92)}.fullscreen-toggle:focus-visible{outline:2px solid var(--shell-circle);outline-offset:2px}.fullscreen-toggle svg{grid-area:1 / 1;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:opacity .26s ease,transform .36s var(--ease-frame)}.fullscreen-toggle .icon-collapse,.game-frame.is-expanded .fullscreen-toggle .icon-expand{opacity:0;transform:scale(.7)}.game-frame.is-expanded .fullscreen-toggle .icon-collapse{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.fullscreen-toggle,.fullscreen-toggle svg{transition:none}}.game-fade{position:absolute;inset:0;background:var(--ui-fog);opacity:0;pointer-events:none}.touch-controls{position:absolute;inset:0;z-index:1;pointer-events:none;user-select:none;-webkit-user-select:none}.touch-controls[hidden]{display:none}.touch-stick-zone{position:absolute;inset:0 50% 0 0;pointer-events:auto;touch-action:none}.touch-stick{position:absolute;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;background:color-mix(in srgb,var(--ui-ground) 30%,transparent);border:1.5px solid color-mix(in srgb,var(--ui-deep) 18%,transparent);display:grid;place-items:center;pointer-events:none}.touch-stick[hidden]{display:none}.touch-stick-knob{width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--ui-ground) 75%,transparent)}.touch-btn{position:absolute;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--ui-ground) 30%,transparent);color:var(--ui-deep);pointer-events:auto;touch-action:none;transition:transform .12s ease,background-color .12s ease}.touch-btn svg{width:45%;height:45%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.6}.touch-btn.is-down{transform:scale(.92);background:color-mix(in srgb,var(--ui-ground) 60%,transparent)}.touch-btn-jump{right:max(20px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:76px;height:76px}.touch-btn-dash{right:calc(max(20px,env(safe-area-inset-right)) + 84px);bottom:calc(max(24px,env(safe-area-inset-bottom)) + 52px);width:56px;height:56px}.debug-panel{position:absolute;top:8px;left:8px;bottom:8px;z-index:3;width:300px;overflow-y:auto;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--ui-ground) 92%,transparent);color:var(--ui-deep);font:11px/1.3 var(--font-ui)}.debug-panel[hidden]{display:none}.debug-panel-header{display:flex;gap:6px;margin-bottom:6px}.debug-panel button{font:inherit;padding:3px 8px;border:1px solid color-mix(in srgb,var(--ui-deep) 25%,transparent);border-radius:8px;background:transparent;color:inherit;cursor:pointer}.debug-row{display:grid;grid-template-columns:1fr 90px 40px;align-items:center;gap:6px}.debug-row input{width:100%}.debug-row output{text-align:right;font-variant-numeric:tabular-nums}