:root{--ink-900: #0a1c39;--ink-850: #0d2242;--ink-800: #102a50;--ink-750: #143154;--ink-700: #183a63;--ink-600: #1f4676;--line: #21406f;--line-soft: #1a3358;--fg: #eef4ff;--fg-dim: #a2b5d4;--fg-mute: #6d84ac;--gold: #ffd23f;--gold-bright: #ffdd6b;--gold-ink: #0a1c39;--mint: #4fd6a0;--coral: #ff6b6b;--violet: #9d8cff;--r-common: #7c93b8;--r-uncommon: #6ec6a8;--r-rare: #5b9bff;--r-holo: #38c7c2;--r-ultra: #9d8cff;--r-illustration: #ff9f5a;--r-special: #ffd23f;--r-secret: #ff77c8;--font-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-ui: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "DM Mono", ui-monospace, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 56px;--sp-10: 72px;--r-xs: 4px;--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(0,0,0,.25);--shadow-2: 0 8px 24px rgba(4,12,28,.35);--shadow-3: 0 24px 60px rgba(3,10,24,.5);--page-max: 1280px;--gutter: 28px;--topbar-h: 68px;--ease: cubic-bezier(.2,.6,.2,1);--fast: .14s;--med: .24s}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--ink-900);color:var(--fg);font-family:var(--font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.05}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}::selection{background:var(--gold);color:var(--gold-ink)}.scroll-y{scrollbar-width:thin;scrollbar-color:var(--ink-600) transparent}.container{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--gutter)}@media(max-width:640px){:root{--gutter: 16px}}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.mono{font-family:var(--font-mono)}.dim{color:var(--fg-dim)}.mute{color:var(--fg-mute)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn{--btn-bg: transparent;--btn-fg: var(--fg);--btn-bd: var(--line);display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--r-sm);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bd);font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--fast) var(--ease)}.btn:hover{border-color:var(--ink-600);background:var(--ink-750)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn--gold{--btn-bg: var(--gold);--btn-fg: var(--gold-ink);--btn-bd: var(--gold);font-weight:700}.btn--gold:hover{background:var(--gold-bright);border-color:var(--gold-bright)}.btn--ghost{--btn-bd: transparent;color:var(--fg-dim)}.btn--ghost:hover{color:var(--fg);background:var(--ink-750)}.btn--danger:hover{border-color:var(--coral);color:var(--coral);background:#ff6b6b14}.btn--sm{height:32px;padding:0 12px;font-size:12px}.btn--block{width:100%}.btn--owned{--btn-bd: rgba(79,214,160,.5);color:var(--mint);background:#4fd6a014}.iconbtn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--r-sm);border:1px solid transparent;color:var(--fg-dim);transition:background var(--fast) var(--ease),color var(--fast) var(--ease),border-color var(--fast) var(--ease)}.iconbtn:hover{background:var(--ink-750);color:var(--fg)}.iconbtn svg{width:20px;height:20px}.chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border-radius:var(--r-pill);border:1px solid var(--line);background:transparent;color:var(--fg-dim);font-size:12.5px;font-weight:600;white-space:nowrap;transition:all var(--fast) var(--ease)}.chip:hover{color:var(--fg);border-color:var(--ink-600)}.chip[aria-pressed=true],.chip.is-on{color:var(--gold-ink);background:var(--gold);border-color:var(--gold)}.chip__count{font-family:var(--font-mono);font-size:11px;opacity:.8}.chip__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.chip--removable{padding-right:8px}.chip__x{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:13px;line-height:1}.chip__x:hover{background:#00000026}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--ink-800);border:1px solid var(--line);border-radius:var(--r-sm)}.seg>button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:5px;font-size:12.5px;font-weight:600;color:var(--fg-dim);transition:all var(--fast) var(--ease)}.seg>button:hover{color:var(--fg)}.seg>button.is-on{background:var(--ink-600);color:var(--fg)}.seg>button svg{width:16px;height:16px}.badge{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px;border-radius:var(--r-xs);font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--line-soft);color:var(--fg-dim);background:#ffffff05}.badge__dot{width:7px;height:7px;border-radius:50%;background:var(--rarity, var(--fg-mute));flex-shrink:0}.badge--rarity{color:var(--rarity, var(--fg-dim));border-color:color-mix(in srgb,var(--rarity, var(--line)) 40%,var(--line))}.badge--owned{color:var(--mint);border-color:#4fd6a066;background:#4fd6a014}.badge--lang{color:var(--fg-dim)}.badge--ja{color:var(--violet);border-color:#9d8cff66}.field{display:block}.field__label{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-mute);margin-bottom:6px}.input,.select{width:100%;height:44px;padding:0 14px;background:var(--ink-800);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--fg);font-family:var(--font-ui);font-size:15px;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.input::placeholder{color:var(--fg-mute)}.input:focus,.select:focus{outline:none;border-color:var(--gold);background:var(--ink-750)}.select{appearance:none;cursor:pointer;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%236d84ac' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.select option{background:var(--ink-800);color:var(--fg)}textarea.input{height:auto;padding:12px 14px;line-height:1.5;resize:vertical}.panel{background:var(--ink-800);border:1px solid var(--line);border-radius:var(--r-md)}.hairline{border-bottom:1px solid var(--line)}.skeleton{position:relative;overflow:hidden;background:var(--ink-750);border-radius:var(--r-sm)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.progressbar{height:7px;border-radius:var(--r-pill);background:var(--ink-750);overflow:hidden}.progressbar-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),#6ee7bf);transition:width var(--med) var(--ease)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}