:root{--ink:#16202e;--ink-soft:#4a5568;--paper:#fff;--sky:#8fd8ff;--sea:#1f8fc4;--gem:#20c9a6;--gem-dark:#0e8a72;--sun:#ffd23f;--warn:#d6223b;--line:#dbe4ee;--radius:18px;--shadow:0 10px 30px #0a1e3c2e;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--sky);height:100%;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}.view{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.view canvas{width:100%;height:100%;display:block}[hidden]{display:none!important}.btn{border:2px solid var(--line);background:var(--paper);min-height:48px;color:var(--ink);font:700 16px/1 var(--font);cursor:pointer;touch-action:manipulation;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:3px solid var(--sea);outline-offset:2px}.btn:disabled{opacity:.55;cursor:default}.btn-primary{border-color:var(--gem-dark);background:var(--gem);color:#062b23}.btn-buy{background:var(--sun);color:#3a2a00;border-color:#b98a00}.btn-ghost{background:0 0;border-color:#0000}.btn-wide{width:100%;margin-top:10px}.btn-big{min-height:58px;padding:0 36px;font-size:20px}.btn-small{min-height:40px;padding:0 12px;font-size:14px}.btn-hud{text-overflow:ellipsis;white-space:nowrap;background:#ffffffeb;border:0;max-width:46vw;min-height:44px;padding:0 14px;overflow:hidden;box-shadow:0 4px 14px #0a1e3c2e}.hud{padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-left,.hud-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hud-right{justify-content:flex-end}.pill{min-height:44px;font:800 20px/1 var(--font);font-variant-numeric:tabular-nums;background:#ffffffeb;border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:inline-flex;box-shadow:0 4px 14px #0a1e3c2e}.gem-dot{background:var(--gem);width:16px;height:16px;box-shadow:inset -3px -3px 0 var(--gem-dark);border-radius:3px;transform:rotate(45deg)}.test-flag{background:var(--warn);color:#fff;letter-spacing:.04em;text-transform:uppercase;min-height:32px;padding:0 12px;font-size:13px}:root{--k:1;--kx:max(22px, env(safe-area-inset-right));--ky:max(26px, env(safe-area-inset-bottom))}.act{color:#fff;font:800 calc(18px * var(--k)) / 1 var(--font);letter-spacing:.01em;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;--f:1;border:3px solid #fffffff2;border-radius:50%;align-content:center;place-items:center;display:grid;position:absolute;overflow:hidden;box-shadow:0 6px 18px #0a1e3c47}.act-ping{right:var(--kx);bottom:var(--ky);width:calc(100px * var(--k));height:calc(100px * var(--k));font-size:calc(21px * var(--k));background:#16202e80}.act-dig{right:calc(var(--kx) + 122px * var(--k));bottom:calc(var(--ky) + 8px * var(--k));width:calc(84px * var(--k));height:calc(84px * var(--k));background:#e29a2d;border-color:#fff4d6}.act-tap{right:calc(var(--kx) + 15px * var(--k));bottom:calc(var(--ky) + 115px * var(--k));width:calc(70px * var(--k));height:calc(70px * var(--k));background:#1f80a8c7;border-color:#d7f3ff}.act-flag{right:calc(var(--kx) + 109px * var(--k));bottom:calc(var(--ky) + 105px * var(--k));width:calc(62px * var(--k));height:calc(62px * var(--k));font-size:calc(15px * var(--k));background:#d1384ed1;border-color:#ffe0e4}.act.pressed{transform:scale(.94)}.act-label{position:relative}.act-badge{opacity:.95;font-variant-numeric:tabular-nums;margin-top:1px;font-size:.8em;position:relative}.act-flag.none-left .act-badge{opacity:.6}.act-hint{letter-spacing:.06em;opacity:.85;text-transform:uppercase;margin-top:2px;font-size:.55em;display:none;position:relative}.act-fill{height:calc(var(--f) * 100%);background:#ffffff4d;position:absolute;bottom:0;left:0;right:0}.act:not(.cooling) .act-fill{height:0}.act:focus-visible{outline:3px solid var(--sea);outline-offset:3px}.line{left:50%;top:calc(max(10px, env(safe-area-inset-top)) + 140px);text-align:center;pointer-events:none;background:#fffffff2;border-radius:16px;width:max-content;max-width:min(88vw,420px);margin:0;padding:10px 16px;font-weight:700;line-height:1.35;position:absolute;transform:translate(-50%);box-shadow:0 6px 18px #0a1e3c33}@media (max-height:520px){.line{top:calc(max(10px, env(safe-area-inset-top)) + 50px)}}.of{color:var(--ink-soft);margin-left:-4px;font-size:15px}.btn-icon{width:44px;padding:0}.glyphs{flex:none;gap:4px;display:flex}.glyph{background:#1d2a3d;border-radius:10px;width:36px;height:36px}.style-row{align-items:center;gap:8px;margin-top:4px;display:flex}.style-words{font-size:12px;line-height:1.25}@media (pointer:fine){:root{--k:.82}.act-hint{display:block}}.stick{pointer-events:none;background:#16202e2e;border:3px solid #ffffffd9;border-radius:50%;width:124px;height:124px;margin:-62px 0 0 -62px;position:absolute}.stick-knob{background:#ffffffeb;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0003}.overlay{background:linear-gradient(#8fd8ff40,#16202e59);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.card{background:var(--paper);width:min(440px,100%);max-height:100%;box-shadow:var(--shadow);text-align:center;border-radius:26px;padding:24px 22px;overflow:auto}.card h1{letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(30px,8vw,40px)}.card h2{margin:0 0 8px}.card p{color:var(--ink-soft);margin:0 0 16px;line-height:1.4}.card .btn+.btn{margin-left:8px}.how{color:var(--ink-soft);text-align:left;margin:18px 0 0;padding:0;font-size:14px;line-height:1.45;list-style:none}.how li+li{margin-top:6px}.best{font-weight:700}.big-score{font-size:34px;font-weight:800;color:var(--ink)!important}@media (orientation:landscape) and (max-height:500px){.card{padding:16px 18px}.card h1{font-size:28px}.how{display:none}}.sheet{background:var(--paper);width:min(480px,100%);max-width:100%;max-height:min(92dvh,760px);color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:24px 24px 0 0;margin:auto auto 0;padding:0;overflow:hidden}.sheet[open]{flex-direction:column;display:flex}.sheet::backdrop{background:#0a142373}@media (min-width:700px){.sheet{border-radius:24px;margin:auto}}.sheet-head{justify-content:space-between;align-items:center;gap:8px;padding:10px 10px 4px 20px;display:flex}.sheet-head h2{margin:0;font-size:21px}.sheet-body{padding:4px 20px max(20px, env(safe-area-inset-bottom));touch-action:pan-y;line-height:1.45;overflow:auto}.status{min-height:1.4em;font-weight:600}.fine{color:var(--ink-soft);font-size:13px}.address{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.looks{margin:0;padding:0;list-style:none}.look{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.look-worn .look-text strong:after{content:" ✓";color:var(--gem-dark)}.look-text{flex-direction:column;flex:1;min-width:0;display:flex}.look-text small{color:var(--ink-soft)}.swatch{border:2px solid #0000001f;border-radius:50%;flex:none;width:44px;height:44px;position:relative}.swatch-hat{border:2px solid #00000026;border-radius:12px 12px 3px 3px;width:22px;height:12px;position:absolute;top:-6px;left:9px}.hat-tophat{border-radius:3px;height:18px;top:-12px}.hat-crown{border-radius:2px}.pay-what{color:var(--ink-soft);margin-top:0}.amount{flex-wrap:wrap;align-items:baseline;gap:6px;margin:6px 0 12px;display:flex}.amount strong{font-variant-numeric:tabular-nums;font-size:30px}.amount span{color:var(--ink-soft);font-weight:700}.qr-box{aspect-ratio:1;border:2px solid var(--line);background:#fff;border-radius:16px;place-items:center;width:min(248px,70vw);margin:0 auto;padding:8px;display:grid}.qr{width:100%;height:100%;image-rendering:pixelated}.test-pay{position:relative}.qr-blocked{overflow:hidden}.qr-fake{background:repeating-conic-gradient(#c8ced6 0 25%, #eef1f4 0 50%) 0 0 / 22px 22px;filter:blur(3px);opacity:.7;border-radius:8px;width:100%;height:100%}.stamp{border:4px solid var(--warn);width:max-content;max-width:96%;color:var(--warn);font:900 clamp(20px, 6.4vw, 28px)/1.1 var(--font);letter-spacing:.02em;text-align:center;background:#fffffff0;border-radius:10px;padding:10px 16px;position:absolute;top:min(124px,35vw);left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 6px 18px #d6223b40}.stamp span{display:block}.by-hand{margin-top:12px}.by-hand summary{cursor:pointer;min-height:44px;font-weight:700;line-height:44px}.row{align-items:center;gap:8px;margin:6px 0;display:flex}.row .label{width:60px;color:var(--ink-soft);flex:none;font-size:14px}.row code{word-break:break-all;flex:1;min-width:0;font-size:13px}.paid{text-align:center;background:#e6fbf5;border-radius:16px;padding:18px}.paid strong{color:var(--gem-dark);font-size:22px}.signin .qr-box{margin:8px auto 12px}.signin-ask{margin:14px 0 8px;font-weight:700}.wallet-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.wallet-tile{border:2px solid var(--line);border-radius:var(--radius);background:var(--paper);min-height:104px;color:var(--ink);font:700 15px/1.2 var(--font);text-align:center;cursor:pointer;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 6px;display:flex}.wallet-tile:first-child{border-color:var(--gem-dark);background:#e6fbf5}.wallet-tile:focus-visible{outline:3px solid var(--sea);outline-offset:2px}.wallet-tile:disabled{opacity:.55;cursor:default}.wallet-mark{background:var(--ink);width:44px;height:44px;color:var(--paper);font:800 16px/1 var(--font);border-radius:50%;place-items:center;display:grid}.wallet-name{overflow-wrap:anywhere}.signin-back{margin-left:-12px}.signin-wallet{margin:4px 0 8px;font-size:19px}.signin-code{letter-spacing:.04em;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px}.turnstile{margin:10px 0}.pings-pill{color:var(--ink);cursor:pointer;touch-action:manipulation;border:0;position:relative}.pings-pill:focus-visible{outline:3px solid var(--sea);outline-offset:2px}.ping-dot{border:3px solid var(--sea);box-sizing:border-box;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 3px #1f8fc440}.pings-pill .of{font-size:14px}.pings-pill.low{background:#fff3d1}.pings-pill.empty{color:var(--warn);background:#ffe1e5}.pings-pill.empty .ping-dot{border-color:var(--warn);box-shadow:0 0 0 3px #d6223b33}.bonus{color:var(--gem-dark);opacity:0;pointer-events:none;text-shadow:0 1px #fff,0 0 8px #fff;margin-left:6px;font-size:22px;position:absolute;top:4px;left:100%}.bonus.pop{opacity:1}.bonus.minus{color:var(--warn)}@media (prefers-reduced-motion:no-preference){.bonus.pop{animation:1.2s ease-out both bonus-rise}.pings-pill.refused{animation:.35s ease-in-out pill-shake}.stars{animation:.5s ease-out both stars-in}}@keyframes bonus-rise{0%{opacity:0;transform:translateY(8px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.15)}to{opacity:0;transform:translateY(-14px)scale(1)}}@keyframes pill-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes stars-in{0%{opacity:0;transform:scale(.6)}}.act-ping .act-badge{margin-top:0;font-size:.85em}.twist{color:var(--ink);background:#eaf6ff;border-radius:12px;margin:0 0 14px;padding:8px 12px;font-size:15px;line-height:1.35}.modes{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.mode{border:2px solid var(--line);background:var(--paper);min-height:84px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:18px;align-content:center;gap:4px;padding:10px 12px;display:grid}.mode-challenge{border-color:var(--gem-dark);background:var(--gem);color:#062b23}.mode:focus-visible{outline:3px solid var(--sea);outline-offset:2px}.mode:disabled{opacity:.55;cursor:default}.mode-name{font-size:20px;font-weight:800}.mode-sub{font-size:13px;font-weight:600;line-height:1.3}.mode-note{margin:12px 0 0;font-size:14px}.mode-note:empty{display:none}.twist-chip{letter-spacing:.03em;text-transform:uppercase;background:#eaf6ff;border-radius:999px;margin:0 0 6px;padding:4px 12px;font-weight:800;display:inline-block;font-size:13px!important}.stars{letter-spacing:6px;font-size:56px;line-height:1;color:#f2a900!important;margin:0 0 8px!important}.facts{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px;display:grid}.facts div{background:#f3f6fa;border-radius:14px;padding:8px 4px}.facts dt{letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:700}.facts dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:22px;font-weight:800}.result-line{font-weight:700;color:var(--ink)!important}.streak{font-weight:700}.tomorrow{font-size:14px;margin:14px 0 0!important}.challenge-sheet .fine{color:var(--ink-soft);margin:14px 0 0;font-size:14px}@media (orientation:landscape) and (max-height:500px){.stars{font-size:36px}.facts div{padding:4px}.twist{margin-bottom:8px;padding:6px 10px;font-size:13px}.mode{min-height:64px}}