@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Noto+Sans+JP:wght@400;500;700;900&family=VT323&display=swap";
:root{--bg:#08080f;--bg-card:#0f0f1e;--bg-card2:#141428;--border:#2a2a5a;--border-glow:#6366f166;--amber:#ffb347;--amber-dim:#c8841a;--neon-green:#39ff14;--neon-cyan:#0ff;--neon-pink:#ff006e;--neon-purple:#bf00ff;--text:#e8e8f0;--text-dim:#77a;--text-bright:#fff;--pixel-font:"Press Start 2P", monospace;--body-font:"Noto Sans JP", sans-serif;--vt-font:"VT323", monospace;--shadow-amber:0 0 20px #ffb3474d;--shadow-neon:0 0 20px #39ff1433;--shadow-pink:0 0 20px #ff006e4d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--body-font);background-color:var(--bg);color:var(--text);background-image:linear-gradient(#0000 50%,#00000006 50%);background-size:100% 4px;min-height:100vh;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:9998;position:fixed;inset:0;box-shadow:inset 0 0 120px #08080f99}h1,h2,h3,h4,h5,h6{font-family:var(--body-font);font-weight:900;line-height:1.3}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}.pixel-border{border:2px solid var(--border);box-shadow:0 0 0 1px var(--bg), 0 0 0 2px var(--border)}.glow-amber{box-shadow:var(--shadow-amber)}.glow-neon{box-shadow:var(--shadow-neon)}.glow-pink{box-shadow:var(--shadow-pink)}.text-amber{color:var(--amber)}.text-neon{color:var(--neon-green)}.text-pink{color:var(--neon-pink)}.text-cyan{color:var(--neon-cyan)}.text-dim{color:var(--text-dim)}.pixel-font{font-family:var(--pixel-font);letter-spacing:.05em}.vt-font{font-family:var(--vt-font);letter-spacing:.1em}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;transition:all .2s;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffb34708 0%,#0000 50%);position:absolute;inset:0}.card:hover{border-color:var(--amber);transform:translateY(-2px);box-shadow:0 0 16px #ffb34726,0 4px 24px #00000080}.badge{font-family:var(--pixel-font);letter-spacing:.08em;text-transform:uppercase;border-radius:2px;padding:.3rem .6rem;font-size:.55rem;display:inline-block}.badge-amber{color:var(--amber);background:#ffb34726;border:1px solid #ffb34766}.badge-neon{color:var(--neon-green);background:#39ff141a;border:1px solid #39ff144d}.badge-pink{color:var(--neon-pink);background:#ff006e1a;border:1px solid #ff006e4d}.badge-cyan{color:var(--neon-cyan);background:#00ffff1a;border:1px solid #00ffff4d}.btn{font-family:var(--body-font);cursor:pointer;border:none;border-radius:3px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-amber{color:#000;background:linear-gradient(135deg,#ffb347,#c8841a);box-shadow:0 0 12px #ffb34766}.btn-amber:hover{transform:translateY(-1px);box-shadow:0 0 24px #ffb347b3}.retro-divider{background:linear-gradient(90deg, transparent, var(--border), var(--amber), var(--border), transparent);border:none;height:1px;margin:2rem 0}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes glitch{0%{transform:translate(0)}20%{clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%);transform:translate(-2px)}40%{clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}to{transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #ffb3474d}50%{box-shadow:0 0 20px #ffb34799}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.flicker{animation:8s infinite flicker}.pulse{animation:2s ease-in-out infinite pulse-glow}.slide-in{animation:.4s both slide-in}.article-body{color:var(--text);font-size:1rem;line-height:1.9}.article-body h2{color:var(--amber);border-left:4px solid var(--amber);margin:2.5rem 0 1rem;padding-left:.75rem;font-size:1.4rem;font-weight:900}.article-body h3{color:var(--neon-cyan);margin:2rem 0 .75rem;font-size:1.1rem;font-weight:900}.article-body p{margin-bottom:1.25rem}.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(--amber);font-weight:700}.article-body blockquote{border-left:3px solid var(--neon-pink);color:var(--text-dim);background:#ff006e0f;border-radius:0 4px 4px 0;margin:1.5rem 0;padding:1rem 1.25rem}.article-body table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.9rem}.article-body th{color:var(--amber);border:1px solid var(--border);text-align:left;background:#ffb3471a;padding:.75rem 1rem;font-weight:700}.article-body td{border:1px solid var(--border);color:var(--text);padding:.75rem 1rem}.article-body tr:nth-child(2n) td{background:#2a2a5a33}.rank-1{color:gold}.rank-2{color:silver}.rank-3{color:#cd7f32}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--amber)}@media (max-width:768px){.container{padding:0 1rem}}