:root{--color-bg:#f6f7f9;--color-surface:#fff;--color-text:#1f1f1f;--color-text-muted:#666;--color-border:#e5e7eb;--color-accent:#e3350d;--color-accent-dark:#b52a0a;--color-soft:#f1f2f4;--radius:12px;--shadow-card:0 2px 8px #0000000f;--container-max:880px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif;line-height:1.7}a{color:var(--color-accent-dark)}.container{max-width:var(--container-max);margin:0 auto;padding:0 16px}.main{padding-top:16px;padding-bottom:48px}.skip-link{color:#fff;z-index:100;background:#000;padding:8px 12px;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.muted{color:var(--color-text-muted);font-size:.8rem}.empty{color:var(--color-text-muted);text-align:center;background:var(--color-surface);border-radius:var(--radius);padding:24px}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;position:sticky;top:0}.site-header__inner{align-items:center;height:56px;display:flex}.site-header__logo{color:var(--color-text);text-decoration:none}.logo{color:var(--color-text);align-items:center;gap:8px;font-size:1.15rem;font-weight:800;display:inline-flex}.logo__ball{color:#222;flex:none}.game-nav{border-top:1px solid var(--color-border);-webkit-overflow-scrolling:touch;overflow-x:auto}.game-nav ul{white-space:nowrap;gap:4px;margin:0 auto;padding:0 16px;list-style:none;display:flex}.game-nav a{color:var(--color-text);padding:10px 12px;font-size:.85rem;font-weight:600;text-decoration:none;display:block}.game-nav a:hover{color:var(--color-accent)}.crumbs ol{color:var(--color-text-muted);flex-wrap:wrap;gap:4px;margin:0 0 16px;padding:0;font-size:.75rem;list-style:none;display:flex}.crumbs li+li:before{content:"›";margin-right:4px}.crumbs a{color:var(--color-text-muted)}.hero{background:linear-gradient(135deg, var(--color-accent), #ff7a45);color:#fff;border-radius:var(--radius);padding:24px 20px}.hero h1{margin:0 0 8px;font-size:1.5rem}.hero p{margin:0;font-size:.9rem}.section{margin-top:32px}.section__title{border-left:4px solid var(--color-accent);margin:0 0 12px;padding-left:10px;font-size:1.1rem}.game-tiles{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.game-tile{background:var(--color-surface);border-radius:var(--radius);border-top:4px solid var(--game);height:100%;box-shadow:var(--shadow-card);color:var(--color-text);flex-direction:column;gap:4px;padding:16px;text-decoration:none;display:flex}.game-tile:hover{transform:translateY(-1px)}.game-tile__name{font-weight:700;line-height:1.4}.article-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.article-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);color:var(--color-text);flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;display:flex}.article-card:hover .article-card__title{color:var(--color-accent)}.article-card__title{font-weight:700}.article-card__desc{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;display:-webkit-box;overflow:hidden}.game-label{color:#fff;background:var(--game);border-radius:999px;align-self:flex-start;padding:1px 8px;font-size:.7rem;font-weight:700}.game-head{background:var(--color-surface);border-radius:var(--radius);border-left:6px solid var(--game);box-shadow:var(--shadow-card);padding:20px}.game-head h1{margin:0 0 8px;font-size:1.4rem;line-height:1.4}.game-head p{margin:4px 0 0}.article{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px}.article h1{margin:0 0 4px;font-size:1.5rem;line-height:1.4}.prose h2{background:var(--color-soft);border-left:4px solid var(--color-accent);margin:32px 0 12px;padding:8px 12px;font-size:1.15rem}.prose h3{margin:24px 0 8px;font-size:1.05rem}.prose ul,.prose ol{padding-left:1.4em}.prose table{border-collapse:collapse}.prose th,.prose td{border:1px solid var(--color-border);padding:6px 8px}.type-chip{color:#fff;background:var(--type);white-space:nowrap;text-shadow:0 1px 1px #00000040;border-radius:6px;margin:2px;padding:1px 8px;font-size:.75rem;font-weight:700;display:inline-block}.tc-wrap{-webkit-overflow-scrolling:touch;margin:16px 0;overflow-x:auto}.prose .type-chart{text-align:center;font-size:.75rem}.prose .type-chart th,.prose .type-chart td{min-width:26px;padding:2px}.tc-corner{white-space:nowrap;font-size:.65rem}.tc-atk{background:var(--color-surface);text-align:left;position:sticky;left:0}.tc-vert{writing-mode:vertical-rl;color:#fff;background:var(--type);text-shadow:0 1px 1px #00000040;border-radius:4px;padding:4px 1px;font-weight:700;display:inline-block}.x2{color:#c0260a;background:#fde2dd;font-weight:700}.x05{color:#1e4f99;background:#dde8f7}.x0{color:#333;background:#e2e2e2;font-weight:700}.tc-legend{flex-wrap:wrap;gap:8px;font-size:.75rem;display:flex}.tc-legend span{border:1px solid var(--color-border);border-radius:4px;padding:2px 8px}.prose .type-defense{font-size:.85rem}.prose .type-defense th:first-child{white-space:nowrap}.site-footer{color:#ddd;background:#222;padding:32px 0}.site-footer .logo,.site-footer .logo__ball{color:#fff}.site-footer__brand a{text-decoration:none}.site-footer__linkcols{grid-template-columns:1fr 1fr;gap:16px;margin:16px 0;display:grid}.site-footer__col{flex-direction:column;gap:6px;display:flex}.site-footer__link{color:#ddd;font-size:.85rem;text-decoration:none}.site-footer__link:hover{text-decoration:underline}.site-footer__copy{color:#aaa;font-size:.7rem}.error{text-align:center;padding:48px 0}.prose .type-chart{table-layout:fixed}.prose .type-chart .tc-corner{width:84px}.prose .type-chart .tc-def{vertical-align:bottom;width:30px}.tc-vert{width:22px;line-height:1.15}.prose img{max-width:100%;height:auto}.prose iframe{max-width:100%}.prose .video iframe{aspect-ratio:16/9;border:0;width:100%;height:auto}.prose .table-scroll{-webkit-overflow-scrolling:touch;margin:1em 0;overflow-x:auto}.prose nav.toc{background:var(--color-soft);border:1px solid var(--color-border);border-radius:8px;margin:1.5em 0;padding:10px 16px;font-size:.95rem}.prose nav.toc .toc-title{margin:0 0 4px;font-weight:700}.prose nav.toc ol{margin:0}.prose p.bc{border:1px solid var(--color-border);background:var(--color-soft);border-radius:8px;margin:1em 0;padding:10px 12px}.prose p.bc:before{content:"関連記事　";color:var(--color-text-muted);font-size:.75rem}
