@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@400;700;900&family=VT323&display=swap";
:root{--bg:#f2ead8;--bg-warm:#ede4cc;--bg-card:#faf5e8;--bg-card2:#fff9ee;--bg-dark:#1a0e06;--bg-ink:#120a02;--rust:#b84400;--rust-light:#e05c1a;--rust-pale:#f5d4b8;--teal:#006b78;--teal-light:#008fa0;--teal-pale:#c8e8ec;--ink:#2c1a08;--ink-mid:#5a3e28;--ink-faint:#9e8060;--rule:#c8a878;--rule-dark:#8a6040;--showa-color:#b84400;--heisei-color:#006b78;--reiwa-color:#5c2d91;--serif-font:"Noto Serif JP", Georgia, serif;--sans-font:"Noto Sans JP", sans-serif;--pixel-font:"Press Start 2P", monospace;--vt-font:"VT323", monospace;--max-width:1100px;--radius-card:2px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--sans-font);background-color:var(--bg);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");min-height:100vh;line-height:1.8;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--serif-font);color:var(--bg-ink);font-weight:900;line-height:1.3}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.rule{border:none;border-top:2px solid var(--rust);margin:0}.rule-thin{border:none;border-top:1px solid var(--rule);margin:0}.rule-double{border-top:3px double var(--rule-dark)}.card{background:var(--bg-card);border:1px solid var(--rule);border-radius:var(--radius-card);transition:box-shadow .2s,transform .2s;position:relative;overflow:hidden}.card:hover{box-shadow:4px 4px 0 var(--rule-dark);transform:translate(-2px,-2px)}.section-label{font-family:var(--pixel-font);letter-spacing:.12em;background:var(--bg-dark);color:var(--bg-warm);align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.5rem;display:inline-flex}.section-label.rust{background:var(--rust)}.section-label.teal{background:var(--teal)}.era-badge{font-family:var(--sans-font);letter-spacing:.05em;border-radius:1px;padding:.1rem .5rem;font-size:.68rem;font-weight:700;display:inline-block}.era-showa{background:var(--rust-pale);color:var(--rust);border:1px solid var(--rust)}.era-heisei{background:var(--teal-pale);color:var(--teal);border:1px solid var(--teal)}.era-reiwa{color:var(--reiwa-color);border:1px solid var(--reiwa-color);background:#ede0f8}.tag-badge{border:1px solid var(--rule);color:var(--ink-faint);background:var(--bg-warm);border-radius:1px;padding:.1rem .45rem;font-size:.65rem;display:inline-block}.btn{font-family:var(--sans-font);cursor:pointer;letter-spacing:.03em;border:2px solid;border-radius:1px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn-rust{background:var(--rust);color:var(--bg-card);border-color:var(--rust)}.btn-rust:hover{background:var(--rust-light);border-color:var(--rust-light);transform:translateY(-1px)}.btn-outline{color:var(--rust);border-color:var(--rust);background:0 0}.btn-outline:hover{background:var(--rust);color:var(--bg-card)}.article-body{font-family:var(--serif-font);color:var(--ink);font-size:1.05rem;line-height:2}.article-body h2{color:var(--bg-ink);border-left:5px solid var(--rust);margin:2.5rem 0 1rem;padding-left:.8rem;font-size:1.35rem;font-weight:900}.article-body h3{color:var(--teal);border-bottom:1px dotted var(--rule);margin:2rem 0 .75rem;padding-bottom:.25rem;font-size:1.1rem;font-weight:700}.article-body p{margin-bottom:1.4rem}.article-body ul,.article-body ol{margin-bottom:1.25rem;padding-left:1.5rem}.article-body li{margin-bottom:.5rem}.article-body strong{color:var(--rust);font-weight:700}.article-body blockquote{border-left:4px solid var(--rust);background:var(--rust-pale);color:var(--ink-mid);border-radius:0 2px 2px 0;margin:1.5rem 0;padding:1rem 1.25rem;font-style:italic}.article-body table{border-collapse:collapse;width:100%;font-size:.9rem;font-family:var(--sans-font);margin:1.5rem 0}.article-body th{background:var(--bg-dark);color:var(--bg-warm);border:1px solid var(--rule-dark);text-align:left;font-weight:700;font-family:var(--sans-font);padding:.6rem .9rem}.article-body td{border:1px solid var(--rule);color:var(--ink);padding:.6rem .9rem}.article-body tr:nth-child(2n) td{background:var(--bg-warm)}::-webkit-scrollbar-thumb:hover{background:var(--rust)}@keyframes slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:.4s both slide-in}.text-rust{color:var(--rust)}.text-teal{color:var(--teal)}.text-ink{color:var(--ink)}.text-faint{color:var(--ink-faint)}.text-serif{font-family:var(--serif-font)}.text-pixel{font-family:var(--pixel-font);letter-spacing:.1em;font-size:.55rem}@media (max-width:768px){.container{padding:0 1rem}.article-body{font-size:.97rem}.article-body h2{font-size:1.15rem}.article-body h3{font-size:1rem}.article-body table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}h1{font-size:1.4rem!important}}@media (max-width:480px){.container{padding:0 .75rem}}:root{--font-mplus:"M PLUS Rounded 1c", "Noto Sans JP", sans-serif;--retro-orange:#ff6b35;--retro-blue:#004e89;--retro-yellow:#f7e733;--retro-cream:#fff8e7;--retro-dark:#1a1a2e;--retro-pixel:#16213e;--color-primary:var(--retro-orange);--color-secondary:var(--retro-blue);--color-accent:var(--retro-yellow);--color-bg:var(--retro-cream);--color-text:#2c2c2c;--color-muted:#666;--shadow-pixel:4px 4px 0px #000c;--shadow-card:0 2px 12px #00000014}body{font-family:var(--font-mplus);background-color:var(--color-bg);color:var(--color-text);line-height:1.8}h1,h2,h3{letter-spacing:.02em;font-weight:900}.retro-card{border:3px solid var(--retro-dark);box-shadow:var(--shadow-pixel);background:#fff;border-radius:8px;transition:transform .15s,box-shadow .15s}.retro-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000c}.btn-retro{background:var(--retro-orange);color:#fff;border:3px solid var(--retro-dark);box-shadow:var(--shadow-pixel);font-weight:700;font-family:var(--font-mplus);cursor:pointer;border-radius:4px;padding:10px 20px;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block}.btn-retro:hover{transform:translate(2px,2px);box-shadow:2px 2px #000c}.btn-retro:active{box-shadow:none;transform:translate(4px,4px)}.badge-game{color:#fff;background:#ff6b35}.badge-anime{color:#fff;background:#7c5cbf}.badge-music{color:#fff;background:#e91e8c}.badge-toy{color:#fff;background:#00a896}.category-badge{letter-spacing:.05em;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.affiliate-box{border:2px solid var(--retro-orange);background:linear-gradient(135deg,#fff3e0 0%,#fff8e7 100%);border-radius:8px;margin:24px 0;padding:16px 20px}.affiliate-box:before{content:"🛒 この記事に関連する商品";color:var(--retro-orange);margin-bottom:8px;font-size:14px;font-weight:700;display:block}.faq-section{border-top:3px solid var(--retro-dark);margin-top:32px;padding-top:24px}.faq-item{border-bottom:1px solid #eee;padding:12px 0}.faq-question{color:var(--retro-blue);margin-bottom:6px;font-weight:700}.faq-question:before{content:"Q. "}.faq-answer:before{content:"A. ";color:var(--retro-orange);font-weight:700}.game-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--retro-cream)}::-webkit-scrollbar-thumb{background:var(--retro-orange);border-radius:4px}