:root{color-scheme:dark;--bg:#0b1019;--line:#303d4e;--text:#f2eee4;--muted:#afb8c3;--gold:#dfba76}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0%,#26334a,#0b1019 42%);color:var(--text);font:16px/1.6 system-ui,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}header{height:76px;position:sticky;top:0;z-index:3;background:#101723ed;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3vw}.brand{display:flex;align-items:center;gap:10px;font:bold 20px Georgia,serif}.brand b{font:10px system-ui;letter-spacing:.2em;color:var(--gold)}header nav{display:flex;gap:12px;align-items:center;font-size:13px}header button{display:none;background:none;border:1px solid var(--line);color:white;padding:6px 12px}.skip{position:absolute;top:-60px;background:white;color:black;padding:8px}.skip:focus{top:0}.layout{max-width:1700px;margin:auto;display:grid;grid-template-columns:200px minmax(0,1fr) 225px}aside{border-right:1px solid var(--line);padding:35px 20px;position:sticky;top:76px;height:calc(100vh - 76px)}aside small,section>small,.hero small,.searchbox label{color:var(--gold);font-weight:bold;letter-spacing:.2em;font-size:11px}aside nav{display:grid;margin-top:20px}aside a{padding:8px;color:var(--muted);border-left:2px solid transparent;font-size:14px}aside a.active,aside a:hover{border-color:var(--gold);color:white;background:#ffffff0a}.searchbox{border-left:1px solid var(--line);padding:35px 18px;position:sticky;top:76px;height:calc(100vh - 76px)}input{width:100%;margin:12px 0;padding:11px;background:#1a2533;color:white;border:1px solid var(--line);border-radius:5px}#filters{display:flex;flex-wrap:wrap;gap:5px}#filters button{background:#1a2533;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:4px 8px;cursor:pointer;font-size:12px}#filters button.selected{background:var(--gold);color:#111}#count{font-size:12px;color:var(--muted)}main{min-width:0;padding:0 clamp(20px,4vw,60px)}#crumb{padding:20px 0;color:#8c9aac;font-size:12px}.hero{min-height:500px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 90% 25%,#69543140,transparent 40%)}h1,h2,h3{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(48px,6vw,82px);margin:15px 0;max-width:800px}h1 em{color:var(--gold);font-weight:normal}.hero>p{max-width:630px;font-size:18px;color:var(--muted)}.button{display:inline-block;border:1px solid var(--gold);padding:11px 20px;border-radius:4px;font-size:13px;font-weight:bold;letter-spacing:.07em}.button.primary{background:var(--gold);color:#171716}.play-note{font-size:13px!important}#quick{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}#quick a{border:1px solid var(--line);padding:7px 12px;border-radius:3px;font-size:13px}section{border-bottom:1px solid var(--line);padding:55px 0;scroll-margin-top:76px}h2{font-size:clamp(36px,4vw,54px);margin:12px 0 25px}.cards,.guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.card,.guide article,.feature{background:linear-gradient(145deg,#1b2635,#111a27);border:1px solid var(--line);border-radius:8px;padding:21px}.card{border-top:3px solid var(--accent,var(--gold))}.card h3{font-size:24px;margin:8px 0}.card p,.guide p,.feature p,section>p{color:var(--muted)}.card small{color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.card dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:13px}.card dt{color:#8895a5}.card dd{margin:0}.card img{display:block;width:100%;height:150px;object-fit:contain;margin:0 0 14px;filter:drop-shadow(0 12px 16px #0008)}#bosses .cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}#bosses .card{background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 45%),linear-gradient(145deg,#1b2635,#111a27)}#bosses .card img{height:220px}.empty{border:1px dashed var(--line);padding:20px;color:var(--muted)}footer{padding:35px 0;color:var(--muted);font-size:13px}@media(max-width:1200px){.layout{grid-template-columns:190px minmax(0,1fr)}.searchbox{grid-column:2;grid-row:1;position:static;height:auto;border:0;border-bottom:1px solid var(--line);padding:16px 30px}main{grid-column:2;grid-row:2}aside{grid-row:1/span 2}header nav a:not(.button){display:none}}@media(max-width:760px){header{height:66px}header button{display:block}header nav{display:none;position:absolute;top:66px;left:0;right:0;background:#111a27;flex-direction:column;align-items:stretch;padding:16px}header nav.open,header nav.open a{display:flex!important}.layout{display:flex;flex-direction:column}aside{display:none}.searchbox{order:0}.layout main{order:1}.hero{min-height:420px}h1{font-size:47px}}

/* God system */
#gods .god-recipe{margin-bottom:24px}
#gods .god-recipe ul,#gods .god-guide ul{padding-left:20px;color:var(--muted);line-height:1.8}
#gods .god-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
#gods .god-cards .card img{height:300px;object-fit:contain;background:radial-gradient(circle at 50% 25%,rgba(237,174,74,.16),transparent 64%)}
#gods .god-guide{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:24px}
/* Wings */
.wing-poster{display:block;width:100%;max-height:440px;object-fit:cover;object-position:center;border:1px solid var(--line);border-radius:8px}.wing-labels{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:14px}.wing-labels span{padding:8px;text-align:center;border:1px solid var(--line);border-radius:5px;background:#1b2635;color:var(--gold);font-size:13px}.urai-wing{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center;margin-top:20px}.urai-wing img{width:100%;max-height:230px;object-fit:contain;filter:drop-shadow(0 12px 16px #0008)}.urai-wing h3{margin:6px 0}.urai-wing small{color:var(--gold)}@media(max-width:760px){.wing-labels{grid-template-columns:repeat(3,1fr)}.urai-wing{grid-template-columns:1fr}}