@font-face{font-family:SkyHopDisplay;src:url(/assets/skins/Original/font/FingerPaint-Regular.ttf)format("truetype");font-display:swap}:root{--color-bg:#7dd3fc;--color-surface:#f8fdffe8;--color-text:#12313c;--color-inverse:#f8fdff;--color-primary:#0b8f86;--color-primary-strong:#066a68;--color-accent:#e9b338;--color-focus:#ffd84d;--color-border:#09404e3d;--shadow-panel:0 18px 46px #082d383d;color:var(--color-text);background:var(--color-bg);font-family:SkyHopDisplay,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;min-height:100%;margin:0}body{background:linear-gradient(#7dd3fc 0%,#dff7ff 100%);min-height:100dvh;overflow:hidden}body.access-locked{background:#fff}body.access-locked>*{display:none!important}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.62}button:focus-visible,input:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.app-shell{min-height:100dvh;padding:0;display:block;position:fixed;inset:0;overflow:hidden}.topbar{z-index:12;top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));width:auto;color:var(--color-inverse);justify-content:flex-end;align-items:center;margin:0;display:flex;position:absolute}.top-actions,.button-row{align-items:center;gap:10px;display:flex}.button-icon{width:1.25em;height:1.25em;-webkit-mask:var(--icon-url) center / contain no-repeat;-webkit-mask:var(--icon-url) center / contain no-repeat;mask:var(--icon-url) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.icon-leaderboard{--icon-url:url(/assets/icons/leaderboard_42dp_E3E3E3_FILL0_wght400_GRAD0_opsz40.svg)}.icon-refresh{--icon-url:url(/assets/icons/refresh_42dp_E3E3E3_FILL0_wght400_GRAD0_opsz40.svg)}.icon-save{--icon-url:url(/assets/icons/save_42dp_E3E3E3_FILL0_wght400_GRAD0_opsz40.svg)}.icon-button{width:44px;height:44px;color:var(--color-inverse);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#066970c7;border:1px solid #ffffff8f;border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;font-weight:900;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,0 8px 18px #082d3833}.icon-button .button-icon{width:25px;height:25px}.icon-button:hover{background:#057e84db}.icon-button:active:not(:disabled),.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:translateY(1px)}.game-stage{min-height:0;display:block;position:absolute;inset:0}.canvas-wrap{touch-action:none;place-items:stretch stretch;width:100vw;height:100dvh;min-height:0;display:grid;position:relative}#gameCanvas{width:100%;height:100%;box-shadow:none;background:#7dd3fc;border-radius:0;display:block}.overlay{padding:max(72px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));pointer-events:none;place-items:center;display:none;position:absolute;inset:0}.overlay.is-visible{display:grid}.overlay-panel{border:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(348px,100%);box-shadow:inset 0 1px 0 #ffffffb8, var(--shadow-panel);text-align:center;pointer-events:auto;border-radius:8px;padding:26px 24px 24px;position:relative}.game-over-panel{text-align:left;width:min(378px,100%)}.eyebrow{color:var(--color-primary-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:900}h1,h2,p{margin-top:0}h1{letter-spacing:0;color:#102c36;text-shadow:0 3px #5abecc38;margin-bottom:8px;font-size:3.4rem;line-height:1}h2{margin-bottom:0;font-size:1.5rem}.overlay-panel>p:not(.eyebrow),.result-text,.accent-text,.score-form label,.status-line,.dialog-status{line-height:1.35}.overlay-panel>p:not(.eyebrow){color:#315965;margin-bottom:0;font-weight:800}.primary-button,.secondary-button{border:1px solid #064b543d;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 17px;font-weight:850;line-height:1.05;transition:transform .12s,background .12s,box-shadow .12s;display:inline-flex}.primary-button{background:var(--color-primary);color:var(--color-inverse);margin-top:16px;box-shadow:0 8px 18px #06565838}.primary-button:hover{background:var(--color-primary-strong)}.secondary-button{color:#17343e;background:#ffffffad;box-shadow:0 6px 14px #082d381f}.secondary-button:hover{background:#ffffffe0}.primary-button .button-icon,.secondary-button .button-icon{width:22px;height:22px}.button-label{overflow-wrap:anywhere;min-width:0}.status-line,.dialog-status{color:#4a6872;min-height:1.35em;margin:12px 0 0;font-weight:800;line-height:1.35}.result-row{align-items:center;gap:14px;margin:14px 0 18px;display:flex}.result-row canvas{flex:none}.result-text{color:#284d58;margin:0;font-weight:800}.accent-text{color:var(--color-accent);margin:3px 0 0;font-weight:900}.score-form{gap:8px;display:grid}.score-form label{font-weight:850}.score-form input{color:#10242d;background:#ffffffbd;border:1px solid #0837444d;border-radius:8px;width:100%;min-height:46px;padding:0 12px;font-weight:850}.button-row{justify-content:space-between;align-items:stretch;margin-top:16px}.game-over-panel .button-row{flex-direction:column}.button-row .secondary-button{flex:1 1 0;width:100%}.leaderboard-dialog{background:0 0;border:0;border-radius:8px;width:min(420px,100% - 28px);max-height:min(720px,100% - 28px);padding:0}.leaderboard-dialog::backdrop{background:#04212a6b}.dialog-shell{max-height:inherit;border:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #ffffffb8, var(--shadow-panel);border-radius:8px;flex-direction:column;gap:14px;padding:20px;display:flex}.dialog-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-header .icon-button{color:#17333c;background:#ffffffb8;width:40px;height:40px;font-size:1.35rem;line-height:1;box-shadow:0 6px 14px #082d381f}.dialog-header h2{align-items:center;gap:10px;display:inline-flex}.dialog-header h2:before{content:"";background:currentColor;width:28px;height:28px;-webkit-mask:url(/assets/icons/leaderboard_42dp_E3E3E3_FILL0_wght400_GRAD0_opsz40.svg) 50%/contain no-repeat;mask:url(/assets/icons/leaderboard_42dp_E3E3E3_FILL0_wght400_GRAD0_opsz40.svg) 50%/contain no-repeat}.leaderboard-list{min-height:120px;max-height:58vh;margin:0;padding:0;list-style:none;overflow:auto}.leaderboard-list li{border-bottom:1px solid #142e381f;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;min-height:48px;display:grid}.leaderboard-list li.is-current{background:#e9b33829}.rank{color:var(--color-primary-strong);font-weight:900}.entry-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:850;overflow:hidden}.entry-meta{color:#5a7680;font-size:.82rem}.entry-score{font-weight:950}@media (width<=480px){.overlay-panel{width:min(340px,100%);padding:24px 20px}h1{font-size:3.05rem}.game-over-panel h1{font-size:2.8rem}.primary-button,.secondary-button{width:100%;min-height:46px}.button-row{flex-direction:column}}@media (height<=680px){.overlay{padding-top:max(58px, env(safe-area-inset-top))}.overlay-panel{padding-top:22px;padding-bottom:18px}h1{font-size:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}