: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}.jump{right:max(22px, env(safe-area-inset-right));bottom:max(26px, env(safe-area-inset-bottom));color:#fff;width:84px;height:84px;font:800 17px/1 var(--font);touch-action:none;-webkit-user-select:none;user-select:none;background:#16202e52;border:3px solid #fffffff2;border-radius:50%;position:absolute}@media (pointer:fine){.jump{display:none}}.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}