:root{color-scheme:light;--color-bg: #f8f6f1;--color-surface: #ffffff;--color-surface-raised: #fcfbf8;--color-border: #e4e0d6;--color-border-strong: #cdc7b9;--color-text: #1e1c18;--color-text-muted: #6a665d;--color-accent: #9a7a17;--color-accent-strong: #b8921f;--color-accent-soft: rgba(154, 122, 23, .12);--color-on-accent: #ffffff;--color-link: #1f5f8b;--color-danger: #b5443f;--game-pokemon: #b8860b;--game-onepiece: #c0392b;--game-yugioh: #6a4c9c;--game-mtg: #8a5a2b;--game-duelmasters: #1f6fa8;--game-weiss: #3a7d5c;--up: #2f8a4a;--down: #c0453f;--inverse-bg: #1e1c18;--inverse-fg: #f8f6f1;--shadow-float: 0 18px 40px rgba(30, 28, 24, .14), 0 2px 6px rgba(30, 28, 24, .06);--font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--max-width: 46rem;--max-width-wide: 70rem;--space-1: .25rem;--space-2: .5rem;--space-3: .8rem;--space-4: 1.2rem;--space-5: 2rem;--space-6: 3rem;--space-7: 4.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-card: 0 1px 2px rgba(30, 28, 24, .08);--shadow-raised: 0 4px 16px rgba(30, 28, 24, .08);--shadow-header: 0 1px 0 rgba(30, 28, 24, .06);--focus-ring: 0 0 0 3px rgba(154, 122, 23, .4);--ease-standard: cubic-bezier(.2, .6, .3, 1);--duration-fast: .12s;--duration-base: .18s;--color-rarity-default: #2f7fb0;--color-rarity-rare: #2f7fb0;--color-rarity-super: #3f8f45;--color-rarity-ultra: #9a7a17;--color-rarity-secret: #7d4fa8;--color-rarity-ultimate: #b8662a}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #121316;--color-surface: #1b1d21;--color-surface-raised: #23252b;--color-border: #2f323a;--color-border-strong: #41444e;--color-text: #ece9e2;--color-text-muted: #a4a097;--color-accent: #d4af37;--color-accent-strong: #e8c75c;--color-accent-soft: rgba(212, 175, 55, .16);--color-on-accent: #16140f;--color-link: #8cc4e8;--color-danger: #e0706b;--game-pokemon: #e3b53f;--game-onepiece: #ec6b62;--game-yugioh: #ad93e6;--game-mtg: #d09a62;--game-duelmasters: #6fb4e6;--game-weiss: #6cc49a;--up: #5cc27a;--down: #ff7a70;--inverse-bg: #2a2c33;--inverse-fg: #ece9e2;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-raised: 0 4px 16px rgba(0, 0, 0, .45);--shadow-header: 0 1px 0 rgba(0, 0, 0, .5);--shadow-float: 0 18px 40px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .4);--focus-ring: 0 0 0 3px rgba(212, 175, 55, .45);--color-rarity-default: #7db3d5;--color-rarity-rare: #7db3d5;--color-rarity-super: #7fc27d;--color-rarity-ultra: #d4af37;--color-rarity-secret: #c49be0;--color-rarity-ultimate: #e0955a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #121316;--color-surface: #1b1d21;--color-surface-raised: #23252b;--color-border: #2f323a;--color-border-strong: #41444e;--color-text: #ece9e2;--color-text-muted: #a4a097;--color-accent: #d4af37;--color-accent-strong: #e8c75c;--color-accent-soft: rgba(212, 175, 55, .16);--color-on-accent: #16140f;--color-link: #8cc4e8;--color-danger: #e0706b;--game-pokemon: #e3b53f;--game-onepiece: #ec6b62;--game-yugioh: #ad93e6;--game-mtg: #d09a62;--game-duelmasters: #6fb4e6;--game-weiss: #6cc49a;--up: #5cc27a;--down: #ff7a70;--inverse-bg: #2a2c33;--inverse-fg: #ece9e2;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-raised: 0 4px 16px rgba(0, 0, 0, .45);--shadow-header: 0 1px 0 rgba(0, 0, 0, .5);--shadow-float: 0 18px 40px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .4);--focus-ring: 0 0 0 3px rgba(212, 175, 55, .45);--color-rarity-default: #7db3d5;--color-rarity-rare: #7db3d5;--color-rarity-super: #7fc27d;--color-rarity-ultra: #d4af37;--color-rarity-secret: #c49be0;--color-rarity-ultimate: #e0955a}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}::selection{background:var(--color-accent);color:var(--color-on-accent)}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.8;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-numeric:tabular-nums}h1,h2,h3{font-weight:700;line-height:1.4;letter-spacing:.01em}h1{letter-spacing:-.01em}header,main,footer{max-width:var(--max-width);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}header,footer{max-width:var(--max-width-wide)}body.wide main{max-width:var(--max-width-wide)}body.wide{overflow-x:clip}main{padding-top:var(--space-5);padding-bottom:var(--space-6)}a{color:var(--color-link);text-decoration-thickness:from-font;text-underline-offset:.15em}.prose a{text-decoration-line:underline;text-decoration-color:color-mix(in srgb,var(--color-link) 45%,transparent);transition:text-decoration-color var(--duration-fast) var(--ease-standard)}.prose a:hover{text-decoration-color:currentColor}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--color-accent);color:var(--color-on-accent);padding:.6rem 1rem;border-radius:var(--radius-sm);font-weight:700}.skip-link:focus{left:var(--space-3);top:var(--space-3)}header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--color-border);padding-top:var(--space-3);padding-bottom:var(--space-3);background:color-mix(in srgb,var(--color-bg) 78%,transparent);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);box-shadow:var(--shadow-header)}@media(min-width:861px){nav a.nav-search{display:none}}.tabbar{display:none}@media(max-width:640px){.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--color-surface) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--color-border);box-shadow:0 -4px 16px #0000000f}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.2rem 0;color:var(--color-text-muted);text-decoration:none;font-size:.66rem;font-weight:700}.tabbar a[aria-current=page]{color:var(--color-accent)}body{padding-bottom:calc(4.2rem + env(safe-area-inset-bottom))}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;margin-left:var(--space-2);padding:0;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface);color:var(--color-text);cursor:pointer;flex:none}.theme-toggle:hover{border-color:var(--color-accent)}.theme-toggle .i-sun{display:none}:root[data-theme=dark] .theme-toggle .i-sun{display:block}:root[data-theme=dark] .theme-toggle .i-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .i-sun{display:block}:root:not([data-theme=light]) .theme-toggle .i-moon{display:none}}.header-search{flex:1;max-width:18rem;margin:0 var(--space-4)}.header-search input{width:100%;box-sizing:border-box;padding:.45rem .9rem .45rem 2rem;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236a665d' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat .7rem center;font:inherit;font-size:.88rem;color:var(--color-text)}.header-search input:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}@media(max-width:860px){.header-search{display:none}}.header-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;row-gap:var(--space-2)}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.2rem;color:var(--color-text);text-decoration:none;letter-spacing:.01em}.brand-mark{width:1.2rem;height:1.2rem;flex-shrink:0}.brand span{color:var(--color-accent)}nav{display:flex;flex-wrap:nowrap;column-gap:var(--space-4);row-gap:var(--space-1);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{position:relative;display:inline-block;color:var(--color-text-muted);text-decoration:none;font-size:.92rem;font-weight:500;white-space:nowrap;padding:.2rem .05rem;transition:color var(--duration-fast) var(--ease-standard)}nav a:after{content:"";position:absolute;left:0;right:0;bottom:-.35rem;height:2px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-standard)}nav a:hover{color:var(--color-text)}nav a:hover:after{transform:scaleX(1)}nav a[aria-current=page]{color:var(--color-text)}nav a[aria-current=page]:after{transform:scaleX(1)}nav .lang-switch{margin-left:var(--space-2);padding:.1rem .6rem;border:1px solid var(--color-border-strong);border-radius:999px;font-size:.8rem}nav .lang-switch:after{display:none}nav .lang-switch:hover{border-color:var(--color-accent)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}footer{margin-top:var(--space-7);padding-top:var(--space-6);padding-bottom:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.85rem}footer a{color:var(--color-text-muted);text-decoration:none}footer a:hover{color:var(--color-text);text-decoration:underline}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-5);padding-bottom:var(--space-5)}.footer-brand{min-width:0}.footer-logo{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.05rem;color:var(--color-text)!important;margin-bottom:var(--space-2)}.footer-logo:hover{text-decoration:none!important}.footer-logo .brand-mark{width:1.05rem;height:1.05rem}.footer-logo span{color:var(--color-accent)}.footer-tagline{margin:0;max-width:32ch;line-height:1.7}.footer-heading{margin:0 0 var(--space-2);color:var(--color-text);font-size:.8rem;font-weight:700;letter-spacing:.04em}.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.footer-bottom{padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.4rem}.footer-bottom p{margin:0}.footer-note{font-size:.78rem;color:var(--color-text-muted);max-width:56ch}@media(max-width:640px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}@media(max-width:480px){.header-inner{flex-wrap:nowrap}nav{column-gap:var(--space-3);mask-image:linear-gradient(to right,black calc(100% - 1.5rem),transparent 100%)}.footer-grid{grid-template-columns:1fr}}html.js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease-standard),transform .6s var(--ease-standard);will-change:opacity,transform}html.js [data-reveal].is-in{opacity:1;transform:translateY(0)}html.js [data-reveal-stagger]>*{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease-standard),transform .5s var(--ease-standard)}html.js [data-reveal-stagger].is-in>*{opacity:1;transform:translateY(0)}html.js [data-reveal-stagger].is-in>*:nth-child(2){transition-delay:60ms}html.js [data-reveal-stagger].is-in>*:nth-child(3){transition-delay:.12s}html.js [data-reveal-stagger].is-in>*:nth-child(4){transition-delay:.18s}html.js [data-reveal-stagger].is-in>*:nth-child(5){transition-delay:.24s}@media(prefers-reduced-motion:reduce){html.js [data-reveal],html.js [data-reveal-stagger]>*{opacity:1!important;transform:none!important;transition:none!important}}
