@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(./dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(./dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");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}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-ext-600-normal-4vooXBpG.woff2) format("woff2"),url(./dm-sans-latin-ext-600-normal-DRtaDpgU.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(./dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff");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}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-ext-700-normal-CJIcxD6K.woff2) format("woff2"),url(./dm-sans-latin-ext-700-normal-BLI3TTWz.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(./dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff");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}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(./outfit-latin-ext-500-normal-zeox_O30.woff2) format("woff2"),url(./outfit-latin-ext-500-normal-DrCvqoFD.woff) format("woff");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:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(./outfit-latin-500-normal-DKnIMDSk.woff2) format("woff2"),url(./outfit-latin-500-normal-ClnHRwRh.woff) format("woff");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}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(./outfit-latin-ext-600-normal-B85nYjL1.woff2) format("woff2"),url(./outfit-latin-ext-600-normal-CWJcPgd7.woff) format("woff");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:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(./outfit-latin-600-normal-B7SfZ07L.woff2) format("woff2"),url(./outfit-latin-600-normal-BEfTtDA7.woff) format("woff");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}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(./outfit-latin-ext-800-normal-DRv2ic_2.woff2) format("woff2"),url(./outfit-latin-ext-800-normal-DyhPHUt-.woff) format("woff");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:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(./outfit-latin-800-normal-CQna6-G7.woff2) format("woff2"),url(./outfit-latin-800-normal-BRHLSPcU.woff) format("woff");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}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:900;src:url(./outfit-latin-ext-900-normal-D2Agn9b_.woff2) format("woff2"),url(./outfit-latin-ext-900-normal-P1LUQYP8.woff) format("woff");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:Outfit;font-style:normal;font-display:swap;font-weight:900;src:url(./outfit-latin-900-normal-D7VxKg29.woff2) format("woff2"),url(./outfit-latin-900-normal-DBTzQ72N.woff) format("woff");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{font-family:DM Sans,sans-serif;color:#203e3a;background:#bddeda;font-synthesis:none;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;transition:transform .18s,background .18s}button:focus-visible,a:focus-visible{outline:3px solid #e5754b;outline-offset:4px}[hidden]{display:none!important}.game-frame{position:fixed;inset:0;height:100%;height:100dvh;overflow:hidden;background:#bddeda}canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(228,239,216,.98),rgba(227,238,214,.9) 24%,rgba(222,235,213,.15) 56%,transparent 78%);transition:opacity .45s}.playing .vignette{opacity:0}.topbar{position:absolute;z-index:13;top:0;left:0;right:0;height:84px;padding:max(16px,var(--safe-top)) max(34px,var(--safe-right)) 16px max(34px,var(--safe-left));display:flex;align-items:center;justify-content:space-between;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;font-family:Outfit,sans-serif;font-size:25px;font-weight:900;letter-spacing:-1px;filter:drop-shadow(0 2px 10px #eef6dfb8)}.brand-logo{display:block;width:52px;height:52px}.icon-button{display:grid;place-items:center;width:44px;height:44px;padding:11px;border:1px solid #244f4230;border-radius:50%;background:#fff9e8e8;color:#234b42;box-shadow:0 4px 20px #26473518}.icon-button svg{display:block;width:100%;height:100%;fill:currentColor}.icon-button .note-stroke{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-button .mute-stroke{fill:none;stroke:#e35f45;stroke-width:2.4;stroke-linecap:round}.game-frame:after{content:"";position:absolute;z-index:20;inset:0;border:0 solid #ef735a;pointer-events:none;transition:border-width .12s,opacity .2s;opacity:0}.bonked .game-frame:after{border-width:8px;opacity:.75}.hud{position:absolute;z-index:6;top:20px;right:92px;display:flex;align-items:center;gap:25px;padding:10px 12px 10px 22px;border-radius:13px;background:#fff9e8e8;box-shadow:0 4px 20px #26473518}.stat>span{display:block;color:#6b8070;font-size:8px;letter-spacing:1.8px}.stat>strong{display:block;font-family:Outfit,sans-serif;font-size:25px;letter-spacing:1px;font-variant-numeric:tabular-nums}#score{width:calc(6ch + 6px)}#coins{display:inline-block;width:calc(3ch + 3px);text-align:left}.stat i{color:#d8942e;font-style:normal}.stat b{font-weight:600}.hud .icon-button{width:38px;height:38px;padding:10px;background:#244e42;color:#fff9e8;box-shadow:none}.welcome{position:absolute;z-index:3;left:7%;top:17%;width:430px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:1.8px}.welcome .eyebrow{justify-content:flex-start}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#da7950}h1{margin:22px 0;font-family:Outfit,sans-serif;font-size:clamp(58px,6vw,88px);font-weight:800;line-height:.98;letter-spacing:-4px}h1 em{color:#e2734d;font-style:normal}.welcome p{margin-bottom:26px;color:#566d61;font-size:14px;line-height:1.8}.primary{display:flex;align-items:center;justify-content:space-between;gap:38px;min-width:218px;height:53px;padding:0 23px;border:0;border-radius:8px;background:#244e42;color:#fff9e9;box-shadow:0 4px #193e3420;font-size:11px;font-weight:700;letter-spacing:1.5px}.primary span{font-size:24px;font-weight:400}.start-note{margin:13px 0 26px;color:#6b7d6e;font-size:8px;letter-spacing:1.35px}.best-line{display:flex;align-items:center;gap:11px}.best-line>span{color:#a58c45;font-size:27px}.best-line>div{color:#728170;font-size:8px;letter-spacing:1.5px}.best-line strong{display:block;margin-top:3px;color:#305040;font-family:Outfit,sans-serif;font-size:21px;letter-spacing:0}.best-line small{margin-left:3px;color:#7c8774;font:500 8px DM Sans,sans-serif;letter-spacing:1px}.scene-sticker{position:absolute;z-index:2;top:22%;right:7%;color:#31574d;text-align:center;transform:rotate(8deg)}.scene-sticker span{font-size:9px;letter-spacing:2px}.scene-sticker strong{display:block;font-family:Outfit,sans-serif;font-size:36px;font-weight:600;letter-spacing:-1px}.scene-sticker svg{margin-left:37px;transform:rotate(40deg)}.modal{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding-bottom:105px;background:#1c403f66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{width:440px;max-width:calc(100% - 32px);padding:34px 38px;border-radius:18px;background:#f8f6e9;box-shadow:0 24px 90px #143b3b40;text-align:center}.modal-card .eyebrow{color:#8c8668}.modal-card h2{margin:20px 0 14px;font-family:Outfit,sans-serif;font-size:48px;line-height:1;letter-spacing:-2px}.modal-card p{color:#788272;font-size:13px;line-height:1.6}.modal-card .primary{width:100%;margin-top:22px}.results{display:flex;justify-content:space-between;margin-top:22px;padding:18px 0;border-block:1px solid #dde0cf}.results span{display:block;color:#77846e;font-size:8px;letter-spacing:1px}.results strong{display:block;margin-top:5px;font-family:Outfit,sans-serif;font-size:28px}.record{margin-top:15px;color:#a37c32;font-size:9px;letter-spacing:1px}.text-button{margin-top:16px;border:0;background:transparent;color:#687b66;font-size:11px}.controls{position:absolute;z-index:12;bottom:24px;left:50%;display:flex;align-items:center;gap:clamp(18px,3vw,48px);max-width:calc(100% - 32px);padding:14px 20px;border:1px solid #ffffff85;border-radius:14px;background:#f8f6e9eb;box-shadow:0 8px 35px #183d3730;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(-50%);visibility:visible;white-space:nowrap}.swipe-guide{display:none;align-items:center;gap:13px}.swipe-guide>div:last-child>strong,.swipe-guide>div:last-child>span{display:block}.swipe-guide>div:last-child>strong{margin-bottom:4px;font-size:12px}.swipe-guide>div:last-child>span{color:#7e897b;font-size:9px;line-height:1.35;white-space:normal}.swipe-guide>div:last-child{min-width:0}.swipe-arrows{display:grid;grid-template-columns:repeat(3,19px);grid-template-rows:repeat(2,19px);place-items:center;color:#426457;font-size:17px;line-height:1}.swipe-arrows .swipe-up{grid-column:2}.swipe-arrows span:nth-child(2){grid-column:1}.playing .controls{visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,12px)}.control{display:flex;align-items:center;gap:11px}.control strong{display:block;margin-bottom:4px;font-size:11px}.control span{display:block;color:#7e897b;font-size:9px}.keys{display:flex;gap:4px}kbd{display:grid;place-items:center;width:32px;height:34px;border:1px solid #d8dccf;border-bottom:3px solid #c9d0be;border-radius:7px;background:#fffdf5;color:#4c6757;font-family:inherit;font-size:17px}.control:last-child kbd{font-size:9px}@media(hover:hover)and (pointer:fine){button:hover{transform:translateY(-2px)}.primary:hover{background:#326451}}@media(pointer:coarse){.controls>.control{display:none}.swipe-guide{display:flex}}@media(max-width:780px){.topbar{height:calc(72px + var(--safe-top));padding:max(16px,var(--safe-top)) max(18px,var(--safe-right)) 12px max(18px,var(--safe-left))}.brand{font-size:20px}.brand-logo{width:44px;height:44px}.hud{top:max(12px,var(--safe-top));right:max(10px,var(--safe-right));left:max(64px,calc(var(--safe-left) + 64px));justify-content:space-between;gap:8px;padding:7px 8px 7px 12px}.run-active .topbar{justify-content:flex-start}.run-active .brand{display:none}.stat>strong{font-size:21px}.welcome{top:max(74px,calc(var(--safe-top) + 66px));left:max(7%,var(--safe-left));width:min(86%,calc(100% - var(--safe-left) - var(--safe-right) - 24px))}h1{margin:14px 0;font-size:clamp(46px,15vw,64px);letter-spacing:-3px}.welcome p{margin:0 0 16px;font-size:12px;line-height:1.5}.welcome .primary{height:49px}.start-note{margin:8px 0 14px}.scene-sticker{display:none}.controls{bottom:max(12px,var(--safe-bottom));gap:13px;width:calc(100% - var(--safe-left) - var(--safe-right) - 24px);padding:10px 12px}.control{gap:5px}.control span{display:none}.control strong{font-size:9px}kbd{width:27px;height:30px}.modal{padding:max(12px,var(--safe-top)) 12px calc(88px + var(--safe-bottom))}.modal-card{width:calc(100vw - var(--safe-left) - var(--safe-right) - 32px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 112px);padding:28px;overflow-y:auto}.modal-card h2{font-size:42px}}@media(max-width:780px)and (max-height:620px){.welcome{top:max(68px,calc(var(--safe-top) + 60px))}.welcome .eyebrow,.start-note{display:none}h1{margin:8px 0 12px;font-size:clamp(42px,14vw,52px)}.welcome p{margin-bottom:12px}.best-line{margin-top:11px}.modal-card{padding:20px 22px}.modal-card h2{margin:13px 0 10px;font-size:36px}.modal-card p{margin:8px 0}.results{margin-top:14px;padding:12px 0}.results strong{font-size:23px}.modal-card .primary{margin-top:14px}}