@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-latin-wght-normal.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}:root{--bg:#e9eef2;--ink:#172a4d;--muted:#5d6f8e;--dot:#c3cdd8;--panel:#fff;--scrim:#172a4d59;--danger:#d8392a;--hint:#f2c230;--single:#1f4fa8;box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#0f1c36;--ink:#e6ecf6;--muted:#8fa0be;--dot:#253659;--panel:#172a4d;--scrim:#050a148c;--danger:#ff5a47;--hint:#ffd45a;--single:#5b8deb}}*,:before,:after{box-sizing:inherit}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);font-family:Bricolage Grotesque,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#app{flex-direction:column;max-width:720px;height:100%;margin:0 auto;display:flex}.behind{display:contents}h1{letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:800}.screen{flex-direction:column;flex:1;gap:14px;padding:16px 18px;display:flex;overflow-y:auto}.row{align-items:center;gap:10px;display:flex}.muted{color:var(--muted)}button,.btn{font:inherit;color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;text-align:center;background:0 0;border-radius:999px;padding:12px 16px;font-size:1rem;font-weight:600;text-decoration:none}button.primary,.btn.primary{background:var(--ink);color:var(--bg)}button.small{border-color:var(--dot);color:var(--muted);padding:7px 12px;font-size:.85rem}button:disabled{opacity:.45;cursor:default}a{color:var(--ink)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}input[type=text],input[type=email],select{font:inherit;color:var(--ink);background:var(--panel);border:1.5px solid var(--dot);border-radius:12px;width:100%;padding:10px 12px}label.check{text-align:left;align-items:flex-start;gap:10px;display:flex}.overlay{background:var(--scrim);z-index:10;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.card{background:var(--panel);text-align:center;border-radius:24px;flex-direction:column;gap:12px;width:100%;max-width:380px;margin:auto;padding:24px;display:flex;box-shadow:0 18px 50px #0a142840}.card h2{margin:0;font-size:1.5rem;font-weight:800}.card h2:focus{outline:none}.card a{padding:8px}.stars{letter-spacing:.1em;color:var(--hint);font-size:2rem}.hud{justify-content:space-between;align-items:center;gap:12px;padding:8px 18px;display:flex}.hearts span{color:var(--danger);font-size:1.3rem}.hearts span.lost{color:var(--dot)}.progress{background:var(--dot);border-radius:999px;flex:1;height:8px;overflow:hidden}.progress>div{background:var(--single);height:100%;transition:width .2s}.stage{flex:1;min-height:0;display:flex;position:relative}.stage canvas{touch-action:none;width:100%;height:100%;display:block}.stage.paused canvas{visibility:hidden}.toolbar{gap:10px;padding:8px 18px 14px;display:flex}.toolbar button{flex:auto;min-width:0;padding-inline:8px;font-size:.9rem}.toast{left:50%;bottom:calc(90px + env(safe-area-inset-bottom,0));background:var(--ink);color:var(--bg);z-index:20;text-align:center;border-radius:999px;max-width:90vw;padding:10px 16px;position:fixed;transform:translate(-50%)}.code{letter-spacing:.08em;font-family:ui-monospace,Menlo,monospace;font-size:1.4rem}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.page{line-height:1.5}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}