@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#fff;--muted:#ffffff9e;--line:#ffffff6b;--glass:#07162647;--warn:#ffd7ae;--gold:#ffe3b5;--bg:radial-gradient(ellipse 95% 62% at 50% 40%, #20709e8c, transparent 62%), linear-gradient(180deg, #061423 0%, #0a314c 34%, #0e4a6e 56%, #0a3856 100%);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Nunito,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{background:#061423;background-image:var(--bg);color:var(--ink);background-attachment:fixed;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:focus-visible{outline-offset:3px;outline:2px solid #fff}.screen{width:min(100%,440px);height:100dvh;padding:max(16px, env(safe-area-inset-top)) 20px max(14px, env(safe-area-inset-bottom));scrollbar-width:none;-webkit-user-select:none;user-select:none;flex-direction:column;margin:0 auto;display:flex;overflow:auto}.screen::-webkit-scrollbar{display:none}.top{flex:none}.mode-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700;line-height:1.2}.mode-tag{letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8;margin:0;font-size:13px;font-weight:700}.tools{justify-content:space-between;margin-top:16px;display:flex}.icon-btn{color:#fff;background:var(--glass);border:1.5px solid var(--line);border-radius:18px;place-items:center;width:62px;height:62px;display:grid;box-shadow:inset 0 1px #ffffff29}.icon-btn:active{transform:scale(.96)}.icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.icon-fill{fill:currentColor;stroke:none}.hero{text-align:center;flex:none;margin-top:22px}.kicker{letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;color:#ffffffe0;margin:0;font-size:13px;font-weight:700}.target{letter-spacing:-.045em;font-variant-numeric:tabular-nums;text-shadow:0 10px 24px #00000038;margin:4px 0 0;font-size:clamp(84px,23vw,108px);font-weight:800;line-height:.86}.screen[data-status=won] .kicker{color:var(--gold)}.solved{color:var(--gold);margin:8px 0 0;font-size:15px;font-weight:700}.trail{min-height:0;margin-top:6px}.trail p{color:var(--muted);margin:0;font-size:15px;font-weight:600;line-height:1.35}.trail .warn{color:var(--warn);font-weight:700}.board-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:10px 0;display:flex}.board{grid-template-columns:1fr 1fr;gap:16px;width:min(100%,352px,46dvh);display:grid}.board[data-count="1"]{grid-template-columns:1fr;width:min(62%,210px,30dvh)}.tile{aspect-ratio:1;color:#fff;background-image:linear-gradient(180deg, #ffffff73 0%, #ffffff14 20%, #fff0 42%), linear-gradient(180deg, var(--top) 0%, var(--face) 48%, var(--bottom) 100%);border-radius:28px;justify-self:center;place-items:center;width:100%;animation:.18s ease-out pop;display:grid;position:relative;box-shadow:inset 0 2px #ffffff9e,inset 0 -10px 14px #0000001a,0 12px 18px #03102057;container-type:inline-size}.board[data-count="3"] .tile:last-child{grid-column:1/-1;width:calc(50% - 8px)}.tile.coral{--top:#f3a297;--face:#e86b5c;--bottom:#d25548}.tile.amber{--top:#ffd56e;--face:#f0b133;--bottom:#df9818}.tile.mint{--top:#7ae8d0;--face:#35d0ad;--bottom:#1cba98}.tile.sky{--top:#8ecbff;--face:#3aa3ea;--bottom:#1f86d2}.tile:active{transform:translateY(2px)scale(.985)}.tile.is-selected{box-shadow:inset 0 2px #fff9,inset 0 -8px 12px #00000014,0 0 0 3px #fff,0 12px 18px #03102057}.tile.is-breakable{box-shadow:inset 0 2px #fff9,0 0 0 3px #fffffff2,0 0 0 7px #ffffff38,0 12px 18px #03102057}.screen[data-status=won] .tile.is-solved{box-shadow:inset 0 2px #ffffffb3,0 0 0 4px #ffffffeb,0 0 28px #ffd68c73,0 12px 20px #03102057}.num{z-index:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 2px #0000001a,0 8px 14px #00000024;font-size:54cqw;font-weight:800;line-height:1;position:relative}.digits-3{font-size:40cqw}.digits-4{font-size:30cqw}.controls{flex:none;padding-top:4px}.ops{justify-content:center;gap:18px;display:flex}.op-btn{background:var(--glass);border:1.5px solid var(--line);border-radius:50%;place-items:center;width:62px;height:62px;font-size:30px;font-weight:600;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff29}.op-btn[aria-pressed=true]{background:#fff3;border-color:#fff}.op-btn:disabled{opacity:.34;cursor:default}.op-btn:active:not(:disabled){transform:scale(.96)}.actions{gap:14px;margin-top:16px;display:flex}.pill{background:#0512202e;border:1.5px solid #ffffff8c;border-radius:999px;flex:1;height:52px;font-size:17px;font-weight:700;box-shadow:inset 0 1px #ffffff24}.pill[aria-pressed=true]{background:#ffffff29;border-color:#fff}.pill:active{transform:scale(.98)}.new-puzzle{color:#ffffffe0;letter-spacing:.01em;border:1px solid #ffffff47;border-radius:999px;width:100%;height:44px;margin-top:12px;font-size:15px;font-weight:700}.screen[data-status=won] .new-puzzle{color:#0c3550;background:#fff;border-color:#fff}.new-puzzle:active{transform:scale(.985)}@keyframes pop{0%{transform:scale(.9)}to{transform:scale(1)}}@media (height<=760px){.hero{margin-top:12px}.target{font-size:76px}.icon-btn{border-radius:16px;width:52px;height:52px}.op-btn{width:54px;height:54px;font-size:26px}.board{width:min(100%,280px,38dvh)}.pill{height:46px}}@media (prefers-reduced-motion:reduce){.tile{animation:none}.tile:active,.op-btn:active,.pill:active,.icon-btn:active,.new-puzzle:active{transform:none}}@media (width>=800px){.target{font-size:104px}}
