@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Noto+Sans+JP:wght@400;500;700;900&display=swap");:root{--ink:#071019;--ink-2:#0d1824;--ink-3:#142231;--paper:#f5f7fa;--paper-2:#e7ebef;--line:rgba(13,24,36,.18);--line-bright:rgba(49,205,232,.48);--text:#111827;--muted:#607080;--muted-light:#aab7c4;--orange:#ff7900;--orange-2:#ffb11a;--cyan:#31cde8;--blue:#265da8;--tank-blue:#246cb8;--tank-blue-dark:#153d72;--support-yellow:#f4c23d;--support-yellow-dark:#b46f00;--dps-red-dark:#8f2230;--success:#23a35a;--support:#18b999;--danger:#dd3f2b}*{box-sizing:border-box}html{background:var(--ink)}body,html{min-height:100%}body{margin:0;color:var(--text);font-family:Noto Sans JP,system-ui,sans-serif;line-height:1.7;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 0),radial-gradient(circle at 76% 8%,rgba(255,121,0,.22),transparent 28rem),radial-gradient(circle at 10% 28%,rgba(49,205,232,.14),transparent 24rem),linear-gradient(145deg,#071019,#0a1320 42%,#101923);background-size:40px 40px,40px 40px,auto,auto,auto}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(rgba(255,255,255,.05) 50%,transparent 0);background-size:100% 6px;opacity:.08}a{color:inherit}.skipLink{position:fixed;left:12px;top:12px;z-index:100;padding:10px 14px;color:#fff;background:var(--ink);border:2px solid var(--cyan);transform:translateY(-140%);transition:transform .16s ease}.skipLink:focus-visible{transform:translateY(0)}a:focus-visible,button:focus-visible,label:focus-within{outline:3px solid var(--cyan);outline-offset:3px}.topNav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(5,12,20,.88);border-bottom:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topNavInner{width:min(1240px,calc(100% - 40px));min-height:68px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:grid;grid-template-columns:42px auto;grid-template-rows:auto auto;grid-column-gap:12px;column-gap:12px;align-items:center;text-decoration:none}.brandMark{grid-row:span 2;width:42px;height:42px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#111b27,#27384a);border:2px solid rgba(255,255,255,.82);border-bottom:2px solid var(--orange);-webkit-clip-path:polygon(50% 0,100% 24%,84% 100%,16% 100%,0 24%);clip-path:polygon(50% 0,100% 24%,84% 100%,16% 100%,0 24%);font-family:Barlow Condensed,sans-serif;font-weight:900}.brandMain,.diagnosisCounter,.heroTitle,.reportCode,h1,h2,h3{font-family:Barlow Condensed,Noto Sans JP,sans-serif;font-weight:900;line-height:1}.brandMain{color:#fff;font-size:18px}.brandSub{color:var(--muted-light);font-size:12px}.navLinks{display:flex;align-items:center;gap:6px}.navLinks a{position:relative;padding:22px 18px 19px;color:#dce6ef;font-size:14px;font-weight:800;text-decoration:none}.navLinks a:after{content:"";position:absolute;left:18px;right:18px;bottom:12px;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.navLinks a:hover:after{transform:scaleX(1)}.navLinks::-webkit-scrollbar{display:none}main{position:relative;z-index:2;width:min(1240px,calc(100% - 40px));margin:0 auto;padding:32px 0 56px}.stack{display:grid;grid-gap:18px;gap:18px}.siteFooter{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.12);background:rgba(5,12,20,.82)}.siteFooterInner{width:min(1240px,calc(100% - 40px));min-height:74px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 0}.siteFooter span{color:#fff;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:900}.siteFooter nav{display:flex;flex-wrap:wrap;gap:14px}.siteFooter a{color:var(--muted-light);font-size:13px;font-weight:800;text-decoration:none}.siteFooter a:hover{color:var(--cyan)}.footerDisclaimer{flex-basis:100%;max-width:980px;margin:-4px 0 0;color:rgba(222,232,242,.68);font-size:12px;font-weight:700;line-height:1.7}.staticPage{max-width:980px}.heroBanner{min-height:500px;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:end;grid-gap:28px;gap:28px;padding:40px;color:#fff;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.24);background:linear-gradient(90deg,rgba(5,12,20,.95),rgba(5,12,20,.68) 42%,rgba(5,12,20,.18) 72%),url(/images/overwatch-logo-wallpaper.jpg) 50%/cover;-webkit-clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));box-shadow:0 30px 80px rgba(0,0,0,.4)}.heroBanner:after,.heroBanner:before{content:"";position:absolute;pointer-events:none}.heroBanner:before{inset:24px;border:1px solid rgba(255,255,255,.16);border-left:3px solid var(--orange);-webkit-clip-path:polygon(0 0,94% 0,100% 16%,100% 100%,0 100%);clip-path:polygon(0 0,94% 0,100% 16%,100% 100%,0 100%)}.heroBanner:after{left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--orange),var(--orange-2),var(--cyan),transparent)}.flowPanel,.heroCopy{position:relative;z-index:1}.heroCopy{max-width:620px}.eyebrow{margin:0 0 8px;color:var(--cyan);font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:800;letter-spacing:0}.eyebrow,.heroTitle{text-transform:uppercase}.heroTitle{margin:0;max-width:620px;color:#fff;font-size:clamp(54px,6vw,70px);font-style:italic;text-shadow:0 8px 30px rgba(0,0,0,.55)}.heroLead{max-width:560px;margin:14px 0 0;color:#e5eef6;font-size:16px;font-weight:700}.heroCtaRow{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.button,button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border:0;color:#fff;background:linear-gradient(180deg,#ff9f1c,var(--orange));-webkit-clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);font-family:Noto Sans JP,system-ui,sans-serif;font-size:16px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28),0 14px 28px rgba(255,121,0,.24);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.button:hover,button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:inset 0 0 0 2px rgba(255,255,255,.36),0 18px 36px rgba(255,121,0,.34)}button:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.2);transform:none}.primaryCta{min-width:220px}.ghostButton,.secondaryCta{background:linear-gradient(180deg,#1a2735,#0b1420);color:#f8fbff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.22)}.diagnosisStatus,.flowPanel,.resultCallout{background:rgba(5,12,20,.88);color:#fff;border:1px solid rgba(255,255,255,.24);-webkit-clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.flowPanel{align-self:end;padding:22px}.flowPanel h2{margin:0 0 14px;color:#fff;font-size:26px}.flowPanel ol{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.flowPanel li{display:grid;grid-template-columns:38px 1fr;grid-column-gap:12px;column-gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12)}.flowPanel li:last-child{padding-bottom:0;border-bottom:0}.flowPanel li span{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;color:var(--orange-2);border:1px solid rgba(255,255,255,.34);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);font-family:Barlow Condensed,sans-serif;font-weight:900}.flowPanel li strong{color:#fff;font-size:14px}.flowPanel li small{color:var(--muted-light)}.miniProgress{display:grid;grid-gap:6px;gap:6px;margin-top:14px;padding:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}.miniProgress small,.miniProgress span{color:var(--muted-light);font-size:12px}.miniProgress strong{color:var(--orange-2);font-family:Barlow Condensed,sans-serif;font-size:30px}.miniProgress i,.scanBar{height:8px;overflow:hidden;background:rgba(255,255,255,.22)}.miniProgress i:before{content:"";display:block;width:3%;height:100%;background:var(--orange)}.adSlot{min-height:96px;display:block;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.18)}.adBand,.adClip,.adSlot{height:96px;max-height:96px;overflow:hidden}.adClip ins{height:96px!important;max-height:96px!important;overflow:hidden}.card,.groupCard,.questionPanel,.resultReport,.surfaceSection,.typeCard{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(233,238,243,.96));border:1px solid rgba(255,255,255,.75);color:var(--text);box-shadow:0 22px 54px rgba(0,0,0,.22)}.card,.questionPanel,.resultReport,.surfaceSection{padding:30px;-webkit-clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.6vw,48px)}h2{font-size:clamp(28px,3.2vw,34px)}h3{font-size:clamp(20px,2.1vw,22px)}p{color:var(--muted)}.statsGrid,.stepsGrid,.typeGroupGrid{display:grid;grid-gap:16px;gap:16px}.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.statItem{padding:18px;background:#fff;border-left:5px solid var(--orange)}.statLabel{color:var(--muted);font-size:13px;font-weight:800}.statValue{color:var(--ink);font-family:Barlow Condensed,sans-serif;font-size:44px;font-weight:900}.stepsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.stepCard,.typeGroupItem{padding:18px;background:#fff;border:1px solid var(--line)}.stepCard span,.typeGroupItem span{color:var(--orange);font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:900}.stepCard h3,.stepCard p{margin-bottom:0}.typeGroupGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.typeGroupItem{display:grid;grid-gap:4px;gap:4px}.typeGroupItem strong{font-size:18px}.typeGroupItem small{color:var(--muted);font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:800}.typePreviewSummary{display:grid;grid-gap:6px;gap:6px;padding:18px;background:#fff;border-left:5px solid var(--cyan)}.rarityBadge,.typeCardRarity,.typePreviewSummary span{font-family:Barlow Condensed,sans-serif;font-weight:900}.typePreviewSummary span{color:var(--orange);font-size:28px}.typePreviewSummary strong{color:var(--ink);font-size:20px}.typePreviewSummary small{color:var(--muted);font-size:14px;font-weight:800}.axisGuide{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,238,244,.96)),linear-gradient(90deg,rgba(49,205,232,.12),transparent)}.axisGuideGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.axisGuideGrid article{display:grid;grid-gap:8px;gap:8px;padding:16px;background:#fff;border:1px solid rgba(8,15,26,.12);border-left:4px solid var(--cyan)}.axisGuideGrid span{color:var(--orange);font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:900;line-height:.9}.axisGuideGrid h3{margin:0;color:var(--ink);font-size:24px}.axisGuideGrid p{margin:0;color:#253448;font-size:14px;font-weight:800;line-height:1.65}.axisGuideGrid strong{color:var(--ink);font-weight:900}.diagnosisShell{display:grid;grid-template-columns:330px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}.diagnosisStatus{position:-webkit-sticky;position:sticky;top:92px;padding:24px}.diagnosisStatus h1{color:#fff;font-size:clamp(32px,2.6vw,38px);line-height:1.12;word-break:keep-all}.diagnosisStatus h1 span{display:block}.diagnosisStatus p{color:var(--muted-light);font-size:14px}.diagnosisCounter{display:flex;align-items:baseline;gap:8px;margin-top:22px}.diagnosisCounter strong{color:var(--orange);font-size:66px}.diagnosisCounter span{color:var(--muted-light);font-size:26px;font-weight:900}.scanBar{margin:6px 0 8px}.scanBar i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--orange-2))}.diagnosisStatus small{color:var(--muted-light);font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:800}.diagnosisStatusCta{margin-top:18px}.diagnosisStatusCta button{width:100%}.mobileNextBar{display:none}.questionHeader{display:flex;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.questionHeader span{color:var(--orange);font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:900}.questionHeader strong{align-self:center;color:var(--muted)}.likertWrap{padding:20px;background:#fff;border:1px solid var(--line)}.likertWrap h2{margin-bottom:12px;font-family:Noto Sans JP,system-ui,sans-serif;font-size:20px;line-height:1.55}.likertLabels{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;font-weight:800}.likertScale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px}.likertOption{min-height:78px;display:grid;place-items:center;padding:12px 10px;text-align:center;cursor:pointer;background:#f7f9fb;border:1px solid var(--line);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.likertOption:hover{transform:translateY(-2px);border-color:rgba(255,121,0,.5)}.likertOption input{position:absolute;opacity:0;pointer-events:none}.likertDot{width:52px;height:52px;display:grid;place-items:center;color:var(--blue);border:2px solid rgba(38,93,168,.45);border-radius:999px;font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:900}.likertText{display:none;color:#334155;font-size:13px;font-weight:800;line-height:1.35}.likertOption.active{background:#fff8ef;border-color:var(--orange);box-shadow:inset 0 0 0 2px rgba(255,121,0,.12),0 12px 24px rgba(255,121,0,.15)}.likertOption.active .likertDot{color:#fff;background:var(--orange);border-color:var(--orange)}.optionRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.resultReport{max-width:960px;margin:0 auto}.resultSection{display:grid;grid-gap:16px;gap:16px}.resultSection+.resultSection{padding-top:18px;border-top:1px solid rgba(8,15,26,.14)}.resultOverviewGrid{grid-template-columns:1fr;align-items:stretch}.resultOverviewGrid .reportDescription{grid-column:1/-1;padding:20px 22px;background:rgba(255,255,255,.86);border-left:5px solid var(--orange);box-shadow:inset 0 0 0 1px rgba(8,15,26,.08)}.resultDetailBlock{padding:22px;background:rgba(255,255,255,.58);border:1px solid rgba(8,15,26,.1)}.resultActionBlock{padding:22px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(244,247,250,.92));border:1px solid rgba(8,15,26,.12)}.resultActionBlock>.primaryCta{width:-moz-fit-content;width:fit-content}.resultActionBlock .sharePanel{margin-top:2px}.reportHeader,.reportSummary{display:flex;justify-content:space-between;gap:22px;align-items:center}.reportHeader{padding-bottom:18px;border-bottom:1px solid var(--line)}.reportHeader h1{margin-bottom:0}.reportHeader .shareCompact{flex-shrink:0}.reportCode{color:var(--orange);font-size:86px;font-style:italic}.inlineTypeCode{margin-right:12px;padding:3px 12px 5px;color:#fff;background:var(--orange);font-size:.66em;font-style:italic;vertical-align:middle;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.inlineRarityStars,.inlineTypeCode{display:inline-flex;align-items:center;font-family:Barlow Condensed,sans-serif;font-weight:900;line-height:1}.inlineRarityStars{gap:2px;margin-left:12px;color:rgba(8,15,26,.2);font-size:.58em;font-style:normal;vertical-align:.08em}.inlineRarityStars span{margin-right:3px;color:var(--blue);font-family:Noto Sans JP,system-ui,sans-serif;font-size:10px;font-style:normal;font-weight:900;line-height:1}.inlineRarityStars b{color:inherit;font-style:normal}.inlineRarityStars b.filled{color:var(--orange);text-shadow:0 1px 0 rgba(8,15,26,.18)}.reportSummary{padding:22px;background:#fff;border-left:6px solid var(--orange)}.badge,.legend,.roleBadge,.rolePill{display:inline-flex;align-items:center;min-height:28px;padding:3px 12px;color:#fff;background:var(--ink-3);font-size:13px;font-weight:900;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.reportSummary h2{margin:14px 0 4px;font-size:42px;line-height:1.12}.reportSummary h3{margin-bottom:0;color:var(--muted);font-family:Noto Sans JP,system-ui,sans-serif;font-size:16px}.reportDescription{margin:0;color:#0b1420;font-size:17px;font-weight:900;line-height:1.85}.heroStyleText,.reportDescriptionText{display:grid;grid-gap:8px;gap:8px}.heroStyleText p,.reportDescriptionText p{margin:0}.resultCallout{padding:24px;border-color:var(--line-bright);background:linear-gradient(100deg,rgba(5,12,20,.96),rgba(5,24,34,.94)),linear-gradient(90deg,transparent,rgba(49,205,232,.18))}.resultCallout p{margin:0;color:#eef7fb}.resultCallout strong{color:var(--cyan);font-size:26px;text-shadow:0 0 24px rgba(49,205,232,.35)}.typeInsightStack{display:grid;grid-gap:14px;gap:14px}.typeInsightGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.typeInsightCard,.typeNarrative{border:1px solid rgba(8,15,26,.12);background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(5,12,20,.06)}.typeNarrative{padding:20px 22px;border-left:5px solid var(--cyan)}.typeInsightCard{padding:20px;border-top:4px solid var(--orange)}.typeInsightStrength{border-top-color:var(--success)}.typeInsightWeakness{border-top-color:var(--danger)}.typeInsightCard .calloutLabel,.typeNarrative .calloutLabel{margin-bottom:8px;color:var(--blue)}.typeInsightCard li,.typeNarrative p{color:#142033;font-weight:850;line-height:1.75}.typeNarrative p{margin:0}.typeNarrative p+p{margin-top:8px}.typeInsightCard ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding-left:1.1em}.typeInsightStrength li::marker{color:var(--success)}.typeInsightWeakness li::marker{color:var(--danger)}.chemistryCode{display:inline-flex;align-items:center;min-height:34px;margin-right:10px;padding:2px 12px;color:var(--ink);background:var(--cyan);font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:900;vertical-align:middle;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.calloutLabel{display:block;margin-bottom:10px;color:var(--cyan);font-size:13px;font-weight:900}.resultNextStep{padding-top:22px;border-top:1px solid var(--line)}.resultNextStep p{margin-bottom:8px}.resultNextStep p:last-child{color:var(--text);font-size:24px;font-weight:900;line-height:1.5}.restartLink{width:max-content;color:var(--blue);font-weight:900;text-decoration:none}.restartLink:hover{color:var(--orange)}.roleCharacterHero{display:grid;grid-gap:14px;gap:14px;overflow:hidden}.roleVisualPicker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.roleVisualChoice{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:10px 14px;overflow:hidden;color:#fff;text-align:center;background:var(--ink-3);border:1px solid rgba(8,15,26,.12);box-shadow:none;-webkit-clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);opacity:.74}.roleVisualChoice span{display:block;padding:0;font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:900;letter-spacing:.04em}.roleVisualChoice small{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;color:rgba(255,255,255,.76);font-size:11px;font-weight:900;line-height:1;background:rgba(8,15,26,.28);border:1px solid rgba(255,255,255,.2);white-space:nowrap}.roleVisualChoice.active{transform:translateY(-2px);border-color:rgba(255,255,255,.88);box-shadow:inset 0 0 0 2px rgba(255,255,255,.36),0 18px 32px rgba(8,15,26,.16);opacity:1}.roleVisualChoice.active small{color:var(--ink);background:#fff;border-color:#fff}.legend-tank,.role-tank,.roleVisualChoice:first-child{background:linear-gradient(135deg,var(--tank-blue),var(--tank-blue-dark))}.legend-dps,.role-dps,.roleVisualChoice:nth-child(2){background:linear-gradient(135deg,#f04438,var(--dps-red-dark))}.legend-support,.role-support,.roleVisualChoice:nth-child(3){color:#111827;background:linear-gradient(135deg,var(--support-yellow),var(--support-yellow-dark))}.roleVisualChoice:nth-child(3) small{color:rgba(17,24,39,.78);background:rgba(255,255,255,.36);border-color:rgba(17,24,39,.16)}.roleVisualChoice:nth-child(3).active small{color:var(--ink);background:#fff}.subtleBackLink{width:-moz-fit-content;width:fit-content;color:var(--blue);font-size:14px;font-weight:900;text-decoration:none;border-bottom:2px solid rgba(38,93,168,.28)}.subtleBackLink:hover{color:var(--orange);border-bottom-color:rgba(255,121,0,.5)}.heroResultCard{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,300px) minmax(260px,340px);grid-gap:22px;gap:22px;align-items:stretch;overflow:hidden}.heroResultCard.tank{border-left:6px solid var(--tank-blue)}.heroResultCard.dps{border-left:6px solid var(--danger)}.heroResultCard.support{border-left:6px solid var(--support-yellow)}.heroResultCopy{align-content:start;display:grid;grid-gap:16px;gap:16px;grid-column:1;grid-row:1}.heroResultCopy h2{margin-bottom:0;color:var(--ink);font-size:46px}.heroResultCopy p{margin-bottom:0;color:#233244;font-size:17px;font-weight:800;line-height:1.8}.heroResultCopy strong{color:var(--orange);font-family:Barlow Condensed,sans-serif;font-size:26px;letter-spacing:.04em}.heroStylePanel{padding:16px 18px;background:rgba(255,255,255,.72);border-left:5px solid var(--cyan);box-shadow:inset 0 0 0 1px rgba(13,24,36,.08)}.heroStylePanel .calloutLabel{color:var(--blue)}.heroStylePanel p{color:#162334;font-size:15px;line-height:1.75}.heroResultFollowActions{grid-template-columns:minmax(180px,280px)}.heroResultInlineActions{grid-column:1/3;grid-row:2;display:grid;grid-gap:12px;gap:12px;align-self:start}.heroResultInlineActions .sharePanel{background:rgba(255,255,255,.86)}.heroPortraitFrame{position:relative;width:min(100%,320px);align-self:start;justify-self:center;grid-column:2;grid-row:1;padding:10px;background:var(--ink);border:1px solid rgba(0,216,255,.35);-webkit-clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);box-shadow:0 24px 54px rgba(0,0,0,.28)}.heroPortraitFrame img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;-webkit-clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.heroProfilePanel{grid-column:3;grid-row:1/3;display:grid;grid-gap:12px;gap:12px;align-content:start;padding:18px;color:#fff;background:linear-gradient(140deg,rgba(5,12,20,.98),rgba(12,24,36,.96)),linear-gradient(90deg,transparent,rgba(49,205,232,.16));border:1px solid rgba(49,205,232,.28);-webkit-clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.heroProfilePanel .eyebrow{margin-bottom:0}.combatRadar{display:block;width:min(100%,260px);margin:0 auto;overflow:visible}.radarRing{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1}.radarAxis{stroke:rgba(255,255,255,.22);stroke-width:1}.radarShape{fill:rgba(49,205,232,.28);stroke:var(--cyan);stroke-width:2.5;filter:drop-shadow(0 0 8px rgba(49,205,232,.36))}.radarDot{fill:var(--orange);stroke:#fff;stroke-width:1.5}.radarLabel{fill:#dce8f3;font-family:Noto Sans JP,system-ui,sans-serif;font-size:10px;font-weight:900}.heroAxisList{display:grid;grid-gap:10px;gap:10px}.heroAxisRow{display:grid;grid-template-columns:minmax(76px,1fr) 24px;grid-gap:8px 10px;gap:8px 10px;align-items:center}.heroAxisRow span,.heroAxisRow strong{color:#eef7fb;font-weight:900}.heroAxisRow span{font-size:13px}.heroAxisRow strong{justify-self:end;color:var(--orange-2);font-family:Barlow Condensed,sans-serif;font-size:24px;line-height:1}.heroAxisRow i{grid-column:1/-1;height:7px;overflow:hidden;background:rgba(255,255,255,.16)}.heroAxisRow b{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--orange-2))}.decisionNav{align-items:center}.decisionNav button{min-height:50px}.historyButton{color:var(--ink);background:#fff;border:2px solid rgba(13,24,36,.18);box-shadow:none}.historyButton:hover:not(:disabled){border-color:rgba(49,205,232,.55);transform:translateY(-1px)}.resetButton{color:#7a1f12;background:rgba(255,255,255,.72);border:2px dashed rgba(255,69,0,.4);box-shadow:none}.resetButton:hover:not(:disabled){color:#fff;background:#d93a18;border-color:#d93a18;transform:translateY(-1px)}.typesHero{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;align-items:center;border-left:6px solid var(--orange);overflow:hidden}.articlesHero,.roleCharacterHero,.typesHero{padding-block:24px}.articlesHero>.stack,.homeFieldArchive,.roleCharacterHero>.stack,.typePreview,.typesHero>.stack{gap:10px}.articlesHero .eyebrow,.homeFieldArchive .eyebrow,.roleCharacterHero .eyebrow,.typePreview .eyebrow,.typesHero .eyebrow{margin-bottom:0}.articlesHero h1,.homeFieldArchive h2,.roleCharacterHero h1,.typePreview h2,.typesHero h1{margin:0;line-height:.95}.articlesHero p:not(.eyebrow),.homeFieldArchive>div:first-child p:not(.eyebrow),.roleCharacterHero p:not(.eyebrow),.typePreview>div:first-child p:not(.eyebrow),.typesHero p:not(.eyebrow){max-width:760px;margin:4px 0 0}.typeLegend{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.legend{min-height:26px;padding-inline:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 18px rgba(8,15,26,.12)}.typeArchivePanel{display:grid;grid-gap:18px;gap:18px}.typeArchiveToolbar{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:16px;gap:16px;align-items:end}.typeArchiveToolbar h2{margin-bottom:4px;color:#f8fbff;text-shadow:0 2px 18px rgba(0,0,0,.48)}.typeArchiveToolbar p{color:#b8c7d8;margin-bottom:0}.typeArchiveStats{display:grid;grid-template-columns:repeat(2,max-content);grid-gap:8px;gap:8px}.typeArchiveStats span{display:grid;min-width:108px;padding:10px 12px;color:#dce8f3;background:rgba(8,15,26,.94);border:1px solid rgba(49,205,232,.22);font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:900;line-height:1.1;text-transform:uppercase}.typeArchiveStats strong{color:var(--orange);font-size:28px}.typeSortControl{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;padding:8px;background:rgba(8,15,26,.08)}.typeSortControl,.typeSortControl button{display:grid;border:1px solid rgba(8,15,26,.12)}.typeSortControl button{justify-items:start;grid-gap:2px;gap:2px;min-height:54px;padding:10px 12px;color:var(--ink);text-align:left;background:rgba(255,255,255,.72);box-shadow:none}.typeSortControl button.active{color:#fff;background:var(--ink);border-color:var(--orange)}.typeSortControl span{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:900;line-height:1}.typeSortControl small{color:inherit;opacity:.72;font-size:12px;font-weight:800}.typeGridModern{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));grid-gap:14px;gap:14px}.groupCard,.typeCard{padding:18px;transition:transform .16s ease,box-shadow .16s ease}a.typeCard{display:grid;grid-template-rows:auto 1fr auto;grid-gap:14px;gap:14px;min-height:218px;text-decoration:none}.typeCard:hover{transform:translateY(-3px);box-shadow:0 28px 58px rgba(0,0,0,.28)}.typeCardHead{display:grid;grid-template-columns:minmax(0,1fr) 104px;grid-gap:12px;gap:12px}.typeCardHead>div:first-child{display:grid;justify-items:start;grid-gap:8px;gap:8px}.typeCode{color:var(--orange);font-family:Barlow Condensed,sans-serif;font-size:42px;font-weight:900;line-height:.9}.typeRarityStars{display:grid;justify-items:end;align-content:start;grid-gap:7px;gap:7px}.typeRarityStars span{padding:2px 7px;color:#fff;background:var(--ink-3);font-size:11px;font-weight:900;line-height:1.25;white-space:nowrap}.typeRarityStars strong{display:inline-flex;gap:2px;color:rgba(8,15,26,.18);font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:900;line-height:.9;letter-spacing:.02em}.typeRarityStars b{color:inherit;font-style:normal}.typeRarityStars b.filled{color:var(--orange);text-shadow:0 1px 0 rgba(8,15,26,.18)}.typeCard h2{margin:0;font-size:25px;line-height:1.15}.typeCard p{margin-bottom:0;color:#435166;font-size:14px;font-weight:800;line-height:1.7}.typeCardBody{display:grid;grid-gap:8px;gap:8px}.typeCardFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(8,15,26,.1)}.typeCardFoot span{min-width:0;overflow:hidden;color:#58677a;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.typeCardFoot small{flex:0 0 auto;color:var(--orange);font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:900}.tank{border-left:5px solid var(--tank-blue)}.dps{border-left:5px solid var(--danger)}.support{border-left:5px solid var(--support-yellow)}.articlesHero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-gap:24px;gap:24px;align-items:stretch;overflow:hidden}.articleHeroActions{display:flex;flex-wrap:wrap;gap:14px}.articleRoutePanel,.heroArticleLinks{color:#fff;background:linear-gradient(135deg,rgba(5,12,20,.96),rgba(12,24,36,.94)),linear-gradient(90deg,transparent,rgba(49,205,232,.12));border:1px solid rgba(49,205,232,.28);-webkit-clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.articleRoutePanel{display:grid;grid-gap:14px;gap:14px;align-content:center;padding:22px}.articleRoutePanel p{margin-bottom:0;color:#dce8f3;font-weight:800}.routeChipGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.routeChipGrid a{min-height:40px;display:grid;place-items:center;color:var(--ink);background:var(--cyan);font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:900;text-decoration:none;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.featuredArticleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.featuredArticle{display:grid;grid-gap:10px;gap:10px;padding:14px;color:var(--text);text-decoration:none;background:#fff;border:1px solid var(--line);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.articleRow:hover,.featuredArticle:hover{transform:translateY(-2px);border-color:rgba(255,121,0,.45);box-shadow:0 18px 34px rgba(0,0,0,.16)}.featuredArticle img{width:100%;aspect-ratio:2.4/1;height:auto;object-fit:cover;border:1px solid rgba(13,24,36,.12)}.featuredArticle h3,.featuredArticle p{margin-bottom:0}.featuredArticle h3{font-size:26px;line-height:1.1}.articleMeta{color:var(--orange);font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:900}.knowledgeLanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.knowledgeLane{padding:24px;background:rgba(245,247,250,.96);border:1px solid rgba(255,255,255,.72);box-shadow:0 22px 54px rgba(0,0,0,.2);-webkit-clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}.knowledgeLane header{padding-bottom:14px;border-bottom:1px solid var(--line)}.knowledgeLane h2{margin-bottom:8px}.articleRowList{display:grid;grid-gap:10px;gap:10px}.articleRow{display:grid;grid-template-columns:112px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;padding:10px;color:var(--text);text-decoration:none;background:rgba(255,255,255,.82);border:1px solid rgba(13,24,36,.1);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.articleRow img{width:112px;aspect-ratio:16/9;height:auto;object-fit:cover}.articleRow span{display:grid;grid-gap:2px;gap:2px}.articleMetaRow span,.articleRelated small,.articleRow small,.heroArticleLinks small{color:var(--muted);font-size:12px;font-weight:900}.articleRow strong{color:var(--ink);font-size:15px;line-height:1.45}.articleMoreLink{display:inline-flex;align-items:center;justify-content:center;justify-self:start;margin-top:14px;padding:10px 14px;color:var(--ink);font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:900;line-height:1;text-decoration:none;text-transform:uppercase;background:rgba(255,138,0,.14);border:1px solid rgba(255,138,0,.38)}.articleMoreLink:after{content:">";margin-left:8px;color:var(--orange)}.articleMoreLink:hover{color:var(--orange);border-color:var(--orange)}.categoryArchiveHero{align-items:stretch}.categoryArticleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.categoryArticleCard{min-height:100%}.homeArticleList{grid-template-columns:repeat(3,minmax(0,1fr))}.articleMetaRow span{display:inline-flex;align-items:center;min-height:30px;padding:3px 12px;color:var(--ink);background:#fff;border:1px solid var(--line);font-size:13px;font-weight:900}.articleDetailShell{display:grid;grid-template-columns:minmax(0,980px);justify-content:center;grid-gap:0;gap:0;align-items:start}.articleManual{padding:34px;background:rgba(245,247,250,.98);border:1px solid rgba(255,255,255,.78);box-shadow:0 24px 58px rgba(0,0,0,.24);-webkit-clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}.articleManualHeader h1{max-width:760px;margin-bottom:14px;color:var(--ink);font-size:clamp(42px,5vw,64px)}.articleManualHeader p{max-width:720px;color:#334155;font-size:17px;font-weight:800}.articleMetaRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.articleManualImage{display:block;width:100%;aspect-ratio:2.8/1;height:auto;margin:28px 0;object-fit:cover;border:1px solid rgba(0,216,255,.28);-webkit-clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.heroArticleImage{object-fit:contain;object-position:center top;background:linear-gradient(135deg,#eef3f8,#d9e1ea)}.articleBody{display:grid;grid-gap:18px;gap:18px;max-width:720px}.articleTextbookShell{grid-template-columns:minmax(0,980px);justify-content:center}.articleTextbookShell .articleManual{width:100%}.articleTextbookShell .articleBody,.articleTextbookShell .articleSources{max-width:860px}.articleBody h2{margin-bottom:10px;color:var(--ink);font-size:34px}.articleBody p{color:#263445;font-size:17px;font-weight:600;line-height:2}.articleBody h3{margin:30px 0 10px;color:var(--ink);font-size:24px}.articleBody h4{margin:24px 0 8px;color:var(--ink);font-size:18px}.articleBody ol,.articleBody ul{margin:0 0 24px;padding-left:22px;color:#263445;font-size:16px;font-weight:600;line-height:1.85}.articleBody li+li{margin-top:6px}.articleBody blockquote{margin:0 0 26px;padding:16px 18px;background:rgba(0,182,255,.08);border-left:5px solid var(--cyan)}.articleBody blockquote p{margin:0;color:var(--ink);font-weight:900}.articleBody pre{overflow-x:auto;margin:0 0 26px;padding:16px;color:#dbeafe;background:#08111d;border:1px solid rgba(255,255,255,.12)}.markdownImage{margin:18px 0 30px}.markdownImage img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(13,24,36,.14);-webkit-clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.markdownImage figcaption{margin-top:8px;color:#64748b;font-size:13px;font-weight:700;line-height:1.6}.articleBody code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.markdownTableWrap{overflow-x:auto;margin:0 0 28px;border:1px solid rgba(13,24,36,.12)}.markdownTableWrap table{width:100%;min-width:620px;border-collapse:collapse;background:rgba(255,255,255,.84)}.markdownTableWrap td,.markdownTableWrap th{padding:12px 14px;border-bottom:1px solid rgba(13,24,36,.1);color:#263445;font-size:14px;line-height:1.6;text-align:left;vertical-align:top}.markdownTableWrap th{color:var(--ink);font-weight:900;background:rgba(13,24,36,.06)}.conceptDiagram{margin:0 0 26px;padding:18px;background:linear-gradient(135deg,rgba(6,16,28,.97),rgba(12,29,46,.94));border:1px solid rgba(0,182,255,.32);color:#fff}.conceptDiagram figcaption{margin-bottom:14px;color:var(--cyan);font-family:Barlow Condensed,sans-serif;font-size:17px;font-weight:900;text-transform:uppercase}.svgDiagram svg{width:100%;height:auto}.svgDiagram circle,.svgDiagram rect{fill:rgba(255,255,255,.1);stroke:rgba(255,255,255,.28);stroke-width:2}.svgDiagram line,.svgDiagram path{fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.svgDiagram text{fill:#f8fbff;font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:900;text-anchor:middle;dominant-baseline:middle}.svgDiagram .safeZone{fill:rgba(0,182,255,.12);stroke:rgba(0,182,255,.52)}.svgDiagram .badPoint,.svgDiagram .dangerZone{fill:rgba(239,68,68,.16);stroke:rgba(239,68,68,.6)}.svgDiagram .goodPoint{fill:rgba(0,182,255,.24);stroke:rgba(0,182,255,.9)}.svgDiagram .wallLine{stroke:#f8fbff;stroke-width:22}.svgDiagram .dangerArrow,.svgDiagram .timingLine{stroke:var(--cyan)}.svgDiagram .waveLine{stroke:var(--cyan);stroke-width:6}.articleSources{display:grid;grid-gap:12px;gap:12px;max-width:720px;margin-top:34px;padding:18px;background:rgba(8,15,26,.05);border:1px solid var(--line)}.articleSources h2{color:var(--ink);font-size:22px}.articleSources div{display:flex;flex-wrap:wrap;gap:8px}.articleSources a{padding:8px 10px;color:var(--ink);background:#fff;border:1px solid rgba(8,15,26,.14);font-size:13px;font-weight:900;text-decoration:none}.articleSources a:hover{color:#fff;background:var(--ink)}.articleToc{display:grid;grid-gap:8px;gap:8px;max-width:760px;margin:-2px 0 28px;padding:2px 0 2px 18px;background:transparent;border:0;border-left:3px solid rgba(8,15,26,.14)}.articleTextbookShell .articleToc{max-width:860px}.articleToc .eyebrow{margin-bottom:0;color:#6b7685;font-size:12px}.articleToc div{display:grid;grid-gap:4px;gap:4px}.articleToc a{display:block;min-height:0;padding:2px 0;color:#536174;background:transparent;border:0;font-size:14px;font-weight:800;line-height:1.65;text-decoration:none}.articleToc a:hover{color:var(--ink);background:transparent}.articleFooter{display:grid;grid-gap:18px;gap:18px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.articleRelated{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.articleRelated a{display:grid;grid-gap:4px;gap:4px;padding:14px;color:var(--text);text-decoration:none;background:#fff;border:1px solid var(--line)}.resultArticles{display:grid;grid-gap:12px;gap:12px}.resultArticles h2{margin-bottom:0;font-size:30px}.heroArticleLinks{display:grid;grid-gap:8px;gap:8px;padding:16px}.heroArticleLinks a{display:grid;grid-gap:2px;gap:2px;color:#fff;text-decoration:none}.heroArticleLinks strong{color:#f8fbff;font-size:14px;line-height:1.45}.sharePanel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--cyan)}.sharePanel h2{margin-bottom:0;font-size:28px}.shareButtons{display:flex;flex-wrap:wrap;gap:10px}.shareCompact{display:flex;justify-content:flex-end}.shareCompact .shareButtons{gap:7px}.shareButton{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;color:#fff;font-size:14px;font-weight:900;text-decoration:none;-webkit-clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:transform .16s ease,filter .16s ease}.shareCompact .shareButton{min-height:34px;padding:7px 11px;font-size:12px;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.shareButton:hover{transform:translateY(-2px);filter:brightness(1.08)}.shareX{background:#0f172a}.shareReddit{background:#ff4500}@media (max-width:980px){.topNavInner,main{width:min(100% - 24px,760px)}.articleDetailShell,.articlesHero,.diagnosisShell,.heroBanner,.heroResultCard,.roleCharacterHero,.typesHero{grid-template-columns:1fr}.heroBanner{min-height:600px;padding:28px;align-items:end}.heroTitle{font-size:58px}.diagnosisStatus{position:static}.diagnosisStatusCta{display:none}.axisGuideGrid,.categoryArticleGrid,.featuredArticleGrid,.homeArticleList,.knowledgeLanes,.stepsGrid,.typeGroupGrid{grid-template-columns:1fr 1fr}.articleToc{position:static}.typeArchiveToolbar{grid-template-columns:1fr}.typeArchiveStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.topNavInner{min-height:0;align-items:stretch;flex-direction:column;gap:10px;padding:10px 0 8px}.siteFooterInner{width:min(100% - 24px,760px);align-items:flex-start;flex-direction:column;padding:18px 0}.brand{grid-template-columns:36px auto}.brandMark{width:36px;height:36px;font-size:13px}.brandMain{font-size:15px}.brandSub{display:none}.navLinks{display:flex;width:100%;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 0 2px}.navLinks a{flex:0 0 auto;min-height:34px;padding:7px 12px;color:#edf5fb;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;line-height:1.2;-webkit-clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}.navLinks a:after{left:10px;right:10px;bottom:3px;height:2px;transform:scaleX(1);opacity:.55}main{padding:18px 0 36px}.card,.heroBanner,.questionPanel,.resultReport,.surfaceSection{padding:20px}.heroBanner{min-height:520px;background-position:62%}.heroCopy{max-width:100%;padding-left:24px}.heroBanner:before{inset:18px}.heroTitle{max-width:100%;font-size:38px;line-height:.96;overflow-wrap:anywhere}.heroLead{max-width:100%;font-size:15px;line-height:1.75;text-wrap:pretty;word-break:normal}.resultReport{gap:18px}.reportHeader{align-items:flex-start;flex-wrap:wrap}.reportHeader .shareCompact{justify-content:flex-start}.inlineRarityStars{margin-left:8px;font-size:.62em}.resultOverviewGrid{grid-template-columns:1fr}.resultOverviewGrid .reportDescription,.resultOverviewGrid .resultCallout{grid-column:auto}.resultActionBlock,.resultDetailBlock{padding:16px}.resultActionBlock>.primaryCta{width:100%}.reportHeader{display:grid;grid-gap:14px;gap:14px;align-items:start}.reportHeader h1{font-size:42px;line-height:1.05}.reportCode{font-size:64px;line-height:.85}.reportSummary{display:block;padding:18px}.reportSummary h2{margin-top:12px;font-size:34px;line-height:1.12}.reportSummary h3{font-size:14px}.reportDescription{font-size:15px;line-height:1.8}.resultCallout{padding:18px}.resultCallout strong{font-size:22px;line-height:1.45}.chemistryCode{min-height:30px;margin:0 8px 4px 0;font-size:21px}.axisGuideGrid,.typeInsightGrid{grid-template-columns:1fr}.typeInsightCard,.typeNarrative{padding:16px}.typeInsightCard li,.typeNarrative p{font-size:14px;line-height:1.75}.resultNextStep p:last-child{font-size:21px;line-height:1.55}.flowPanel{align-self:start;padding:16px}.flowPanel h2{margin-bottom:10px;font-size:24px}.flowPanel ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.flowPanel li{grid-template-columns:30px 1fr;column-gap:8px;padding-bottom:8px}.flowPanel li:nth-last-child(-n+2){padding-bottom:0;border-bottom:0}.flowPanel li span{width:28px;height:28px;font-size:13px}.flowPanel li strong{align-self:center;font-size:13px;line-height:1.35}.flowPanel .miniProgress,.flowPanel li small{display:none}h1{font-size:38px}h2{font-size:28px}.articleRelated,.categoryArticleGrid,.featuredArticleGrid,.homeArticleList,.knowledgeLanes,.optionRow,.statsGrid,.stepsGrid,.typeArchiveStats,.typeGridModern,.typeGroupGrid,.typeSortControl{grid-template-columns:1fr}.typeSortControl button{min-height:48px}.typeCard{min-height:0}.typeCardHead{grid-template-columns:minmax(0,1fr) 82px}.articleRow{grid-template-columns:88px minmax(0,1fr)}.articleRow img{width:88px}.articleManual{padding:22px}.articleBody,.articleFooter,.articleManual,.articleSources,.articleToc{max-width:100%;min-width:0}.articleToc div{display:grid;grid-template-columns:1fr}.articleManualHeader h1{font-size:31px;line-height:1.08}.articleManualHeader p{font-size:15px}.articleManualImage{aspect-ratio:1.8/1}.articleBody p{font-size:16px}.cardDiagram div,.cornerDiagram div,.flowDiagram div,.loopDiagram div,.mapDiagram div,.waveDiagram div{grid-template-columns:1fr}.flowDiagram span:not(:last-child):after,.loopDiagram span:not(:last-child):after,.mapDiagram span:not(:last-child):after,.waveDiagram span:not(:last-child):after{right:auto;bottom:-16px;transform:rotate(90deg)}.likertScale{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.likertOption{min-height:66px;padding:8px 5px;justify-items:center;text-align:center}.likertDot{width:42px;height:42px;font-size:24px}.likertText{font-size:11px;line-height:1.25;overflow-wrap:anywhere}.likertLabels{display:flex;font-size:12px;line-height:1.3}.likertText{display:none}.sharePanel{align-items:flex-start;flex-direction:column}.diagnosisStatus h1{font-size:34px}.mobileNextBar.ready{position:-webkit-sticky;position:sticky;bottom:12px;z-index:15;display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;margin-top:-8px;padding:10px;color:#fff;background:rgba(5,12,20,.94);border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 40px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.mobileNextBar span{color:var(--orange-2);font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:900}.mobileNextBar button{min-height:44px}.heroResultCopy h2{font-size:36px}.heroPortraitFrame,.heroProfilePanel,.heroResultCopy,.heroResultInlineActions{grid-column:auto;grid-row:auto}.heroPortraitFrame{justify-self:start;width:min(100%,260px)}.combatRadar{max-width:240px}.roleVisualChoice span{padding:7px 10px 9px;font-size:18px}.typesHeroImage img{aspect-ratio:3.2/1}.questionHeader{align-items:flex-start;flex-direction:column}.sharePanel h2{font-size:24px}}