@import url('assets/fonts/fonts.css');
:root{--bg:#0b0c10;--panel:#111217;--panel2:#17191f;--line:#272a33;--muted:#989aa8;--text:#edecf1;--cyan:#64e4f3;--violet:#b78bff;--accent:var(--cyan);--sidebar:218px;--head:'Barlow Condensed',Impact,sans-serif;--body:Inter,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);font:14px/1.6 var(--body);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}img{display:block;max-width:100%}svg{width:20px;height:20px;flex-shrink:0}button svg{pointer-events:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.05}h1,h2,h3{font-family:var(--head);font-weight:700}h1{font-size:72px;text-transform:uppercase;letter-spacing:-.025em}h2{font-size:40px;text-transform:uppercase;letter-spacing:-.015em}h3{font-size:27px}h4{font-size:14px}small{font-size:11px}p{color:var(--muted)}strong{font-weight:600;color:var(--text)}.skip-link{position:fixed;left:240px;top:-100px;z-index:100;background:var(--cyan);color:#000;padding:12px}.skip-link:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#0d0e13;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:25px 15px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34313e transparent}.brand{display:flex;flex-direction:column;align-items:center;gap:9px;margin:0 0 28px}.brand img{width:154px;height:78px;object-fit:contain}.brand span{font-size:9px;letter-spacing:.35em;color:#bab7c7;text-transform:uppercase}.nav-group{margin-bottom:21px}.nav-label{font-size:9px;letter-spacing:.17em;color:#696b7b;font-weight:700;padding:0 13px;margin:17px 0 9px}.nav-link{display:flex;align-items:center;gap:11px;font-size:12px;padding:9px 12px;border-radius:5px;color:#a4a4b2;position:relative;margin:3px 0;transition:color .15s,background .15s}.nav-link svg{width:17px;height:17px}.nav-link:hover{background:#181922;color:#fff}.nav-link.active{background:linear-gradient(90deg,#28323988,#14202755);color:var(--cyan)}.nav-link.active:before{content:'';position:absolute;left:-15px;width:3px;height:21px;background:var(--cyan)}.nav-count{margin-left:auto;font-size:10px;color:#626575}.sidebar-bottom{margin-top:auto;padding:20px 12px 0;font-size:10px;color:#676a78;border-top:1px solid var(--line)}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px #64e4f344;margin-right:6px}.sidebar-bottom a{display:block;margin-top:8px;color:#a1a3b2}.site-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:72px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:0 40px;background:#0b0c10ee;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;color:#6f7383;display:flex;align-items:center;gap:12px;white-space:nowrap}.breadcrumb strong{font-weight:500;color:#d2d0db}.breadcrumb i{font-style:normal;color:#454956}.search-trigger{margin-left:auto;display:flex;align-items:center;gap:10px;width:300px;border:1px solid #2a2c36;border-radius:5px;background:#14151b;padding:8px 12px;color:#888b9d;font-size:11px;text-align:left}.search-trigger svg{width:15px;height:15px}.search-trigger kbd{margin-left:auto;border:1px solid #333542;border-radius:3px;padding:0 5px;font-size:9px;color:#888}.top-link{font-size:11px;color:#aaaabc;display:flex;align-items:center;gap:7px}.top-link:hover{color:var(--cyan)}.top-link svg{width:15px}.menu-button{display:none}.icon-button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);background:#14151c;width:36px;height:36px;border-radius:4px;font-size:25px}.icon-button:hover{border-color:var(--cyan);color:var(--cyan)}.page{padding:38px 42px 65px;max-width:1600px;margin:auto;min-height:75vh}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:13px}.eyebrow:before{content:'';width:19px;height:1px;background:currentColor}.hero{height:600px;min-height:550px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate;background:#09090c}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;transition:opacity .25s}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0c10 0%,#0b0c10ee 8%,#0b0c1080 36%,transparent 67%),linear-gradient(0deg,#0b0c10 0%,transparent 25%);z-index:-2}.hero:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff18 .5px,transparent .5px);background-size:4px 4px;opacity:.2;pointer-events:none;z-index:-1}.hero-copy{padding:68px 48px 30px;max-width:660px}.hero .eyebrow{color:var(--accent)}.hero h1{font-size:clamp(64px,6.2vw,108px);line-height:.91;letter-spacing:-.025em;margin-bottom:25px;max-width:610px;text-shadow:0 2px 30px #0004}.hero h1 .outline{-webkit-text-stroke:1px #dcd8e7;color:transparent}.hero-intro{font-size:13px;line-height:1.9;max-width:360px;color:#aaabb8;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:42px;padding:12px 20px;background:var(--cyan);color:#071014;border:1px solid var(--cyan);border-radius:3px;font-size:11px;line-height:1.2;font-weight:700;transition:transform .15s,background .15s}.button svg{width:15px;height:15px}.button:hover{background:#baf5ff;transform:translateY(-2px)}.button.secondary{background:#18192299;border-color:#41414c;color:#e8e6ed;backdrop-filter:blur(10px)}.button.secondary:hover{border-color:var(--cyan);background:#20272d}.button.subtle{background:transparent;color:var(--text);border-color:var(--line)}.button.small{padding:9px 14px;min-height:34px;font-size:10px}.button-row{display:flex;gap:11px;flex-wrap:wrap}.hero-feature{position:absolute;right:35px;bottom:44px;display:flex;align-items:center;gap:17px;text-align:right}.feature-type{font-size:8px;letter-spacing:.22em;color:#c6b1d9;text-transform:uppercase}.hero-feature h3{font-size:36px;margin-top:4px;text-transform:uppercase}.hero-feature p{font-size:10px;color:#bdb5c8;margin-top:5px}.hero-feature .round-arrow{width:37px;height:37px;border:1px solid #ffffff77;border-radius:50%;display:grid;place-items:center}.hero-switch{position:absolute;left:48px;bottom:28px;display:flex;gap:7px}.hero-switch button{width:32px;height:3px;background:#62616b;border:0;padding:0}.hero-switch button[aria-pressed=true]{background:var(--accent)}.art-caption{position:absolute;right:30px;top:20px;color:#d2c2e388;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.stat-ribbon{display:grid;grid-template-columns:repeat(5,1fr);padding:21px 40px;background:#0e1016;border-bottom:1px solid var(--line)}.ribbon-item{padding-left:25px;display:flex;align-items:center;gap:12px;border-right:1px solid var(--line)}.ribbon-item:first-child{padding-left:0}.ribbon-item:last-child{border:0}.ribbon-number{font:600 34px/1 var(--head);color:#e5e4ed}.ribbon-label{font-size:9px;color:#7b7f90;line-height:1.6;letter-spacing:.1em;text-transform:uppercase}.home-content{padding:42px 42px 60px;max-width:1600px;margin:auto}.section{margin-bottom:48px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{font-size:36px}.section-heading p{font-size:11px;margin-top:9px;max-width:480px}.section-kicker{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.2em;color:var(--cyan);margin-bottom:9px}.text-link{display:inline-flex;align-items:center;gap:8px;color:#b7bacb;font-size:10px;white-space:nowrap}.text-link:hover{color:var(--cyan)}.text-link svg{width:14px;height:14px}.featured-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:15px}.showcase-card{position:relative;min-height:290px;background:radial-gradient(ellipse at 55% 25%,color-mix(in srgb,var(--card-color) 15%,transparent),transparent 70%),#13141b;border:1px solid #2c2b36;overflow:hidden;display:flex;flex-direction:column;justify-content:end;padding:21px;isolation:isolate;transition:transform .2s,border-color .2s}.showcase-card:hover{transform:translateY(-5px);border-color:var(--card-color)}.showcase-card:before{content:attr(data-number);position:absolute;right:14px;top:5px;font:800 150px/1 var(--head);color:#ffffff04;z-index:-1}.showcase-card .showcase-icon{width:145px;height:145px;image-rendering:pixelated;align-self:center;margin:13px auto 15px;filter:drop-shadow(0 10px 20px #0009)}.showcase-card .card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:76% 50%;z-index:-1}.showcase-card.with-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c0b13 0%,#090b1080 40%,transparent 80%);z-index:-1}.showcase-card h3{font-size:32px;text-transform:uppercase;margin:5px 0}.showcase-card .card-meta{font-size:10px;color:#9495a7}.card-bottom{display:flex;align-items:center;justify-content:space-between}.card-bottom svg{width:17px;height:17px}.rarity{font-size:8px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--rarity-color,#bbb)}.rarity:before{content:'◆';font-size:7px;margin-right:5px}.home-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.index-tile{border:1px solid var(--line);padding:23px 20px 20px;min-height:160px;background:#111319;position:relative;transition:border-color .2s,background .2s;overflow:hidden}.index-tile:hover{border-color:#578d99;background:#151c24}.index-tile img{width:72px;height:72px;image-rendering:pixelated;position:absolute;right:10px;top:16px;opacity:.8;filter:drop-shadow(0 3px 10px #000)}.index-tile .tile-no{font:600 12px var(--head);color:#656a7e;letter-spacing:.1em}.index-tile h3{margin-top:30px;font-size:25px;text-transform:uppercase}.index-tile p{font-size:9px;margin-top:5px}.index-tile .tile-arrow{position:absolute;right:17px;bottom:18px;color:#6c738a;font-size:18px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:30px}.field-guide{padding:26px;background:linear-gradient(135deg,#202a3288,#13141c);border:1px solid #34414a}.field-guide h3{font-size:31px;text-transform:uppercase;margin:5px 0 13px}.field-guide p{font-size:11px;line-height:1.9;margin-bottom:20px}.guide-steps{display:flex;gap:15px;margin:22px 0}.guide-steps div{flex:1;font-size:10px;color:#aaa}.guide-steps b{display:block;color:var(--cyan);font:600 25px var(--head);margin-bottom:3px}.boss-preview{border-top:1px solid var(--line)}.boss-preview a{display:flex;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.boss-preview .boss-no{font:600 29px var(--head);color:#5c506a;min-width:36px}.boss-preview .boss-name{font-weight:500;font-size:12px}.boss-preview small{display:block;font-size:9px;color:#73788b}.boss-preview a>svg{margin-left:auto;width:15px;color:#8c8a9a}.page-heading{margin-bottom:28px}.page-heading h1{font-size:64px;margin-bottom:14px}.page-heading p{max-width:630px;font-size:12px;line-height:1.9}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:20px}.count-pill{font:500 32px var(--head);color:#61677a;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:12px;margin:24px 0 14px;flex-wrap:wrap}.local-search{position:relative;flex:1;min-width:200px}.local-search input{width:100%;height:42px;background:#13151c;border:1px solid #30323d;color:var(--text);border-radius:4px;padding:0 15px 0 40px;font-size:11px}.local-search svg{position:absolute;left:13px;top:13px;width:16px;height:16px;color:#6f768a}.filter-select,.planner-select{height:42px;background:#13151c;color:#c8c7d3;border:1px solid #30323d;padding:0 30px 0 12px;border-radius:4px;font-size:11px;max-width:100%}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 25px}.chip{border:1px solid #2c2f3a;background:transparent;color:#9198ab;font-size:10px;padding:7px 12px;border-radius:3px}.chip:hover{border-color:#687587;color:#fff}.chip.active{background:#20373d;border-color:#4b818c;color:var(--cyan)}.result-meta{font-size:10px;color:#6d758b;margin-bottom:15px;display:flex;justify-content:space-between}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.catalog-card{background:#12141c;border:1px solid #282d38;position:relative;transition:transform .18s,border-color .18s;overflow:hidden;display:flex;flex-direction:column}.catalog-card:hover{transform:translateY(-4px);border-color:var(--card-color,var(--cyan))}.catalog-card .card-visual{height:145px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--card-color,#64e4f3) 11%,transparent),transparent 70%),linear-gradient(145deg,#17192288,#101119)}.catalog-card .card-visual:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.catalog-card .card-visual img{width:105px;height:105px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 17px #0007);transition:transform .25s}.catalog-card:hover .card-visual img{transform:scale(1.08) rotate(-4deg)}.catalog-card .card-body{padding:17px 16px 14px;border-top:1px solid #262a35;flex:1}.catalog-card h3{font-size:25px;margin:6px 0 9px;line-height:1.05}.catalog-card p{font-size:10px;line-height:1.75}.catalog-card .mini-data{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #272b35;padding-top:12px;margin-top:14px;font-size:9px;color:#818a9f;gap:8px}.catalog-card .mini-data span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-corner{position:absolute;top:10px;left:11px;z-index:1;font-size:8px;color:#858a9b;letter-spacing:.09em;text-transform:uppercase}.save-button{position:absolute;right:8px;top:7px;z-index:2;border:0;background:transparent;padding:5px;color:#777f91}.save-button svg{width:15px;height:15px}.save-button.saved{color:var(--cyan)}.save-button.saved svg{fill:#64e4f344}.empty-state{padding:75px 25px;text-align:center;border:1px dashed #333a47;color:#8d94a4;grid-column:1/-1}.empty-state h3{color:#ddd;margin-bottom:10px;font-size:32px}.empty-state p{font-size:12px;margin-bottom:20px}.back-link{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#8b94a9;margin-bottom:22px}.back-link svg{width:13px}.back-link:hover{color:var(--cyan)}.detail-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;padding:35px;border:1px solid #303341;background:radial-gradient(ellipse at 90% 20%,color-mix(in srgb,var(--detail-color,#9a7fef) 15%,transparent),transparent 70%),#11131b;position:relative;overflow:hidden;margin-bottom:25px}.detail-hero.has-art{min-height:360px;isolation:isolate}.detail-hero.has-art .detail-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;object-position:center}.detail-hero.has-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d0e16 0%,#0d0e16ee 17%,#0d0e1699 48%,#0d0e1611 75%);z-index:-1}.detail-hero h1{font-size:80px;margin:10px 0 18px}.detail-hero .detail-summary{max-width:520px;font-size:12px;line-height:1.85;color:#adaebe;margin-bottom:18px}.detail-icon{display:grid;place-items:center}.detail-icon img{width:180px;height:180px;image-rendering:pixelated;filter:drop-shadow(0 12px 24px #0008)}.detail-icon small{color:#6f788f;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.detail-hero .detail-art-label{position:absolute;right:20px;bottom:10px;color:#9993a8;font-size:8px}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.tag{font-size:9px;color:#aaaac1;background:#22232e;border:1px solid #363543;padding:4px 8px;border-radius:3px}.tag.cyan{color:var(--cyan);border-color:#365561;background:#15303a88}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:25px}.detail-main{min-width:0}.panel{border:1px solid var(--line);background:#11131b;padding:24px;margin-bottom:22px}.panel h2{font-size:30px;margin-bottom:18px}.panel h3{margin-bottom:12px}.panel>p{font-size:11px;line-height:1.9;margin:12px 0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-heading h2{margin:0}.panel-heading small{font-size:9px;color:#778198}.info-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #292d38;font-size:10px}.info-row:last-child{border-bottom:0}.info-row span{color:#7f899e}.info-row strong{text-align:right;font-size:11px;max-width:65%}.info-row a{color:var(--cyan)}.note{padding:13px 16px;border-left:2px solid #5d8392;background:#18212988;font-size:10px;line-height:1.9;color:#9faec3;margin:15px 0}.note strong{color:#cbd7e7}.passive-box{padding:20px;background:linear-gradient(130deg,#24313b77,#1a1b29);border:1px solid #34424f;margin:15px 0}.passive-box h3{font-size:24px;text-transform:uppercase;margin-bottom:10px}.passive-box p{font-size:11px;color:#b1b5c4;line-height:1.9}.boon-flaw{display:grid;grid-template-columns:1fr 1fr;gap:12px}.boon-flaw>div{padding:15px;background:#121e21;border:1px solid #284346}.boon-flaw>div:last-child{background:#21171d;border-color:#452c38}.boon-flaw small{font-size:8px;color:#78c9c2;letter-spacing:.14em}.boon-flaw>div:last-child small{color:#df8596}.boon-flaw p{font-size:10px;color:#bec1cb;line-height:1.8;margin-top:7px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.stat-box{background:#151923;border:1px solid #2c3341;padding:15px}.stat-box b{font:600 31px/1 var(--head);display:block;color:#e9e5f1}.stat-box span{font-size:8px;letter-spacing:.12em;color:#8591a8;text-transform:uppercase;display:block;margin-top:9px}.section-tabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:25px;border-bottom:1px solid #343445}.section-tabs a{font-size:11px;padding:13px 15px;color:#9098ae;white-space:nowrap;border-bottom:2px solid transparent}.section-tabs a:hover,.section-tabs a.active{border-color:var(--cyan);color:var(--cyan)}.forms-list{position:relative}.form-block{border:1px solid #303645;background:#12151e;margin-bottom:18px;overflow:hidden}.form-title{display:flex;gap:15px;align-items:center;padding:18px 20px;border-bottom:1px solid #2c3340;background:linear-gradient(90deg,#242c3933,transparent)}.form-number{font:600 38px var(--head);color:#6b6589}.form-title h3{font-size:26px;margin:0 0 7px}.form-title small{color:#8c94a8;font-size:9px}.form-inner{padding:19px 20px}.form-passive{font-size:10px;color:#a6acbe;margin-bottom:14px;line-height:1.8}.ability{display:grid;grid-template-columns:60px 1fr;gap:14px;align-items:start}.ability img{width:58px;height:58px;image-rendering:pixelated;background:#1c202a;padding:5px;border:1px solid #353b48}.ability h4{font-size:12px;line-height:1.5;margin-bottom:7px}.ability .ability-type{font-size:9px;color:var(--violet);text-transform:uppercase;letter-spacing:.1em}.ability-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.ability-stats span{font-size:9px;background:#1b202b;color:#9ca9be;padding:4px 7px;border:1px solid #303b4c}.ability-stats b{color:#e3e7ef;font-weight:500}.challenge{display:flex;gap:9px;margin-top:16px;padding:10px 12px;background:#211f2e;border:1px solid #3d354e;font-size:10px;color:#bfb1da;line-height:1.8}.challenge svg{width:14px;height:14px;margin-top:3px}.form-links{display:flex;align-items:center;gap:7px;margin-top:13px;font-size:10px;color:var(--cyan)}.form-links svg{width:13px;height:13px}.table-wrap{overflow-x:auto;max-width:100%;border:1px solid #2c3240}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}.data-table th{font-size:8px;letter-spacing:.11em;color:#818fa6;text-transform:uppercase;background:#171c27;padding:12px 15px;font-weight:500}.data-table td{padding:13px 15px;border-top:1px solid #29303d;color:#c0c8d7}.data-table tbody tr:hover{background:#191e29}.data-table a{color:var(--cyan)}.data-table td:first-child{color:#eeedf5}.data-table .table-icon{display:inline-block;width:30px;height:30px;image-rendering:pixelated;vertical-align:middle;margin-right:12px}.growth-table td:first-child{min-width:145px}.table-wrap+small{display:block;color:#737e95;font-size:9px;margin-top:9px}.mini-list a{display:flex;gap:12px;align-items:center;border-bottom:1px solid #2b303e;padding:12px 0}.mini-list a:last-child{border:0}.mini-list img{width:34px;height:34px;image-rendering:pixelated}.mini-list strong{font-size:11px}.mini-list small{display:block;color:#78839b;font-size:9px}.mini-list a:hover strong{color:var(--cyan)}.mini-list svg{margin-left:auto;width:14px}.boss-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.boss-card{padding:27px;min-height:240px;background:radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--card-color) 18%,transparent),transparent 70%),#12141d;border:1px solid #30303e;position:relative;overflow:hidden;transition:border-color .2s}.boss-card:hover{border-color:var(--card-color)}.boss-card .boss-letter{position:absolute;right:10px;bottom:-22px;font:800 180px/1 var(--head);color:#ffffff05;pointer-events:none}.boss-card h3{font-size:44px;text-transform:uppercase;margin:20px 0 10px}.boss-card p{font-size:11px;max-width:250px}.boss-card .boss-stats{display:flex;gap:20px;margin-top:25px;color:#c4c4d7;font-size:11px}.boss-card .boss-stats small{display:block;color:#757d95;font-size:8px;letter-spacing:.12em}.attack-card{border-bottom:1px solid #2a3040;padding:20px 0}.attack-card:first-child{padding-top:0}.attack-card:last-child{border:0;padding-bottom:0}.attack-card h3{font-size:24px;text-transform:uppercase;margin-bottom:10px}.attack-card p{font-size:10px;line-height:1.9}.attack-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.attack-meta span{padding:4px 7px;border:1px solid #3c3348;background:#241c2e;font-size:9px;color:#b9a2ce}.stage-list{display:grid;gap:18px}.stage-card{border:1px solid #303747;background:linear-gradient(110deg,color-mix(in srgb,var(--stage-color) 8%,#10141b),#10131b);padding:28px;display:grid;grid-template-columns:90px 1fr auto;gap:25px;align-items:center}.stage-card .stage-number{font:700 72px var(--head);color:var(--stage-color);opacity:.45}.stage-card h3{font-size:37px;text-transform:uppercase;margin-bottom:10px}.stage-card p{font-size:11px}.stage-card .stage-data{display:flex;gap:24px;font-size:11px}.stage-data small{display:block;font-size:8px;letter-spacing:.1em;color:#8c99aa;margin-bottom:6px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.system-grid .panel{margin:0}.prose{font-size:12px;line-height:1.95;color:#a2abbf}.prose p{margin-bottom:15px;color:inherit}.prose li{margin-bottom:8px}.prose ul,.prose ol{padding-left:20px}.prose h3{color:var(--text);margin:25px 0 14px;font-size:28px}.prose a{color:var(--cyan)}.article-width{max-width:1000px;margin:auto}.faq details{padding:17px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:12px;color:#c8d1e0;list-style-position:outside;margin-left:15px}.faq details p{margin:14px 0 0;font-size:11px;line-height:1.9}.odds-bar{height:5px;background:#252737;width:100%;border-radius:2px;overflow:hidden;min-width:50px}.odds-bar span{display:block;height:100%;background:var(--bar-color);min-width:2px}.timeline{border-left:1px solid #3a4356;margin:20px 0 20px 8px;padding-left:23px}.timeline-entry{position:relative;padding:0 0 24px}.timeline-entry:before{content:'';width:7px;height:7px;border:1px solid var(--cyan);background:#0c111a;border-radius:50%;position:absolute;left:-27px;top:6px}.timeline-entry time{font-size:10px;color:var(--cyan);margin-right:8px}.timeline-entry p{font-size:11px;display:inline}.trait-card{border:1px solid #2b3040;background:#13161f;padding:21px;position:relative}.trait-card h3{margin:10px 0 15px;font-size:30px}.trait-card .trait-odds{position:absolute;right:18px;top:18px;font-size:10px;color:#a2adc0}.trait-stats{font-size:10px;color:#a1adc3;line-height:1.9;display:grid;gap:5px}.trait-card .affinity-note{margin-top:15px;border-top:1px solid #303748;padding-top:13px;font-size:9px;line-height:1.8;color:#a99ac6}.trait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:20px 0}.calendar-day{border:1px solid #343048;background:#1c1829;padding:13px 9px;text-align:center;font-size:9px;color:#ad9bc4}.calendar-day:last-child{border-color:#887349;background:#302817;color:#e3c68a}.calendar-day b{display:block;color:#d7c6f4;font:600 27px var(--head);margin-bottom:8px}.season-track{max-height:410px;overflow:auto;scrollbar-width:thin}.rewards{font-size:10px;line-height:1.8;color:#bbb0d5}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.badge-card{border:1px solid #353244;background:#191725;padding:23px}.badge-card .badge-medal{width:46px;height:46px;border:1px solid #695779;border-radius:50%;display:grid;place-items:center;color:#d9b9fb;margin-bottom:20px}.badge-card h3{font-size:27px;margin-bottom:11px}.badge-card p{font-size:11px;line-height:1.9}.planner-layout{display:grid;grid-template-columns:1fr 310px;gap:24px}.planner-slots{display:grid;grid-template-columns:1fr 1fr;gap:12px}.planner-slot{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #2e3544;background:#141923;min-width:0}.planner-slot img{width:43px;height:43px;image-rendering:pixelated}.planner-slot .slot-placeholder{width:43px;height:43px;flex-shrink:0;border:1px dashed #48536b;display:grid;place-items:center;color:#6f7a93;font:500 24px var(--head)}.planner-slot select{width:100%;min-width:0;border:0;background:#141923;font-size:10px;color:#c7d4e3;padding:6px 0}.planner-slot label{font-size:8px;letter-spacing:.14em;color:#74839d;display:block;text-transform:uppercase}.planner-slot>div:last-child{flex:1;min-width:0}.planner-stats .info-row strong{color:var(--cyan)}.share-feedback{font-size:10px;color:#8a9db4;margin-top:15px}.form-control{margin-bottom:20px}.form-control>label{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7b8aa5;margin-bottom:8px}.form-control select{width:100%}.stack-control{display:flex;align-items:center;gap:15px;font-size:11px;color:#9aabc3;margin:15px 0}.stack-control input{accent-color:var(--cyan);flex:1;min-width:70px}.stack-control output{font:600 25px var(--head);color:var(--cyan);min-width:25px}.footer{border-top:1px solid #242938;padding:27px 42px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:9px;color:#636d84}.footer .footer-brand{font:600 18px var(--head);color:#b8b9cb;text-transform:uppercase;letter-spacing:.04em}.footer a:hover{color:var(--cyan)}.footer-links{display:flex;gap:20px}.search-dialog{padding:0;width:min(640px,calc(100vw - 30px));max-height:80vh;border:1px solid #454153;border-radius:8px;background:#11131c;color:var(--text);box-shadow:0 35px 100px #000a;top:10vh;margin:0 auto}.search-dialog::backdrop{background:#05060cbb;backdrop-filter:blur(9px)}.command-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #303546;color:#a0aabc;font-size:10px}.command-header .icon-button{height:26px;width:26px;font-size:20px}.command-field{padding:18px 20px;display:flex;align-items:center;gap:14px}.command-field svg{color:var(--cyan)}.command-field input{width:100%;background:transparent;border:0;color:#efeff6;outline:0!important;font-size:15px}.search-results{max-height:50vh;overflow:auto;padding:0 10px 10px}.search-result{display:flex;align-items:center;gap:15px;border-radius:4px;padding:10px;background:transparent;min-height:61px}.search-result:hover,.search-result:focus{background:#232332}.search-result img{width:35px;height:35px;image-rendering:pixelated}.search-result strong{display:block;font-size:12px}.search-result small{font-size:9px;color:#818fa7}.search-result .result-type{margin-left:auto;text-transform:uppercase;letter-spacing:.1em;font-size:8px;color:#9280ac}.command-footer{padding:10px 20px;border-top:1px solid #303546;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#7e879c}.command-footer kbd{border:1px solid #3d4352;padding:1px 6px;border-radius:2px}.toast{position:fixed;left:calc(50% + 100px);bottom:25px;transform:translate(-50%,15px);background:#21343d;border:1px solid #4d7d8d;color:#d2edf6;z-index:100;padding:11px 20px;font-size:11px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{position:fixed;inset:20% 20%;background:#1d2333;padding:40px;z-index:100}.mobile-shade{display:none}mark{background:#315564;color:#d3f8ff;border-radius:2px}.source-badge{font-size:9px;color:#7f8ea4;display:inline-flex;align-items:center;gap:7px}.source-badge svg{width:12px;height:12px}.status-chip{font-size:9px;padding:4px 8px;border:1px solid #30454a;color:#80b6c3;display:inline-block;border-radius:3px}.collection-list{display:grid;gap:10px}.collection-item{display:flex;align-items:center;gap:16px;border:1px solid #2f3745;background:#131822;padding:15px 18px}.collection-item img{width:45px;height:45px;image-rendering:pixelated}.collection-item h3{font-size:25px;margin-bottom:5px}.collection-item small{font-size:9px;color:#8291aa}.collection-item .remove-save{margin-left:auto;background:none;border:1px solid #3c4350;color:#b4a1b7;padding:5px 10px;font-size:10px}.collection-item a{flex:1}.help-text{font-size:10px;color:#73829c;line-height:1.8;margin:10px 0}.query-label{font-size:10px;color:#828ca3}.skeleton{min-height:70vh;display:grid;place-items:center;color:#aaa}.stat-toggle{display:flex;align-items:center;gap:10px;font-size:10px;color:#8999b3}.stat-toggle select{height:32px}.allstats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.raw-detail summary{font-size:10px;color:#8fa2bd;cursor:pointer}.raw-detail{margin:18px 0}.readable-properties{white-space:normal}.readable-properties td{white-space:normal;max-width:450px;line-height:1.8;vertical-align:top}.readable-properties td:first-child{white-space:nowrap;max-width:180px}.enemy-icon{font:700 60px/1 var(--head);color:var(--card-color);text-transform:uppercase;opacity:.7}.no-motion *{transition:none!important;animation:none!important}
@media(min-width:1650px){:root{--sidebar:240px}.hero{height:680px}.hero-copy{padding-top:90px}.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-feature{bottom:60px;right:60px}.hero-art{object-position:center 40%}}
@media(max-width:1250px){:root{--sidebar:190px}.sidebar{padding-left:10px;padding-right:10px}.nav-link.active:before{left:-10px}.topbar{padding:0 27px;gap:18px}.page,.home-content{padding-left:28px;padding-right:28px}.hero-copy{padding-left:32px}.hero h1{font-size:78px}.hero-switch{left:32px}.hero-feature{right:23px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) 240px}.detail-hero h1{font-size:68px}.home-link-grid{grid-template-columns:repeat(2,1fr)}.detail-hero{padding:27px}.search-trigger{width:255px}.trait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ribbon-item{padding-left:18px;gap:8px}.stat-ribbon{padding-left:28px;padding-right:28px}.ribbon-number{font-size:30px}.ribbon-label{font-size:8px}.planner-layout{grid-template-columns:1fr 255px}.planner-slots{grid-template-columns:1fr}}
@media(max-width:1000px){:root{--sidebar:175px}.brand img{width:133px}.nav-link{font-size:11px;padding-left:10px;gap:9px}.nav-label{font-size:8px}.nav-count{font-size:9px}.topbar{padding:0 22px}.breadcrumb{display:none}.search-trigger{margin-left:0;flex:1;width:auto}.hero{height:555px}.hero h1{font-size:68px}.hero-copy{max-width:510px;padding-top:67px}.hero-intro{max-width:300px;font-size:12px}.hero-art{object-position:62% 50%;opacity:.9}.hero:before{background:linear-gradient(90deg,#0b0c10 0%,#0b0c10c9 30%,#0b0c1033 80%),linear-gradient(0deg,#0b0c10,transparent 35%)}.hero-feature{bottom:32px;right:20px}.hero-feature h3{font-size:30px}.ribbon-number{font-size:25px}.ribbon-label{font-size:7px}.stat-ribbon{padding:20px}.ribbon-item{padding-left:12px;gap:7px}.featured-grid{grid-template-columns:1fr 1fr}.featured-grid .showcase-card:last-child{display:none}.detail-layout{grid-template-columns:1fr}.detail-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-aside>.panel{margin:0}.detail-hero{grid-template-columns:1fr .4fr}.detail-hero h1{font-size:62px}.detail-icon img{width:120px;height:120px}.split-section{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}.planner-layout{grid-template-columns:1fr}.planner-slots{grid-template-columns:1fr 1fr}.planner-summary{max-width:100%}.stage-card{grid-template-columns:60px 1fr;gap:20px}.stage-card .stage-data{grid-column:2}.stage-card .stage-number{font-size:60px}.badge-grid{grid-template-columns:1fr 1fr}.footer{padding:25px 28px;flex-wrap:wrap}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{width:235px;transform:translateX(-100%);transition:transform .2s;padding:22px 18px}.sidebar.open{transform:translateX(0)}.sidebar .nav-link{font-size:12px}.sidebar .brand img{width:155px}.nav-link.active:before{left:-18px}.mobile-shade.open{display:block;position:fixed;inset:0;background:#0009;backdrop-filter:blur(3px);z-index:29}.menu-button{display:inline-flex;flex-shrink:0}.topbar{height:62px;padding:0 16px;gap:13px}.top-link span{display:none}.top-link svg{width:18px;height:18px}.top-link{padding:8px}.search-trigger{padding:8px 10px;font-size:10px}.search-trigger kbd{display:none}.hero{height:575px}.hero-art{object-position:65% 50%;opacity:.75}.hero:before{background:linear-gradient(90deg,#0b0c10ee 0%,#0b0c10b0 42%,#0b0c1033 100%),linear-gradient(0deg,#0b0c10,transparent 50%)}.hero-copy{padding:60px 25px 25px;max-width:520px}.hero h1{font-size:76px;max-width:490px}.hero-intro{font-size:12px;max-width:310px;color:#bfc0ce}.hero .eyebrow{font-size:8px;letter-spacing:.15em}.hero-feature{bottom:27px;right:22px}.hero-feature h3{font-size:28px}.hero-feature p{font-size:8px}.hero-switch{left:25px;bottom:37px}.art-caption{font-size:6px}.stat-ribbon{padding:17px 15px;grid-template-columns:repeat(5,1fr)}.ribbon-item{display:block;text-align:center;padding:0 5px}.ribbon-number{font-size:26px}.ribbon-label{font-size:7px;letter-spacing:.06em;margin-top:4px}.page,.home-content{padding:30px 20px 40px}.section-heading h2{font-size:31px}.section-heading p{font-size:10px}.section-heading .text-link{font-size:9px}.showcase-card{min-height:255px;padding:17px}.showcase-card h3{font-size:28px}.showcase-card .showcase-icon{width:110px;height:110px}.featured-grid{gap:11px}.catalog-grid{gap:11px;grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-card .card-body{padding:13px}.catalog-card h3{font-size:23px}.catalog-card .card-visual{height:125px}.catalog-card .card-visual img{width:90px;height:90px}.catalog-card p{font-size:9px}.catalog-card .mini-data{font-size:8px}.page-heading h1{font-size:56px}.page-heading p{font-size:11px}.toolbar{gap:8px}.local-search{min-width:160px}.filter-select{font-size:10px;max-width:155px}.chips{gap:5px}.chip{font-size:9px;padding:6px 10px}.detail-hero{padding:24px;grid-template-columns:1fr .3fr;gap:12px}.detail-hero h1{font-size:60px}.detail-hero .detail-summary{font-size:11px}.detail-icon img{width:95px;height:95px}.detail-hero.has-art{grid-template-columns:1fr;min-height:390px}.detail-hero.has-art .detail-summary{max-width:350px}.detail-hero.has-art .detail-art{object-position:65% 50%}.detail-aside{grid-template-columns:1fr 1fr;gap:12px}.panel{padding:20px}.panel h2{font-size:29px}.boon-flaw{gap:9px}.stat-grid{gap:8px}.stat-box{padding:13px}.stat-box b{font-size:28px}.stat-box span{font-size:7px}.boss-grid{gap:13px}.boss-card{padding:21px;min-height:220px}.boss-card h3{font-size:36px}.boss-card p{font-size:10px}.boss-card .boss-stats{font-size:10px;gap:16px}.stage-card{padding:22px}.calendar-grid{grid-template-columns:repeat(4,1fr)}.footer{padding:23px 20px;gap:13px}.toast{left:50%;max-width:90%;width:max-content;font-size:10px}.section{margin-bottom:35px}.trait-grid{gap:12px}.trait-card{padding:18px}.trait-card h3{font-size:27px}.trait-card .trait-odds{right:12px;top:14px;font-size:9px}.allstats{grid-template-columns:1fr}.system-grid{gap:15px}}
@media(max-width:480px){.hero{height:560px}.hero-copy{padding:50px 20px 25px}.hero h1{font-size:64px}.hero-intro{max-width:280px;font-size:11px}.hero-art{object-position:61% 50%}.hero:before{background:linear-gradient(90deg,#0b0c10e6,#0b0c10aa 50%,#0b0c1044),linear-gradient(0deg,#0b0c10,transparent 60%)}.hero-feature h3{font-size:24px}.hero-feature .round-arrow{width:31px;height:31px}.hero-feature{gap:10px}.hero-switch{left:20px}.hero-switch button{width:22px}.button{font-size:10px;padding:12px 15px;gap:10px}.ribbon-number{font-size:24px}.ribbon-label{font-size:6px}.home-link-grid{gap:10px}.index-tile{padding:18px 15px;min-height:148px}.index-tile img{width:57px;height:57px}.index-tile h3{font-size:25px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card .card-visual{height:133px}.catalog-card .card-visual img{width:95px;height:95px}.card-corner{font-size:7px}.featured-grid .showcase-card{min-height:235px}.showcase-card h3{font-size:26px}.showcase-card .card-meta{font-size:8px}.rarity{font-size:7px}.page-heading h1{font-size:49px}.count-pill{font-size:26px}.toolbar .filter-select{max-width:145px}.local-search{flex-basis:100%}.detail-hero{display:block;padding:22px}.detail-hero h1{font-size:56px}.detail-icon{display:none}.detail-aside{grid-template-columns:1fr}.detail-hero.has-art{min-height:400px}.detail-hero.has-art:after{background:linear-gradient(90deg,#0d0e16ee,#0d0e16bb 70%,#0d0e1677)}.boon-flaw{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(3,1fr)}.stat-box{padding:11px}.stat-box b{font-size:25px}.form-title{padding:16px}.form-inner{padding:16px}.form-title h3{font-size:24px}.ability{grid-template-columns:47px 1fr;gap:11px}.ability img{width:46px;height:46px}.ability h4{font-size:11px}.ability-stats span{font-size:8px}.boss-grid{grid-template-columns:1fr}.boss-card h3{font-size:42px}.stage-card{padding:20px;grid-template-columns:40px 1fr;gap:16px}.stage-card .stage-number{font-size:48px}.stage-card h3{font-size:30px}.stage-card .stage-data{gap:18px;flex-wrap:wrap;font-size:10px}.trait-grid{grid-template-columns:1fr}.badge-grid{grid-template-columns:1fr}.planner-slots{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(4,1fr)}.heading-row{align-items:start}.section-heading{align-items:center}.home-content .section-heading p{max-width:230px}.section-heading h2{font-size:30px}.search-dialog{top:5vh}.command-field input{font-size:12px}.footer-links{gap:13px}.guide-steps{gap:10px}.guide-steps div{font-size:9px}.stat-toggle{flex-wrap:wrap}.data-table{font-size:10px}.data-table td,.data-table th{padding:12px}.panel-heading{align-items:start}.panel-heading small{font-size:8px}}
/* Native Anime Swarm models: portraits are captured from the game, without generated replacements. */
.avatar-hero{background:radial-gradient(ellipse at 78% 48%,#25335488 0%,#17152255 30%,transparent 60%),#0b0c10}
.avatar-hero:before{background:linear-gradient(90deg,#0b0c10,transparent 67%),linear-gradient(0deg,#0b0c10,transparent 22%)}
.avatar-hero .hero-copy{position:relative;z-index:3}
.avatar-hero .avatar-key-art{inset:-25px 3% -25px auto;width:47%;height:calc(100% + 50px);object-fit:contain;object-position:50% 50%;mix-blend-mode:screen;z-index:1;image-rendering:auto;opacity:1}
.avatar-orbit{position:absolute;right:6%;top:15%;width:440px;height:440px;border:1px solid #7ed8ec33;border-radius:50%;z-index:0;box-shadow:0 0 90px #814bdc11,inset 0 0 80px #4a91c711}
.avatar-orbit:before,.avatar-orbit:after{content:'';position:absolute;border:1px solid #a3b5dd22;border-radius:50%;inset:22px}
.avatar-orbit:after{inset:-25px;border-style:dashed;border-color:#a3b5dd13}
.hero-kanji{font:800 105px/.9 var(--head);letter-spacing:.02em;position:absolute;right:2%;top:44%;transform:rotate(-90deg) translateX(50%);transform-origin:right center;color:transparent;-webkit-text-stroke:1px #acb6d222;pointer-events:none;z-index:0}
.avatar-hero .hero-feature{z-index:4;background:#0b0c1088;padding:12px 14px;border-left:1px solid #85d9ed44;backdrop-filter:blur(8px)}
.avatar-hero .art-caption{z-index:4;color:#91a6be}
.avatar-showcase{min-height:335px;padding:0;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--card-color) 12%,transparent),transparent 75%),#10131b}
.avatar-showcase .showcase-avatar{position:absolute;inset:-22px 0 0;width:100%;height:320px;object-fit:cover;object-position:50% 16%;mix-blend-mode:screen;z-index:0;image-rendering:auto;filter:none}
.avatar-showcase .showcase-caption{padding:21px;position:relative;z-index:1;background:linear-gradient(0deg,#0c0e15 50%,#0c0e1500);padding-top:45px}
.avatar-showcase:hover .showcase-avatar{transform:translateY(-4px);transition:transform .2s}
.hero-catalog-card .avatar-card-visual{height:220px;overflow:hidden}
.catalog-card .card-visual .hero-avatar-thumb{position:absolute;inset:-12px 0 0;width:100%;height:270px;object-fit:cover;object-position:50% 16%;mix-blend-mode:screen;image-rendering:auto;filter:none}
.hero-catalog-card:hover .card-visual .hero-avatar-thumb{transform:scale(1.035)}
.signature-corner{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;border:1px solid #788ca33a;border-radius:4px;background:#101723aa;width:35px;height:35px}
.catalog-card .card-visual .signature-corner img{width:25px;height:25px;object-fit:contain;image-rendering:pixelated;filter:none}
.hero-catalog-card .card-corner{max-width:78%;font-size:7px;background:#0b0d15b0;padding:3px 5px;left:8px;top:8px;border-radius:2px}
.detail-hero.has-art .avatar-detail-art{inset:-30px 0 -30px auto;width:42%;height:calc(100% + 60px);object-fit:contain;object-position:50% 50%;mix-blend-mode:screen;z-index:0;image-rendering:auto}
.detail-hero.has-art>div{position:relative;z-index:1}
.detail-hero.has-art:after{background:radial-gradient(ellipse at 82% 45%,color-mix(in srgb,var(--detail-color) 15%,transparent),transparent 70%),linear-gradient(90deg,#0d0e16,#0d0e16bb 45%,#0d0e1622);z-index:-1}
.detail-hero.has-art .detail-art-label{z-index:2;font-size:7px;letter-spacing:.12em}
.avatar-form-inner{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;align-items:start}
.form-avatar{width:130px;height:235px;object-fit:cover;object-position:50% 42%;mix-blend-mode:screen;image-rendering:auto;position:sticky;top:90px}
.form-ability-detail{min-width:0}
.avatar-form-inner .ability{grid-template-columns:48px 1fr;gap:11px}
.avatar-form-inner .ability img{width:46px;height:46px}
@media(min-width:1650px){.avatar-hero .avatar-key-art{width:44%;right:6%}.avatar-orbit{right:10%;top:18%;width:470px;height:470px}}
@media(max-width:1250px){.avatar-hero .avatar-key-art{width:49%;right:0}.avatar-orbit{right:2%;width:370px;height:370px;top:20%}.avatar-showcase{min-height:300px}.avatar-showcase .showcase-avatar{height:290px}.hero-catalog-card .avatar-card-visual{height:210px}.detail-hero.has-art .avatar-detail-art{width:42%}.avatar-form-inner{grid-template-columns:100px minmax(0,1fr);gap:14px}.form-avatar{width:100px;height:220px}}
@media(max-width:1000px){.avatar-hero .avatar-key-art{width:50%;right:-3%}.avatar-orbit{width:280px;height:280px;right:4%;top:25%}.hero-kanji{font-size:85px}.avatar-form-inner{grid-template-columns:125px minmax(0,1fr)}.form-avatar{width:125px;height:230px}}
@media(max-width:760px){.avatar-hero{height:680px}.avatar-hero .hero-copy{padding:29px 23px 64px;max-width:none;height:100%;display:flex;flex-direction:column;align-items:start;pointer-events:none}.avatar-hero h1{font-size:53px;line-height:.94;max-width:100%;margin-bottom:0}.avatar-hero .hero-intro{margin-top:auto;max-width:310px;margin-bottom:16px;font-size:11px;line-height:1.8}.avatar-hero .button-row{pointer-events:auto}.avatar-hero .avatar-key-art{top:177px;right:8%;width:66%;height:360px;object-fit:cover;object-position:50% 45%}.avatar-hero .eyebrow{font-size:7px;margin-bottom:16px}.avatar-orbit{width:270px;height:270px;top:220px;right:10%}.hero-kanji{top:345px;right:5%;font-size:65px}.avatar-hero .hero-feature{bottom:12px;right:15px;padding:5px 9px;background:transparent;backdrop-filter:none}.avatar-hero .hero-feature h3{font-size:23px}.avatar-hero .hero-feature p{display:none}.avatar-hero .hero-feature .round-arrow{width:27px;height:27px}.avatar-hero .hero-switch{bottom:27px}.avatar-hero .art-caption{font-size:6px;right:14px;top:13px}.hero-catalog-card .avatar-card-visual{height:195px}.catalog-card .card-visual .hero-avatar-thumb{height:240px;top:-5px}.avatar-showcase{min-height:285px}.avatar-showcase .showcase-avatar{height:270px;top:-12px}.avatar-showcase .showcase-caption{padding:17px;padding-top:40px}.detail-hero.has-art{padding-top:25px;min-height:390px}.detail-hero.has-art .avatar-detail-art{width:44%;right:-2%;top:0;height:100%}.detail-hero.has-art>div{max-width:70%}.detail-hero.has-art .detail-summary{font-size:10px}.detail-hero.has-art h1{font-size:54px}.avatar-form-inner{grid-template-columns:96px minmax(0,1fr);gap:12px}.form-avatar{width:96px;height:205px}.avatar-form-inner .ability{grid-template-columns:1fr}.avatar-form-inner .ability>img{width:38px;height:38px;display:none}.avatar-form-inner .ability-stats{gap:5px}}
@media(max-width:480px){.avatar-hero h1{font-size:49px}.avatar-hero .hero-copy{padding-left:20px;padding-right:20px}.avatar-hero .avatar-key-art{width:78%;right:5%;top:172px;height:366px}.avatar-orbit{right:12%;width:250px;height:250px;top:220px}.avatar-hero .hero-intro{font-size:10px;max-width:285px}.avatar-showcase{min-height:260px}.avatar-showcase .showcase-avatar{height:250px;top:-10px}.avatar-showcase .card-meta{font-size:7px}.hero-catalog-card .avatar-card-visual{height:205px}.catalog-card .card-visual .hero-avatar-thumb{height:235px;object-fit:cover;top:0}.detail-hero.has-art{padding-bottom:205px;min-height:540px}.detail-hero.has-art>div{max-width:100%}.detail-hero.has-art .avatar-detail-art{inset:auto 0 -72px auto;width:100%;height:360px;object-fit:contain;object-position:50% 50%;opacity:.88}.detail-hero.has-art .detail-art-label{bottom:10px;right:15px}.detail-hero.has-art .detail-summary{font-size:11px}.avatar-form-inner{grid-template-columns:70px minmax(0,1fr);gap:10px}.form-avatar{width:70px;height:170px}.avatar-form-inner .ability-stats span{font-size:8px}.avatar-form-inner .challenge{padding:9px;font-size:9px;grid-column:auto}.avatar-form-inner .note{font-size:9px}}
.search-result img[src*="/avatars/"],.mini-list img[src*="/avatars/"],.collection-item img[src*="/avatars/"]{image-rendering:auto;object-fit:cover;object-position:50% 16%;mix-blend-mode:screen;width:42px;height:54px}
.menu-button,.mobile-brand{display:none}
@media(max-width:760px){.menu-button{display:inline-flex}.mobile-brand{display:block;width:67px;flex-shrink:0}.mobile-brand img{height:38px;width:67px;object-fit:contain}.topbar{gap:10px}.top-link[href="#/planner"]{display:none}.search-trigger{min-width:0}.search-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ribbon-number,.ribbon-label{display:block}.ribbon-label{margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Rarity belongs to the whole frame, from the portrait to the lower edge. */
.hero-catalog-card{border:1px solid transparent;background:linear-gradient(155deg,#161821,#101117) padding-box,linear-gradient(145deg,color-mix(in srgb,var(--card-color) 85%,#30313d),color-mix(in srgb,var(--card-color) 18%,#252531) 58%,color-mix(in srgb,var(--card-color) 58%,#282b38)) border-box;box-shadow:inset 0 0 28px color-mix(in srgb,var(--card-color) 5%,transparent);transition:transform .2s,box-shadow .2s}
.hero-catalog-card:hover{border-color:transparent;box-shadow:0 9px 35px color-mix(in srgb,var(--card-color) 12%,transparent);transform:translateY(-4px)}
.hero-catalog-card .avatar-card-visual{background:radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--card-color) 35%,transparent),transparent 72%),linear-gradient(135deg,color-mix(in srgb,var(--card-color) 25%,#15151e),#11121a 85%);border-bottom:1px solid color-mix(in srgb,var(--card-color) 35%,#212330)}
.hero-catalog-card .card-body{background:linear-gradient(135deg,color-mix(in srgb,var(--card-color) 10%,#12131b),#111219 80%)}
.hero-catalog-card .mini-data{border-top-color:color-mix(in srgb,var(--card-color) 22%,#252731)}
.hero-catalog-card .save-button{background:#10121a8f}
.card-visual img.mob-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:auto;mix-blend-mode:screen;filter:none;transform:none}
.enemy-catalog-card .card-visual{height:240px}
.enemy-catalog-card .card-corner{z-index:2}
.boss-model-card{min-height:320px;overflow:hidden;isolation:isolate;padding:29px 30px;border-color:color-mix(in srgb,var(--card-color) 42%,#262936);background:radial-gradient(ellipse at 85% 35%,color-mix(in srgb,var(--card-color) 26%,transparent),transparent 65%),linear-gradient(120deg,#15151e,#10121a)}
.boss-model-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10121a 2%,#10121a40 58%,transparent)}
.boss-model-card .boss-portrait{position:absolute;right:-20%;top:17px;width:108%;height:100%;max-width:none;object-fit:cover;object-position:50% 0;image-rendering:auto;mix-blend-mode:screen;z-index:-2;transition:transform .35s;mask-image:linear-gradient(90deg,transparent 25%,black 47%)}
.boss-model-card:hover .boss-portrait{transform:scale(1.045)}
.boss-card-copy{max-width:65%;position:relative;z-index:1}
.boss-card-copy>.eyebrow{white-space:nowrap;font-size:9px;margin-bottom:26px}
.boss-card-number{display:block;font-size:8px;letter-spacing:.18em;color:color-mix(in srgb,var(--card-color) 65%,#707582);margin-bottom:8px}
.boss-model-card h3{font-size:46px;line-height:1.05;margin:0 0 8px;text-shadow:0 2px 20px #0b0c10}
.boss-model-card p{font-size:10px;color:#b5b1c4;text-transform:uppercase}
.boss-model-card .boss-stats{gap:23px;margin-top:26px;font-size:12px}
.boss-guide-link{display:inline-flex;align-items:center;gap:9px;font-size:10px;margin-top:27px;color:var(--card-color)}
.boss-guide-link svg{width:15px}
.detail-hero .encounter-portrait{width:44%;min-width:220px;height:320px;flex-shrink:0;margin:0;overflow:hidden}
.detail-hero .encounter-portrait img{height:100%;width:100%;object-fit:cover;mix-blend-mode:screen;image-rendering:auto;filter:none}
.encounter-hero{overflow:hidden;min-height:330px}
.encounter-hero>div:first-child{position:relative;z-index:1}
.stage-card{position:relative;isolation:isolate;overflow:hidden;min-height:190px;border-color:color-mix(in srgb,var(--stage-color) 30%,#292c34);background:#10131a}
.stage-card .stage-background{position:absolute;inset:0;z-index:-2;max-width:none;width:100%;height:100%;object-fit:cover;object-position:50% 55%;opacity:.33;filter:saturate(.8);transition:opacity .3s,transform .7s}
.stage-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0e16d9 0%,#10131a77 52%,#10131aab 100%)}
.stage-card:hover .stage-background{opacity:.43;transform:scale(1.025)}
.stage-card .stage-number{color:var(--stage-color);opacity:.7;text-shadow:0 1px 15px #0008}
.stage-card h3{font-size:38px;text-shadow:0 2px 20px #000}
.stage-card p{color:#bbc0c9}
.stage-data{position:relative;z-index:1}

/* Evolution: the native avatars are the visual index to the progression. */
.evolution-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.evolution-toolbar>label{width:340px;max-width:100%;display:grid;gap:8px;font-size:10px;color:#a6a8b7}
.evolution-toolbar select{width:100%}
.evolution-quick{display:flex;gap:6px;flex-wrap:wrap}
.evolution-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px}
.evolution-intro h2{font-size:46px;margin:10px 0}
.evolution-intro p{font-size:11px;max-width:660px}
.evolution-intro .text-link{flex-shrink:0}
.evolution-path{display:grid;grid-template-columns:repeat(var(--form-count),minmax(0,1fr));gap:14px;margin-bottom:30px;align-items:stretch}
.evolution-card{position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--form-aura) 30%,#282b37);background:#11131b;transition:transform .2s,border-color .2s;min-width:0}
.evolution-card:hover{transform:translateY(-4px);border-color:var(--card-color)}
.evolution-card.selected{border-color:var(--cyan);box-shadow:0 0 0 1px #64e4f31a,0 8px 28px #0004}
.evolution-card.selected:after{content:'';position:absolute;inset:0 0 auto;height:3px;background:var(--cyan)}
.evolution-art{height:265px;position:relative;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--form-aura) 27%,transparent),transparent 75%),#10121a;overflow:hidden}
.evolution-art img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;mix-blend-mode:screen;image-rendering:auto}
.evolution-step{position:absolute;top:15px;left:15px;z-index:1;font-size:8px;letter-spacing:.15em;color:#bfc3d1;background:#0c0e1599;padding:4px 7px}
.evolution-card-info{padding:18px 19px;flex:1;display:flex;flex-direction:column;background:linear-gradient(140deg,color-mix(in srgb,var(--card-color) 9%,#11131b),#101219)}
.evolution-card-info>small{font-size:8px;letter-spacing:.13em;color:var(--cyan);margin-bottom:8px}
.evolution-card h3{font-size:27px;line-height:1.07;min-height:57px;margin-bottom:16px}
.evolution-gates{display:flex;flex-wrap:wrap;gap:6px;font-size:9px;margin-top:auto}
.evolution-gates span{background:#ffffff07;border:1px solid #ffffff10;padding:5px 7px;color:#8b94a8}
.evolution-gates b{color:#e0e5f1;margin-left:3px;font-weight:500}
.evolution-view{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#7e899e;margin-top:15px}
.evolution-view svg{width:14px}
.selected .evolution-view{color:var(--cyan)}
.evolution-detail{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:22px;align-items:start}
.evolution-focus h2{font-size:38px;margin-top:8px}
.evolution-q-icon{width:55px;height:55px;image-rendering:pixelated;padding:8px;border:1px solid var(--line);background:#171d2b;flex-shrink:0}
.evolution-requirements{display:grid;gap:24px;margin:26px 0}
.evolution-requirements>div{display:flex;align-items:start;gap:14px}
.step-badge{display:grid;place-items:center;width:30px;height:30px;border:1px solid #5e4d7c;background:#ad83f810;color:#bf9eea;flex-shrink:0;font-size:10px}
.evolution-requirements h4{font-size:12px;margin:3px 0 8px}
.evolution-requirements p{font-size:12px;line-height:1.8}
.evolution-requirements small{display:block;font-size:10px;color:#778094;line-height:1.8;margin-top:6px}
.evolution-weapon{display:flex;align-items:center;gap:12px;border:1px solid #293443;background:#17202b66;padding:12px;margin-bottom:20px}
.evolution-weapon img{width:42px;height:42px;image-rendering:pixelated}
.evolution-weapon div{display:grid;gap:3px;flex:1;font-size:13px}
.evolution-weapon small{font-size:8px;letter-spacing:.1em;color:var(--cyan)}
.evolution-check h2{font-size:32px;margin:11px 0}
.evolution-check>p{font-size:11px}
.gate-inputs{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 0}
.gate-inputs label{display:grid;gap:8px;font-size:10px;color:#a9afbe}
.gate-inputs input{width:100%;font-family:var(--head);font-size:29px;padding:5px 12px;background:#1a2030;border:1px solid #344056;color:#edf2ff;min-height:47px}
.evo-challenge-label{display:flex;gap:9px;font-size:10px;color:#b2b9c8;align-items:flex-start;margin-bottom:20px}
.evo-challenge-label input{accent-color:var(--cyan);margin-top:4px}
.gate-checks{border-top:1px solid var(--line);padding-top:12px;margin-top:15px}
.gate-check{display:flex;align-items:center;gap:12px;padding:9px 0;color:#657089}
.gate-check>span{font-size:18px;width:20px;text-align:center}
.gate-check div{display:flex;justify-content:space-between;gap:12px;flex:1;align-items:center}
.gate-check strong{font-size:10px;color:#929db4;font-weight:500}
.gate-check small{font-size:9px}
.gate-check.met,.gate-check.met strong{color:#8edcc0}
.gate-result{background:#202131;border:1px solid #36384e;color:#a4a9c7;font-size:11px;padding:13px;margin:14px 0}
.gate-result.ready{background:#2a81691a;border-color:#3d7b69;color:#9ce8cd}
.evolution-explainer{margin-top:6px}
.evolution-explainer>summary{cursor:pointer;font-size:13px;font-weight:600;color:#b6bace}
.evolution-explainer .system-grid{margin:25px 0}
.evolution-explainer h3{margin-bottom:13px;font-size:27px}
.evolution-explainer p{font-size:11px}

/* A full, locally saved build. */
.build-section-links{display:flex;gap:0;margin:-7px 0 25px;border:1px solid var(--line);background:#11141c;overflow:auto;scrollbar-width:thin}
.build-section-links a{padding:13px 16px;flex:1;white-space:nowrap;font-size:10px;color:#8e98af;border-right:1px solid var(--line);text-align:center}
.build-section-links a:last-child{border:0}
.build-section-links a:hover{color:var(--cyan);background:#64e4f308}
.build-page .planner-layout{grid-template-columns:minmax(0,1fr) 305px;gap:24px}
.build-page .planner-workspace{min-width:0}
.build-page .planner-summary{position:sticky;top:94px;align-self:start;min-width:0}
.build-page .planner-summary .panel{padding:23px}
.build-page .panel h2{font-size:32px}
.build-page .panel .section-kicker{margin-bottom:10px;display:block}
.build-page label{font-size:10px;color:#919bb0}
.build-page select{width:100%;min-width:0;max-width:100%;background:#181d2a;border:1px solid #343c50;color:#e0e4ee;padding:10px 9px;border-radius:2px;font-size:11px;min-height:38px}
.build-page input[type=number]{width:62px;max-width:100%;background:#171c28;border:1px solid #343c50;color:#e2e9fc;padding:6px 7px;font-size:11px;border-radius:2px}
.build-hero-panel{display:grid;grid-template-columns:145px minmax(0,1fr);gap:22px;overflow:hidden;border-color:color-mix(in srgb,var(--card-color) 35%,#29303b);background:radial-gradient(ellipse at 0 20%,color-mix(in srgb,var(--card-color) 17%,transparent),transparent 60%),#11141d;padding-left:15px!important}
.build-hero-portrait{min-height:260px;height:100%;overflow:hidden;position:relative}
.build-hero-portrait img{height:100%;width:100%;object-fit:cover;object-position:50% 26%;mix-blend-mode:screen;position:absolute;inset:0;image-rendering:auto}
.build-hero-controls{min-width:0}
.build-hero-controls>label{display:grid;gap:6px;margin-bottom:12px}
.build-hero-controls p{font-size:10px;line-height:1.8;margin:13px 0}
.build-hero-controls .text-link{font-size:10px}
.build-page .planner-slots{gap:12px;margin:22px 0 16px;grid-template-columns:1fr 1fr}
.build-page .planner-slot{min-width:0;padding:14px;align-items:flex-start;gap:11px;border:1px solid #293041;background:#141926}
.build-page .planner-slot>img{width:38px;height:38px;flex-shrink:0;image-rendering:pixelated;margin-top:19px}
.build-page .planner-slot>div{min-width:0;flex:1}
.build-page .planner-slot label{display:block;margin-bottom:7px;font-size:9px}
.build-page .planner-slot .slot-placeholder{width:38px;height:38px;margin-top:19px;flex-shrink:0;display:grid;place-items:center;border:1px dashed #3a4255;color:#64708a;font-family:var(--head);font-size:23px}
.build-page .planner-slot .build-inline-control{display:flex;align-items:center;gap:10px;font-size:9px;margin:9px 0 0}
.build-entry-link{display:inline-block;color:#85afc4;font-size:9px;margin-top:9px}
.build-page .help-text{font-size:10px;line-height:1.8}
.build-grants{border-top:1px solid var(--line);padding-top:17px;margin:20px 0}
.build-grants>a{display:flex;gap:11px;align-items:center;margin-top:11px;background:#a78bfa08;padding:11px;border:1px solid #66538944}
.build-grants img{width:36px;height:36px;image-rendering:pixelated}
.build-grants a>div{display:grid;gap:3px;flex:1}
.build-grants strong{font-size:11px}
.build-grants small{font-size:9px;color:#9292a9}
.build-grants .tag{font-size:7px;padding:3px 5px}
.build-add-item{display:flex;gap:12px;align-items:end;margin:22px 0}
.build-add-item label{display:grid;gap:7px;flex:1;min-width:0}
.build-add-item .button{min-height:38px;padding:8px 13px;white-space:nowrap}
.build-item{display:flex;gap:13px;position:relative;padding:18px 15px;background:#141925;border:1px solid #2b3244;margin-bottom:12px;align-items:start}
.build-item>img{width:40px;height:40px;image-rendering:pixelated;margin-top:3px;flex-shrink:0}
.build-item-copy{flex:1;min-width:0}
.build-item-copy strong{font-size:12px}
.build-item-copy>p{font-size:10px;margin:5px 22px 13px 0;line-height:1.8}
.build-item-controls{display:flex;gap:14px;align-items:end}
.build-item-controls label{display:grid;gap:6px}
.build-item-controls label:last-child{flex:1;max-width:165px}
.build-item-controls input{min-height:38px}
.build-remove{position:absolute;right:8px;top:8px;border:0;background:transparent;color:#8a95ac;font-size:22px;width:27px;height:27px;line-height:1}
.build-remove:hover{color:#f494a8;background:#f494a811}
.build-empty{font-size:11px;line-height:1.9;border:1px dashed #30384a;padding:20px;text-align:center}
.build-trait-controls{display:flex;gap:14px;margin:22px 0}
.build-trait-controls label{display:grid;gap:7px;min-width:0;flex:1}
.build-trait-controls label:last-child:not(:first-child){max-width:110px}
.build-trait-preview{background:#171724;border:1px solid #333045;padding:18px}
.build-trait-preview h3{margin:7px 0 12px;font-size:27px}
.build-trait-preview p{font-size:11px}
.build-summary>p{font-size:11px;margin-top:7px;color:#a8b2c8}
.build-summary-icons{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0}
.build-summary-icons>div{width:48px;border:1px solid #354158;background:#172030;text-align:center;padding:6px 4px}
.build-summary-icons img{width:32px;height:32px;image-rendering:pixelated;margin:auto}
.build-summary-icons small{font-size:6px;display:block;line-height:1.5;color:#9aaec5;margin-top:5px;min-height:9px}
.build-summary .button{width:100%;margin-top:21px;justify-content:center}
.build-page .planner-summary .info-row{gap:13px;font-size:11px}
.build-page .planner-summary .info-row strong{text-align:right}
.build-page .planner-summary .tag-row{gap:5px;margin-top:10px}
.build-page .planner-summary h4{margin-top:22px;font-size:10px;color:#a0aabd}
.build-page .planner-summary p{line-height:1.8;margin-top:13px}

@media(min-width:1500px){.evolution-art{height:320px}.boss-model-card{min-height:350px}}
@media(max-width:1200px){.build-page .planner-layout{grid-template-columns:minmax(0,1fr) 255px;gap:17px}.build-page .planner-workspace .panel{padding:22px}.build-page .planner-slot{padding:10px;gap:8px}.build-page .planner-slot>img,.build-page .planner-slot .slot-placeholder{width:28px;height:28px}.build-hero-panel{grid-template-columns:110px minmax(0,1fr);gap:14px}.evolution-art{height:230px}.evolution-card-info{padding:15px}.evolution-card h3{font-size:24px}.evolution-quick{max-width:330px}.boss-card-copy>.eyebrow{font-size:8px}.boss-model-card{padding:24px;min-height:310px}.boss-model-card h3{font-size:41px}.boss-model-card .boss-portrait{right:-24%;width:115%}}
@media(max-width:1000px){.build-page .planner-layout{grid-template-columns:minmax(0,1fr)}.build-page .planner-summary{position:static;display:grid;grid-template-columns:1fr 1fr;gap:17px}.build-page .planner-summary .panel{margin:0}.build-page .planner-summary .panel:last-child{grid-column:1/-1}.evolution-toolbar{align-items:start;flex-direction:column}.evolution-quick{max-width:none}.evolution-detail{grid-template-columns:1fr}.evolution-check .gate-inputs{max-width:400px}.boss-model-card .boss-portrait{right:-30%;width:120%}.boss-card-copy{max-width:70%}.boss-model-card h3{font-size:38px}.stage-card h3{font-size:31px}.stage-card{gap:18px}.stage-data{gap:15px}.stage-data>div{font-size:17px}}
@media(max-width:760px){.boss-model-card{min-height:300px;padding:23px}.boss-model-card .boss-portrait{right:-18%;width:105%}.boss-model-card h3{font-size:43px}.boss-card-copy{max-width:62%}.detail-hero .encounter-portrait{min-width:0;width:45%;height:250px}.encounter-hero>div:first-child{max-width:60%}.encounter-hero h1{font-size:43px}.evolution-intro h2{font-size:36px}.evolution-intro{align-items:start}.evolution-intro .text-link{font-size:9px}.evolution-path{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.evolution-path:has(.evolution-card:only-child){grid-template-columns:minmax(0,1fr);max-width:300px}.evolution-art{height:235px}.evolution-card h3{font-size:26px;min-height:53px}.evolution-gates{font-size:8px;gap:5px}.evolution-card-info{padding:14px}.evolution-step{left:10px;top:10px;font-size:7px}.evolution-view{font-size:8px}.evolution-focus h2{font-size:32px}.evolution-q-icon{width:45px;height:45px}.evolution-intro p{font-size:10px}.evolution-toolbar{gap:15px}.build-section-links a{padding:12px;font-size:9px}.build-hero-panel{grid-template-columns:105px minmax(0,1fr);padding:20px!important;gap:15px}.build-page .planner-workspace .panel{padding:23px}.build-page .planner-slots{grid-template-columns:1fr 1fr}.build-page .planner-slot>img{width:30px;height:30px}.build-page .planner-summary{grid-template-columns:1fr}.build-page .planner-summary .panel:last-child{grid-column:auto}.build-page .planner-summary .panel{padding:23px}.build-page .planner-slot{gap:9px;padding:11px}.build-page .planner-slots select{font-size:10px;padding:9px 6px}.build-add-item .button{font-size:10px}.stage-card{padding:23px 20px;min-height:215px}.stage-card h3{font-size:33px}.stage-card .stage-background{opacity:.3}.stage-data{justify-content:flex-start}.stage-card p{font-size:10px}.enemy-catalog-card .card-visual{height:220px}}
@media(max-width:480px){.boss-model-card{min-height:295px}.boss-model-card .boss-portrait{right:-22%;width:113%;top:12px}.boss-card-copy{max-width:68%}.boss-card-copy>.eyebrow{font-size:7px;letter-spacing:.1em}.boss-model-card h3{font-size:43px}.boss-model-card .boss-stats{gap:24px}.detail-hero .encounter-portrait{position:absolute;width:100%;height:290px;right:-28%;top:16px;opacity:.75;mask-image:linear-gradient(90deg,transparent 12%,black 55%)}.encounter-hero>div:first-child{max-width:90%}.encounter-hero h1{font-size:46px}.encounter-hero .detail-summary{max-width:70%;font-size:11px}.encounter-hero .tag-row{max-width:70%}.evolution-art{height:210px}.evolution-card h3{font-size:23px;min-height:48px}.evolution-card-info{padding:12px}.evolution-gates{gap:4px;font-size:7px}.evolution-gates span{padding:4px}.evolution-intro{flex-direction:column;gap:13px}.evolution-toolbar .chip{font-size:9px;padding:6px 9px}.evolution-focus .panel-heading{gap:12px}.evolution-requirements{gap:20px}.gate-check div{flex-wrap:wrap;gap:5px}.build-page .planner-workspace .panel{padding:20px}.build-page .planner-slots{grid-template-columns:1fr}.build-page .planner-slot{padding:14px;gap:13px}.build-page .planner-slot>img,.build-page .planner-slot .slot-placeholder{width:40px;height:40px}.build-page .planner-slots select{font-size:11px;padding:9px}.build-hero-panel{grid-template-columns:80px minmax(0,1fr);gap:11px;padding:17px!important}.build-hero-controls p{font-size:9px}.build-hero-controls select{font-size:10px;padding:8px 5px}.build-add-item{gap:8px}.build-add-item .button svg{display:none}.build-add-item .button{padding:9px}.build-item{padding:15px 12px;gap:10px}.build-item>img{width:30px;height:30px}.build-item-copy strong{font-size:11px}.build-item-controls{gap:10px}.build-grants .tag{display:none}.build-page .panel h2{font-size:30px}.stage-card .stage-number{font-size:56px}.stage-card{gap:12px}.stage-card h3{font-size:31px}.enemy-catalog-card .card-visual{height:210px}}

.detail-hero .boss-duo-portrait{display:flex;gap:0}
@media(min-width:761px){.detail-hero .boss-duo-portrait{width:52%;min-width:300px}}
.detail-hero .boss-duo-portrait img{flex:1 1 0;min-width:0;width:auto;height:100%;object-fit:cover;object-position:50% 40%}
.boss-forms{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.boss-form{border:1px solid #2a3040;background:#11141c;overflow:hidden}
.boss-form-art{height:250px;overflow:hidden;background:#0b0c10}
.boss-form-art img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;image-rendering:auto;mix-blend-mode:screen}
.boss-form-copy{padding:16px 18px 18px}
.boss-form-copy h3{font-size:28px;margin:6px 0 8px}
.boss-form-copy p{font-size:11px;color:#9aa3b8}
.boss-form .boss-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:14px;font-size:17px;color:#e4e6f0}
.boss-form .boss-stats small{display:block;margin-top:2px;color:#757d95;font-size:8px;letter-spacing:.12em}
.form-attack-heading{margin:24px 0 4px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--detail-color,#d3ae74)}
.detail-main .form-attack-heading:first-of-type{margin-top:14px}
.detail-aside .form-attack-heading{margin:14px 0 6px;font-size:11px}
@media(max-width:760px){.boss-forms{grid-template-columns:1fr}.boss-form-art{height:220px}}
