:root{--bg:#101319;--bg2:#151920;--panel:#191f27;--panel2:#202731;--line:#313a43;--text:#f4f1e9;--muted:#929ba0;--accent:#45d2a1;--amber:#e2b36b;--cond:"Barlow Condensed",Impact,sans-serif;--jp:"Noto Sans JP",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 82% 0%,#1d393944,transparent 39%),var(--bg);color:var(--text);font-family:var(--jp);font-size:14px}.topbar{height:68px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:#101319ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{display:flex;gap:10px;align-items:center;color:#eee;text-decoration:none;font:700 10px/1.04 var(--cond);letter-spacing:1px}.brand b{color:var(--accent);font-size:13px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #45d2a180;color:var(--accent);font:800 25px/.9 var(--cond);transform:skew(-8deg)}.top-center,.top-link,.eyebrow,.panel-kicker,.roster-count,.state-key,.intro-count,.hero-count,.patch-chip,.empty-ornament,footer{font-family:var(--cond);letter-spacing:1.15px}.top-center{font-size:11px;color:#a7aba8;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:var(--accent);display:inline-block;transform:rotate(45deg)}.top-divider{color:#555}.top-link{font-size:12px;text-decoration:none;color:#eee}.top-link span{color:var(--accent);padding-left:8px}.hero-intro{max-width:1440px;margin:0 auto;padding:42px 38px 27px;border-bottom:1px solid #ffffff12;position:relative}.eyebrow{color:var(--accent);font-size:10px;font-weight:700;margin:0 0 9px}.eyebrow i{font-style:normal;color:#717d7c}.hero-intro h1{font:800 clamp(36px,4.3vw,58px)/.95 var(--cond);letter-spacing:.5px;margin:0 0 8px}.hero-intro h1 span{color:var(--accent)}.hero-intro>p:not(.eyebrow){margin:0;color:#b2b7b3;font-size:13px}.intro-count{position:absolute;right:40px;bottom:28px;display:flex;align-items:baseline;gap:7px;color:#a6adaa;font-size:11px}.intro-count b{font:700 22px var(--cond);color:var(--accent);margin-left:9px}.intro-count i{width:1px;height:22px;background:#3a4347;margin:0 7px;align-self:center}.workspace{max-width:1440px;margin:0 auto;padding:20px 38px 0;display:grid;grid-template-columns:minmax(440px, 0.95fr) minmax(480px, 1.05fr);gap:19px;align-items:start}.selector-panel,.detail-panel{border:1px solid #ffffff14;background:linear-gradient(140deg,#1a2028,#151a20);min-width:0}.selector-head{height:66px;padding:12px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12}.panel-kicker{font-size:9px;color:var(--accent);font-weight:700}.selector-head h2,.global-head h2{font-size:18px;margin:2px 0 0;font-weight:700}.roster-count{color:#87928f;font-size:12px}.hero-search{height:42px;margin:12px 14px 7px;border:1px solid #353e45;background:#11161b;display:flex;align-items:center;padding:0 10px;gap:9px;color:var(--accent)}.hero-search>span{font-size:23px;line-height:1}.hero-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:12px var(--jp)}.hero-search input::placeholder{color:#747e82}.hero-search kbd{font:10px var(--cond);color:#768084;border:1px solid #333c42;padding:2px 6px}.state-key{display:flex;gap:16px;padding:6px 16px 10px;color:#98a09e;font-size:10px}.state-key span{display:flex;align-items:center;gap:6px}.state-key i{width:7px;height:7px;background:var(--accent);display:block;transform:rotate(45deg)}.state-key .key-inactive{background:#687075}.hero-grid{padding:0 13px 15px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:min(690px,72vh);overflow:auto;scrollbar-color:#46514f #141a1f;scrollbar-width:thin}.hero-card{position:relative;border:1px solid #48504e;background:#161c20;aspect-ratio:.83;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s,filter .15s;isolation:isolate;color:var(--text);padding:0}.hero-card:hover,.hero-card:focus-visible{border-color:var(--accent);transform:translateY(-2px);outline:none;z-index:2}.hero-card.selected{border:2px solid var(--accent);box-shadow:0 0 0 2px #45d2a122,0 0 20px #45d2a11b}.hero-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#0c1114ed);z-index:-1}.hero-card .hero-name{position:absolute;left:6px;right:5px;bottom:7px;text-align:left;font:700 clamp(10px,.95vw,13px)/1 var(--cond);letter-spacing:.15px;text-shadow:0 2px 5px #000}.hero-card .hero-count{position:absolute;right:5px;top:5px;background:#16201eeb;color:var(--accent);padding:2px 5px;font:700 10px var(--cond)}.hero-card .no-change{position:absolute;top:0;left:0;right:0;background:#454d50df;color:#d0d3d2;text-align:center;font:700 9px var(--cond);padding:4px 1px;letter-spacing:.5px}.hero-card.disabled{filter:grayscale(1);opacity:.47;cursor:not-allowed}.hero-card.disabled:hover{transform:none;border-color:#48504e}.detail-panel{position:sticky;top:82px;min-height:530px;overflow:hidden}.detail-panel.has-hero{background:#141a20}.empty-state{min-height:530px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;width:360px;height:360px;border:1px solid #45d2a112;transform:rotate(45deg);box-shadow:0 0 0 45px #45d2a108,0 0 0 90px #45d2a105}.empty-glyph{font-size:28px;color:var(--accent);margin-bottom:13px}.empty-state h2{font-size:22px;margin:12px 0 8px}.empty-state p{line-height:1.9;font-size:12px;color:#9ca6a6;margin:0}.empty-ornament{font-size:9px;color:#65716f;margin-top:43px}.detail-hero{height:230px;position:relative;overflow:hidden;background:#202b2b}.detail-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 34%;opacity:.44;filter:saturate(.78)}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#11171beF 3%,#11171b77 60%,#11171b22),linear-gradient(0deg,#141a20,transparent 64%)}.detail-copy{position:absolute;z-index:1;left:24px;right:18px;bottom:18px}.detail-overline{font:700 10px var(--cond);letter-spacing:1.5px;color:var(--accent)}.detail-copy h2{font:800 clamp(34px,4vw,52px)/.9 var(--cond);margin:6px 0 6px;text-transform:uppercase;text-shadow:0 2px 15px #000}.detail-copy p{font-size:11px;color:#d1d4cf;margin:0}.patch-chip{position:absolute;right:18px;top:18px;z-index:2;background:var(--accent);color:#071a15;font-size:10px;font-weight:800;padding:6px 9px}.detail-body{padding:18px 22px 25px}.change-title{display:flex;align-items:center;gap:9px;margin-bottom:12px}.change-title .date-mark{width:6px;height:6px;display:inline-block;background:var(--accent);transform:rotate(45deg)}.change-title h3{font-size:14px;margin:0}.change-title span:last-child{font:600 11px var(--cond);color:#929c99;margin-left:auto}.change-list{list-style:none;margin:0;padding:0;max-height:390px;overflow:auto;scrollbar-color:#46514f #141a1f;scrollbar-width:thin}.change-list li{position:relative;padding:11px 10px 11px 18px;border-top:1px solid #ffffff10;font-size:12px;line-height:1.85;color:#d4d6d1}.change-list li:before{content:"";position:absolute;left:2px;top:18px;width:6px;height:6px;background:var(--accent);transform:rotate(45deg)}.global-updates{max-width:1364px;margin:40px auto 0;padding:0 38px}.global-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #ffffff18;padding-bottom:14px;gap:15px}.global-head h2{font-size:22px}.global-head p{font-size:11px;color:#8f9997;margin:4px 0 0}.global-tabs{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.global-tab{background:#1b2228;border:1px solid #374048;padding:7px 10px;color:#afb7b3;font:600 11px var(--jp);cursor:pointer}.global-tab.active,.global-tab:hover{border-color:var(--accent);color:var(--accent)}.global-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin-top:10px}.global-item{padding:12px 8px 12px 20px;border-bottom:1px solid #ffffff0d;position:relative;font-size:11px;line-height:1.8;color:#c3c9c5}.global-item:before{content:"";position:absolute;left:3px;top:19px;width:5px;height:5px;background:#45d2a1a0;transform:rotate(45deg)}footer{max-width:1364px;border-top:1px solid #ffffff18;margin:38px auto 0;padding:20px 38px 24px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#777f80;gap:15px}.footer-logo{color:#ddd;font-size:12px}.footer-logo b{color:var(--accent)}footer i{color:var(--accent);font-style:normal}footer a{color:#aab0ad;text-decoration:none}.hero-card[hidden]{display:none}@media(max-width:1050px){.workspace{grid-template-columns:minmax(350px,.9fr) minmax(390px,1.1fr);padding-left:22px;padding-right:22px}.hero-intro{padding-left:22px}.hero-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.global-updates{padding-left:22px;padding-right:22px}footer{padding-left:22px;padding-right:22px}}@media(max-width:760px){.topbar{height:58px;padding:0 4%}.top-center{font-size:9px}.top-link{font-size:10px}.hero-intro{padding:28px 5% 22px}.hero-intro h1{font-size:40px}.hero-intro>p:not(.eyebrow){font-size:11px}.intro-count{position:static;margin-top:12px;gap:5px;font-size:10px}.intro-count b{font-size:18px}.intro-count i{height:17px}.workspace{display:flex;flex-direction:column;padding:12px 4% 0;gap:12px}.selector-panel,.detail-panel{width:100%}.selector-head{height:55px}.selector-head h2{font-size:16px}.hero-search{margin:9px 10px 5px}.state-key{padding:5px 12px 8px}.hero-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0 9px 11px;max-height:43vh}.hero-card .hero-name{font-size:clamp(10px,2.4vw,13px)}.hero-card .no-change{font-size:8px}.detail-panel{position:static;min-height:0}.empty-state{min-height:300px}.detail-hero{height:190px}.detail-copy{left:16px;bottom:15px}.detail-copy h2{font-size:39px}.patch-chip{right:12px;top:12px}.detail-body{padding:14px}.change-list{max-height:55vh}.global-updates{margin-top:28px;padding:0 4%}.global-head{align-items:start;flex-direction:column}.global-head h2{font-size:19px}.global-tabs{justify-content:flex-start}.global-list{grid-template-columns:1fr}.global-item{padding-top:10px;padding-bottom:10px}footer{margin-top:28px;padding:17px 4% 20px;flex-wrap:wrap;font-size:8px}footer .footer-logo{width:100%}}@media(max-width:420px){.top-center{gap:5px;font-size:8px}.brand{font-size:9px}.brand-mark{width:30px;height:30px}.hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-card{aspect-ratio:.79}}
/* Patch readability and ability slots */
.change-list li.ability-change{padding-left:48px}.ability-badge{position:absolute;left:10px;top:11px;width:25px;height:25px;border:1px solid #45d2a166;background:#45d2a115;color:var(--accent);display:grid;place-items:center;font:800 15px var(--cond)}.ability-legend{font-size:10px;color:#85918e;line-height:1.7;margin:12px 0 0;padding:9px 11px;border-left:2px solid #45d2a177;background:#ffffff05}.global-toolbar{display:flex;justify-content:space-between;align-items:center;margin:14px 0 10px;padding:10px 13px;border:1px solid #ffffff10;background:#171d23}.global-toolbar p{font-size:11px;color:#aab3af;margin:0}.global-toolbar>span{font:600 11px var(--cond);color:var(--accent);letter-spacing:1px}.global-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 11px;margin-top:10px}.global-item{padding:13px 13px 12px 42px;border:1px solid #ffffff11;background:#171d23;position:relative;min-height:82px}.global-item:before{display:none}.global-item .update-index{position:absolute;left:12px;top:13px;font:700 13px var(--cond);color:#65726e}.update-tag{display:inline-block;color:var(--accent);font:700 10px var(--cond);letter-spacing:.8px;margin-bottom:5px}.global-item p{font-size:11px;line-height:1.75;color:#d0d5d1;margin:0}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-card{min-width:0;display:grid;grid-template-columns:68px minmax(0,1fr);gap:13px;padding:13px;border:1px solid #ffffff13;background:linear-gradient(135deg,#1a2128,#151b21);align-items:start}.item-image{width:68px;height:68px;border:1px solid #465149;background:radial-gradient(circle at 35% 25%,#344539,#171e22 72%);display:grid;place-items:center;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:contain}.item-image>span{font:700 21px var(--cond);color:#91a19a}.item-copy{min-width:0}.item-title-row{display:flex;justify-content:space-between;gap:6px;align-items:center}.item-index,.item-change-count{font:600 9px var(--cond);letter-spacing:.7px;color:#7f8d88}.item-change-count{color:var(--accent);white-space:nowrap}.item-copy h3{font-size:13px;margin:4px 0 6px}.item-copy ul{list-style:none;padding:0;margin:0}.item-copy li{font-size:10px;line-height:1.7;color:#c4ccc7;padding:6px 0 6px 12px;border-top:1px solid #ffffff0b;position:relative}.item-copy li:before{content:"";position:absolute;left:1px;top:12px;width:4px;height:4px;background:#45d2a1b5;transform:rotate(45deg)}@media(max-width:900px){.item-grid{grid-template-columns:1fr}}@media(max-width:760px){.global-list{grid-template-columns:1fr}.item-grid{grid-template-columns:1fr}.item-card{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:10px}.item-image{width:58px;height:58px}.global-toolbar{align-items:start;gap:12px}.global-item{min-height:0}}
.refresh-row{display:flex;align-items:center;gap:12px;margin-top:15px}.refresh-row button{border:1px solid #45d2a177;background:#45d2a113;color:var(--accent);padding:9px 13px;font:700 11px var(--jp);cursor:pointer;transition:background .15s,border-color .15s}.refresh-row button:hover{background:#45d2a126;border-color:var(--accent)}.refresh-row button:disabled{opacity:.6;cursor:wait}.refresh-row button span{font-size:15px;margin-right:5px}.refresh-row #refresh-status{font-size:10px;color:#8d9995}.latest-patch-result{margin:17px 0 2px;border:1px solid #45d2a14a;background:#151e21;padding:15px}.latest-patch-result[hidden]{display:none}.latest-result-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.latest-result-head h3{font-size:15px;margin:3px 0}.latest-result-head p{font-size:10px;color:#98a49f;margin:4px 0}.latest-result-head a{color:var(--accent);font-size:10px;text-decoration:none;white-space:nowrap}.latest-result-label{font:700 9px var(--cond);letter-spacing:1px;color:var(--accent)}.latest-result-summary{font-size:11px;line-height:1.8;color:#d0d6d1;margin:10px 0 0}.latest-result-details{margin-top:12px}.latest-result-details summary{cursor:pointer;color:#aeb9b3;font-size:11px}.latest-source-list{padding:7px 0 0;margin:0;list-style:none;columns:2;column-gap:22px}.latest-source-list li{break-inside:avoid;padding:7px 7px 7px 13px;border-top:1px solid #ffffff0c;color:#c7cfca;font-size:10px;line-height:1.7;position:relative}.latest-source-list li:before{content:"";position:absolute;left:1px;top:13px;width:4px;height:4px;background:#45d2a1b5;transform:rotate(45deg)}.latest-new-banner{display:flex;align-items:center;gap:7px;margin:10px 0 0;color:var(--amber);font-size:10px}.refresh-row button.is-loading span{display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.refresh-row{align-items:flex-start;flex-direction:column;gap:7px}.latest-result-head{flex-direction:column}.latest-result-head a{white-space:normal}.latest-source-list{columns:1}}
.latest-source-group{margin-top:16px}.latest-source-group h4{margin:0;padding:0 0 7px;border-bottom:1px solid #ffffff15;color:var(--accent);font-size:12px}.latest-source-group .latest-source-list{margin-top:4px}.latest-new-banner{padding:9px 11px;background:#e2b36b12;border-left:2px solid var(--amber)}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:var(--accent);color:#071a15;padding:10px 14px;font-weight:700;transform:translateY(-160%);transition:transform .15s}.skip-link:focus{transform:translateY(0)}.main-anchor{display:block;position:relative;top:-78px;visibility:hidden}.topbar a:focus-visible,.global-tab:focus-visible,.refresh-row button:focus-visible,.hero-card:focus-visible,.hero-search:focus-within{outline:2px solid #7ef0c3;outline-offset:3px}.search-empty{grid-column:1/-1;padding:24px 12px;text-align:center;color:#a5afab;font-size:12px}.global-tab{min-height:40px}.global-item,.item-card{border-radius:4px}.item-card:hover,.global-item:hover{border-color:#45d2a14a}.hero-search input:focus-visible{outline:none}.latest-result-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.top-link{font-family:var(--jp);font-weight:600;letter-spacing:0}@media(max-width:760px){.top-center{display:none}.top-link{font-size:11px}.hero-intro{padding-top:25px}.intro-count{flex-wrap:wrap}.hero-grid{scroll-padding:12px}.global-tab{padding:9px 12px}.global-head{gap:12px}.latest-patch-result{padding:12px}}