:root{--bg:#f7fafc;--surface:#fff;--surface-2:#f1f7f7;--ink:#102032;--muted:#667384;--soft:#dfe8ee;--line:#d7e2ea;--nav:#08223a;--nav-2:#0e3554;--teal:#128c86;--gold:#c8841a;--coral:#d75f47;--emerald:#168a50;--blue:#2368b8;--shadow:0 18px 50px #1020321c;--tight-shadow:0 10px 25px #10203217;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 88% 4%, #128c8629, transparent 28rem), radial-gradient(circle at 36% 0%, #c8841a21, transparent 24rem), var(--bg);min-width:320px;margin:0}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}a{color:inherit}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#ecf7ff;background:linear-gradient(180deg, var(--nav), var(--nav-2));border-right:1px solid #ffffff14;flex-direction:column;gap:24px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand-block{grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;display:grid}.brand-mark{color:#fff4ce;background:linear-gradient(145deg,#ffffff21,#ffffff05),#113d5e;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:58px;height:58px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0d}.brand-block h1{color:#fff;letter-spacing:0;margin:0;font-size:1.32rem;line-height:1.08}.brand-block p,.patch-card small,.patch-card span{color:#ecf7ffb8;margin:0;font-size:.78rem;line-height:1.45}.main-nav{gap:8px;display:grid}.nav-item{color:#ecf7ffd1;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:42px;padding:10px 12px;display:flex}.nav-item:hover,.nav-item.is-active{color:#fff;background:#ffffff1a;border-color:#ffffff24}.patch-card{background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;gap:6px;margin-top:auto;padding:14px;display:grid}.patch-card strong{color:#fff;font-size:1rem}.workspace{min-width:0;padding:22px}.topbar{grid-template-columns:minmax(240px,1fr) auto;align-items:center;gap:16px;margin-bottom:18px;display:grid}.search-box{border:1px solid var(--line);min-height:48px;box-shadow:var(--tight-shadow);background:#ffffffe0;border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.search-box button{width:28px;height:28px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;place-items:center;display:grid}.game-toggle{background:var(--surface);border:1px solid var(--line);box-shadow:var(--tight-shadow);border-radius:8px;gap:6px;padding:5px;display:flex}.game-toggle button{min-width:88px;min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:0 12px}.game-toggle button.is-active{color:#fff;background:var(--nav-2)}.hero-strip{background:linear-gradient(120deg, #ffffffeb, #eff8f7e6), var(--surface);border:1px solid var(--line);min-height:210px;box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:22px;padding:22px;display:grid;overflow:hidden}.hero-strip h2,.panel-head h2{letter-spacing:0;margin:8px 0;font-size:2rem;line-height:1.06}.hero-strip p,.panel-head p{max-width:860px;color:var(--muted);margin:0;line-height:1.55}.hero-strip img{object-fit:cover;object-position:center;border-radius:8px;width:100%;max-height:210px}.section-label{color:var(--teal);text-transform:uppercase;align-items:center;gap:7px;font-size:.78rem;font-weight:800;display:inline-flex}.filter-row{grid-template-columns:repeat(3,minmax(170px,1fr)) auto;gap:12px;margin:18px 0;display:grid}.select-pill,.clear-button{min-height:56px;color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:var(--tight-shadow);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.select-pill span,.clear-button{gap:8px;font-weight:800}.select-pill span{align-items:center;display:inline-flex}.select-pill select{min-width:112px;color:var(--muted);background:0 0;border:0;outline:0}.clear-button{color:var(--teal);justify-content:center}.content-grid{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:18px;display:grid}.main-panel,.detail-card,.side-section{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px}.main-panel{min-width:0;padding:18px}.panel-head{border-bottom:1px solid var(--soft);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.metric{min-width:96px;min-height:76px;color:var(--nav-2);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;place-items:center;display:grid}.metric strong{font-size:1.55rem;line-height:1}.metric span{color:var(--muted);font-size:.76rem}.god-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:16px;display:grid}.god-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:10px;min-height:260px;padding:12px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative}.god-card:hover,.god-card.is-selected{box-shadow:var(--tight-shadow);border-color:#128c866b;transform:translateY(-2px)}.god-card:before{content:"";pointer-events:none;background:linear-gradient(180deg, var(--tone,#128c861f), transparent 52%);border-radius:8px;position:absolute;inset:0}.tone-mage{--tone:#2368b824}.tone-hunter{--tone:#168a5024}.tone-guardian{--tone:#128c8629}.tone-assassin{--tone:#d75f4724}.tone-warrior{--tone:#c8841a29}.chibi-avatar{aspect-ratio:1;border:1px solid var(--soft);background-color:#fff;background-repeat:no-repeat;background-size:400% 300%;border-radius:8px;width:100%;position:relative;box-shadow:inset 0 -20px 45px #128c8614}.chibi-avatar.compact{flex:0 0 86px;width:86px;height:86px}.god-copy,.tag-row,.build-title,.detail-hero,.side-head{z-index:1;position:relative}.god-copy span,.build-title span,.source-list span,.manual-card span,.counter-card span,.detail-hero span,.manual-mini span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.god-copy strong{margin-top:2px;font-size:1.05rem;display:block}.god-copy small{color:var(--muted);line-height:1.35;display:block}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-row span,.chip-list span,.item-row span,.mini-metrics span{min-height:26px;color:var(--nav-2);background:var(--surface-2);border:1px solid var(--soft);border-radius:7px;align-items:center;padding:4px 8px;font-size:.74rem;font-weight:800;display:inline-flex}.detail-panel{gap:14px;display:grid;position:sticky;top:18px}.detail-card,.side-section{padding:16px}.detail-hero{align-items:center;gap:14px;display:flex}.detail-hero h3{margin:2px 0;font-size:1.4rem;line-height:1.1}.detail-hero p{color:var(--muted);margin:0}.mini-metrics,.chip-list,.item-row{flex-wrap:wrap;gap:6px;display:flex}.mini-metrics{margin:14px 0}.detail-section{border-top:1px solid var(--soft);margin-top:14px;padding-top:14px}.detail-section h4,.side-head h3,.build-card h3,.manual-card h3,.counter-card h3{color:var(--ink);letter-spacing:0;margin:0;line-height:1.18}.detail-section p,.build-card p,.counter-row p,.counter-card p,.manual-card p,.empty-note{color:var(--muted);margin:8px 0 0;font-size:.9rem;line-height:1.48}.ability-list{gap:8px;display:grid}.ability-row{background:var(--surface-2);border:1px solid var(--soft);border-radius:8px;padding:10px}.ability-row strong{display:block}.ability-row span{color:var(--gold);font-size:.76rem;font-weight:900}.side-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.build-stack,.counter-list{gap:10px;display:grid}.build-library,.manual-grid,.counter-table,.source-list{gap:12px;margin-top:16px;display:grid}.build-library{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.build-card,.counter-card,.manual-card,.source-list a{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px}.build-card.compact{padding:12px}.build-title{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.build-title strong{color:#fff;background:var(--teal);border-radius:7px;align-self:flex-start;padding:5px 8px;font-size:.74rem}.item-row span{color:var(--ink);background:#fff8e8;border-color:#c8841a47}.counter-row{border-top:1px solid var(--soft);padding:10px 0}.counter-row:first-child{border-top:0;padding-top:0}.counter-row strong{display:block}.counter-row span{color:var(--coral);font-size:.82rem;font-weight:900}.counter-table{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.manual-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.manual-card ol{color:var(--ink);margin:12px 0;padding-left:20px}.manual-card li{margin:7px 0;line-height:1.45}.manual-mini{border-top:1px solid var(--soft);justify-content:space-between;gap:10px;padding:10px 0;display:flex}.manual-mini:first-of-type{border-top:0}.item-lab{grid-column:1/-1}.source-list a{gap:6px;text-decoration:none;display:grid}.source-list a:hover{border-color:#128c866b}.source-list small{color:var(--blue);overflow-wrap:anywhere}@media (width<=1240px){.app-shell{grid-template-columns:92px minmax(0,1fr)}.sidebar{padding:18px 12px}.brand-block{grid-template-columns:1fr}.brand-block h1,.brand-block p,.nav-item span,.patch-card{display:none}.brand-mark{width:54px;height:54px;margin:0 auto}.nav-item{justify-content:center}.content-grid{grid-template-columns:minmax(0,1fr)}.detail-panel{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.detail-card{grid-column:1/-1}}@media (width<=860px){.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;width:100%;height:auto;padding:12px;position:static;overflow-x:auto}.brand-block h1{min-width:154px;font-size:1rem;display:block}.main-nav{grid-auto-columns:max-content;grid-auto-flow:column}.workspace{padding:14px}.topbar,.hero-strip,.filter-row,.detail-panel{grid-template-columns:1fr}.game-toggle{overflow-x:auto}.game-toggle button{min-width:76px}.hero-strip h2,.panel-head h2{font-size:1.55rem}.hero-strip img{max-height:170px}.panel-head{display:grid}.metric{justify-content:space-between;width:100%;min-height:46px;padding:0 12px;display:flex}.god-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.god-card{min-height:230px}}@media (width<=520px){.brand-mark{display:none}.god-grid,.build-library,.manual-grid,.counter-table{grid-template-columns:1fr}.detail-hero{align-items:flex-start}.chibi-avatar.compact{flex-basis:72px;width:72px;height:72px}}