.pad{padding:16px max(24px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.pad button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;color:#f4ecff;cursor:pointer;font-family:system-ui,-apple-system,sans-serif}.pad-cross{pointer-events:auto;touch-action:none;grid-template-rows:repeat(3,52px);grid-template-columns:repeat(3,52px);gap:4px;display:grid}.pad-key{background:#2a1745b8;border:2px solid #45ecff8c;border-radius:12px;place-items:center;display:grid}.pad-key:active{background:#45ecff59}.pad-back{grid-area:1/2}.pad-left{grid-area:2/1}.pad-right{grid-area:2/3}.pad-front{grid-area:3/2}.pad-drop{background:#ff4fc852;border:3px solid #ff4fc8;border-radius:50%;width:104px;height:104px;font-size:26px;font-weight:700}.pad-drop:active{background:#ff4fc899}.pad:not([data-attempt=move]) .pad-cross,.pad:not([data-attempt=idle],[data-attempt=move]) .pad-drop{opacity:.45}.hud{top:max(var(--gutter), env(safe-area-inset-top));left:var(--touch-edge);right:var(--touch-edge);align-items:start;gap:var(--space-2);pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--color-fg);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"wallet collection""center center""shake shake";display:grid;position:fixed}@media (width>=640px){.hud{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"wallet center collection""shake center collection"}}.hud-wallet{justify-self:start;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:2px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-hud);grid-area:wallet;display:grid}.hud-coins{align-items:center;gap:var(--space-2);display:flex}.hud-coin{box-sizing:border-box;border:3px solid var(--color-coin-edge);background:var(--color-butter);border-radius:50%;flex:none;width:22px;height:22px}.hud-coin-count{min-width:2ch;font:var(--type-counter);color:var(--color-fg)}.hud-credit{padding:0 var(--space-2);border:1px solid var(--color-butter);border-radius:var(--radius-pill);font:var(--type-small);color:var(--color-butter);white-space:nowrap}.hud-refill{font:var(--type-small);color:var(--color-muted);white-space:nowrap;margin:0}.hud-wallet[data-empty=true]{border-color:var(--color-pink);box-shadow:var(--glow-pink-soft)}.hud-actions{justify-self:end;gap:var(--space-2);grid-area:collection;display:flex}.hud-collection{pointer-events:auto;box-sizing:border-box;min-width:56px;min-height:56px;padding:var(--space-1) var(--space-2);border:2px solid var(--color-cyan);border-radius:var(--radius-md);background:var(--color-hud);color:var(--color-cyan);box-shadow:var(--glow-cyan-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;place-items:center;gap:2px;display:grid}.hud-collection-count{font:var(--type-eyebrow);color:var(--color-fg)}.hud-collection:focus-visible{outline:3px solid var(--color-fg);outline-offset:2px}.hud-collection:active:not(:disabled){filter:brightness(1.2)}.hud-collection:disabled{opacity:.45;cursor:default;box-shadow:none}.hud-center{justify-self:center;justify-items:center;gap:var(--space-2);grid-area:center;max-width:100%;display:grid}.hud-row{align-items:center;gap:var(--space-2);display:flex}.hud-timer{align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-5);border:2px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-hud);display:flex}.hud-label{font:var(--type-eyebrow);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-muted)}.hud-seconds{min-width:2ch;font:var(--type-counter);text-align:right;color:var(--color-fg)}.hud-unit{font:var(--type-small);color:var(--color-muted)}.hud:not([data-state=move]) .hud-seconds{color:var(--color-muted)}.hud[data-urgency=warn] .hud-timer{border-color:var(--color-butter);box-shadow:var(--glow-butter-soft)}.hud[data-urgency=alarm] .hud-timer{border-color:var(--color-pink);box-shadow:var(--glow-pink-soft)}.hud-camera{align-items:baseline;column-gap:var(--space-2);row-gap:var(--space-1);padding:var(--space-1) var(--space-3);border:2px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-hud);grid-template-columns:auto auto;display:grid}.hud-degrees{min-width:4ch;font:var(--type-small);font-family:var(--font-mono);font-weight:var(--weight-semibold);text-align:right;color:var(--color-fg)}.hud-track{border-radius:var(--radius-pill);background:var(--color-line);grid-column:1/-1;height:4px;position:relative}.hud-mark{background:var(--color-cyan);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.hud-status{padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);background:var(--color-hud);font:var(--type-small);text-align:center;color:var(--color-fg);border:1px solid #0000;margin:0}.hud-status[data-blocked=true]{border-color:var(--color-pink)}.hud-shake{pointer-events:auto;box-sizing:border-box;min-height:var(--tap-min);padding:var(--space-2) var(--space-5);border:2px solid var(--color-mint);border-radius:var(--radius-pill);background:var(--color-hud);font:var(--type-button);color:var(--color-mint);white-space:nowrap;box-shadow:var(--glow-mint-soft);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;grid-area:shake;justify-self:center}.hud-shake:focus-visible{outline:3px solid var(--color-fg);outline-offset:2px}.hud-shake:active:not(:disabled){filter:brightness(1.2)}@media (width>=640px){.hud-shake{justify-self:start}}.hud-shake:disabled{border-color:var(--color-line);color:var(--color-muted);box-shadow:none;cursor:default}.hud-shake[data-locked=true]{min-height:0;padding:var(--space-1) var(--space-4);font:var(--type-small);border-width:1px}.hud-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.pad-drop{position:relative}.pad[data-attempt=move] .pad-drop{animation:.9s ease-out start-flash}.pad[data-attempt=move] .pad-drop:after{content:"";background:repeating-conic-gradient(var(--color-pink) 0 15deg, var(--color-cyan) 15deg 30deg);pointer-events:none;border-radius:50%;animation:.9s ease-out both start-lights;position:absolute;inset:-8px;-webkit-mask:radial-gradient(circle,#0000 62%,#000 64%);mask:radial-gradient(circle,#0000 62%,#000 64%)}.game-shell[data-start=coin] .pad[data-attempt=move] .pad-drop:before{content:"";box-sizing:border-box;border:5px solid var(--color-coin-edge);background:var(--color-butter);pointer-events:none;border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;animation:.9s cubic-bezier(.4,0,.8,.6) both start-coin;position:absolute;top:50%;left:50%}@keyframes start-flash{0%{box-shadow:var(--glow-pink-lg);filter:brightness(1.6)}to{filter:none;box-shadow:0 0 #0000}}@keyframes start-lights{0%{opacity:0;transform:scale(.8)rotate(0)}25%{opacity:1}to{opacity:0;transform:scale(1.4)rotate(120deg)}}@keyframes start-coin{0%{opacity:0;transform:translateY(-96px)scale(.7)}15%{opacity:1}65%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(8px)scale(.2)}}@media (prefers-reduced-motion:reduce){.pad[data-attempt=move] .pad-drop,.pad[data-attempt=move] .pad-drop:after,.game-shell[data-start=coin] .pad[data-attempt=move] .pad-drop:before{animation:none}.pad[data-attempt=move] .pad-drop:after,.game-shell[data-start=coin] .pad[data-attempt=move] .pad-drop:before{display:none}}.modal-backdrop{z-index:20;padding:max(var(--gutter), env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(var(--gutter), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));background:var(--color-hud);color:var(--color-fg);font:var(--type-body);overscroll-behavior:contain;place-items:center;display:grid;position:fixed;inset:0}.modal-backdrop[data-tone=top]{align-items:start}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.modal{box-sizing:border-box;width:min(100%,440px);max-height:100%;padding:var(--space-6) var(--space-5);border:2px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sheet);outline:none;overflow-y:auto}.modal-backdrop[data-tone=win] .modal{border-color:var(--color-pink);box-shadow:var(--glow-pink-md)}.modal h2{font:var(--type-title);margin:0}.modal p{margin:0}.btn{box-sizing:border-box;min-height:var(--tap-min);padding:var(--space-2) var(--space-5);border:2px solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-fg);font:var(--type-button);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0}.btn:focus-visible{outline:3px solid var(--color-cyan);outline-offset:2px}.btn[data-variant=primary]{border-color:var(--color-pink);background:var(--color-pink);color:var(--color-on-pink);box-shadow:var(--glow-pink-sm)}.btn[data-variant=ghost]{border-color:var(--color-cyan);color:var(--color-cyan)}.btn[data-variant=text]{color:var(--color-muted);border-color:#0000}.btn:active{filter:brightness(1.15)}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.auth,.settings{gap:var(--space-4);display:grid}.auth-lead{color:var(--color-muted)}.auth-form{gap:var(--space-3);display:grid}.auth-wide{width:100%}.auth-or{text-align:center;font:var(--type-eyebrow);letter-spacing:var(--tracking-caps);color:var(--color-muted)}.auth-links{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.field{gap:var(--space-1);display:grid}.field-label{font:var(--type-small);font-weight:var(--weight-semibold);color:var(--color-fg)}.field-input{box-sizing:border-box;width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:2px solid var(--color-muted);border-radius:var(--radius-sm);background:var(--color-inset);color:var(--color-fg);font:var(--type-body)}.field-input:focus-visible{outline:3px solid var(--color-cyan);outline-offset:2px}.field-input[aria-invalid=true]{border-color:var(--color-fg);border-width:3px}.field-hint{font:var(--type-small);color:var(--color-muted)}.field-error:empty{display:none}.field-error{gap:var(--space-2);padding:var(--space-2) var(--space-3);border:2px solid var(--color-fg);border-radius:var(--radius-sm);color:var(--color-fg);align-items:baseline;display:flex}.field-error-mark{background:var(--color-fg);width:1.4em;height:1.4em;color:var(--color-bg);font-weight:var(--weight-black);border-radius:50%;flex:none;place-items:center;display:inline-grid}.field-note{padding:var(--space-2) var(--space-3);border:2px solid var(--color-mint);border-radius:var(--radius-sm);color:var(--color-fg)}.field-note:empty{display:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:default}.settings h3{font:var(--type-heading);color:var(--color-fg);margin:0}.settings-section{gap:var(--space-3);display:grid}.settings-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.identities{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.identity{gap:var(--space-2);padding:var(--space-3);border:2px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-2);display:grid}.identity-head{gap:2px;display:grid}.identity-provider{font:var(--type-eyebrow);letter-spacing:var(--tracking-caps);color:var(--color-cyan)}.identity-label{overflow-wrap:anywhere}.settings-danger{gap:var(--space-3);padding:var(--space-3);border:2px solid var(--color-fg);border-radius:var(--radius-md);display:grid}.btn[data-variant=danger]{border-color:var(--color-fg);background:var(--color-fg);color:var(--color-bg)}.notice{gap:var(--space-4);text-align:center;display:grid}.notice-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.collection{gap:var(--space-4);flex-direction:column;display:flex}.collection-top{top:calc(-1 * var(--space-6));z-index:1;gap:var(--space-2);margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-5)) 0;padding:var(--space-6) var(--space-5) var(--space-2);background:var(--color-surface);display:grid;position:sticky}.collection-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.collection-switch{align-items:center;gap:var(--space-3);min-height:var(--tap-min);color:var(--color-fg);font:var(--type-body);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:flex}.collection-switch:focus-visible{outline:3px solid var(--color-cyan);outline-offset:2px}.collection-switch-track{box-sizing:border-box;border:2px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-inset);flex:none;width:48px;height:28px;padding:2px}.collection-switch-thumb{background:var(--color-muted);border-radius:50%;width:20px;height:20px;transition:transform .15s ease-out;display:block}.collection-switch[aria-checked=true] .collection-switch-track{border-color:var(--color-cyan)}.collection-switch[aria-checked=true] .collection-switch-thumb{background:var(--color-cyan);transform:translate(20px)}.collection-empty,.collection-note{font:var(--type-small);color:var(--color-muted)}.shelf h3{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-3);font:var(--type-heading);display:flex}.shelf-progress{font:var(--type-caption);color:var(--color-muted)}.cards{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin:0;padding:0;list-style:none;display:grid}.card{justify-items:center;gap:var(--space-1);padding:var(--space-3);border:2px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-2);text-align:center;display:grid}.card[data-caught=false]{background:var(--color-inset);border-style:dashed}.card[data-caught=false] .card-swatch{background:var(--color-line);color:var(--color-muted);opacity:.6}.card-swatch{border-radius:var(--radius-md);width:56px;height:56px;font:var(--type-heading);place-items:center;display:grid}.card-name{font:var(--type-small)}.card[data-caught=false] .card-name{color:var(--color-muted)}.card-meta{justify-content:center;gap:var(--space-2);font:var(--type-caption);color:var(--color-muted);flex-wrap:wrap;display:flex}.card[data-rarity=rare][data-caught=true] .card-rarity{color:var(--color-cyan)}.card[data-rarity=secret][data-caught=true] .card-rarity{color:var(--color-butter)}.card-count{color:var(--color-fg)}.intro{justify-items:center;gap:var(--space-4);text-align:center;display:grid}.intro-art{aspect-ratio:1;border:1px dashed var(--color-line);border-radius:var(--radius-md);background:var(--color-surface-2);height:min(10rem,26dvh)}@media (height<=500px){.intro-art{display:none}}.intro-step{font:var(--type-eyebrow);color:var(--color-cyan)}.intro h2{color:var(--color-sign);text-shadow:var(--glow-pink-md)}.intro-body{font:var(--type-body);color:var(--color-fg)}.intro-keys{font:var(--type-small);color:var(--color-muted)}@media (hover:none),(pointer:coarse){.intro-keys{display:none}}.intro-dots{gap:var(--space-2);display:flex}.intro-dot{background:var(--color-line);border-radius:50%;width:10px;height:10px}.intro-dot[data-active=true]{background:var(--color-pink);box-shadow:var(--glow-pink-sm)}.intro-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.intro-actions[data-layout=stack]{flex-direction:column;align-items:stretch}.toy-preview{aspect-ratio:1;border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 40%, var(--color-surface-2), var(--color-inset));touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:min(100%,300px);margin-inline:auto}.toy-preview:active{cursor:grabbing}.win{justify-items:center;gap:var(--space-3);text-align:center;display:grid}.win-kr{font:var(--type-eyebrow);font-family:var(--font-kr);font-size:var(--text-xl);color:var(--color-pink)}.win h2{color:var(--color-sign);text-shadow:var(--glow-pink-md)}.win-hint{font:var(--type-caption);color:var(--color-muted)}.win-name{font:var(--type-heading)}.win-news[data-new=true]{color:var(--color-mint)}.win-also{font:var(--type-small);color:var(--color-muted)}.win-actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.rarity{padding:var(--space-1) var(--space-3);border:2px solid var(--color-line);border-radius:var(--radius-pill);font:var(--type-caption);color:var(--color-muted);display:inline-block}.rarity[data-rarity=rare]{border-color:var(--color-cyan);color:var(--color-cyan)}.rarity[data-rarity=secret]{border-color:var(--color-butter);color:var(--color-butter)}.game-shell{position:fixed;inset:0}.game-layer{position:absolute;inset:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#150c24;--color-floor:#1b0f2e;--color-surface:#221438;--color-surface-2:#2c1b47;--color-inset:#120822;--color-line:#3f2b61;--color-fg:#f6efff;--color-muted:#b9aad6;--color-dim:#8c7cab;--color-pink:#ff4fc8;--color-cyan:#45ecff;--color-mint:#9ef5d2;--color-butter:#ffdf6e;--color-lilac:#c9b2ff;--color-sign:#ffe3f6;--color-on-pink:#1a0820;--color-on-butter:#3a2600;--color-coin-edge:#c79a1c;--color-hud:#120822d1;--font-display:Unbounded, "Arial Black", system-ui, sans-serif;--font-body:Onest, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-kr:"Black Han Sans", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;--leading-tight:1.15;--leading-snug:1.3;--leading-body:1.55;--tracking-normal:0em;--tracking-wide:.06em;--tracking-caps:.12em;--type-display:900 48px/1.15 var(--font-display);--type-title:700 22px/1.15 var(--font-display);--type-heading:700 16px/1.15 var(--font-display);--type-body:400 16px/1.55 var(--font-body);--type-small:400 14px/1.55 var(--font-body);--type-caption:400 12px/1.3 var(--font-body);--type-button:700 16px/1.3 var(--font-body);--type-counter:600 22px/1.15 var(--font-mono);--type-eyebrow:600 12px/1.3 var(--font-mono);--type-sign:400 36px/1.15 var(--font-kr);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--gutter:16px;--touch-edge:24px;--tap-min:44px;--radius-xs:6px;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-pop:0 8px 20px #0006;--shadow-sheet:0 18px 40px #00000073;--glow-pink-soft:0 0 18px #ff4fc899;--glow-pink-sm:0 0 4px #ff4fc8, 0 0 14px #ff4fc8;--glow-pink-md:0 0 10px #ff4fc8, 0 0 24px #ff4fc8;--glow-pink-lg:0 0 6px #ff4fc8, 0 0 22px #ff4fc8, 0 0 48px #ff4fc88c;--glow-cyan-soft:0 0 18px #45ecff99;--glow-cyan-sm:0 0 4px #45ecff, 0 0 14px #45ecff;--glow-cyan-md:0 0 10px #45ecff, 0 0 24px #45ecff;--glow-cyan-lg:0 0 6px #45ecff, 0 0 22px #45ecff, 0 0 48px #45ecff8c;--glow-butter-soft:0 0 18px #ffdf6e99;--glow-butter-sm:0 0 4px #ffdf6e, 0 0 14px #ffdf6e;--glow-butter-md:0 0 10px #ffdf6e, 0 0 24px #ffdf6e;--glow-butter-lg:0 0 6px #ffdf6e, 0 0 22px #ffdf6e, 0 0 48px #ffdf6e8c;--glow-mint-soft:0 0 18px #9ef5d299;--glow-mint-sm:0 0 4px #9ef5d2, 0 0 14px #9ef5d2;--glow-mint-md:0 0 10px #9ef5d2, 0 0 24px #9ef5d2;--glow-mint-lg:0 0 6px #9ef5d2, 0 0 22px #9ef5d2, 0 0 48px #9ef5d28c;--glow-lilac-soft:0 0 18px #c9b2ff99;--glow-lilac-sm:0 0 4px #c9b2ff, 0 0 14px #c9b2ff;--glow-lilac-md:0 0 10px #c9b2ff, 0 0 24px #c9b2ff;--glow-lilac-lg:0 0 6px #c9b2ff, 0 0 22px #c9b2ff, 0 0 48px #c9b2ff8c;--machine-top:#2a1745;--machine-neon-1:#ff4fc8;--machine-neon-2:#45ecff;--machine-glass:#45ecff14;--machine-metal:#ddd5ee;--machine-chute:#0d0718;--machine-body:#2a1745;--machine-panel:#3a2260;--machine-text:#ffe3f6}[data-machine=neon]{--machine-top:#2a1745;--machine-neon-1:#ff4fc8;--machine-neon-2:#45ecff;--machine-glass:#45ecff14;--machine-metal:#ddd5ee;--machine-chute:#0d0718;--machine-body:#2a1745;--machine-panel:#3a2260;--machine-text:#ffe3f6}[data-machine=pastel]{--machine-top:#ffd3e6;--machine-neon-1:#ff8fbf;--machine-neon-2:#86d6c4;--machine-glass:#ffffff8c;--machine-metal:#9a8db5;--machine-chute:#e6dbf5;--machine-body:#ffe6f1;--machine-panel:#fff;--machine-text:#c2407f}[data-machine=retro]{--machine-top:#1b2b5e;--machine-neon-1:#fc3;--machine-neon-2:#ff6a3d;--machine-glass:#78b4ff24;--machine-metal:#d3d9e8;--machine-chute:#0b1230;--machine-body:#2546a0;--machine-panel:#1b2b5e;--machine-text:#fc3}