@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--bg-primary:#0a0a0f;--bg-secondary:#0f0f1a;--bg-surface:#141420;--bg-tool-surface:#181825;--border-default:#2a2a3a;--gold-primary:#d4a574;--gold-highlight:#f0c040;--text-primary:#e4e1e9;--text-secondary:#a9a4b2;--accent-green:#3fb950;--accent-blue:#58a6ff;--accent-red:#f85149}*{box-sizing:border-box}body,html{background:var(--bg-primary)}body{margin:0;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold-highlight);outline-offset:3px}.shell{width:min(1120px,calc(100% - 32px));margin:auto}.nav{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-default)}.brand{color:var(--gold-primary);font-size:18px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.navlinks{display:flex;align-items:center;gap:18px;color:var(--text-secondary);font-size:14px}.navlinks a:hover{color:var(--gold-primary)}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:0 18px;font-weight:700;border:1px solid transparent;transition:.2s}.button.primary{background:var(--gold-primary);color:#1e1106}.button.primary:hover{background:var(--gold-highlight)}.button.secondary{border-color:var(--gold-primary);color:var(--gold-primary)}.button.secondary:hover{background:rgba(212,165,116,.12)}.button.steam{color:#7cc3ff;border-color:rgba(26,159,255,.45);background:rgba(26,159,255,.1)}.hero{position:relative;min-height:432px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border-default);border-radius:12px;margin:30px 0 42px;background:linear-gradient(180deg,rgba(10,10,15,.26),rgba(10,10,15,.9)),url(/images/hero-main.png) 50%/cover}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 25%,rgba(212,165,116,.22),transparent 52%);animation:ember 8s ease-in-out infinite}.hero>div{position:relative;z-index:1;width:min(720px,90%);text-align:center}.eyebrow,.label{color:var(--gold-primary);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hero h1{font-size:clamp(34px,6vw,58px);line-height:1.08;letter-spacing:-.045em;margin:10px 0 18px}.lede{font-size:18px;color:#d7d0d9;max-width:640px;margin:0 auto}.cta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}.grid{display:grid;grid-gap:16px;gap:16px}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:20px;transition:.2s;display:flex;flex-direction:column;gap:8px}.card:hover{border-color:rgba(212,165,116,.65);transform:translateY(-2px)}.card h3{margin:4px 0;color:#f4f1f7;font-size:18px;line-height:1.25}.card p{margin:0;color:var(--text-secondary);font-size:14px}.card .card-cta{margin-top:auto;color:var(--gold-primary);font-size:13px;font-weight:700;letter-spacing:.06em}.intent-card .label{color:var(--gold-highlight)}.icon{color:var(--gold-primary);font-size:24px}section{margin:52px 0}h2{font-size:28px;letter-spacing:-.025em;line-height:1.2;margin:0 0 18px}h3{line-height:1.25}.trust{display:inline-flex;align-items:center;gap:6px;border-radius:4px;padding:3px 9px;background:rgba(212,165,116,.1);color:var(--gold-primary);font-weight:700;font-size:12px}.direct-answer{border-left:3px solid var(--gold-primary);background:var(--bg-tool-surface);padding:16px 18px;border-radius:0 8px 8px 0;color:#ddd7e0;font-size:17px;line-height:1.55}.article{width:min(760px,100%);margin:42px auto}.article h1{font-size:clamp(34px,5vw,48px);line-height:1.1;letter-spacing:-.04em}.article h2{margin-top:42px}.article li,.article p{color:#cac4ce}.article li{margin-bottom:8px}.toc{padding:16px 20px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px}.toc a{display:block;color:var(--gold-primary);padding:4px 0}.tool{border-left:3px solid var(--gold-primary);padding:20px;background:var(--bg-tool-surface);border-radius:8px}.tool label{display:block;margin-bottom:8px;font-weight:700}.tool input,.tool select{width:100%;min-height:44px;border-radius:6px;border:1px solid var(--border-default);background:#0d0d16;color:#fff;padding:10px;margin-bottom:14px}.result{margin-top:14px;padding:14px;background:rgba(63,185,80,.1);border:1px solid rgba(63,185,80,.45);border-radius:6px}.table-wrap{overflow-x:auto;border:1px solid var(--border-default);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:560px}td,th{padding:12px;text-align:left;border-bottom:1px solid var(--border-default)}th{color:var(--gold-primary);background:var(--bg-surface)}.footer{margin-top:68px;padding:32px 0 86px;border-top:1px solid var(--border-default);color:var(--text-secondary);font-size:14px;text-align:center}.footer nav{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:14px 0}.mobile-menu,.mobile-nav{display:none}.mode-toggle{display:flex;gap:18px;align-items:center;margin:0 0 14px;padding:0;border:0}.mode-toggle legend{font-weight:700;margin-bottom:8px;color:var(--gold-primary)}@keyframes ember{50%{opacity:.55;transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:720px){body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.shell{width:min(100% - 24px,1120px)}.nav{height:60px;display:grid;grid-template-columns:44px 1fr 96px;grid-gap:0;gap:0;position:relative}.brand{grid-column:2;text-align:center;font-size:14px}.navlinks{display:none}.nav .steam-top{display:inline-flex;grid-column:3;justify-self:end;min-height:44px;padding:0 8px;font-size:11px}.mobile-menu{display:block;grid-column:1;grid-row:1;position:relative}.mobile-menu summary{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer;color:var(--gold-primary);font-size:24px;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;top:48px;left:0;width:200px;max-height:calc(100vh - 60px);overflow:auto;padding:8px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;z-index:20}.mobile-menu nav a{display:flex;align-items:center;min-height:44px;padding:8px 10px;color:var(--text-primary);border-radius:5px}.mobile-menu nav a:hover{background:rgba(212,165,116,.08);color:var(--gold-highlight)}.hero{min-height:460px;margin-top:18px}.grid.four,.grid.three{grid-template-columns:1fr 1fr}.grid.two{grid-template-columns:1fr}.card{padding:16px}.article{margin-top:26px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));bottom:0;left:0;right:0;min-height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#10101a;border-top:1px solid var(--border-default);z-index:9}.mobile-nav a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 2px;font-size:11px;color:var(--text-secondary);text-align:center;white-space:nowrap}.mobile-nav a:first-letter{color:var(--gold-primary)}}@media(max-width:390px){.grid.four,.grid.three{grid-template-columns:1fr}.hero h1{font-size:34px}.button{width:100%}.nav .steam-top{width:auto;font-size:10px}.brand{font-size:13px}.mobile-nav a{font-size:10px}}.week-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:22px}.week-section img{width:100%;height:260px;object-fit:cover;border-radius:8px}.tool-rich{border-left:0;padding:22px}.tool-rich h2{font-size:24px;margin:4px 0 8px}.tool-rich h3{margin:18px 0 8px}.class-picker{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;margin-bottom:20px}.class-choice{border:1px solid var(--border-default);border-radius:8px;background:var(--bg-surface);color:var(--text-primary);padding:7px;min-height:82px;font:inherit;font-size:11px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.class-choice img{display:block;width:100%;height:48px;object-fit:cover;border-radius:4px}.chip.active,.class-choice.active,.matrix-cell.active{border-color:var(--gold-highlight);background:rgba(212,165,116,.18);color:#fff}.form-grid,.tool-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.equipment-panel{background:#10101a;border-radius:8px;padding:16px}.action-row,.chip-row,.tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chip,.map-controls button,.tabs button{min-height:38px;padding:0 12px;border:1px solid var(--border-default);border-radius:5px;background:var(--bg-surface);color:var(--text-primary);font:inherit;cursor:pointer}.action-row{margin-top:18px}.map-tool{padding:0;background:transparent}.map-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:14px;background:var(--bg-tool-surface);border:1px solid var(--border-default);border-radius:8px 8px 0 0}.map-controls label{margin:0!important;font-size:13px;font-weight:600}.map-controls input{width:auto!important;min-height:auto!important}.map-canvas{height:440px;position:relative;overflow:hidden;border:1px solid var(--border-default);border-top:0;background:radial-gradient(circle at 30% 20%,#32483b,#17251f 42%,#0b1212 100%);touch-action:none;cursor:-webkit-grab;cursor:grab}.map-canvas canvas{position:absolute;inset:0;width:100%;height:100%}.marker{position:absolute;width:32px;height:32px;border-radius:50%;background:var(--gold-primary);color:#1e1106;border:2px solid #1e1106;display:flex;align-items:center;justify-content:center;font-weight:800;cursor:pointer;font-size:12px;box-shadow:0 6px 14px rgba(0,0,0,.45)}.marker:hover{background:var(--gold-highlight)}.matrix-wrap{overflow-x:auto;border:1px solid var(--border-default);border-radius:8px}.matrix{width:100%;border-collapse:collapse;min-width:560px}.matrix td,.matrix th{padding:0;text-align:center;border-bottom:1px solid var(--border-default);border-right:1px solid var(--border-default)}.matrix th{background:var(--bg-surface);color:var(--gold-primary);padding:10px;font-size:12px}.matrix-cell{width:100%;min-height:54px;background:transparent;border:0;color:var(--text-secondary);cursor:pointer;font-weight:700;font-size:12px}.matrix-cell:hover{background:rgba(212,165,116,.08);color:var(--gold-highlight)}.check-progress{height:8px;background:#1f1f2d;border-radius:4px;margin-bottom:10px;overflow:hidden}.check-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-primary),var(--gold-highlight));transition:.2s}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.check-grid label{display:flex;gap:10px;padding:8px 12px;border:1px solid var(--border-default);border-radius:6px;cursor:pointer}.check-grid label,.rank-card{align-items:center;background:var(--bg-surface)}.rank-card{display:grid;grid-template-columns:56px 1fr;grid-gap:14px;gap:14px;padding:14px;border:1px solid var(--border-default);border-radius:8px;margin-bottom:10px}.rank-card strong.tier{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:24px;border-radius:8px;background:rgba(212,165,116,.12);color:var(--gold-highlight)}.rank-card p{grid-column:1/-1;color:var(--text-secondary);font-size:14px;margin:0}.progress{height:8px;background:#1f1f2d;border-radius:4px;margin:8px 0 16px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-primary),var(--gold-highlight))}.answer-list{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.answer-list button{padding:14px;text-align:left;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-surface);color:var(--text-primary);font:inherit;cursor:pointer}.answer-list button:hover{border-color:var(--gold-primary);color:var(--gold-highlight)}.map-caption,.tool-rich .filter-count{padding:10px 14px;color:var(--text-secondary);font-size:14px;background:var(--bg-tool-surface);border:1px solid var(--border-default);border-top:0;border-radius:0 0 8px 8px}@media(max-width:720px){.hero{min-height:420px}.cta-row .button{width:100%}.form-grid,.tool-grid,.week-section{grid-template-columns:1fr}.week-section img{height:190px}.class-picker{grid-template-columns:repeat(3,1fr)}.map-canvas{height:340px}.map-controls{align-items:flex-start}.check-grid{grid-template-columns:1fr}.rank-card{grid-template-columns:40px 1fr}.rank-card p{grid-column:2}.tool-rich{padding:16px}.matrix-wrap{margin:0 -16px}.matrix{min-width:640px}}.check-grid input,.chip,.map-controls button,.marker,.matrix-cell,.tabs button{min-width:44px;min-height:44px}.map-controls label{display:inline-flex;align-items:center;min-height:44px}.map-controls input{width:44px!important;height:44px!important;min-height:44px!important;margin:0 4px 0 0!important;accent-color:var(--gold-primary)}.marker{width:44px;height:44px}.check-grid label{min-height:44px;padding:0 10px}.check-grid input{flex:0 0 44px}.check-grid input,.mode-toggle input{width:44px!important;height:44px!important}.mode-toggle input{min-height:44px!important;margin:0!important;accent-color:var(--gold-primary)}.mode-toggle label{min-height:44px}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:end}.filter-grid label{margin:0!important}.filter-grid input,.filter-grid select{margin:5px 0 0!important}.filter-count{color:var(--text-secondary);font-size:14px}.detail-button{min-height:44px;padding:0 12px;border:1px solid var(--gold-primary);border-radius:5px;background:transparent;color:var(--gold-primary);font:inherit;font-weight:700;cursor:pointer}.detail-row td{background:rgba(212,165,116,.08)}.empty-state,.share-status{color:var(--text-secondary)}.share-status{font-size:14px;overflow-wrap:anywhere}.squad-picker .class-choice small{display:block;color:var(--text-secondary);font-size:10px}@media(max-width:720px){.filter-grid{grid-template-columns:1fr}.item-explorer{padding:16px}.squad-picker{grid-template-columns:repeat(2,1fr)}}.nav-group{position:relative}.nav-group summary{cursor:pointer;list-style:none;color:var(--text-secondary);white-space:nowrap}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:"▾";margin-left:5px}.nav-group summary:after,.nav-group[open] summary{color:var(--gold-primary)}.nav-popover{position:absolute;top:28px;left:-14px;z-index:30;width:200px;padding:8px;background:#171722;border:1px solid var(--border-default);border-radius:9px;box-shadow:0 18px 42px rgba(0,0,0,.38)}.nav-popover a{display:block;min-height:40px;padding:9px 10px;border-radius:5px}.nav-popover a:hover{background:rgba(212,165,116,.12);color:var(--gold-highlight)}.article-intro{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-gap:28px;gap:28px;align-items:start;margin:38px 0 26px}.article-intro .quick-meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:14px}.article-intro .quick-meta>div{background:var(--bg-tool-surface);border:1px solid var(--border-default);border-radius:8px;padding:10px 12px}.article-intro .quick-meta .info-label{display:block;color:var(--gold-primary);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.article-intro .quick-meta strong{color:#f4f1f7;font-size:13px;line-height:1.4;display:block}.article-intro h1{margin:8px 0 14px}.article-intro .direct-answer{margin:0}.article-visual{margin:0;min-height:240px;overflow:hidden;border:1px solid var(--border-default);border-radius:12px;background:linear-gradient(135deg,#171724,#0d0d16);position:-webkit-sticky;position:sticky;top:80px}.article-visual.portrait img{width:100%;height:240px;object-fit:cover;object-position:center}.article-visual.diagram{display:grid;place-items:center;padding:16px}.article-visual svg{width:100%;height:auto;color:#c9c3cb;display:block}.article-visual text{fill:#d6d0d8;font-weight:700}.article-visual figcaption{padding:8px 12px;color:var(--text-secondary);font-size:12px;line-height:1.4;border-top:1px solid var(--border-default);background:rgba(20,20,32,.6)}.portrait figcaption{margin-top:-44px;position:relative;background:linear-gradient(transparent,rgba(10,10,15,.96));padding-top:24px;border-top:0}.early-tool-cta{margin-top:16px}.quick-plan{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px;border:1px solid rgba(212,165,116,.42);border-radius:12px;background:linear-gradient(110deg,rgba(212,165,116,.12),rgba(20,20,32,.8));margin:28px 0 42px}.quick-plan h2{font-size:22px;margin:4px 0 8px}.quick-plan ul{display:flex;gap:12px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.quick-plan li{color:var(--text-secondary);font-size:14px}.quick-plan li:not(:last-child):after{content:"•";margin-left:12px;color:var(--gold-primary)}.content-section{position:relative;margin:42px 0}.content-section h2{display:flex;align-items:center;gap:10px;margin-bottom:14px}.content-section h2:before{content:"";display:inline-block;width:6px;height:24px;background:linear-gradient(180deg,var(--gold-primary),var(--gold-highlight));border-radius:3px}.section-lead{font-size:17px;line-height:1.75;color:#ded8e2;margin-bottom:16px}.key-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 20px;gap:8px 20px;padding:0;margin:14px 0 22px;list-style:none}.key-points li{position:relative;padding:11px 12px 11px 32px;margin:0!important;border:1px solid var(--border-default);border-radius:7px;background:var(--bg-surface);font-size:14px;line-height:1.45}.key-points li:before{content:"↗";position:absolute;left:11px;top:11px;color:var(--gold-highlight);font-weight:800}.reading-detail{margin-top:14px;padding:0 15px;border:1px solid var(--border-default);border-radius:8px;background:rgba(20,20,32,.6)}.reading-detail summary{min-height:46px;display:flex;align-items:center;cursor:pointer;color:var(--gold-primary);font-weight:700}.reading-detail[open] summary{color:var(--gold-highlight);border-bottom:1px solid var(--border-default);margin-bottom:8px}.reading-detail p{margin:0 0 16px;font-size:14.5px;line-height:1.65;color:#bdb6c4}.info-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin:6px 0 22px}.info-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;transition:.2s}.info-card:hover{border-color:var(--gold-primary);transform:translateY(-2px)}.info-card .info-label{display:block;color:var(--gold-primary);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.info-card strong{color:#f4f1f7;font-size:15px;line-height:1.4}.faq-block .faq-grid{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.faq-block .faq-grid .faq-item{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:0}.faq-block .faq-grid .faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;color:var(--gold-primary);font-weight:700;font-size:15px;list-style:none}.faq-block .faq-grid .faq-item summary::-webkit-details-marker{display:none}.faq-block .faq-grid .faq-item summary:after{content:"+";color:var(--gold-primary);font-size:20px;line-height:1}.faq-block .faq-grid .faq-item[open] summary{color:var(--gold-highlight);border-bottom:1px solid var(--border-default)}.faq-block .faq-grid .faq-item[open] summary:after{content:"−"}.faq-block .faq-grid .faq-item p{margin:0;padding:14px 16px;font-size:14.5px;line-height:1.6;color:#cac4ce}.related-block{margin-top:48px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.related-card{min-height:126px;display:flex;flex-direction:column;justify-content:space-between;padding:17px;border:1px solid var(--border-default);border-radius:9px;background:var(--bg-surface);transition:.2s}.related-card:hover{border-color:var(--gold-primary);transform:translateY(-2px)}.related-card small,.related-card span{color:var(--text-secondary);font-size:12px}.related-card strong{color:var(--gold-primary);font-size:17px;line-height:1.2}.hub-page .article-intro{grid-template-columns:1fr}.hub-tiles .card{padding:18px}@media(max-width:900px){.info-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.article-intro{grid-template-columns:1fr;gap:16px;margin-top:24px}.article-intro h1{font-size:clamp(32px,10vw,43px)}.article-visual{position:static;min-height:200px}.article-visual.portrait img{height:200px}.quick-plan{display:block;margin:22px 0 34px;padding:18px}.quick-plan .button{width:100%;margin-top:16px}.quick-plan li{font-size:13px}.key-points{grid-template-columns:1fr;gap:8px}.info-cards{grid-template-columns:1fr 1fr;gap:8px}.content-section{margin:34px 0}.section-lead{font-size:16px;line-height:1.65}.related-grid{grid-template-columns:1fr}.nav-group,.navlinks details{display:none}.article-intro .quick-meta{grid-template-columns:1fr}}@media(max-width:390px){.article-intro .button{width:100%}.quick-plan li{display:block;margin:5px 0}.quick-plan li:after{display:none}.info-cards{grid-template-columns:1fr}}.ao-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;align-items:start}.ao-inputs section,.bp-step{margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--border-default)}.ao-count{color:var(--gold-highlight);font-size:13px}.ao-hint{color:var(--text-secondary);font-size:13px;line-height:1.5}.ao-affix-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:8px;gap:8px}.ao-affix{border:1px solid var(--border-default);border-radius:6px;background:var(--bg-surface);overflow:hidden}.ao-affix button{width:100%;min-height:52px;padding:8px;border:0;background:transparent;color:var(--text-primary);font:inherit;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px}.ao-affix strong{font-size:13px}.ao-affix small{font-size:11px;color:var(--text-secondary)}.ao-affix.picked{border-color:var(--gold-highlight);background:rgba(212,165,116,.14)}.ao-affix .tone-offense strong{color:#ff9d6b}.ao-affix .tone-defense strong{color:#6bc4ff}.ao-affix .tone-utility strong{color:#a3e635}.ao-affix .tone-neutral strong{color:#d7d0d9}.ao-level{display:flex;align-items:center;gap:6px;padding:4px 8px;border-top:1px solid var(--border-default);font-size:12px;color:var(--gold-primary)}.ao-level select{width:64px;min-height:32px;margin:0;padding:2px 6px}.ao-rarity-table{display:flex;flex-direction:column;gap:4px}.ao-rarity-row{display:grid;grid-template-columns:86px repeat(6,34px);grid-gap:6px;gap:6px;align-items:center}.ao-slot-name{font-size:12px;font-weight:700;text-transform:capitalize}.ao-rarity,.ao-slot-name{color:var(--text-secondary)}.ao-rarity{min-height:32px;border:1px solid var(--border-default);border-radius:5px;background:var(--bg-surface);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.ao-rarity.on{border-color:var(--gold-highlight);color:#fff}.ao-rarity.damaged.on{background:rgba(120,120,120,.35)}.ao-rarity.common.on{background:rgba(160,160,160,.3)}.ao-rarity.rare.on{background:rgba(88,166,255,.3)}.ao-rarity.excellent.on{background:rgba(63,185,80,.3)}.ao-rarity.epic.on{background:rgba(188,108,255,.3)}.ao-rarity.legendary.on{background:rgba(240,192,64,.32)}.ao-result{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:18px}.ao-empty,.ao-empty-slot{color:var(--text-secondary);font-size:14px}.ao-verdict{border-radius:6px;padding:14px;margin-bottom:16px}.ao-verdict.ok{background:rgba(63,185,80,.12);border:1px solid rgba(63,185,80,.5);color:#b6f0bf}.ao-verdict.bad{background:rgba(248,81,73,.1);border:1px solid rgba(248,81,73,.5);color:#ffb3ae}.ao-verdict p{margin:6px 0 0;font-size:14px}.ao-progress{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.ao-goal-row{display:grid;grid-template-columns:110px 1fr 64px;grid-gap:10px;gap:10px;align-items:center;font-size:13px}.ao-bar{height:8px;background:#0d0d16;border:1px solid var(--border-default);border-radius:4px;overflow:hidden}.ao-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-primary),var(--gold-highlight))}.ao-goal-row.met strong{color:var(--accent-green)}.ao-fills{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.ao-fill{display:grid;grid-template-columns:86px 1fr;grid-gap:10px;gap:10px;padding:8px;background:var(--bg-tool-surface);border:1px solid var(--border-default);border-radius:6px}.ao-fill,.ao-fill strong{font-size:13px}.ao-fill small{display:block;color:var(--text-secondary);font-size:12px}.rarity-damaged{color:#9a9aa5}.rarity-common{color:#c8c8d0}.rarity-rare{color:var(--accent-blue)}.rarity-excellent{color:var(--accent-green)}.rarity-epic{color:#bc6cff}.rarity-legendary{color:var(--gold-highlight)}.bp-slots{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.bp-slots label{font-size:13px}@media(max-width:860px){.ao-grid{grid-template-columns:1fr}.ao-rarity-row{grid-template-columns:72px repeat(6,30px)}.bp-slots{grid-template-columns:1fr}.ao-goal-row{grid-template-columns:90px 1fr 56px}}