:root{--color-bg: #eaf0f9;--color-bg-secondary: #ffffff;--color-text: #0f1b2e;--color-text-muted: #46566e;--color-accent: #1d4ed8;--color-accent-hover: #1e40af;--color-accent-solid: #1d4ed8;--color-accent-solid-hover: #1e40af;--color-border: #c3d0e2;--color-frame: #0f1b2e;--color-shadow: #0f1b2e;--gradient-magic: linear-gradient(90deg, var(--color-accent), var(--color-accent-hover));--color-tier-gold: #b8860b;--color-tier-silver: #8a8a8a;--color-tier-bronze: #a05a2c;--color-tier-none: #78716c;--color-success: #15803d;--color-warning: #a16207;--color-danger: #b91c1c;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--radius: 2px;--frame-width: 2px;--shadow-card: 6px 6px 0 var(--color-shadow);--shadow-card-pressed: 2px 2px 0 var(--color-shadow);--shadow-btn: 4px 4px 0 var(--color-shadow);--shadow-btn-pressed: 1px 1px 0 var(--color-shadow);--max-width: 1200px;--nav-height: 4.25rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #0c1424;--color-bg-secondary: #15213a;--color-text: #e4ebf6;--color-text-muted: #93a3be;--color-accent: #60a5fa;--color-accent-hover: #93c5fd;--color-accent-solid: #2563eb;--color-accent-solid-hover: #1d4ed8;--color-border: #29354f;--color-frame: #e4ebf6;--color-shadow: #05080f;--color-tier-gold: #ffd700;--color-tier-silver: #c0c0c0;--color-tier-bronze: #cd7f32;--color-success: #22c55e;--color-warning: #eab308;--color-danger: #ef4444}}:root[data-theme=dark]{--color-bg: #0c1424;--color-bg-secondary: #15213a;--color-text: #e4ebf6;--color-text-muted: #93a3be;--color-accent: #60a5fa;--color-accent-hover: #93c5fd;--color-accent-solid: #2563eb;--color-accent-solid-hover: #1d4ed8;--color-border: #29354f;--color-frame: #e4ebf6;--color-shadow: #05080f;--color-tier-gold: #ffd700;--color-tier-silver: #c0c0c0;--color-tier-bronze: #cd7f32;--color-success: #22c55e;--color-warning: #eab308;--color-danger: #ef4444}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.65;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:600;letter-spacing:-.01em;line-height:1.15}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-hover)}::selection{background:var(--color-accent-solid);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-3xl) 0}.section-title{font-size:1.75rem;margin-bottom:var(--space-sm)}.section-description{color:var(--color-text-muted);margin-bottom:var(--space-xl);font-style:italic;font-family:var(--font-serif)}.kicker{font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent)}.card{background:var(--color-bg-secondary);border:var(--frame-width) solid var(--color-frame);border-radius:var(--radius);padding:var(--space-lg);box-shadow:var(--shadow-card);transition:transform .12s ease,box-shadow .12s ease}@media(hover:hover)and (prefers-reduced-motion:no-preference){.card:hover{transform:translate(3px,3px);box-shadow:var(--shadow-card-pressed)}}.grid{display:grid;gap:var(--space-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.7rem 1.5rem;border-radius:var(--radius);font-family:var(--font-sans);font-weight:700;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;border:var(--frame-width) solid var(--color-frame);box-shadow:var(--shadow-btn);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,background .2s ease,color .2s ease}.btn:hover{transform:translate(2px,2px);box-shadow:var(--shadow-btn-pressed)}.btn-primary{background:var(--color-accent-solid);color:#fff}.btn-primary:hover{background:var(--color-accent-solid-hover);color:#fff}.btn-outline{background:var(--color-bg-secondary);color:var(--color-text)}.btn-outline:hover{color:var(--color-accent)}.tag{display:inline-block;padding:.15rem .55rem;background:transparent;border:1px solid var(--color-frame);border-radius:var(--radius);font-family:var(--font-sans);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.link-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border:var(--frame-width) solid var(--color-frame);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:transform .12s ease,box-shadow .12s ease}@media(hover:hover)and (prefers-reduced-motion:no-preference){.link-card:hover{transform:translate(3px,3px);box-shadow:var(--shadow-card-pressed)}}.link-card-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.link-card-content h3{font-size:1.05rem;margin-bottom:.125rem}.link-card-content p{font-size:.875rem;color:var(--color-text-muted)}@media(prefers-reduced-motion:no-preference){.js-reveal .reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0s)}.js-reveal .reveal.revealed{opacity:1;transform:none}}html.theme-switching::view-transition-old(root),html.theme-switching::view-transition-new(root){animation:none;mix-blend-mode:normal}html.theme-switching::view-transition-old(root){z-index:1}html.theme-switching::view-transition-new(root){z-index:2}.sparkle-field{position:fixed;inset:0;pointer-events:none;z-index:9998;overflow:hidden}.sparkle{position:absolute;animation:sparkle-pop var(--sparkle-duration, 1.2s) ease-out forwards}@keyframes sparkle-pop{0%{transform:translateY(0) scale(0) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(-12vh) scale(1.4) rotate(40deg);opacity:0}}.game-area,.game-overlay{--color-text: #e5e5e5;--color-text-muted: #a3a3a3;--color-border: #404040;--color-bg-secondary: #1a1a1a;color:var(--color-text)}.sound-btn{padding:var(--space-xs) var(--space-sm);font-size:1.1rem;line-height:1;min-width:44px;min-height:44px;justify-content:center}@media(max-width:600px){.game-area:has(.game-overlay:not([style*=none])){min-height:30rem}.game-area .game-overlay .overlay-content{padding:var(--space-md)}.game-area .game-overlay .play-icon{font-size:2.5rem;margin-bottom:var(--space-sm)}}@media print{:root{--color-bg: #fff;--color-bg-secondary: #fff;--color-text: #000;--color-text-muted: #333;--color-accent: #000;--color-border: #ccc;--color-frame: #000;--shadow-card: none;--shadow-btn: none}nav,footer,.skip-link,.lang-switcher,.konami-overlay,.theme-toggle{display:none!important}body{font-size:12pt;line-height:1.5}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em;color:#555}.container{max-width:100%;padding:0}.article-content{font-size:11pt}img{max-width:100%!important;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}}