:root{--bg:#f7f7fb;--surface:#fff;--text:#2b2f36;--muted:#6b7280;--head:#14171f;--border:#e6e7eb;--accent:#e0464b;--accent-2:#2b8a9e;--play:#2f9e44;--radius:12px;--shadow:0 1px 2px #1018280d, 0 8px 24px #1018280f;--maxw:1040px;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3,h4{color:var(--head);line-height:1.2}.app{flex-direction:column;min-height:100vh;display:flex}.content{width:100%;max-width:var(--maxw);flex:1;margin:0 auto;padding:28px 20px 64px}.topbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#ffffffd9;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.brand{color:var(--head);align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.nav{gap:6px;display:flex}.nav a{color:var(--text);border-radius:8px;padding:8px 12px;font-weight:600}.nav a:hover{background:#eef0f3;text-decoration:none}.nav a.active{color:var(--accent);background:#fdecec}.footer{max-width:var(--maxw);width:100%;color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;margin:0 auto;padding:20px;font-size:14px;display:flex}.hero{padding:24px 0 12px}.hero h1{margin:0 0 6px;font-size:40px}.hero.small h1{font-size:30px}.tagline{color:var(--accent-2);margin:0 0 12px;font-size:18px;font-weight:600}.intro{max-width:70ch;color:var(--text)}.section{margin-top:40px}.section-title{border-bottom:2px solid var(--border);margin:0 0 16px;padding-bottom:8px;font-size:22px}.muted{color:var(--muted)}.small{font-size:14px}.note{margin-top:16px;font-style:italic}.back{margin-bottom:12px;font-weight:600;display:inline-block}.badge{color:var(--muted);vertical-align:middle;background:#eef0f3;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.badge-specific{color:var(--accent);background:#fdecec}.badge-generic{color:var(--accent-2);background:#e6f4f7}.badge-archive{color:#8a6d00;background:#fff3bf}.badge-live{color:var(--play);background:#e6f7ec}.tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tag{color:var(--muted);border:1px solid var(--border);background:#f1f3f5;border-radius:6px;padding:2px 8px;font-size:12px}.btn{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-block}.btn:hover{border-color:var(--accent-2);color:var(--accent-2);text-decoration:none}.btn-play{background:var(--play);color:#fff;border-color:var(--play)}.btn-play:hover{color:#fff;background:#2b8a3e;border-color:#2b8a3e}.links-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.links-row.big .btn{padding:10px 18px;font-size:15px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #1018281f}.card-cover{aspect-ratio:16/9;background:#11151c;display:block}.card-cover img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.cover-fallback{color:#fff;place-items:center;width:100%;height:100%;font-weight:800;display:grid}.card-body{padding:16px}.card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-head h3{margin:0;font-size:18px}.game-card .card-head h3 a{color:var(--head)}.game-hero{grid-template-columns:360px 1fr;align-items:start;gap:24px;margin-top:8px;display:grid}.game-cover{border-radius:var(--radius);border:1px solid var(--border);image-rendering:pixelated;box-shadow:var(--shadow)}.game-hero h1{margin:0 0 4px;font-size:32px}.article-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.article-card{display:block}.article-card:hover{text-decoration:none}.article-card h3{margin:0;font-size:17px}.gallery{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.shot{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.article-grid{grid-template-columns:1fr 220px;align-items:start;gap:32px;display:grid}.article-main{min-width:0}.article-illu{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px}.chips{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.chips-label{color:var(--muted);font-size:13px;font-weight:700}.chip{color:var(--accent-2);background:#e6f4f7;border:1px solid #cfe9ef;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}.chip:hover{background:var(--accent-2);color:#fff;text-decoration:none}.toc{font-size:14px;position:sticky;top:70px}.toc h4{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 8px;font-size:12px}.toc ul{border-left:2px solid var(--border);margin:0;padding:0;list-style:none}.toc li a{color:var(--text);padding:4px 12px;display:block}.toc li.toc-l3 a{color:var(--muted);padding-left:24px;font-size:13px}.md{line-height:1.65}.md h1{margin:0 0 8px;font-size:30px}.md h2{margin:32px 0 10px;padding-top:6px;font-size:22px}.md h3{margin:22px 0 8px;font-size:18px}.md blockquote{border-left:4px solid var(--accent-2);color:#2a3b40;background:#f0f8fa;border-radius:0 8px 8px 0;margin:16px 0;padding:10px 16px}.md code{background:#f1f3f5;border-radius:5px;padding:1px 5px;font-size:.9em}.md pre{color:#e6e9ef;background:#14171f;border-radius:10px;padding:16px;font-size:13px;line-height:1.5;overflow:auto}.md pre code{color:inherit;background:0 0;padding:0}.md table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}.md th,.md td{border:1px solid var(--border);text-align:left;padding:8px 10px}.md th{background:#f1f3f5}.md-img{border:1px solid var(--border);border-radius:10px;margin:16px 0}.lexicon{margin:0}.lex-entry{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-bottom:10px;padding:14px 16px}.lex-entry dt{color:var(--head);margin-bottom:4px;font-size:16px;font-weight:800}.lex-entry dd{margin:0}.lex-entry dd p{margin:0 0 4px}.lex-entry.flash{animation:1.6s flash}@keyframes flash{0%{background:#fff3bf;box-shadow:0 0 0 3px #ffe066}to{background:var(--surface);box-shadow:none}}.members{gap:16px;display:grid}.member{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:16px;padding:16px;display:flex}.member h3{margin:0 0 4px}.member p{margin:0 0 8px}.avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:14px;flex:none;place-items:center;width:56px;height:56px;font-size:24px;font-weight:900;display:grid}.teasers{grid-template-columns:1fr 1fr;gap:16px;display:grid}.teaser{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);padding:20px;display:block}.teaser:hover{border-color:var(--accent-2);text-decoration:none}.teaser h3{margin:0 0 6px}.tagbar{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tag-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.tag-btn:hover{border-color:var(--accent-2)}.tag-btn.on{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.link-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.link-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.link-head{align-items:center;gap:10px;display:flex}.link-title{font-size:17px;font-weight:700}.path{counter-reset:step;gap:8px;margin:0;padding:0;list-style:none;display:grid}.path li{counter-increment:step}.path li a{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.path li a:before{content:counter(step);background:var(--accent-2);color:#fff;border-radius:999px;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.path li a:hover{border-color:var(--accent-2);text-decoration:none}.path-title{font-weight:600}.tag-level{text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.tag-intro{color:var(--play);background:#e6f7ec;border-color:#c3ebd2}.tag-adv{color:#8a6d00;background:#fff3bf;border-color:#ffe066}.article-meta{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 10px;display:flex}.badge-cat{color:#6d4ad6;background:#ede9fe}.prereq{border-left:4px solid var(--accent-2);background:#f0f8fa;border-radius:0 8px 8px 0;margin:0 0 18px;padding:8px 12px;font-size:14px}.prevnext{border-top:1px solid var(--border);justify-content:space-between;gap:12px;margin-top:40px;padding-top:18px;display:flex}.pn{border:1px solid var(--border);background:var(--surface);border-radius:10px;max-width:48%;padding:10px 14px;font-weight:600}.pn:hover{border-color:var(--accent-2);text-decoration:none}.pn-next{text-align:right;margin-left:auto}.articles-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.articles-head .section-title{border:0;margin:0;padding:0}.accordion{gap:10px;display:grid}.acc-group{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.acc-group.is-open{border-color:var(--accent-2)}.acc-header{cursor:pointer;width:100%;font:inherit;text-align:left;color:var(--head);background:0 0;border:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.acc-header:hover{background:#f0f8fa}.acc-caret{color:var(--accent-2);flex:none;width:14px;font-size:12px}.acc-title{font-size:17px;font-weight:800}.acc-count{margin-left:auto;font-size:13px}.acc-desc{margin:0 16px 8px;font-size:14px}.acc-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 12px 14px;display:grid}.acc-card{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:relative}.acc-card:hover{border-color:var(--accent-2);text-decoration:none}.acc-card-title{color:var(--head);font-size:15px;font-weight:700;line-height:1.3}.acc-card-tags{flex-wrap:wrap;gap:6px;display:flex}.acc-card-desc{color:var(--muted);margin:0;font-size:13px;line-height:1.45}@media (hover:hover){.acc-card-desc{z-index:5;color:var(--text);background:var(--surface);border:1px solid var(--accent-2);opacity:0;pointer-events:none;border-radius:8px;padding:10px 12px;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 6px);left:0;right:0;transform:translateY(-4px);box-shadow:0 8px 24px #10182824}.acc-card:hover .acc-card-desc,.acc-card:focus-within .acc-card-desc{opacity:1;transform:translateY(0)}}@media (width<=980px){.acc-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.acc-grid{grid-template-columns:1fr}}.cmt-fab{z-index:40;cursor:pointer;background:var(--accent-2);color:#fff;border:0;border-radius:999px;place-items:center;width:52px;height:52px;font-size:22px;line-height:1;transition:transform .12s,background .12s;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 20px #1018283d}.cmt-fab:hover{background:#24788a;transform:translateY(-2px)}.cmt-notice{z-index:70;background:var(--play);color:#fff;border-radius:6px;padding:8px 16px;font-weight:700;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000040}.cmt-overlay{z-index:60;background:#10182873;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.cmt-modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:520px;max-height:90vh;padding:20px;overflow:auto;box-shadow:0 20px 60px #10182859}.cmt-modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.cmt-modal-head h2{margin:0;font-size:20px}.cmt-close{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:4px;font-size:20px;line-height:1}.cmt-close:hover{color:var(--head)}.cmt-form{gap:10px;display:grid}.cmt-form input,.cmt-form textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.cmt-form textarea{resize:vertical}.cmt-form input:focus,.cmt-form textarea:focus{border-color:var(--accent-2);outline:none}@media (width<=820px){.game-hero,.article-grid{grid-template-columns:1fr}.toc{border-top:1px solid var(--border);margin-top:24px;padding-top:16px;position:static}.teasers{grid-template-columns:1fr}.hero h1{font-size:32px}}