:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;--twsa-safe-area-inset-top:env(safe-area-inset-top,0px);--twsa-safe-area-inset-right:env(safe-area-inset-right,0px);--twsa-safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--twsa-safe-area-inset-left:env(safe-area-inset-left,0px)}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial}}html,[data-generated-space-root]{height:100%;min-height:100%}[data-generated-space-root]{overflow:auto;position:fixed;scrollbar-width:none;inset:0}.hatch-space-root[data-hatch-space-root]{--hatch-space-bottom-padding:calc(var(--bottom-padding,0px) + env(safe-area-inset-bottom,0px));box-sizing:border-box;min-height:calc(100% + var(--header-height,0px) + var(--hatch-space-bottom-padding));min-height:calc(100dvh + var(--header-height,0px) + var(--hatch-space-bottom-padding));padding-top:var(--header-height,0px);padding-bottom:var(--hatch-space-bottom-padding);background:var(--bg,#f4f7fb);color:var(--text,#0f172a)}@media (prefers-color-scheme:dark){.hatch-space-root[data-hatch-space-root]{background:var(--bg,#0c111b);color:var(--text,#e5eef9)}}[data-generated-space-root]::-webkit-scrollbar{display:none}/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;@layer theme{:root,:host{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:initial;font-variation-settings:initial;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{color:inherit;border-top-width:1px;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:initial;font-variation-settings:initial;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:-moz-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports ( not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{text-align:inherit;min-height:1lh}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{appearance:button}input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-file-upload-button{appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.safe{--twsa-safe-area-inset-top:env(safe-area-inset-top);--twsa-safe-area-inset-right:env(safe-area-inset-right);--twsa-safe-area-inset-bottom:env(safe-area-inset-bottom);--twsa-safe-area-inset-left:env(safe-area-inset-left)}}:root{--twsa-safe-area-inset-top:env(safe-area-inset-top);--twsa-safe-area-inset-right:env(safe-area-inset-right);--twsa-safe-area-inset-bottom:env(safe-area-inset-bottom);--twsa-safe-area-inset-left:env(safe-area-inset-left);--buncss-light: ;--buncss-dark:initial;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#0c0910;--surface:#17121c;--surface-2:#24192a;--text:#fff5e8;--dim:#c2b3c7;--border:#44324b;--accent:#ff6b16;--blue:#a76ad1;--green:#a7d33f;--red:#ff526d;--navy:#08060b;--soft-orange:#3b2015;--soft-blue:#24182e;--radius:4px;--shadow:0 18px 48px #00000061;--grid:#ff6b160b;--space-surface:var(--surface);--space-surface-alt:var(--surface-2);--space-muted:var(--dim);--space-border:var(--border);--space-accent:var(--accent)}@media (prefers-color-scheme:light){:root{--bg:#17111b;--surface:#211827;--surface-2:#2c2032;--text:#fff6e9;--dim:#cfbfce;--border:#503b58;--accent:#ff711c;--blue:#b978df;--green:#acd64b;--red:#ff6078;--navy:#09070b;--soft-orange:#442417;--soft-blue:#2a1a34;--shadow:0 18px 48px #00000052;--grid:#ff711c0d}}*{box-sizing:border-box}html{scroll-behavior:auto}body{background:radial-gradient(circle at 86% -5%,#ff6b1621,transparent 24rem),linear-gradient(var(--grid)1px,transparent 1px),linear-gradient(90deg,var(--grid)1px,transparent 1px),var(--bg);color:var(--text);background-size:auto,28px 28px,28px 28px;min-width:320px;margin:0;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.5}button,input,select{font:inherit}button{color:inherit}h1,h2,h3,.score-plate strong,.rank-card strong,.metric-ribbon strong{letter-spacing:-.02em;font-family:Barlow Condensed,Arial Narrow,sans-serif}a{color:inherit}.app-shell{position:relative;isolation:isolate;overflow-x:clip;min-height:100vh}.app-shell:before,.app-shell:after{content:"";position:fixed;z-index:0;pointer-events:none;filter:blur(52px);opacity:.24;mix-blend-mode:screen;will-change:transform,border-radius;border-radius:46% 54% 58% 42%;width:82vmax;height:54vmax}.app-shell:before{animation:24s ease-in-out infinite alternate purpleSmoke;background:radial-gradient(at 26% 56%,#a76ad1b8 0 8%,#6e319c57 25%,#0000 55%),radial-gradient(at 73% 31%,#7a3faa6b 0 7%,#0000 48%);top:-8vh;left:-38vmax}.app-shell:after{animation:29s ease-in-out infinite alternate orangeSmoke;background:radial-gradient(at 69% 58%,#ff6b16a8 0 7%,#b2360a4d 26%,#0000 57%),radial-gradient(at 24% 32%,#ff842e59 0 6%,#0000 43%);bottom:-14vmax;right:-40vmax}.sync-bar{position:sticky;z-index:25;display:grid;grid-template-columns:48px minmax(0,1fr)auto;padding:max(10px,env(safe-area-inset-top))max(12px,env(safe-area-inset-right))10px max(12px,env(safe-area-inset-left));background:color-mix(in srgb,var(--bg)93%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);align-items: center;gap:10px;top:0}.menu-button{border:1px solid var(--border);background:var(--surface);display:flex;cursor:pointer;flex-direction:column;justify-content:center;align-items: center;gap:5px;width:44px;height:44px}.menu-button span{background:currentColor;width:20px;height:2px}.brand-lockup{display:flex;align-items: center;gap:10px;min-width:0}.brand-lockup>img{object-fit:cover;object-position:center;border:1px solid color-mix(in srgb,var(--accent)58%,var(--border));clip-path:polygon(0 0,calc(100% - 8px)0,100% 8px,100% 100%,0 100%);flex:0 0 46px;width:46px;height:46px;box-shadow:0 0 22px #a76ad133}.brand-lockup>div{display:grid;min-width:0}.brand-lockup strong{text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:1.06rem;line-height:1.05}.brand-lockup span{display:flex;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items: center;gap:6px;font-size:.65rem}.brand-lockup .live-dot{display:inline-block;flex:0 0 6px;width:6px;height:6px}.live-dot{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green)17%,transparent);border-radius:50%;width:8px;height:8px}.refresh-button{background:var(--accent);color:#fff;display:flex;cursor:pointer;clip-path:polygon(0 0,calc(100% - 9px)0,100% 9px,100% 100%,0 100%);border:0;justify-content:center;align-items: center;gap:8px;min-height:44px;padding:0 14px;font-weight:700}.refresh-button:disabled{opacity:.68;cursor:wait}.refresh-icon{font-size:1.25rem;line-height:1}.spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.menu-scrim{position:fixed;z-index:29;background:#070d129e;border:0;inset:0}.drawer{position:fixed;z-index:30;padding:max(86px,calc(env(safe-area-inset-top) + 76px))22px 28px;background:var(--navy);color:var(--bg);overflow:auto;width:min(350px,100vw - 28px);transition:transform .2s;inset:0 auto 0 0;transform:translate(-105%);box-shadow:18px 0 48px #04090d57}.drawer.open{transform:translate(0)}.drawer:before{content:"";position:absolute;background:linear-gradient(90deg,var(--accent),var(--blue),var(--green));height:5px;inset:0 0 auto}.drawer-brand{display:flex;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);align-items: center;gap:12px;margin:0 0 24px;padding-bottom:18px}.drawer-brand img{object-fit:cover;border:1px solid color-mix(in srgb,var(--accent)62%,var(--border));width:58px;height:58px}.drawer-brand>div{display:grid}.drawer-brand strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.28rem}.drawer-brand span{color:var(--dim);font-size:.7rem}.drawer-label{text-transform:uppercase;letter-spacing:.14em;opacity:.62;margin:0 0 16px;font-size:.72rem}.drawer nav{display:grid}.nav-link{display:grid;grid-template-columns:32px 1fr;text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;gap:8px;padding:12px 10px}.nav-link span{opacity:.5;font-family:Barlow Condensed,sans-serif}.nav-link.active{border-left-color:var(--accent);background:color-mix(in srgb,currentColor 10%,transparent);font-weight:700}.drawer-note{border-top:1px solid color-mix(in srgb,currentColor 20%,transparent);opacity:.65;margin-top:22px;padding-top:18px;font-size:.78rem}main{position:relative;z-index:1;min-height:calc(100vh - 65px)}.toast{position:fixed;z-index:20;background:var(--surface);box-shadow:var(--shadow);border-left:4px solid var(--blue);padding:12px 16px;font-size:.82rem;top:76px;left:14px;right:14px}.toast.success{border-left-color:var(--green)}.toast.error{border-left-color:var(--red)}.hero-stage{border-bottom:1px solid var(--border);overflow:hidden;position:relative;padding:54px 18px 30px}.hero-stage:after{content:"";position:absolute;border:42px solid color-mix(in srgb,var(--accent)14%,transparent);border-radius:50%;width:280px;height:280px;top:-150px;right:-130px}.identity{display:flex;color:var(--dim);align-items: center;gap:10px;margin-bottom:20px;font-size:.82rem;font-weight:600}.signal{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent)16%,transparent);border-radius:50%;width:9px;height:9px}.hero-grid{position:relative;z-index:1;display:grid;gap:24px}.hero-grid h1{text-transform:uppercase;margin:0;font-size:clamp(3.1rem,15vw,5.7rem);line-height:.86}.hero-grid h1 span{color:var(--accent)}.hero-grid p{color:var(--dim);max-width:650px;font-size:1rem}.score-plate{background:var(--navy);color:var(--bg);clip-path:polygon(0 0,calc(100% - 22px)0,100% 22px,100% 100%,0 100%);border:1px solid color-mix(in srgb,var(--accent)30%,var(--border));box-shadow:inset 0 0 44px #ff6b1614,var(--shadow);padding:22px}.score-plate span,.score-plate small{display:block;text-transform:uppercase;letter-spacing:.1em;opacity:.66;font-size:.68rem}.score-plate strong{display:block;margin:6px 0;font-size:3.4rem;line-height:1}.delta-strip{position:relative;z-index:1;display:grid;border-left:4px solid var(--blue);background:var(--soft-blue);color:var(--dim);gap:3px;margin-top:22px;padding:14px 16px;font-size:.8rem}.delta-strip strong{color:var(--text)}.content-section{width:min(1120px,100% - 28px);margin:0 auto;padding:46px 0 72px}.section-head{display:grid;gap:10px;margin-bottom:28px}.section-head h1{text-transform:uppercase;margin:4px 0 0;font-size:clamp(2.5rem,10vw,4.4rem);line-height:.92}.section-head p{color:var(--dim);max-width:650px;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:.72rem;font-weight:700}.rank-grid{display:grid;gap:10px}.rank-card{background:var(--surface);border-top:3px solid var(--blue);box-shadow:var(--shadow);padding:18px}.rank-card span{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.rank-card strong{display:block;font-size:2.2rem}.rank-line{background:linear-gradient(90deg,var(--blue)0 65%,var(--surface-2)65%);height:3px}.metric-ribbon{display:grid;border:1px solid var(--border);background:var(--border);gap:1px;margin-top:12px}.metric-ribbon>div{background:var(--surface);padding:16px}.metric-ribbon span{display:block;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:.67rem}.metric-ribbon strong{font-size:1.65rem}.callout-grid,.role-columns,.competitive-grid,.matchup-grid,.perk-grid,.learn-grid{display:grid;gap:14px;margin-top:28px}.analysis-callout,.role-panel,.comp-card,.matchup-card,.perk,.lesson{background:var(--surface);border-top:4px solid var(--blue);padding:20px}.analysis-callout.positive{border-top-color:var(--green)}.analysis-callout.warning{border-top-color:var(--accent)}.analysis-callout>span,.role-panel>span,.comp-card>span,.matchup-card>span,.perk>span,.lesson>span{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:700}.analysis-callout h2,.matchup-card h2,.matchup-card h3{text-transform:uppercase;margin:7px 0;font-size:1.55rem}.analysis-callout p,.matchup-card p,.perk p,.lesson p{color:var(--dim);margin:6px 0 0}.source-note,.honesty-note{background:var(--surface-2);color:var(--dim);margin-top:18px;padding:14px 16px;font-size:.8rem}.source-note a{color:var(--text);text-underline-offset:3px}.source-note a:hover{color:var(--accent)}.honesty-note{border-left:4px solid var(--accent)}.season-meta-note{display:grid;background:linear-gradient(112deg,color-mix(in srgb,var(--accent)14%,var(--surface)),color-mix(in srgb,var(--blue)13%,var(--surface)));border-top:4px solid var(--green);box-shadow:var(--shadow);gap:14px;margin-bottom:18px;padding:20px}.season-meta-note>div:first-child{display:grid}.season-meta-note span,.season-meta-note small{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.season-meta-note>div:first-child strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.55rem}.season-meta-note p{color:var(--dim);margin:0}.season-meta-note a{color:var(--text);text-underline-offset:3px;font-size:.78rem;font-weight:700}.meta-score{display:grid;background:var(--navy);border-left:3px solid var(--accent);gap:2px;padding:13px 14px}.meta-score b{color:var(--green);text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.65rem}.meta-role-grid{display:grid;gap:10px;margin:12px 0 0}.meta-role-card{background:var(--surface);border-top:4px solid var(--blue);box-shadow:var(--shadow);padding:18px}.meta-role-card.damage{border-top-color:var(--accent)}.meta-role-card.support{border-top-color:var(--green)}.meta-role-card>div>span{color:var(--dim);text-transform:uppercase;letter-spacing:.09em;font-size:.67rem}.meta-role-card h2{text-transform:uppercase;margin:2px 0 12px;font-size:1.8rem}.meta-role-card ol{list-style:none;margin:0;padding:0}.meta-role-card li{display:grid;grid-template-columns:26px minmax(0,1fr)auto;border-top:1px solid var(--border);align-items: center;gap:9px;padding:9px 0}.meta-role-card li>span{display:grid;background:var(--surface-2);color:var(--dim);place-items: center;width:24px;height:24px;font-family:Barlow Condensed,sans-serif}.meta-role-card li b{color:var(--green);font-family:Barlow Condensed,sans-serif;font-size:1.15rem}.meta-caveat{border-left:3px solid var(--blue);background:var(--surface-2);color:var(--dim);margin:10px 0 0;padding:11px 14px;font-size:.78rem}.meta-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 10px}.meta-filter button{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:7px 16px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.meta-filter button.active{background:var(--text);color:var(--bg)}.meta-filter span{color:var(--dim);font-size:.78rem}.meta-rank-wrap{overflow-x:auto;border:1px solid var(--border);background:var(--surface)}.meta-rank-table{border-collapse:collapse;width:100%;min-width:520px;font-size:.82rem}.meta-rank-table th{color:var(--dim);text-transform:uppercase;letter-spacing:.07em;font-size:.62rem;text-align:right;padding:10px 12px}.meta-rank-table th:first-child{text-align:left}.meta-rank-table td{border-top:1px solid var(--border);padding:8px 12px;text-align:right}.meta-rank-table td:first-child{text-align:left}.map-lessons{display:grid;gap:10px;margin:0 0 12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.map-lessons article{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--blue);padding:14px}.map-lessons span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:700}.map-lessons h3{text-transform:uppercase;margin:2px 0 6px;font-size:1.12rem}.map-lessons p{color:var(--dim);font-size:.78rem;margin:0}.map-brief-full{margin-top:12px}.death-audit{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--red);padding:18px;margin:0 0 12px}.death-audit>span{color:var(--accent);text-transform:uppercase;letter-spacing:.09em;font-size:.67rem;font-weight:700}.death-audit h3{text-transform:uppercase;margin:2px 0 8px;font-size:1.5rem}.death-audit ol{margin:6px 0 10px 18px;padding:0;font-size:.86rem}.death-audit p{color:var(--dim);font-size:.82rem}.death-audit-classif section{border-top:1px solid var(--border);padding:9px 0 2px}.death-audit-classif p{margin:3px 0 6px}.patch-heading{margin-top:34px}.patch-timeline{display:grid;gap:11px}.patch-timeline article{background:var(--surface);border-top:4px solid var(--accent);box-shadow:var(--shadow);padding:18px}.patch-timeline article:first-child{border-top-color:var(--blue)}.patch-timeline article:nth-child(2){border-top-color:var(--red)}.patch-timeline time{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700}.patch-timeline h3{text-transform:uppercase;margin:4px 0 9px;font-size:1.35rem}.patch-timeline ul{color:var(--dim);margin:0;padding-left:18px}.patch-timeline li{margin:7px 0;font-size:.8rem}.patch-timeline small{display:block;color:var(--dim);margin-top:12px}.patch-timeline a{display:inline-block;color:var(--text);text-underline-offset:3px;margin-top:10px;font-size:.75rem;font-weight:700}.hero-release-strip{display:grid;background:linear-gradient(110deg,color-mix(in srgb,var(--blue)12%,var(--surface)),color-mix(in srgb,var(--accent)8%,var(--surface)));border-top:4px solid var(--green);gap:14px;margin-top:12px;padding:18px}.hero-release-strip>div{display:grid}.hero-release-strip>div span{color:var(--dim);text-transform:uppercase;letter-spacing:.09em;font-size:.68rem}.hero-release-strip>div strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.5rem}.hero-release-strip ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;background:var(--border);gap:1px;margin:0;padding:1px}.hero-release-strip li{display:grid;background:var(--surface);padding:10px}.hero-release-strip li span{color:var(--dim);font-size:.68rem}.hero-release-strip p{color:var(--dim);margin:0;font-size:.82rem}.role-panel>strong{display:block;margin-top:4px;font-family:Barlow Condensed,sans-serif;font-size:2rem}.role-panel>em{color:var(--green);font-style:normal;font-weight:700}.role-panel>p{color:var(--dim)}.role-panel ul{list-style:none;margin:14px 0 0;padding:0}.role-panel li{display:flex;border-top:1px solid var(--border);justify-content:space-between;padding:9px 0;font-size:.82rem}.role-panel li span{color:var(--dim)}.method-box{display:flex;background:var(--navy);color:var(--bg);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;padding:16px 18px;font-size:.78rem}.stat-list{display:grid;border-top:1px solid var(--border);margin-top:12px}.stat-row{display:grid;grid-template-columns:1.3fr 1fr;border-bottom:1px solid var(--border);gap:12px;padding:16px 2px}.stat-row>div:first-child{grid-column:1/-1}.stat-row strong,.stat-row span,.stat-row small,.stat-row b{display:block}.stat-row span,.stat-row small{color:var(--dim);font-size:.7rem}.stat-row b{font-family:Barlow Condensed,sans-serif;font-size:1.25rem}.stat-row .ratio b{color:var(--accent)}.comp-card{border-top-color:var(--border)}.comp-card.best{border-top-color:var(--green)}.comp-card.weak{border-top-color:var(--red)}.comp-card h2{margin:4px 0;font-size:1.8rem}.comp-card>strong{font-family:Barlow Condensed,sans-serif;font-size:2.8rem;line-height:1}.comp-card.best>strong{color:var(--green)}.comp-card.weak>strong{color:var(--red)}.comp-card p{color:var(--dim);font-size:.82rem}.comp-card ul{list-style:none;margin:14px 0 0;padding:0}.comp-card li{display:flex;border-top:1px solid var(--border);justify-content:space-between;padding:8px 0;font-size:.8rem}.select-label{display:grid;text-transform:uppercase;letter-spacing:.08em;gap:7px;font-size:.78rem;font-weight:700}.select-label select{background:var(--surface);color:var(--text);border:1px solid var(--border);width:100%;min-height:48px;padding:0 12px}.decision-grid{display:grid;background:var(--border);border:1px solid var(--border);gap:1px;margin-top:16px}.decision-grid article{background:var(--surface);padding:18px}.decision-grid b{color:var(--accent)}.decision-grid p{color:var(--dim);margin:6px 0 0;font-size:.82rem}.switch-current{display:grid;gap:14px}.switch-current-head{display:grid;background:var(--surface-2);border-top:3px solid var(--accent);gap:12px;padding:16px}.switch-identity{display:grid;align-content: center}.switch-identity>span{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.switch-identity>strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:2rem;line-height:1.1}.switch-identity>small{color:var(--dim)}.matchup-direction-grid{display:grid;gap:12px}.direction-panel{background:var(--surface);border-top:4px solid var(--border);box-shadow:var(--shadow);padding:18px}.direction-panel.danger{border-top-color:var(--red)}.direction-panel.favorable{border-top-color:var(--green)}.direction-heading>span,.reverse-intro>span{color:var(--accent);text-transform:uppercase;letter-spacing:.11em;font-size:.68rem;font-weight:700}.direction-panel.danger .direction-heading>span{color:var(--red)}.direction-panel.favorable .direction-heading>span{color:var(--green)}.direction-heading h2{text-transform:uppercase;margin:4px 0;font-size:1.75rem}.direction-heading p{color:var(--dim);max-width:560px;margin:0;font-size:.82rem}.counter-groups{display:grid;gap:14px;margin-top:20px}.counter-group{display:grid;grid-template-columns:76px minmax(0,1fr);align-items: start;gap:10px}.counter-group>div{display:flex;flex-wrap:wrap;gap:7px}.role-tag{display:inline-flex;color:var(--text);text-transform:uppercase;letter-spacing:.07em;border-left:3px solid var(--blue);background:var(--surface-2);justify-content:center;align-items: center;min-height:34px;padding:0 8px;font-size:.66rem}.role-tag.damage{border-left-color:var(--accent)}.role-tag.support{border-left-color:var(--green)}.counter-group button,.favorable-list button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;min-height:34px;padding:6px 10px}.counter-group button:hover,.favorable-list button:hover{border-color:var(--accent);background:var(--surface-2)}.favorable-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:20px}.favorable-list button{display:flex;text-align:left;justify-content:space-between;align-items: center}.favorable-list button span{color:var(--green);font-size:1.1rem}.reverse-switch{position:relative;background:linear-gradient(120deg,color-mix(in srgb,var(--blue)10%,var(--surface)),var(--surface));border-top:4px solid var(--blue);box-shadow:var(--shadow);overflow:hidden;margin-top:36px;padding:22px 16px}.reverse-switch:after{content:"?";position:absolute;color:color-mix(in srgb,var(--blue)9%,transparent);pointer-events:none;font-family:Barlow Condensed,sans-serif;font-size:12rem;font-weight:800;line-height:1;top:-48px;right:-8px}.reverse-intro,.trouble-picker,.switch-results,.switch-context{position:relative;z-index:1}.reverse-intro h2{text-transform:uppercase;margin:4px 0;font-size:2.35rem}.reverse-intro p{color:var(--dim);max-width:700px;margin:0}.trouble-picker{display:grid;gap:7px;margin-top:20px}.trouble-picker>span{color:var(--dim);text-transform:uppercase;letter-spacing:.09em;font-size:.7rem;font-weight:700}.trouble-picker select{border:1px solid var(--blue);background:var(--navy);color:var(--text);width:100%;min-height:52px;padding:0 14px;font-weight:700}.switch-results{display:grid;gap:10px;margin-top:14px}.switch-role-result{background:var(--surface-2);border-left:4px solid var(--blue);padding:15px}.switch-role-result.damage{border-left-color:var(--accent)}.switch-role-result.support{border-left-color:var(--green)}.switch-role-result>div:first-child span{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem}.switch-role-result h3{text-transform:uppercase;margin:0;font-size:1.55rem}.switch-picks{display:grid;gap:7px;margin-top:12px}.switch-picks button{display:grid;grid-template-columns:minmax(0,1fr)auto;text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;align-items: center;gap:0 10px;min-height:62px;padding:9px 11px}.switch-picks button:hover{border-color:var(--accent)}.switch-picks small{grid-column:1/-1;color:var(--dim);text-transform:uppercase;letter-spacing:.07em;font-size:.62rem}.switch-picks strong{font-family:Barlow Condensed,sans-serif;font-size:1.25rem}.switch-picks button>span{color:var(--accent);font-size:.72rem;font-weight:700}.switch-context{border:1px solid var(--border);background:color-mix(in srgb,var(--navy)48%,transparent);margin-top:14px;padding:14px}.switch-context strong{color:var(--green)}.switch-context p{color:var(--dim);margin:4px 0 0;font-size:.8rem}.no-counter{display:block;color:var(--dim);padding:7px 0;font-size:.72rem;font-style:italic}.roster-tools{display:grid;gap:10px}.roster-tools input{border:1px solid var(--border);background:var(--surface);color:var(--text);min-height:48px;padding:0 14px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button,.hero-picker button{border:1px solid var(--border);background:var(--surface);cursor:pointer;padding:9px 12px}.filters button.active,.hero-picker button.active{background:var(--navy);color:var(--bg);border-color:var(--navy);box-shadow:inset 0 -3px 0 var(--accent)}.hero-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:16px 0 28px}.hero-picker button{overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.detail-stack{display:grid;gap:16px}.hero-detail-head{display:flex;background:var(--navy);color:var(--bg);border:1px solid var(--border);border-top:4px solid var(--accent);justify-content:space-between;align-items: end;gap:20px;padding:20px}.hero-detail-head span{text-transform:uppercase;letter-spacing:.1em;opacity:.7;font-size:.7rem}.hero-detail-head h2{text-transform:uppercase;margin:0;font-size:2.5rem}.hero-detail-head>strong{text-align:right;font-size:.8rem}.perk.major{border-top-color:var(--accent)}.perk h3{margin:7px 0;font-size:1.3rem}.perk-recommendation{display:grid;background:linear-gradient(110deg,color-mix(in srgb,var(--green)9%,var(--surface)),var(--surface));border-left:4px solid var(--green);gap:9px;padding:18px}.perk-recommendation>div{display:grid}.perk-recommendation span,.perk-recommendation small{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.perk-recommendation strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.55rem}.perk-recommendation p{color:var(--dim);margin:0}.perk-recommendation small{color:var(--accent)}.perk-recommendation small a{color:var(--text);text-underline-offset:3px}.perk-research-state{display:grid;background:linear-gradient(110deg,color-mix(in srgb,var(--blue)10%,var(--surface)),var(--surface));border-left:4px solid var(--blue);gap:8px;padding:18px}.perk-research-state>div{display:grid}.perk-research-state span{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.perk-research-state strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.55rem}.perk-research-state p{color:var(--dim);margin:0;font-size:.84rem}.learn-grid{margin-top:0}.lesson h3{font-size:1.5rem}.lesson ol{padding-left:20px}.lesson li{margin:8px 0}.synergy{border-top:1px solid var(--border);padding:10px 0}.synergy p{font-size:.8rem}.ability-list{display:grid;border:1px solid var(--border)}.ability-list article{display:grid;grid-template-columns:88px 1fr;background:var(--surface);border-bottom:1px solid var(--border);gap:12px;padding:14px}.ability-list article:last-child{border:0}.ability-list span{color:var(--accent);text-transform:uppercase;font-size:.68rem;font-weight:700}.ability-list h3{margin:0;font-size:1.2rem}.ability-list p{color:var(--dim);margin:4px 0 0;font-size:.82rem}.video-link{display:flex;background:var(--navy);color:var(--bg);text-decoration:none;justify-content:space-between;align-items: center;gap:18px;padding:18px}.video-link span:first-child{display:grid}.video-link small,.video-link em{opacity:.66;font-style:normal}.video-link b{font-family:Barlow Condensed,sans-serif;font-size:1.4rem}.subsection-head{border-top:1px solid var(--border);margin:42px 0 18px;padding-top:22px}.subsection-head>span{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:700}.subsection-head h2{text-transform:uppercase;margin:3px 0;font-size:clamp(2rem,8vw,3rem)}.subsection-head p{color:var(--dim);max-width:760px;margin:5px 0}.benchmark-list{display:grid;gap:10px}.benchmark-list article{background:var(--surface);border-top:3px solid var(--blue);padding:18px}.benchmark-list article>div:first-child,.benchmark-values{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px}.benchmark-status{color:var(--accent);font-size:.72rem;font-weight:700}.benchmark-status.met{color:var(--green)}.benchmark-values{border-top:1px solid var(--border);color:var(--dim);margin-top:14px;padding-top:12px;font-size:.78rem}.benchmark-values b{display:block;color:var(--text);font-family:Barlow Condensed,sans-serif;font-size:1.35rem}.climb-plan{display:grid;gap:12px}.climb-plan article{background:var(--surface);border-top:4px solid var(--accent);padding:20px}.climb-plan article:nth-child(2){border-top-color:var(--green)}.climb-plan article:nth-child(3){border-top-color:var(--red)}.climb-plan b{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.climb-plan h3{text-transform:uppercase;margin:5px 0;font-size:1.55rem}.climb-plan p{color:var(--dim);margin:0}.climb-fundamentals{display:grid;gap:10px}.climb-fundamentals article{position:relative;background:var(--surface);border-top:3px solid var(--blue);padding:18px}.climb-fundamentals article:nth-child(2){border-top-color:var(--accent)}.climb-fundamentals article:nth-child(3){border-top-color:var(--green)}.climb-fundamentals article:nth-child(4){border-top-color:var(--red)}.climb-fundamentals>article>span{color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:800}.climb-fundamentals h3{text-transform:uppercase;margin:0;font-size:1.45rem}.climb-fundamentals ul{color:var(--dim);margin:10px 0 0;padding-left:18px}.climb-fundamentals li{margin:8px 0;font-size:.82rem}.progress-controls,.goal-form{display:grid;gap:10px;margin-bottom:16px}.progress-controls label,.goal-form label{display:grid;color:var(--dim);text-transform:uppercase;letter-spacing:.07em;gap:6px;font-size:.72rem;font-weight:700}.progress-controls select,.goal-form select,.goal-form input{background:var(--surface);border:1px solid var(--border);color:var(--text);min-height:46px;padding:0 12px}.chart-card{background:var(--surface);border-top:4px solid var(--accent);box-shadow:var(--shadow);padding:18px}.chart-title{display:flex;justify-content:space-between;align-items: end;gap:14px}.chart-title span{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.chart-title h2{margin:2px 0;font-size:1.65rem}.chart-title>strong{color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:2.1rem}.chart-wrap{height:290px;margin-top:18px}.chart-empty{color:var(--dim);margin:10px 0 0;font-size:.78rem}.goal-form{background:var(--surface-2);padding:16px}.goal-submit{background:var(--accent);color:#fff;cursor:pointer;border:0;min-height:46px;font-weight:700}.goal-submit:disabled{opacity:.55}.goals-empty{background:var(--surface);border:1px dashed var(--border);padding:24px}.goals-empty p{color:var(--dim);margin:5px 0}.goal-list{display:grid;gap:12px}.goal-card{background:var(--surface);border-top:4px solid var(--blue);padding:18px}.goal-card.done{border-top-color:var(--green)}.goal-top{display:flex;justify-content:space-between;align-items: start;gap:10px}.goal-top span{color:var(--dim);text-transform:uppercase;font-size:.7rem}.goal-top h3{margin:3px 0;font-size:1.35rem}.goal-top button{border:1px solid var(--border);color:var(--dim);cursor:pointer;background:0 0;width:38px;height:38px;font-size:1.4rem}.goal-numbers{display:grid;grid-template-columns:1fr 1fr auto;align-items: end;gap:10px;margin-top:16px}.goal-numbers span{color:var(--dim);font-size:.7rem}.goal-numbers b{display:block;color:var(--text);font-size:1.15rem}.goal-numbers>strong{color:var(--accent)}.goal-card.done .goal-numbers>strong{color:var(--green)}.goal-track{background:var(--surface-2);height:7px;margin:10px 0}.goal-track i{display:block;background:linear-gradient(90deg,var(--blue),var(--accent));height:100%;transition:width .35s}.goal-card.done .goal-track i{background:var(--green)}.goal-card small{color:var(--dim)}.empty-history{background:var(--surface);border-top:4px solid var(--accent);box-shadow:var(--shadow);padding:34px 20px}.empty-mark{color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:4rem;font-weight:800}.empty-history h2{text-transform:uppercase;max-width:680px;font-size:2rem}.empty-history p{color:var(--dim);max-width:720px}.future-fields{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.future-fields span{border:1px solid var(--border);color:var(--dim);padding:7px 10px;font-size:.72rem}.empty-history>strong{display:block;font-size:.82rem}.match-row{background:var(--surface);border-bottom:1px solid var(--border);padding:14px}.match-row summary{display:grid;grid-template-columns:1fr 1fr;gap:5px}.match-row time{grid-column:1/-1;color:var(--dim);font-size:.72rem}.priority-list{display:grid;border-top:1px solid var(--border)}.priority-list article{display:grid;grid-template-columns:48px 1fr;border-bottom:1px solid var(--border);gap:14px;padding:20px 0}.priority-list>article>span{color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:2rem}.priority-list h2{text-transform:uppercase;margin:0}.priority-list p{color:var(--dim);margin:5px 0 0}.state-screen{display:grid;text-align:center;place-content: center;min-height:100vh;padding:30px}.state-screen h1{text-transform:uppercase;font-size:2.4rem}.state-screen p{color:var(--dim)}.loader{border:3px solid var(--border);border-top-color:var(--accent);animation:.8s linear infinite spin;border-radius:50%;width:38px;height:38px;margin:auto}@media (min-width:700px){.hero-stage{padding:72px max(32px,50vw - 560px) 38px}.hero-grid{grid-template-columns:minmax(0,1.35fr)minmax(280px,.65fr);align-items: end}.rank-grid{grid-template-columns:repeat(3,1fr)}.meta-role-grid,.patch-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-release-strip{grid-template-columns:minmax(210px,.7fr)1.3fr}.hero-release-strip p{grid-column:1/-1}.hero-release-strip ul{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-ribbon{grid-template-columns:repeat(4,1fr)}.callout-grid,.competitive-grid,.matchup-grid,.perk-grid,.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.season-meta-note{grid-template-columns:minmax(0,1fr)minmax(230px,.55fr);align-items: center}.season-meta-note p,.season-meta-note a{grid-column:1/-1}.climb-fundamentals{grid-template-columns:repeat(2,minmax(0,1fr))}.role-columns{grid-template-columns:repeat(3,1fr)}.stat-row{grid-template-columns:1.4fr repeat(3,1fr);align-items: center}.stat-row>div:first-child{grid-column:auto}.decision-grid{grid-template-columns:repeat(3,1fr)}.roster-tools{grid-template-columns:1fr auto;align-items: center}.hero-picker{grid-template-columns:repeat(5,minmax(0,1fr))}.toast{max-width:440px;left:auto}.section-head{grid-template-columns:1fr 1fr;align-items: end}.section-head>p{justify-self:end}.ability-list article{grid-template-columns:120px 1fr}.climb-plan{grid-template-columns:repeat(3,minmax(0,1fr))}.progress-controls,.goal-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items: end}.goal-submit{min-height:46px}.goal-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1040px){.hero-picker{grid-template-columns:repeat(8,minmax(0,1fr))}.competitive-grid,.climb-fundamentals{grid-template-columns:repeat(4,1fr)}}@media (max-width:520px){.refresh-button span:last-child{display:none}.sync-bar{grid-template-columns:44px 1fr 46px}.refresh-button{min-width:46px;padding:0}.hero-detail-head{flex-direction:column;align-items: start}.hero-detail-head>strong{text-align:left}.video-link{flex-direction:column;align-items: flex-start}.ability-list article{grid-template-columns:70px 1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.drawer{transition:none}.spinning,.loader{animation:none}}.sync-bar{background:color-mix(in srgb,var(--bg)88%,transparent);box-shadow:0 10px 30px #0000002e}.menu-button{position:relative;overflow:hidden}.menu-button:after{content:"";position:absolute;background:var(--accent);height:2px;transition:transform .2s;inset:auto 0 0;transform:scaleX(0)}.menu-button:hover:after{transform:scaleX(1)}.menu-button:focus-visible:after{transform:scaleX(1)}.live-dot,.signal{animation:2.1s ease-in-out infinite emberPulse}.refresh-button{transition:filter .18s,transform .18s;box-shadow:0 8px 28px #ff6b1638}.refresh-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.drawer,.score-plate,.method-box,.hero-detail-head,.video-link{color:var(--text)}.nav-link{transition:background .18s,border-color .18s,padding-left .18s}.nav-link:hover{background:color-mix(in srgb,var(--accent)12%,transparent);padding-left:15px}.nav-link:focus-visible{background:color-mix(in srgb,var(--accent)12%,transparent);padding-left:15px}.hero-stage{isolation:isolate;background:linear-gradient(108deg,#ff6b1609,#0000 43%,#a76ad10d)}.hero-stage:before{content:"";position:absolute;z-index:-1;pointer-events:none;background:repeating-linear-gradient(115deg,#0000 0 96px,#a76ad109 97px 98px);inset:0}.hero-stage:after{border-color:color-mix(in srgb,var(--accent)28%,transparent);box-shadow:0 0 0 18px color-mix(in srgb,var(--blue)8%,transparent),inset 0 0 30px #ff6b1617;animation:7s ease-in-out infinite eclipseDrift}.identity{animation:.45s ease-out both riseIn}.hero-grid h1{animation:.58s cubic-bezier(.2,.8,.2,1) 80ms both riseIn;text-shadow:0 8px 34px #00000047}.hero-grid p{animation:.58s ease-out .16s both riseIn}.score-plate{animation:.58s ease-out .22s both riseIn}.delta-strip{animation:.55s ease-out .3s both riseIn;border-left-color:var(--green);background:linear-gradient(90deg,color-mix(in srgb,var(--green)12%,var(--surface)),var(--surface))}.rank-card,.analysis-callout,.role-panel,.comp-card,.matchup-card,.perk,.lesson,.empty-history{border-color:var(--blue);box-shadow:var(--shadow);transition:transform .2s,border-color .2s,box-shadow .2s}.rank-card:hover,.analysis-callout:hover,.role-panel:hover,.comp-card:hover,.matchup-card:hover,.perk:hover,.lesson:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 22px 50px #00000075}.rank-card:nth-child(2),.role-panel:nth-child(2),.comp-card:nth-child(2),.matchup-card:nth-child(2),.perk:nth-child(2),.lesson:nth-child(2){animation-delay:80ms}.rank-card:nth-child(3),.role-panel:nth-child(3),.comp-card:nth-child(3),.matchup-card:nth-child(3),.perk:nth-child(3){animation-delay:.16s}.comp-card:nth-child(4),.perk:nth-child(4){animation-delay:.24s}.rank-card,.analysis-callout,.role-panel,.comp-card,.matchup-card,.perk,.lesson,.stat-row,.priority-list article,.ability-list article{animation:.42s ease-out both cardIn}.rank-line{background:linear-gradient(90deg,var(--accent)0 42%,var(--blue)42% 68%,var(--surface-2)68%)}.metric-ribbon{border-color:var(--border);box-shadow:0 16px 38px #0003}.metric-ribbon>div{position:relative;overflow:hidden}.metric-ribbon>div:after{content:"";position:absolute;background:linear-gradient(90deg,var(--accent),var(--blue));transform-origin:left;height:2px;transition:transform .25s;inset:auto 0 0;transform:scaleX(.22)}.metric-ribbon>div:hover:after{transform:scaleX(1)}.analysis-callout.positive{border-top-color:var(--green)}.analysis-callout.warning{border-top-color:var(--accent)}.comp-card.best{border-top-color:var(--green)}.comp-card.weak{border-top-color:var(--red)}.eyebrow{display:inline-flex;align-items: center;gap:8px}.eyebrow:before{content:"";background:var(--accent);box-shadow:10px 0 0 var(--blue);width:22px;height:2px}.filters button,.hero-picker button,.select-label select,.roster-tools input{transition:border-color .18s,background .18s,color .18s}.filters button:hover,.hero-picker button:hover{border-color:var(--accent)}.filters button.active,.hero-picker button.active{background:var(--surface-2);color:var(--text);border-color:var(--accent)}.hero-detail-head{background:linear-gradient(110deg,var(--navy),color-mix(in srgb,var(--blue)20%,var(--navy)))}.ability-list article:nth-child(2n){background:color-mix(in srgb,var(--surface-2)56%,var(--surface))}.video-link{background:linear-gradient(100deg,var(--navy),color-mix(in srgb,var(--accent)17%,var(--navy)));transition:filter .18s}.video-link:hover{filter:brightness(1.14)}button:focus-visible{outline:3px solid var(--green);outline-offset:3px}a:focus-visible{outline:3px solid var(--green);outline-offset:3px}input:focus-visible{outline:3px solid var(--green);outline-offset:3px}select:focus-visible{outline:3px solid var(--green);outline-offset:3px}summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes emberPulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent)12%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent)3%,transparent),0 0 18px color-mix(in srgb,var(--accent)55%,transparent)}}@keyframes eclipseDrift{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-10px,12px)rotate(8deg)}}@keyframes purpleSmoke{0%{transform:translate(-5vw,-4vh)scale(.92)rotate(-7deg)}45%{transform:translate(24vw,22vh)scale(1.18)rotate(8deg)}to{transform:translate(10vw,62vh)scale(.98)rotate(18deg)}}@keyframes orangeSmoke{0%{transform:translate(4vw,8vh)scale(1.06)rotate(8deg)}48%{transform:translate(-30vw,-30vh)scale(.9)rotate(-8deg)}to{transform:translate(-12vw,-68vh)scale(1.14)rotate(-17deg)}}@media (prefers-reduced-motion:reduce){.app-shell:before,.app-shell:after{opacity:.08;animation:none!important}.live-dot,.signal,.hero-stage:after,.identity,.hero-grid h1,.hero-grid p,.score-plate,.delta-strip,.rank-card,.analysis-callout,.role-panel,.comp-card,.matchup-card,.perk,.lesson,.stat-row,.priority-list article,.ability-list article{animation:none!important}.refresh-button,.rank-card,.analysis-callout,.role-panel,.comp-card,.matchup-card,.perk,.lesson,.nav-link{transition:none!important}}@media (min-width:700px){.switch-current-head{grid-template-columns:minmax(260px,.7fr)1.3fr;align-items: end;padding:20px}.matchup-direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reverse-switch{padding:28px}.trouble-picker{max-width:520px}.switch-results{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:390px){.counter-group{grid-template-columns:1fr}.role-tag{justify-self:start}.favorable-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.direction-panel,.switch-role-result,.switch-picks button{animation:none!important;transition:none!important}}.history-actions{display:grid;background:linear-gradient(105deg,color-mix(in srgb,var(--accent)10%,var(--surface)),var(--surface));border-top:3px solid var(--accent);gap:12px;margin-bottom:18px;padding:16px}.history-actions p{color:var(--dim);margin:0;font-size:.8rem}.history-actions p strong{color:var(--text)}.add-match-button,.save-match-button{background:var(--accent);color:#fff;cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px)0,100% 10px,100% 100%,0 100%);border:0;min-height:48px;padding:0 16px;font-weight:700}.add-match-button{width:100%}.match-form{display:grid;background:var(--surface);border-top:4px solid var(--blue);box-shadow:var(--shadow);animation:.3s ease-out both cardIn;gap:18px;margin-bottom:30px;padding:18px}.match-form-intro>span,.match-detail-body article>span,.enemy-line>span,.correlation-panel>div>span{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:700}.match-form-intro h2{text-transform:uppercase;margin:4px 0;font-size:2rem}.match-form-intro p{color:var(--dim);margin:0;font-size:.82rem}.match-form-grid{display:grid;gap:11px}.match-form label,.enemy-fieldset label{display:grid;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;gap:6px;font-size:.71rem;font-weight:700}.match-form label small{text-transform:none;letter-spacing:0;font-weight:400}.match-form input,.match-form select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);width:100%;min-width:0;min-height:46px;padding:0 11px}.match-form input:focus,.match-form select:focus{border-color:var(--accent)}.enemy-fieldset{border:1px solid var(--border);margin:0;padding:15px}.enemy-fieldset legend{color:var(--text);padding:0 7px;font-weight:700}.enemy-fieldset legend small{color:var(--dim);font-weight:400}.enemy-fieldset>div{display:grid;gap:9px}.enemy-fieldset label span{font-size:.64rem}.save-match-button:disabled{opacity:.6;cursor:wait}.analysis-wait{color:var(--dim);margin:0;font-size:.78rem}.form-error{background:color-mix(in srgb,var(--red)12%,var(--surface));border-left:4px solid var(--red);color:var(--text);margin:0;padding:12px}.match-history-list{display:grid;gap:12px}.match-detail{background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--blue);box-shadow:var(--shadow);animation:.35s ease-out both cardIn}.match-detail.result-victoire{border-top-color:var(--green)}.match-detail.result-défaite{border-top-color:var(--red)}.match-detail>summary{display:grid;grid-template-columns:auto minmax(0,1fr);cursor:pointer;list-style:none;align-items: center;gap:9px 12px;padding:16px}.match-detail>summary::-webkit-details-marker{display:none}.match-detail>summary:after{content:"+";position:absolute;color:var(--accent);font-size:1.5rem;right:16px}.match-detail[open]>summary:after{content:"–"}.match-detail>summary{position:relative;padding-right:46px}.match-detail>summary>div{display:grid;min-width:0}.match-detail>summary strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.45rem}.match-detail>summary small,.match-detail>summary time{color:var(--dim);font-size:.69rem}.match-detail>summary time{grid-column:2}.match-result{background:var(--surface-2);color:var(--text);text-transform:uppercase;align-self: start;padding:5px 8px;font-size:.65rem;font-weight:700}.result-victoire .match-result{color:var(--green)}.result-défaite .match-result{color:var(--red)}.correlation-badge{grid-column:1/-1;color:var(--dim);justify-self:start;font-size:.65rem}.correlation-badge.confirmed{color:var(--green)}.correlation-badge.uncertain{color:var(--accent)}.correlation-badge.unavailable{color:var(--red)}.match-detail-body{display:grid;border-top:1px solid var(--border);gap:16px;padding:0 16px 18px}.match-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--border);gap:1px;margin-top:16px}.match-score-grid>div{background:var(--surface-2);padding:12px}.match-score-grid span{display:block;color:var(--dim);text-transform:uppercase;font-size:.62rem}.match-score-grid strong{font-family:Barlow Condensed,sans-serif;font-size:1.35rem}.enemy-line{display:grid;gap:8px}.enemy-line>div{display:flex;flex-wrap:wrap;gap:6px}.enemy-line b{border:1px solid var(--border);padding:6px 9px;font-size:.72rem}.debrief-grid{display:grid;gap:10px}.debrief-grid article{background:var(--surface-2);border-top:3px solid var(--blue);padding:16px}.debrief-grid h3{margin:6px 0;font-size:1.25rem}.debrief-grid p{color:var(--dim);margin:7px 0;font-size:.82rem}.debrief-grid ul,.debrief-grid ol{margin:10px 0 0;padding-left:20px}.debrief-grid li{margin:8px 0;font-size:.83rem}.debrief-strengths{border-top-color:var(--green)!important}.debrief-improvements{border-top-color:var(--accent)!important}.hero-verdict{border-top-color:var(--blue)!important}.recent-trend{border-top-color:var(--border)!important}.correlation-panel{background:color-mix(in srgb,var(--blue)9%,var(--surface-2));border-left:4px solid var(--blue);padding:14px}.correlation-panel.confirmed{border-left-color:var(--green)}.correlation-panel.uncertain{border-left-color:var(--accent)}.correlation-panel.unavailable{border-left-color:var(--red)}.correlation-panel>div:first-child{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.correlation-panel p{color:var(--dim);margin:7px 0;font-size:.8rem}.delta-pills{flex-wrap:wrap;display:flex!important;justify-content:flex-start!important;gap:6px!important}.delta-pills span{background:var(--surface);padding:5px 7px;color:var(--text)!important;text-transform:none!important;letter-spacing:0!important;font-size:.68rem!important}@media (min-width:700px){.history-actions{grid-template-columns:auto 1fr;align-items: center}.add-match-button{width:auto}.match-form{padding:24px}.match-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.enemy-fieldset>div{grid-template-columns:repeat(5,minmax(0,1fr))}.match-detail>summary{grid-template-columns:auto minmax(0,1fr)auto auto}.match-detail>summary time,.correlation-badge{grid-column:auto}.match-score-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.debrief-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.debrief-summary,.recent-trend{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.match-form,.match-detail{animation:none!important}}.validation-teaser{display:grid;text-align:left;border:1px solid var(--border);border-top:3px solid var(--green);background:linear-gradient(105deg,color-mix(in srgb,var(--green)9%,var(--surface)),color-mix(in srgb,var(--blue)8%,var(--surface)));cursor:pointer;box-shadow:var(--shadow);gap:3px;width:100%;margin-top:12px;padding:16px 18px}.validation-teaser>span{display:flex;color:var(--dim);text-transform:uppercase;letter-spacing:.09em;align-items: center;gap:8px;font-size:.68rem;font-weight:700}.validation-teaser strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.35rem}.validation-teaser small{color:var(--dim)}.source-status{background:var(--red);border-radius:50%;width:8px;height:8px}.source-status.online{background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green)13%,transparent)}.source-ledger{display:grid;gap:12px}.source-ledger article{background:var(--surface);border-top:4px solid var(--blue);box-shadow:var(--shadow);padding:19px}.source-ledger article:nth-child(2){border-top-color:var(--green)}.source-ledger h2{text-transform:uppercase;margin:8px 0 2px;font-size:1.7rem}.source-ledger strong{display:block}.source-ledger p{color:var(--dim);margin:4px 0 12px;font-size:.78rem}.source-ledger a,.opgg-empty a{color:var(--text);text-underline-offset:3px;font-size:.78rem;font-weight:700}.source-badge{display:inline-flex;background:var(--soft-blue);color:var(--blue);text-transform:uppercase;letter-spacing:.08em;padding:5px 7px;font-size:.64rem;font-weight:700}.source-badge.opgg{background:color-mix(in srgb,var(--green)10%,var(--surface-2));color:var(--green)}.cross-overview{display:grid;gap:10px}.cross-overview article{background:var(--surface);border-top:3px solid var(--border);padding:17px}.cross-metric-title{display:flex;justify-content:space-between;align-items: center;gap:10px}.cross-metric-title>strong{font-size:.88rem}.source-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--border);gap:1px;margin-top:12px}.source-values>div{background:var(--surface-2);padding:11px}.source-values span{display:block;color:var(--dim);text-transform:uppercase;font-size:.63rem}.source-values b{font-family:Barlow Condensed,sans-serif;font-size:1.3rem}.cross-overview p{color:var(--dim);margin:10px 0 0;font-size:.72rem}.validation-pill{display:inline-flex;background:var(--surface-2);color:var(--dim);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items: center;width:max-content;padding:4px 7px;font-size:.62rem;font-weight:700}.validation-pill.match{color:var(--green);background:color-mix(in srgb,var(--green)9%,var(--surface-2))}.validation-pill.close{color:var(--blue)}.validation-pill.gap{color:var(--accent)}.validation-pill.missing{color:var(--dim)}.opgg-role-grid{display:grid;gap:10px}.opgg-role-grid article{background:var(--surface);border-top:3px solid var(--blue);padding:17px}.opgg-role-grid article:nth-child(2){border-top-color:var(--accent)}.opgg-role-grid article:nth-child(3){border-top-color:var(--green)}.opgg-role-grid article>span{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:.67rem}.opgg-role-grid article>strong{display:block;font-family:Barlow Condensed,sans-serif;font-size:1.8rem}.opgg-role-grid dl,.competitive-validation-grid dl{margin:12px 0 0}.opgg-role-grid dl>div,.competitive-validation-grid dl>div{display:flex;border-top:1px solid var(--border);justify-content:space-between;gap:10px;padding:8px 0;font-size:.75rem}.opgg-role-grid dt,.competitive-validation-grid dt{color:var(--dim)}.opgg-role-grid dd,.competitive-validation-grid dd{text-align:right;margin:0;font-weight:700}.hero-validation-list{display:grid;border-top:1px solid var(--border)}.hero-validation-list article{display:grid;grid-template-columns:minmax(92px,.7fr)minmax(0,1.3fr);border-bottom:1px solid var(--border);align-items: center;gap:10px;padding:14px 2px}.validated-hero{display:grid}.validated-hero strong{font-family:Barlow Condensed,sans-serif;font-size:1.18rem}.validated-hero span{color:var(--dim);font-size:.65rem}.validated-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--border);gap:1px}.validated-pair>span{display:grid;background:var(--surface);padding:9px}.validated-pair>span>span{color:var(--dim)}.validated-pair span{text-transform:uppercase;font-size:.62rem}.validated-pair b{font-family:Barlow Condensed,sans-serif;font-size:1.15rem}.validated-pair small{color:var(--dim);text-transform:none;font-size:.6rem}.hero-validation-list .validation-pill,.missing-detail{grid-column:1/-1}.missing-detail{color:var(--dim);font-size:.66rem}.competitive-validation-grid{display:grid;gap:10px}.competitive-validation-grid article{background:var(--surface);border-top:3px solid var(--accent);padding:17px}.competitive-validation-grid article>div:first-child{display:flex;justify-content:space-between;align-items: center;gap:10px}.competitive-validation-grid article>div:first-child>strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.35rem}.opgg-empty{background:var(--surface);border-top:4px solid var(--red);padding:26px}.opgg-empty>span{color:var(--red);text-transform:uppercase;letter-spacing:.09em;font-size:.68rem}.opgg-empty h2{text-transform:uppercase;margin:5px 0;font-size:1.8rem}.opgg-empty p{color:var(--dim);max-width:700px}@media (min-width:700px){.source-ledger,.cross-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.opgg-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-validation-list article{grid-template-columns:minmax(130px,.5fr)minmax(340px,1.3fr)auto;gap:16px}.hero-validation-list .validation-pill{grid-column:auto}.missing-detail{grid-column:2/-1}.competitive-validation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1040px){.cross-overview,.competitive-validation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.source-ledger .overfast-source{border-top-color:var(--accent)}.source-ledger .source-offline{border-top-color:var(--red);opacity:.88}.source-badge.overfast{background:color-mix(in srgb,var(--accent)12%,var(--surface-2));color:var(--accent)}.source-links{display:flex;flex-wrap:wrap;gap:8px 14px}.source-warning{border-left:4px solid var(--red);background:color-mix(in srgb,var(--red)10%,var(--surface));margin-bottom:14px;padding:14px 16px}.source-warning p{color:var(--dim);margin:4px 0}.source-warning small{color:var(--dim)}.cache-note{background:var(--soft-orange);border-left:4px solid var(--accent);color:var(--dim);margin:12px 0 0;padding:13px 15px;font-size:.78rem}.cache-note strong{color:var(--text)}.source-values.three,.validated-pair.three{grid-template-columns:1fr}.rank-validation-grid{display:grid;gap:10px}.rank-validation-grid article{background:var(--surface);border-top:3px solid var(--accent);padding:17px}.rank-validation-grid article>div:first-child{display:flex;justify-content:space-between;align-items: center;gap:10px}.rank-validation-grid article>div:first-child>strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.35rem}.rank-validation-grid dl{margin:12px 0 0}.rank-validation-grid dl>div{display:flex;border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:8px 0;font-size:.75rem}.rank-validation-grid dt{color:var(--dim)}.rank-validation-grid dd{text-align:right;margin:0;font-weight:700}.hero-validation-list.three-way article{grid-template-columns:1fr}.hero-validation-list.three-way .validation-pill{grid-column:1}.hero-validation-list.three-way .validated-pair{width:100%}@media (min-width:700px){.source-ledger.three-sources,.source-values.three,.validated-pair.three,.rank-validation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-validation-list.three-way article{grid-template-columns:minmax(120px,.4fr)minmax(480px,1.5fr)auto}.hero-validation-list.three-way .validation-pill{grid-column:auto}}.coaching-role-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 14px}.coaching-role-tabs button{text-align:left;border:1px solid var(--border);background:var(--surface);cursor:pointer;min-height:64px;padding:10px 12px}.coaching-role-tabs button span{display:block;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:1.22rem;font-weight:800}.coaching-role-tabs button small{display:block;color:var(--dim);font-size:.72rem}.coaching-role-tabs button.active{border-color:var(--accent);background:var(--soft-orange);box-shadow:inset 4px 0 0 var(--accent)}.role-mission{display:grid;grid-template-columns:minmax(0,1.5fr)minmax(220px,.6fr);background:var(--border);border:1px solid var(--border);gap:1px;margin-bottom:12px}.role-mission>div,.role-mission aside{background:var(--surface);padding:22px}.role-mission span,.role-focus-grid>article>span,.silver-mistakes>article>span,.season-five-flag>span,.stats-basis>span,.priority-board>div>span,.play-around-grid>article>span,.composition-example>span,.fight-timeline>article>span,.execution-grid>article>span{display:block;color:var(--accent);letter-spacing:.09em;text-transform:uppercase;font-size:.72rem;font-weight:700}.role-mission h2{margin:8px 0;font-size:clamp(1.7rem,4vw,2.55rem);line-height:1.03}.role-mission p{color:var(--dim);margin:0}.role-mission aside{border-left:3px solid var(--blue)}.role-mission aside strong{display:block;color:var(--green);margin:8px 0;font:800 2rem/1 Barlow Condensed,Arial Narrow,sans-serif}.role-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.role-focus-grid article{background:var(--surface);border:1px solid var(--border);padding:18px}.role-focus-grid h3{margin:6px 0;font-size:1.35rem}.role-focus-grid p{color:var(--dim);margin:0 0 14px}.role-focus-grid strong{display:block;border-top:1px solid var(--border);color:var(--text);padding-top:12px;font-size:.88rem}.role-focus-grid strong:before{content:"CHECK · ";color:var(--green);letter-spacing:.08em;font-size:.72rem}.silver-mistakes{display:grid;gap:7px}.silver-mistakes article{display:grid;grid-template-columns:44px 1fr;background:var(--surface);border:1px solid var(--border);gap:12px;padding:15px}.silver-mistakes article>span{color:var(--red);font:800 1.5rem/1 Barlow Condensed,Arial Narrow,sans-serif}.silver-mistakes h3{margin:0 0 4px;font-size:1rem}.silver-mistakes p{color:var(--dim);margin:0}.ultimate-rule{border:1px solid color-mix(in srgb,var(--blue)65%,var(--border));background:var(--soft-blue);display:grid;grid-template-columns:minmax(160px,.35fr)1fr;align-items: start;gap:16px;margin-top:12px;padding:18px}.ultimate-rule strong{font:800 1.3rem/1.1 Barlow Condensed,Arial Narrow,sans-serif}.ultimate-rule p{color:var(--dim);margin:0}.picker-instruction{display:flex;color:var(--dim);align-items: center;gap:8px;margin:12px 0 8px;font-size:.84rem}.picker-instruction span{display:grid;background:var(--accent);color:#160c06;place-items: center;width:22px;height:22px;font-weight:800}.picker-instruction b{color:var(--blue)}.no-heroes{border:1px dashed var(--border);text-align:center;color:var(--dim);padding:22px}.no-heroes p{margin:4px 0 0}.coaching-detail{margin-top:16px}.season-five-flag{display:grid;grid-template-columns:180px 1fr;background:color-mix(in srgb,var(--blue)12%,var(--surface));border:1px solid color-mix(in srgb,var(--blue)65%,var(--border));gap:16px;padding:14px 16px}.season-five-flag>span{color:var(--blue)}.season-five-flag p{margin:0}.stats-basis{background:var(--soft-orange);border:1px solid color-mix(in srgb,var(--accent)60%,var(--border));border-left:5px solid var(--accent);padding:18px}.stats-basis p{margin:5px 0;font-size:1.06rem;font-weight:600}.stats-basis small{color:var(--dim)}.priority-board{display:grid;grid-template-columns:minmax(180px,.38fr)1fr;background:var(--surface);border:1px solid var(--border);gap:20px;padding:20px}.priority-board h3{margin:5px 0;font-size:1.6rem}.priority-board ol{list-style:none;display:grid;gap:8px;margin:0;padding:0}.priority-board li{display:grid;grid-template-columns:34px 1fr;border-bottom:1px solid var(--border);align-items: start;gap:10px;padding:10px 0}.priority-board li:last-child{border:0}.priority-board li b{display:grid;background:var(--accent);color:#170c06;place-items: center;width:30px;height:30px;font:800 1.1rem/1 Barlow Condensed,Arial Narrow,sans-serif}.priority-board li p{margin:2px 0 0}.play-around-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.play-around-grid article{border:1px solid var(--border);background:var(--surface);padding:17px}.play-around-grid h3{margin:5px 0;font-size:1.25rem}.play-around-grid p{color:var(--dim);margin:0}.composition-example{display:grid;grid-template-columns:160px minmax(180px,.75fr)1fr;background:var(--soft-blue);border:1px solid var(--border);align-items: center;gap:16px;padding:15px 18px}.composition-example>span{color:var(--blue)}.composition-example strong{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:1.2rem}.composition-example p{color:var(--dim);margin:0;font-size:.86rem}.fight-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:fight;gap:8px}.fight-timeline article{background:var(--surface);border-top:3px solid var(--accent);border-right:1px solid var(--border);border-bottom:1px solid var(--border);border-left:1px solid var(--border);min-height:190px;padding:18px}.fight-timeline article:nth-child(2){border-top-color:var(--blue)}.fight-timeline article:nth-child(3){border-top-color:var(--green)}.fight-timeline p{color:var(--dim);margin:10px 0 0}.execution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.execution-grid article{background:var(--surface);border:1px solid var(--border);padding:16px}.execution-grid article.danger{background:color-mix(in srgb,var(--red)8%,var(--surface))}.execution-grid article.danger>span{color:var(--red)}.execution-grid p{color:var(--dim);margin:8px 0 0}.full-hero-kit{border:1px solid var(--border);background:var(--surface)}.full-hero-kit summary{cursor:pointer;color:var(--text);padding:16px 18px;font-weight:700}.full-hero-kit[open] summary{border-bottom:1px solid var(--border)}.full-hero-kit .ability-list,.full-hero-kit .video-link{margin:12px}@media (max-width:720px){.role-mission,.priority-board{grid-template-columns:1fr}.role-mission aside{border-left:0;border-top:3px solid var(--blue)}.role-focus-grid,.play-around-grid,.fight-timeline,.execution-grid{grid-template-columns:1fr}.fight-timeline article{min-height:0}.composition-example,.ultimate-rule,.season-five-flag{grid-template-columns:1fr;gap:7px}.coaching-role-tabs button{padding:9px 8px}.coaching-role-tabs button small{display:none}.coaching-role-tabs button span{font-size:1rem}.priority-board{gap:5px}.play-around-grid{gap:6px}}@media (max-width:420px){.coaching-role-tabs{grid-template-columns:1fr}.coaching-role-tabs button{min-height:48px}.coaching-role-tabs button small{display:block}.silver-mistakes article{grid-template-columns:34px 1fr}.composition-example strong{font-size:1rem}}:root{--surface:#15131a;--surface-2:#1e1a24;--border:#37313e;--shadow:0 12px 30px #00000047}body{background-color:#0a090d}.content-section{width:min(1180px,100% - 28px)}.section-head{border-bottom:1px solid var(--border);padding-bottom:18px}.rank-card,.analysis-callout,.comp-card,.meta-role-card,.patch-timeline article,.source-ledger article,.chart-card{box-shadow:0 8px 24px #0003}.app-shell:before,.app-shell:after{opacity:.15;filter:blur(70px)}.command-deck{display:grid;background:var(--border);border:1px solid var(--border);gap:1px;margin:12px 0}.command-deck button{display:grid;text-align:left;background:var(--surface);cursor:pointer;border:0;gap:3px;min-height:112px;padding:16px;transition:background .18s}.command-deck button:hover{background:color-mix(in srgb,var(--accent)9%,var(--surface))}.command-deck button:focus-visible{background:color-mix(in srgb,var(--accent)9%,var(--surface))}.command-deck span{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:700}.command-deck strong{text-transform:uppercase;font:800 1.25rem/1.05 Barlow Condensed,sans-serif}.command-deck small{color:var(--dim);font-size:.72rem}.draft-simulator{border:1px solid var(--border);border-top:4px solid var(--accent);background:linear-gradient(125deg,color-mix(in srgb,var(--accent)7%,var(--surface)),var(--surface)48%);box-shadow:var(--shadow);margin-bottom:34px}.draft-header{display:grid;border-bottom:1px solid var(--border);gap:18px;padding:20px}.draft-header>div>span{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:700}.draft-header h2{text-transform:uppercase;margin:4px 0;font-size:2rem}.draft-header p{color:var(--dim);max-width:680px;margin:0}.draft-header label,.map-controls label,.lab-toolbar label{display:grid;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;gap:6px;font-size:.68rem;font-weight:700}.draft-header select,.map-controls select,.lab-toolbar select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);min-height:46px;padding:0 11px}.draft-comps{display:grid;background:var(--border);gap:1px}.draft-comps fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--surface);border:0;gap:8px;margin:0;padding:16px}.draft-comps legend{color:var(--text);padding:0 0 10px;font-weight:700}.draft-comps label{display:grid;gap:4px}.draft-comps label span{color:var(--dim);text-transform:uppercase;font-size:.62rem}.draft-comps select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);width:100%;min-width:0;min-height:42px;padding:0 8px}.draft-results{display:grid;background:var(--border);gap:1px;padding:1px}.draft-results article{display:grid;grid-template-columns:54px minmax(0,1fr)86px;background:var(--surface);align-items: center;gap:12px;padding:14px}.draft-results article.best{background:linear-gradient(90deg,color-mix(in srgb,var(--green)8%,var(--surface)),var(--surface))}.pick-place{display:grid}.pick-place span{color:var(--accent);font:800 1.8rem/1 Barlow Condensed,sans-serif}.pick-place small{color:var(--dim);font-size:.62rem}.draft-results h3{text-transform:uppercase;margin:0;font-size:1.35rem}.draft-results p{color:var(--dim);margin:3px 0;font-size:.73rem}.pick-score{display:grid;text-align:right}.pick-score span{color:var(--dim);text-transform:uppercase;font-size:.58rem}.pick-score strong{color:var(--green);font:800 1.65rem/1 Barlow Condensed,sans-serif}.pick-score button{border:1px solid var(--accent);color:var(--text);cursor:pointer;background:0 0;margin-top:6px;padding:5px;font-size:.68rem}.pick-score button:hover{background:var(--accent)}.map-controls{display:grid;background:var(--surface-2);border:1px solid var(--border);gap:8px;margin-bottom:10px;padding:14px}.map-guide-grid{display:grid;gap:10px}.map-brief,.position-board{background:var(--surface);border:1px solid var(--border);padding:18px}.map-brief{border-top:4px solid var(--accent)}.map-brief>div>span,.board-top span{color:var(--accent);text-transform:uppercase;letter-spacing:.09em;font-size:.67rem;font-weight:700}.map-brief h3{text-transform:uppercase;margin:2px 0 12px;font-size:2rem}.map-brief dl{margin:0}.map-brief dl>div{border-top:1px solid var(--border);padding:10px 0}.map-brief dt{color:var(--dim);text-transform:uppercase;font-size:.65rem}.map-brief dd{margin:3px 0 0;font-size:.84rem}.position-board{border-top:4px solid var(--blue)}.position-board.dive{border-top-color:var(--green)}.position-board.poke{border-top-color:var(--blue)}.board-top{display:flex;justify-content:space-between;align-items: end;gap:12px}.board-top strong{text-transform:uppercase;font:800 1.45rem/1 Barlow Condensed,sans-serif}.formation-diagram{display:grid;background-color:#0b0a0e;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;gap:8px;margin:18px 0;padding:12px}.enemy-zone,.tank-zone,.team-zone{display:flex;border:1px solid var(--border);letter-spacing:.06em;text-align:center;justify-content:center;align-items: center;min-height:46px;font-size:.66rem;font-weight:700}.enemy-zone{color:var(--red);background:color-mix(in srgb,var(--red)8%,transparent)}.tank-zone{color:var(--accent);border-color:var(--accent)}.team-zone{color:var(--green);gap:5px}.tank-zone i,.team-zone i{background:currentColor;border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px}.position-board p{color:var(--dim);margin:0;font-size:.8rem}.position-board p b{color:var(--red)}.position-board small{display:block;color:var(--dim);margin-top:9px;font-size:.64rem}.map-index{border:1px solid var(--border);background:var(--surface);margin-top:10px}.map-index summary{cursor:pointer;padding:14px 16px;font-weight:700}.map-index>div{padding:0 14px 14px}.map-index section{border-top:1px solid var(--border);padding:12px 0}.map-index h3{margin:0 0 8px;font-size:1rem}.map-index button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;margin:3px;padding:6px 8px;font-size:.7rem}.death-analysis-list{display:grid;border-top:1px solid var(--border)}.death-analysis-list article{display:grid;grid-template-columns:90px 72px minmax(0,1fr);border-bottom:1px solid var(--border);align-items: center;gap:12px;padding:14px 4px}.death-analysis-list article.high{box-shadow:inset 3px 0 0 var(--red)}.death-analysis-list article.watch{box-shadow:inset 3px 0 0 var(--accent)}.death-analysis-list article.stable{box-shadow:inset 3px 0 0 var(--green)}.death-rank{display:grid}.death-rank>span{color:var(--dim);font:.8rem Barlow Condensed,sans-serif}.death-rank strong{font:800 1.1rem Barlow Condensed,sans-serif}.death-rank small,.death-rate span,.death-threats span{color:var(--dim);text-transform:uppercase;font-size:.61rem}.death-rate strong{display:block;font:800 1.45rem Barlow Condensed,sans-serif}.death-threats p,.death-advice{color:var(--dim);margin:2px 0;font-size:.74rem}.death-advice{grid-column:1/-1;background:var(--surface-2);padding:9px 12px}.meta-weather{display:grid;gap:8px}.meta-weather article{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--blue);padding:15px}.meta-weather article.up{border-top-color:var(--green)}.meta-weather article.down{border-top-color:var(--red)}.meta-weather article>div{display:flex;justify-content:space-between;gap:8px}.meta-weather span,.meta-weather b{color:var(--dim);text-transform:uppercase;letter-spacing:.07em;font-size:.62rem}.meta-weather b{color:var(--accent)}.meta-weather h3{text-transform:uppercase;margin:4px 0 0;font-size:1.45rem}.meta-weather strong{color:var(--green);font-size:.78rem}.meta-weather .down strong{color:var(--red)}.meta-weather p{color:var(--dim);margin:8px 0 0;font-size:.76rem}.pool-alert{border-left:4px solid var(--accent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent)10%,var(--surface)),var(--surface));margin-top:10px;padding:16px}.pool-alert strong{text-transform:uppercase;font:800 1.25rem Barlow Condensed,sans-serif}.pool-alert p{color:var(--dim);margin:5px 0;font-size:.82rem}.ultimate-guide{display:grid;background:var(--border);border:1px solid var(--border);border-top:4px solid var(--green);gap:1px}.ultimate-guide>div{background:var(--surface);padding:15px}.ultimate-guide span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;font-weight:700}.ultimate-guide h3{text-transform:uppercase;margin:4px 0;font-size:1.6rem}.ultimate-guide p{color:var(--dim);margin:3px 0;font-size:.8rem}.ultimate-guide .mistake span{color:var(--red)}.lab-toolbar{display:grid;gap:10px;margin-bottom:10px}.routine-chip{display:grid;border-left:3px solid var(--green);background:var(--surface-2);padding:12px 14px}.routine-chip span{color:var(--dim);text-transform:uppercase;font-size:.62rem}.routine-chip strong{font-size:.85rem}.workshop-grid{display:grid;gap:8px}.workshop-grid article{display:grid;grid-template-columns:minmax(0,1fr)auto;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);gap:8px;padding:16px}.workshop-grid article>div:first-child{display:grid}.workshop-grid article>div:first-child span{color:var(--dim);text-transform:uppercase;font-size:.63rem}.workshop-grid article>div:first-child strong{color:var(--accent);letter-spacing:.05em;font:800 1.75rem/1 Barlow Condensed,sans-serif}.workshop-grid article>small{color:var(--green);font-size:.68rem}.workshop-grid p{grid-column:1/-1;color:var(--dim);margin:2px 0;font-size:.78rem}.workshop-grid article>div:last-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items: center;gap:12px}.workshop-grid button{border:1px solid var(--accent);color:var(--text);cursor:pointer;background:0 0;padding:7px 10px}.workshop-grid a{color:var(--dim);font-size:.7rem}.glossary-search{border:1px solid var(--border);background:var(--surface);color:var(--text);width:100%;min-height:48px;margin-bottom:10px;padding:0 13px}.glossary-list{display:grid;background:var(--border);border:1px solid var(--border);gap:1px}.glossary-list article{background:var(--surface);padding:14px}.glossary-list h3{color:var(--accent);text-transform:uppercase;margin:0;font-size:1.2rem}.glossary-list p{margin:4px 0;font-size:.82rem}.glossary-list small{color:var(--dim)}@media (min-width:700px){.command-deck{grid-template-columns:repeat(4,minmax(0,1fr))}.draft-header{grid-template-columns:minmax(0,1fr)240px;align-items: end}.draft-comps{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-comps fieldset{grid-template-columns:repeat(5,minmax(0,1fr))}.draft-results article{grid-template-columns:64px minmax(0,1fr)100px;padding:16px 20px}.map-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.map-guide-grid{grid-template-columns:minmax(0,1.15fr)minmax(300px,.85fr)}.meta-weather{grid-template-columns:repeat(2,minmax(0,1fr))}.ultimate-guide{grid-template-columns:1.2fr repeat(3,1fr)}.lab-toolbar{grid-template-columns:240px minmax(0,1fr);align-items: end}.workshop-grid,.glossary-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1040px){.meta-weather,.workshop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.glossary-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:520px){.draft-results article{grid-template-columns:46px minmax(0,1fr)}.pick-score{grid-column:2;text-align:left;grid-template-columns:auto auto 74px;align-items: center;gap:8px}.death-analysis-list article{grid-template-columns:80px 64px minmax(0,1fr)}.command-deck button{min-height:96px}}@media (prefers-reduced-motion:reduce){.command-deck button{transition:none!important}}.global-role-bar{position:relative;z-index:12;display:grid;padding:10px max(12px,env(safe-area-inset-right))10px max(12px,env(safe-area-inset-left));border-bottom:1px solid var(--border);background:#100c14;gap:10px}.role-detection{display:grid;line-height:1.15}.role-detection span{color:var(--dim);text-transform:uppercase;letter-spacing:.07em;font-size:.64rem}.role-detection strong{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:.98rem}.global-role-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.global-role-switch button,.map-role-filter button{border:1px solid var(--border);background:var(--surface);color:var(--dim);cursor:pointer;min-height:40px;font-weight:700}.global-role-switch button.active,.map-role-filter button.active{color:#fff;background:color-mix(in srgb,currentColor 13%,var(--surface));border-color:currentColor}.global-role-switch .tank,.map-role-filter .tank{color:#ff8a3d}.global-role-switch .damage,.map-role-filter .damage{color:#c989f0}.global-role-switch .support,.map-role-filter .support{color:#9ed93a}.map-role-filter .all{color:#fff}.map-controls-multirole{grid-template-columns:minmax(0,1.5fr)minmax(0,1fr)}.map-role-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:10px 0}.map-role-filter button{padding:7px 8px;font-size:.72rem}.topdown-layout{display:grid;gap:10px}.topdown-map{position:relative;overflow:hidden;background:linear-gradient(145deg,#140f19eb,#08070bf5),repeating-linear-gradient(0deg,#0000 0 23px,#ffffff08 24px),repeating-linear-gradient(90deg,#0000 0 23px,#ffffff08 24px);border:1px solid #5b4962;min-height:390px;box-shadow:inset 0 0 42px #0000007a}.topdown-map:after{content:"";position:absolute;clip-path:polygon(7% 12%,39% 3%,58% 14%,91% 7%,96% 47%,83% 84%,51% 93%,30% 81%,4% 91%,10% 52%);pointer-events:none;background:#ffffff05;border:1px dashed #ffffff1f;inset:72px 8% 46px}.map-controle:after{clip-path:polygon(10% 18%,34% 5%,55% 18%,84% 8%,96% 38%,82% 66%,92% 90%,54% 83%,27% 94%,4% 66%)}.map-escorte:after{clip-path:polygon(4% 67%,20% 47%,28% 17%,57% 8%,71% 31%,94% 41%,84% 72%,55% 81%,29% 93%)}.map-push:after{clip-path:polygon(6% 70%,21% 44%,12% 18%,38% 9%,56% 26%,85% 13%,95% 47%,79% 74%,52% 88%,29% 77%)}.map-caption{position:absolute;z-index:5;display:grid;top:10px;left:12px}.map-caption span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.map-caption strong{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:1.35rem;line-height:1.05}.map-caption small{color:var(--dim);font-size:.61rem}.map-geometry{position:absolute;z-index:1;pointer-events:none;inset:0}.lane{position:absolute;display:block;background:#ffffff09;border:1px solid #ffffff12}.lane-a{height:20%;top:44%;left:8%;right:10%;transform:rotate(-7deg)}.lane-b{width:18%;height:66%;top:20%;left:41%;transform:rotate(16deg)}.structure{position:absolute;display:block;background:#211927;border:1px solid #49374f;width:20%;height:17%;box-shadow:inset 0 0 0 5px #00000029}.structure-a{top:23%;left:12%;transform:rotate(-8deg)}.structure-b{bottom:16%;right:11%;transform:rotate(9deg)}.objective{position:absolute;display:grid;color:#fff5e8a8;letter-spacing:.08em;background:#ff6b161a;border:1px solid #ff6b168c;place-items: center;width:22%;height:18%;font-size:.58rem;font-style:normal;top:45%;left:44%}.spawn-label{position:absolute;z-index:3;color:var(--dim);letter-spacing:.08em;font-size:.55rem;bottom:12px}.spawn-label.allied{left:12px}.spawn-label.enemy{color:#ff7a8d;right:12px}.map-route{position:absolute;z-index:3;left:var(--x1);top:var(--y1);width:calc(var(--x2) - var(--x1));opacity:.65;transform-origin:left center;pointer-events:none;border-top:2px dashed;height:2px}.route-tank{color:#ff8a3d;transform:rotate(8deg)}.route-damage{color:#c989f0;transform:rotate(4deg)}.route-support{color:#9ed93a;transform:rotate(2deg)}.map-marker{position:absolute;z-index:6;display:grid;grid-template-columns:24px auto;cursor:pointer;text-align:left;background:0 0;border:0;align-items: center;gap:5px;min-width:24px;min-height:24px;padding:0;transform:translate(-12px,-12px)}.map-marker span{display:grid;color:#fff;background:#0c0910;border:2px solid;border-radius:50%;place-items: center;width:24px;height:24px;font-size:.66rem;font-weight:800;box-shadow:0 0 0 4px #0c0910c7,0 0 14px}.map-marker b{color:var(--text);white-space:nowrap;background:#0c0910de;max-width:76px;padding:3px 5px;font-size:.58rem;line-height:1.05}.map-marker.tank{color:#ff8a3d}.map-marker.damage{color:#c989f0}.map-marker.support{color:#9ed93a}.map-marker.active span{color:#09070b;background:currentColor;transform:scale(1.15)}.marker-detail{border:1px solid var(--border);background:var(--surface);min-height:190px;padding:16px}.marker-detail .role-dot{display:inline-block;border-radius:50%;width:8px;height:8px;margin-right:5px}.role-dot.tank{background:#ff8a3d}.role-dot.damage{background:#c989f0}.role-dot.support{background:#9ed93a}.marker-detail small{color:var(--dim);font-size:.68rem}.marker-detail h3{margin:8px 0 4px;font-size:1.65rem}.marker-detail p{color:var(--dim);margin:0 0 13px;font-size:.82rem}.marker-detail strong{display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px;font-size:.68rem}.map-legend{display:flex;color:var(--dim);flex-wrap:wrap;gap:8px 14px;padding:10px 0;font-size:.66rem}.map-legend span{display:flex;align-items: center;gap:5px}.map-legend i{background:currentColor;border-radius:50%;width:8px;height:8px}.map-legend .tank{color:#ff8a3d}.map-legend .damage{color:#c989f0}.map-legend .support{color:#9ed93a}@media (min-width:700px){.global-role-bar{grid-template-columns:minmax(260px,1fr)minmax(360px,520px);padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right));align-items: center}.map-role-filter{grid-template-columns:repeat(4,minmax(0,1fr))}.topdown-layout{grid-template-columns:minmax(0,1.65fr)minmax(250px,.65fr)}.topdown-map{min-height:470px}.marker-detail{display:flex;flex-direction:column;justify-content:center;min-height:470px}.map-controls-multirole{grid-template-columns:minmax(0,1.5fr)minmax(0,1fr)}}@media (max-width:520px){.brand-lockup strong{font-size:.92rem}.global-role-switch button{font-size:.72rem}.map-controls-multirole{grid-template-columns:1fr}.topdown-map{min-height:360px}.map-marker b{display:none}.map-caption strong{font-size:1.15rem}}.searchable-hero-select{display:grid;gap:6px;min-width:0}.hero-search-label{display:grid;gap:5px;min-width:0}.hero-search-label>span{color:var(--dim);text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;font-weight:700}.searchable-hero-select input,.searchable-hero-select select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);width:100%;min-width:0;min-height:44px;padding:0 10px}.searchable-hero-select input:focus,.searchable-hero-select select:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent)24%,transparent);outline-offset:1px}.searchable-hero-select select{font-weight:700}.searchable-hero-select optgroup{color:var(--accent);font-weight:800}.searchable-hero-select option{color:var(--text);background:var(--surface);font-weight:500}.trouble-picker .searchable-hero-select select{border-color:var(--blue);background:var(--navy);min-height:52px}.hero-picker{display:grid;grid-template-columns:1fr;gap:18px}.hero-role-group{display:grid;gap:8px}.hero-role-group h3{border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.1em;margin:0;padding-bottom:6px;font-size:.78rem}.hero-role-group.tank h3{color:var(--accent)}.hero-role-group.damage h3{color:var(--red)}.hero-role-group.support h3{color:var(--green)}.hero-role-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hero-role-group button{min-width:0}@media (min-width:700px){.hero-picker{grid-template-columns:repeat(3,minmax(0,1fr));align-items: start}.hero-role-group>div,.draft-comps fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1040px){.hero-picker,.hero-role-group>div{grid-template-columns:repeat(3,minmax(0,1fr))}.draft-comps fieldset{grid-template-columns:repeat(5,minmax(0,1fr))}}.map-visual-column{min-width:0}.topdown-map.has-overhead-image{background:#fff}.topdown-map.has-overhead-image:after{display:none}.overhead-map-image{position:absolute;z-index:1;object-fit:contain;background:#fff;width:100%;height:100%;inset:0}.has-overhead-image .map-caption{background:#09070ce0;padding:8px 10px;box-shadow:0 8px 22px #0000004d}.has-overhead-image .map-caption strong,.has-overhead-image .map-caption small{color:#fff}.map-routes{position:absolute;z-index:4;pointer-events:none;width:100%;height:100%;inset:0}.map-routes line{fill:none;stroke:currentColor;stroke-width:.65;stroke-dasharray:2.5 2;vector-effect:non-scaling-stroke;opacity:.9;filter:drop-shadow(0 1px 2px #000000d9)}.map-routes .route-tank{color:#ff8a3d}.map-routes .route-damage{color:#c989f0}.map-routes .route-support{color:#9ed93a}.map-attribution{color:var(--dim);margin:5px 0 0;font-size:.62rem;line-height:1.35}.map-attribution a{color:var(--text);text-underline-offset:2px}.has-overhead-image .map-marker b{background:#0c0910ed}@media (min-width:700px){.map-visual-column .topdown-map{min-height:470px}}.death-moments-fieldset{border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2)52%,transparent);margin:0;padding:15px}.death-moments-fieldset legend{color:var(--text);padding:0 7px;font-weight:700}.death-moments-fieldset legend small{color:var(--dim);font-weight:400}.death-moments-fieldset>p{color:var(--dim);margin:0 0 12px;font-size:.76rem}.death-moment-list{display:grid;gap:8px;margin-bottom:10px}.death-moment-row{display:grid;grid-template-columns:34px minmax(130px,1fr)minmax(130px,1fr)minmax(160px,1.4fr)42px;background:var(--surface);border:1px solid var(--border);align-items: end;gap:8px;padding:10px}.death-moment-number{color:var(--accent);align-self: center;font:800 1.35rem/1 Barlow Condensed,sans-serif}.remove-death-button{border:1px solid var(--border);color:var(--red);cursor:pointer;background:0 0;min-height:46px;font-size:1.45rem}.add-death-button{border:1px solid var(--accent);color:var(--text);cursor:pointer;background:0 0;min-height:44px;padding:0 14px;font-weight:700}.add-death-button span{color:var(--accent);margin-right:7px;font-size:1.2rem}.match-death-moments{background:var(--surface-2);margin:14px 0;padding:14px}.match-death-moments>span{display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.09em;margin-bottom:9px;font-size:.68rem;font-weight:700}.match-death-moments>div{display:grid;gap:6px}.match-death-moments article{display:grid;grid-template-columns:minmax(100px,.7fr)minmax(110px,1fr)minmax(0,2fr);background:var(--surface);align-items: center;gap:8px;padding:8px 10px}.match-death-moments article b{color:var(--dim);font-size:.7rem}.match-death-moments article p{color:var(--dim);margin:0;font-size:.72rem}.manual-death-analysis{display:grid;gap:10px}.manual-death-analysis>article{background:var(--surface);border-top:4px solid var(--red);box-shadow:var(--shadow)}.manual-death-analysis>article>header{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: end;gap:12px;padding:16px}.manual-death-analysis header span{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.manual-death-analysis header h3{text-transform:uppercase;margin:2px 0 0;font-size:1.7rem}.manual-death-analysis header>strong{color:var(--red);font:800 1.2rem Barlow Condensed,sans-serif}.manual-death-analysis section{border-bottom:1px solid var(--border);padding:14px 16px}.manual-death-analysis section:last-child{border-bottom:0}.killer-line{display:flex;justify-content:space-between;gap:10px}.killer-line strong{font-size:1rem}.killer-line b{color:var(--accent)}.manual-death-analysis section small{display:block;color:var(--dim);text-transform:uppercase;margin-top:2px;font-size:.65rem}.manual-death-analysis section p{color:var(--dim);margin:8px 0 0;font-size:.78rem}@media (min-width:700px){.manual-death-analysis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.death-moment-row{grid-template-columns:32px minmax(0,1fr)40px}.death-moment-row label,.death-moment-row .death-note{grid-column:2}.death-moment-number{grid-row:1;grid-column:1}.remove-death-button{grid-row:1;grid-column:3}.match-death-moments article{grid-template-columns:1fr auto}.match-death-moments article p{grid-column:1/-1}}.translation-cover{position:fixed;z-index:80;display:grid;background:var(--bg);color:var(--text);text-align:center;place-content: center;justify-items:center;gap:12px;padding:24px;inset:0}.translation-cover .loader{margin:0}.translation-cover strong{text-transform:uppercase;letter-spacing:.025em;font:800 1.35rem/1.1 Barlow Condensed,Arial Narrow,sans-serif}.translation-cover span{color:var(--dim);font-size:.78rem}.translation-pending{overflow:hidden;height:100vh}:root[data-theme=light]{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--bg:#f2edf3;--surface:#fff;--surface-2:#e9e1eb;--text:#211824;--dim:#675d6b;--border:#cfc3d1;--accent:#e7560b;--blue:#75419a;--green:#5e8215;--red:#c52e49;--navy:#19111d;--soft-orange:#f8dfd1;--soft-blue:#e9dcef;--shadow:0 14px 36px #2d1d3124;--grid:#64436a13;--space-surface:var(--surface);--space-surface-alt:var(--surface-2);--space-muted:var(--dim);--space-border:var(--border);--space-accent:var(--accent)}:root[data-theme=dark]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark}.header-actions{display:flex;justify-content:flex-end;align-items: center;gap:7px;min-width:0}.language-switch{display:grid;grid-template-columns:repeat(2,34px);border:1px solid var(--border);background:var(--surface);height:38px}.language-switch button{color:var(--dim);letter-spacing:.05em;cursor:pointer;background:0 0;border:0;font-size:.68rem;font-weight:800}.language-switch button+button{border-left:1px solid var(--border)}.language-switch button.active{background:var(--text);color:var(--bg)}.theme-button{display:grid;border:1px solid var(--border);background:var(--surface);cursor:pointer;flex:0 0 40px;place-items: center;width:40px;height:40px}.theme-button svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}:root[data-theme=light] body{background:radial-gradient(circle at 86% -5%,#e7560b1f,transparent 24rem),linear-gradient(var(--grid)1px,transparent 1px),linear-gradient(90deg,var(--grid)1px,transparent 1px),var(--bg);background-size:auto,28px 28px,28px 28px}:root[data-theme=light] .app-shell:before,:root[data-theme=light] .app-shell:after{mix-blend-mode:multiply;opacity:.1}:root[data-theme=light] .sync-bar{background:color-mix(in srgb,var(--bg)94%,transparent)}:root[data-theme=light] .global-role-bar{background:color-mix(in srgb,var(--bg)96%,var(--surface))}:root[data-theme=light] .drawer,:root[data-theme=light] .score-plate{color:#fff}:root[data-theme=light] .score-plate small,:root[data-theme=light] .score-plate span{color:#e9ddea}:root[data-theme=light] .menu-scrim{background:#160e1985}:root[data-theme=light] .topdown-map:not(.has-overhead-image){background:linear-gradient(145deg,#382b3d,#201925)}:root[data-theme=light] .map-marker b{color:#fff}:root[data-theme=light] .global-role-switch button.active,:root[data-theme=light] .map-role-filter button.active{color:currentColor;background:color-mix(in srgb,currentColor 12%,#fff)}@media (max-width:720px){.sync-bar{grid-template-columns:42px minmax(0,1fr)auto;gap:7px}.menu-button{width:40px;height:40px}.brand-lockup>img{flex-basis:40px;width:40px;height:40px}.brand-lockup{gap:7px}.brand-lockup strong{font-size:.84rem}.brand-lockup span{font-size:.56rem}.header-actions{gap:5px}.language-switch{grid-template-columns:repeat(2,28px);height:36px}.theme-button{flex-basis:36px;width:36px;height:36px}.refresh-button{width:38px;min-height:38px;padding:0}.refresh-button span:last-child{display:none}}@media (max-width:430px){.brand-lockup>img{display:none}.brand-lockup strong{font-size:.77rem}.brand-lockup span{max-width:112px}.language-switch{grid-template-columns:repeat(2,26px)}}:root{--bg:#07070d;--surface:#14111de6;--surface-2:#1f192ae0;--text:#fff8ee;--dim:#c7bbd0;--border:#c392e63d;--accent:#ff761b;--blue:#b66ceb;--green:#a9dc4c;--red:#ff5574;--navy:#090810;--soft-orange:#ff761b1a;--soft-blue:#b66ceb1a;--radius:14px;--shadow:0 24px 70px #0000007a;--grid:#d6aeff09;--scroll-y:0px;--scroll-progress:0%}body{background:radial-gradient(circle at 74% 6%,#eff4ff1a 0 1px,#0000 2px) 0 0/210px 210px,radial-gradient(circle at 12% 22%,#ffffff4d 0 1px,#0000 1.5px) 0 0/173px 173px,radial-gradient(circle at 88% 38%,#ffffff38 0 1px,#0000 1.4px) 0 0/263px 263px,linear-gradient(#080914 0,#0d0712 42%,#08070e 100%)}.app-shell{background:linear-gradient(#0d0b1814,#08060d52)}.app-shell:before,.app-shell:after{opacity:.62;filter:blur(70px)saturate(1.35);mix-blend-mode:screen}.app-shell:before{background:radial-gradient(at 38%,#913ad3eb 0 10%,#551c90a6 26%,#250e4547 44%,#0000 67%);width:105vmax;height:72vmax;top:-7vh;left:-54vmax}.app-shell:after{background:radial-gradient(at 62% 52%,#ff6414e0 0 9%,#b1310b85 28%,#4b120a3b 45%,#0000 68%);width:105vmax;height:72vmax;bottom:-12vmax;right:-54vmax}.cosmic-atmosphere{position:fixed;z-index:0;overflow:hidden;pointer-events:none;transform:translateY(calc(var(--scroll-y)*-.018));inset:0}.smoke-cloud{position:absolute;display:block;filter:blur(55px);mix-blend-mode:screen;will-change:transform;border-radius:50%}.smoke-a{animation:18s ease-in-out infinite alternate smokeBillowA;background:radial-gradient(#9237e273,#43116e24 55%,#0000 72%);width:60vw;height:38vw;top:16vh;left:-10vw}.smoke-b{animation:21s ease-in-out infinite alternate smokeBillowB;background:radial-gradient(#ff601261,#90240721 57%,#0000 72%);width:65vw;height:38vw;top:38vh;right:-15vw}.smoke-c{animation:25s ease-in-out infinite alternate smokeBillowC;background:radial-gradient(#6b26b359,#ff5e0d1f 55%,#0000 74%);width:54vw;height:34vw;bottom:-12vw;left:24vw}.ember-field{position:absolute;background-image:radial-gradient(circle,#ff9348cc 0 1px,#0000 1.8px),radial-gradient(circle,#c37ef3a6 0 1px,#0000 1.6px);background-size:137px 149px,191px 173px;background-position:0 calc(var(--scroll-y)*-.06),70px calc(var(--scroll-y)*-.035);opacity:.35;animation:5s ease-in-out infinite alternate starPulse;inset:0}.moon-halo{position:absolute;filter:blur(5px);transform:translateY(calc(var(--scroll-y)*.05));animation:8s ease-in-out infinite moonBreathe;background:radial-gradient(circle at 45% 45%,#fff8e22e,#b878ec14 34%,#0000 67%);border-radius:50%;width:34vw;height:34vw;top:12vh;right:-8vw}.sync-bar{backdrop-filter:blur(20px)saturate(1.3);background:#090810cc;border-bottom-color:#deb5ff33;box-shadow:0 10px 40px #00000059}.sync-bar:after{content:"";position:absolute;background:linear-gradient(90deg,transparent,var(--blue),var(--accent),transparent);opacity:.8;height:1px;inset:auto 0 -1px}.brand-lockup>img{clip-path:none;animation:5s ease-in-out infinite logoHover;border-radius:12px;box-shadow:0 0 18px #ff761b52,0 0 38px #b66ceb33}.menu-button,.theme-button,.language-switch{backdrop-filter:blur(12px);background:#1a1524c2;border-radius:12px}.refresh-button,.hero-action,.add-match-button,.save-match-button,.goal-submit{clip-path:none;position:relative;overflow:hidden;border-radius:999px;box-shadow:0 8px 28px #ff67134d,inset 0 1px #ffffff3d}.refresh-button:before,.hero-action:before{content:"";position:absolute;animation:4.5s ease-in-out infinite buttonGleam;background:linear-gradient(110deg,#0000 20%,#ffffff52 48%,#0000 72%);inset:0;transform:translate(-120%)}.global-role-bar{position:sticky;z-index:20;backdrop-filter:blur(18px);background:#0c0913d1;top:65px;box-shadow:0 12px 32px #0000003b}.global-role-switch button{border-radius:999px;transition:transform .2s,box-shadow .2s,background .2s}.global-role-switch button:hover{transform:translateY(-2px)}.global-role-switch button.active{box-shadow:0 0 24px color-mix(in srgb,currentColor 32%,transparent)}main{z-index:2}.hero-stage{overflow:hidden;background:linear-gradient(112deg,#150d1fb3,#0a0a122e 50%,#1c0c128a);border-bottom-color:#d0a2f133;min-height:620px;padding-top:70px}.hero-stage:before{animation:20s linear infinite gridDrift;background:linear-gradient(115deg,#0000 0 75%,#ffffff05 76%) 0 0/120px 120px,radial-gradient(circle at 74% 35%,#fff0d114,#0000 20%)}.hero-stage:after{opacity:.68;border-width:72px;width:520px;height:520px;top:-260px;right:-240px}.hero-constellation{position:absolute;pointer-events:none;inset:0}.hero-constellation i{position:absolute;animation:2.5s ease-in-out infinite alternate starPulse;background:#fff;border-radius:50%;width:4px;height:4px;box-shadow:0 0 12px #fff}.hero-constellation i:first-child{top:24%;left:8%}.hero-constellation i:nth-child(2){animation-delay:.4s;top:14%;left:31%}.hero-constellation i:nth-child(3){animation-delay:.9s;top:31%;left:47%}.hero-constellation i:nth-child(4){animation-delay:1.3s;top:21%;right:11%}.hero-constellation i:nth-child(5){animation-delay:.7s;bottom:18%;right:30%}.hero-constellation span{position:absolute;background:linear-gradient(90deg,#0000,#b66ceb73,#ff761b59,#0000);height:1px;bottom:8%;left:20%;right:8%;transform:rotate(-4deg)}.identity{position:relative;z-index:4}.hero-grid{grid-template-columns:minmax(0,1fr);position:relative;align-items: center;min-height:430px}.hero-copy{position:relative;z-index:5;max-width:640px}.hero-kicker{display:inline-flex;color:var(--blue);text-transform:uppercase;letter-spacing:.18em;margin-bottom:12px;font-size:.68rem;font-weight:800}.hero-grid h1{color:#0000;-webkit-text-stroke:1.5px #fff8eed6;text-shadow:0 0 40px #b66ceb29;max-width:800px;font-size:clamp(4rem,15vw,8.8rem);line-height:.75}.hero-grid h1 span{display:block;color:var(--accent);-webkit-text-stroke:0;text-shadow:0 0 32px #ff761b57}.hero-grid p{max-width:590px;font-size:1.04rem}.hero-action{color:#fff;cursor:pointer;background:#ff761b21;border:1px solid #ff914b85;min-height:46px;margin-top:10px;padding:0 22px;transition:transform .2s,box-shadow .2s,background .2s;font-weight:800}.hero-action:hover{background:var(--accent);transform:translateY(-3px);box-shadow:0 14px 38px #ff671357}.hero-action b{margin-left:14px}.mascot-stage{--tilt-x:-2deg;--tilt-y:5deg;--light-x:34%;--light-y:24%;position:absolute;z-index:3;display:grid;perspective:1050px;transform:translateY(calc(var(--scroll-y)*.035));box-shadow:none;touch-action:pan-y;background:0 0;border:0;place-items: center;width:min(46vw,480px);height:420px;top:0;right:-30px}.mascot-object{position:relative;display:grid;transform-style:preserve-3d;transform:rotateX(var(--tilt-x))rotateY(var(--tilt-y));will-change:transform;place-items: center;width:100%;height:100%;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.mascot-stage img{position:absolute;object-fit:contain;clip-path:none;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;width:min(88%,390px);height:auto}.mascot-shield{z-index:3;filter:drop-shadow(0 27px 22px #0000008c)drop-shadow(0 0 23px #ff701873)drop-shadow(0 0 48px #b66ceb47);animation:5.4s ease-in-out infinite mascotFloat3d}.mascot-depth{z-index:1;opacity:.62;filter:brightness(.18)saturate(1.4)drop-shadow(13px 19px 10px #000000a6);transform:translate3d(13px,17px,-38px)scale(.985)}.mascot-glow{position:absolute;z-index:0;background:radial-gradient(circle at var(--light-x)var(--light-y),#ffe7bf75 0 4%,#ff791e59 20%,#873dcd42 47%,transparent 72%);filter:blur(19px);animation:4s ease-in-out infinite moonBreathe;border-radius:50%;width:76%;height:76%;transform:translateZ(-58px)}.mascot-smoke{position:absolute;z-index:2;filter:blur(20px)saturate(1.35);mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity;border-radius:50%;width:92%;height:78%}.mascot-smoke:before,.mascot-smoke:after{content:"";position:absolute;filter:blur(16px);border-radius:50%}.mascot-smoke-purple{animation:9s ease-in-out infinite alternate shieldSmokePurple;background:radial-gradient(at 22% 68%,#ad4eef7a,#0000 34%),radial-gradient(at 77% 28%,#7231be6b,#0000 31%)}.mascot-smoke-purple:before{background:#9a48e259;inset:8% 48% 47% 7%}.mascot-smoke-purple:after{background:#7230bb61;inset:51% 5% 8% 51%}.mascot-smoke-orange{animation:11s ease-in-out infinite alternate-reverse shieldSmokeOrange;background:radial-gradient(at 76% 70%,#ff691866,#0000 33%),radial-gradient(at 30% 22%,#f05c134d,#0000 29%)}.mascot-smoke-orange:before{background:#ff5d104d;inset:54% 48% 5% 7%}.mascot-smoke-orange:after{background:#ff7e234d;inset:6% 8% 54% 57%}.shield-vapour-field{position:absolute;z-index:4;aspect-ratio:1;pointer-events:none;mix-blend-mode:screen;isolation:isolate;width:min(88%,390px);transform:translateZ(58px)}.shield-wisp{--wisp-rotation:0deg;--wisp-delay:0s;--smoke-bright:#dc9effad;--smoke-mid:#a650eb80;--smoke-dark:#6d26b133;--smoke-glow:#af53ef47;position:absolute;display:block;opacity:.58;filter:blur(5px)saturate(1.5);background:radial-gradient(ellipse at 50% 55%,var(--smoke-bright)0 7%,var(--smoke-mid)24%,var(--smoke-dark)51%,transparent 74%);box-shadow:0 0 14px var(--smoke-glow);transform-origin:50% 65%;animation:shieldWispFlow 6.8s var(--wisp-delay)ease-in-out infinite both;will-change:transform,opacity;border-radius:50%;width:28%;height:11%}.shield-wisp:before,.shield-wisp:after{content:"";position:absolute;pointer-events:none;border-radius:50%}.shield-wisp:before{background:radial-gradient(ellipse,var(--smoke-bright),var(--smoke-dark)57%,transparent 73%);filter:blur(4px);animation:wispCurl 4.7s calc(var(--wisp-delay) - 1.2s)ease-in-out infinite alternate;inset:-28% 23% 15% -10%}.shield-wisp:after{background:radial-gradient(ellipse,var(--smoke-mid),var(--smoke-dark)58%,transparent 75%);filter:blur(6px);animation:wispCurl 5.4s var(--wisp-delay)ease-in-out infinite alternate-reverse;inset:16% -12% -24% 34%}.wisp-purple{--smoke-bright:#e0a4ffb8;--smoke-mid:#a94def85;--smoke-dark:#631faa33;--smoke-glow:#b65bf24d}.wisp-orange{--smoke-bright:#ffbe6cb8;--smoke-mid:#ff6c1f8a;--smoke-dark:#be2f0833;--smoke-glow:#ff6c1d4d;animation-duration:7.9s}.wisp-left-high{--wisp-rotation:-62deg;--wisp-delay:-1.1s;top:27%;left:5%}.wisp-left-mid{--wisp-rotation:-48deg;--wisp-delay:-3.7s;width:31%;top:45%;left:1%}.wisp-left-low{--wisp-rotation:-32deg;--wisp-delay:-5.8s;width:32%;top:63%;left:7%}.wisp-right-high{--wisp-rotation:61deg;--wisp-delay:-3.2s;top:27%;right:4%}.wisp-right-mid{--wisp-rotation:47deg;--wisp-delay:-6.4s;width:31%;top:45%;right:1%}.wisp-right-low{--wisp-rotation:31deg;--wisp-delay:-1.9s;width:32%;top:63%;right:7%}.wisp-bottom-left{--wisp-rotation:-12deg;--wisp-delay:-2.4s;width:31%;bottom:5%;left:22%}.wisp-bottom-right{--wisp-rotation:14deg;--wisp-delay:-5.5s;width:31%;bottom:4%;right:21%}.mascot-sheen{position:absolute;z-index:5;aspect-ratio:1;clip-path:polygon(50% 4%,72% 9%,79% 14%,90% 18%,90% 56%,84% 70%,72% 82%,50% 94%,28% 82%,16% 70%,10% 56%,10% 18%,21% 14%,28% 9%);background:radial-gradient(circle at var(--light-x)var(--light-y),#ffffff52,#ffa6551c 20%,transparent 47%);mix-blend-mode:screen;opacity:.72;pointer-events:none;width:min(88%,390px);transition:background-position .18s;transform:translateZ(64px)}.score-plate{position:absolute;z-index:6;clip-path:none;backdrop-filter:blur(18px);overflow:hidden;animation:6s ease-in-out infinite scoreFloat;background:#0b0911c7;border-radius:18px;width:min(320px,42vw);bottom:6px;right:0}.score-plate:before{content:"";position:absolute;border:1px solid #0000;border-image:linear-gradient(135deg,var(--accent),transparent 45%,var(--blue))1;pointer-events:none;inset:0}.score-scan{position:absolute;animation:5s ease-in-out infinite scanAcross;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:14%;inset:0 auto 0 -20%;transform:skew(-18deg)}.delta-strip{backdrop-filter:blur(14px);border-radius:12px;box-shadow:0 18px 42px #00000040}.content-section{position:relative}.content-section>*{opacity:1;transform:none}.content-section>.in-view{animation:.72s cubic-bezier(.2,.8,.2,1) both sectionReveal}.section-head h1,.subsection-head h2{color:#0000;-webkit-text-stroke:1px color-mix(in srgb,var(--text)76%,transparent);text-shadow:0 0 30px color-mix(in srgb,var(--blue)13%,transparent);letter-spacing:.015em}.section-head h1{font-size:clamp(3.25rem,11vw,6.4rem)}.subsection-head h2{font-size:clamp(2.35rem,8vw,4rem)}.rank-grid{gap:14px}.rank-card,.analysis-callout,.role-panel,.comp-card,.matchup-card,.perk,.lesson,.meta-role-card,.patch-timeline article,.source-ledger article,.chart-card,.validation-teaser,.command-deck button,.role-focus-grid article,.silver-mistakes article,.map-brief,.position-board,.draft-simulator,.match-detail,.goal-card{border:1px solid #c08fe333;border-top-color:color-mix(in srgb,var(--blue)72%,transparent);backdrop-filter:blur(12px);overflow:hidden;background:linear-gradient(145deg,#1f192ae8,#0f0d16ed);border-radius:16px;box-shadow:0 16px 45px #00000047}.rank-card{display:flex;position:relative;flex-direction:column;justify-content:center;min-height:135px}.rank-card:before{content:"";position:absolute;background:radial-gradient(circle,#b66ceb2e,#0000 68%);border-radius:50%;height:100%;inset:auto -20% -65% 20%}.rank-card strong{font-size:2.85rem}.rank-card:hover,.analysis-callout:hover,.role-panel:hover,.comp-card:hover,.matchup-card:hover,.perk:hover,.lesson:hover,.command-deck button:hover,.role-focus-grid article:hover{transform:translateY(-7px)rotateX(1deg);box-shadow:0 28px 65px #0006,0 0 32px #9a4cd81f}.metric-ribbon{overflow:hidden;box-shadow:var(--shadow);background:#c294e22e;border-radius:16px}.metric-ribbon>div{background:#110e18e0;padding:21px}.metric-ribbon strong{font-size:2rem}.command-deck{background:0 0;border:0;gap:10px}.command-deck button{border-top:1px solid #ff761b75;min-height:144px;padding:20px;transition:transform .25s,box-shadow .25s,background .25s}.command-deck button:after{content:"↗";position:absolute;color:var(--accent);transition:transform .2s;font-size:1.1rem;top:13px;right:16px}.command-deck button:hover:after{transform:translate(3px,-3px)}.command-deck strong{font-size:1.5rem}.validation-teaser{transition:transform .25s,box-shadow .25s}.validation-teaser:hover{transform:translateY(-4px);box-shadow:0 24px 54px #0006}.drawer{color:var(--text);backdrop-filter:blur(22px);background:#0a0810f0;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.nav-link{border-radius:10px;margin:2px 0}.nav-link.active{background:linear-gradient(90deg,#ff761b29,#b66ceb14)}:root[data-theme=light]{--bg:#eef0f7;--surface:#ffffffe6;--surface-2:#f2edf7e6;--text:#211625;--dim:#655b6e;--border:#67447633;--navy:#17101c;--shadow:0 18px 45px #35234424}:root[data-theme=light] body{background:radial-gradient(circle at 78% 8%,#ffbc8152,#0000 20rem),radial-gradient(circle at 12% 34%,#b87fe138,#0000 28rem),linear-gradient(#f7f8fc,#eeeaf2)}:root[data-theme=light] .cosmic-atmosphere{opacity:.34}:root[data-theme=light] .app-shell:before,:root[data-theme=light] .app-shell:after{mix-blend-mode:multiply;opacity:.25}:root[data-theme=light] .sync-bar,:root[data-theme=light] .global-role-bar{background:#faf8fcd6}:root[data-theme=light] .hero-stage{background:linear-gradient(120deg,#ffffffbd,#eee6f47a,#ffe7d780)}:root[data-theme=light] .hero-grid h1{color:#0000;-webkit-text-stroke-color:#211625ad}:root[data-theme=light] .score-plate{color:#fff}:root[data-theme=light] .rank-card,:root[data-theme=light] .analysis-callout,:root[data-theme=light] .role-panel,:root[data-theme=light] .comp-card,:root[data-theme=light] .matchup-card,:root[data-theme=light] .perk,:root[data-theme=light] .lesson,:root[data-theme=light] .command-deck button,:root[data-theme=light] .role-focus-grid article{background:linear-gradient(145deg,#fffffff2,#f6f1f8e6)}@keyframes sectionReveal{0%{opacity:.18;transform:translateY(24px)scale(.985)}to{opacity:1;transform:none}}@keyframes mascotFloat{0%,to{transform:translateY(-6px)rotateY(-3deg)rotate(-1deg)}50%{transform:translateY(14px)rotateY(4deg)rotate(1deg)}}@keyframes mascotFloat3d{0%,to{transform:translate3d(0,-8px,38px)rotate(-.7deg)}50%{transform:translate3d(0,13px,52px)rotate(.7deg)}}@keyframes shieldSmokePurple{0%{opacity:.58;transform:translate(-5%,-3%)scale(.86)rotate(-10deg)}45%{opacity:.95;transform:translate(4%,5%)scale(1.08)rotate(5deg)}to{opacity:.68;transform:translate(-1%,10%)scale(.94)rotate(14deg)}}@keyframes shieldSmokeOrange{0%{opacity:.48;transform:translate(7%,5%)scale(.9)rotate(9deg)}52%{opacity:.9;transform:translate(-5%,-4%)scale(1.1)rotate(-7deg)}to{opacity:.58;transform:translate(2%,-9%)scale(.96)rotate(-15deg)}}@keyframes shieldWispFlow{0%{opacity:.16;transform:translate3d(-3%,8%,0)rotate(var(--wisp-rotation))scale(.74,.62)}18%{opacity:.5}48%{opacity:.7;transform:translate3d(2%,-3%,0)rotate(calc(var(--wisp-rotation) + 6deg))scale(1.08,.9)}76%{opacity:.43}to{opacity:.08;transform:translate3d(7%,-18%,0)rotate(calc(var(--wisp-rotation) - 5deg))scale(1.35,1.08)}}@keyframes wispCurl{0%{opacity:.3;transform:translate(-9%,7%)scale(.7)rotate(-12deg)}52%{opacity:.78;transform:translate(8%,-5%)scale(1.16)rotate(11deg)}to{opacity:.38;transform:translate(-2%,-14%)scale(.9)rotate(23deg)}}@keyframes logoHover{0%,to{transform:translateY(-1px)}50%{transform:translateY(3px)}}@keyframes orbitSpin{0%{transform:rotate(-12deg)}to{transform:rotate(348deg)}}@keyframes platformPulse{0%,to{transform:scaleX(.88);opacity:.6}50%{transform:scaleX(1.08);opacity:1}}@keyframes scoreFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes scanAcross{0%,45%{left:-20%}75%,to{left:120%}}@keyframes buttonGleam{0%,55%{transform:translate(-120%)}78%,to{transform:translate(140%)}}@keyframes starPulse{0%{opacity:.15}to{opacity:.55}}@keyframes moonBreathe{0%,to{opacity:.6;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}@keyframes gridDrift{to{background-position:120px 0,0 0}}@keyframes smokeBillowA{0%{transform:translate(-8vw,-4vh)scale(.9)rotate(-6deg)}to{transform:translate(22vw,24vh)scale(1.3)rotate(13deg)}}@keyframes smokeBillowB{0%{transform:translate(8vw,5vh)scale(1.1)rotate(8deg)}to{transform:translate(-28vw,-12vh)scale(.86)rotate(-12deg)}}@keyframes smokeBillowC{0%{transform:translate(-12vw,10vh)scale(.9)}to{transform:translate(14vw,-30vh)scale(1.28)}}@media (min-width:900px){.hero-stage{padding-left:max(42px,50vw - 590px);padding-right:max(42px,50vw - 590px)}.hero-grid{grid-template-columns:minmax(0,1.25fr)minmax(290px,.75fr)}.mascot-stage{position:relative;grid-column:2;grid-row:1;right:auto}.hero-copy{grid-column:1;grid-row:1}.score-plate{right:0}.rank-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:899px){.hero-stage{min-height:720px}.hero-grid{padding-bottom:245px}.mascot-stage{width:270px;height:270px;top:auto;bottom:4px;right:-42px}.mascot-stage img,.mascot-sheen{width:210px}.score-plate{width:min(260px,72vw);bottom:38px;left:0;right:auto}.hero-grid h1{font-size:clamp(3.8rem,18vw,7rem)}.hero-grid p{max-width:92%}}@media (max-width:520px){.hero-stage{min-height:700px;padding-top:42px}.hero-grid{padding-bottom:255px}.hero-grid h1{font-size:3.85rem}.hero-grid p{font-size:.88rem}.mascot-stage{width:250px;bottom:10px;right:-74px}.score-plate{width:215px;padding:17px;bottom:38px}.score-plate strong{font-size:2.65rem}.global-role-bar{top:61px}.section-head h1{font-size:3.2rem}.command-deck{grid-template-columns:1fr 1fr}.command-deck button{min-height:150px;padding:16px}.command-deck small{font-size:.66rem}.rank-card strong{font-size:2.3rem}}@media (prefers-reduced-motion:reduce){.cosmic-atmosphere,.mascot-stage,.mascot-object,.app-shell:before,.app-shell:after{transform:none!important}.smoke-cloud,.ember-field,.moon-halo,.brand-lockup>img,.mascot-stage img,.mascot-glow,.mascot-smoke,.shield-wisp,.shield-wisp:before,.shield-wisp:after,.score-plate,.score-scan,.refresh-button:before,.hero-action:before,.hero-stage:before,.hero-constellation i{animation:none!important}.content-section>*{opacity:1!important;transition:none!important;transform:none!important}}.climb-calculator{margin-top:46px}.climb-calculator-head{margin-top:0}.climb-role-grid{display:grid;gap:14px}.climb-role-card{position:relative;overflow:hidden;background:var(--surface);border-top:4px solid var(--blue);box-shadow:var(--shadow);padding:20px}.climb-role-card.damage{border-top-color:var(--accent)}.climb-role-card.support{border-top-color:var(--green)}.climb-role-card:after{content:"";position:absolute;background:color-mix(in srgb,var(--blue)15%,transparent);filter:blur(20px);pointer-events:none;border-radius:50%;width:120px;height:120px;top:-72px;right:-70px}.climb-role-card.damage:after{background:color-mix(in srgb,var(--accent)17%,transparent)}.climb-role-card.support:after{background:color-mix(in srgb,var(--green)15%,transparent)}.climb-role-title{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: end;gap:12px;padding-bottom:14px}.climb-role-title span{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.55rem;font-weight:800}.climb-role-title strong{color:var(--dim);font-size:.82rem}.climb-current{padding:17px 0 14px}.climb-current span,.climb-current small{display:block;color:var(--dim);font-size:.7rem}.climb-current strong{display:block;color:var(--text);font-family:Barlow Condensed,sans-serif;font-size:2.9rem;line-height:1}.climb-current small{margin-top:6px}.climb-scenarios{display:grid;background:var(--border);border:1px solid var(--border);gap:1px}.climb-scenarios>div{display:flex;background:var(--surface-2);justify-content:space-between;align-items: center;gap:12px;padding:12px}.climb-scenarios span{color:var(--dim);font-size:.76rem}.climb-scenarios span small{display:block;color:var(--text);margin-top:2px}.climb-scenarios strong{text-align:right;color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:1.25rem}.climb-scenarios>div:first-child strong{color:var(--text)}.climb-empty{padding:22px 0 4px}.climb-empty b{font-size:.9rem}.climb-empty p{color:var(--dim);margin:6px 0;font-size:.78rem}.hero-climb-head{margin-top:30px}.hero-climb-list{display:grid;gap:10px}.hero-climb-list article{display:grid;grid-template-columns:minmax(0,1fr)auto;background:var(--surface);border-left:3px solid var(--accent);align-items: start;gap:8px 16px;padding:17px}.hero-climb-list span{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}.hero-climb-list h3{text-transform:uppercase;margin:2px 0;font-size:1.42rem}.hero-climb-list>article>strong{color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:1.6rem}.hero-climb-list p{grid-column:1/-1;color:var(--dim);margin:0;font-size:.8rem}.climb-model-note{display:flex;background:var(--surface-2);border:1px solid var(--border);align-items: flex-start;gap:14px;margin-top:16px;padding:16px}.climb-model-note strong{color:var(--accent);text-transform:uppercase;letter-spacing:.07em;flex:none;font-size:.74rem}.climb-model-note p{color:var(--dim);margin:0;font-size:.8rem}@media (min-width:800px){.climb-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-climb-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.climb-model-note{display:block}.climb-model-note p{margin-top:7px}.climb-scenarios>div{align-items: flex-start}.climb-scenarios strong{max-width:54%}}.tracker-percentiles{position:relative;border-top:1px solid var(--border);margin-top:46px;padding-top:26px}.tracker-percentiles-head{display:flex;justify-content:space-between;align-items: flex-end;gap:24px;margin-bottom:18px}.tracker-percentiles-head>div:first-child>span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:800}.tracker-percentiles-head h2{text-transform:uppercase;color:#0000;-webkit-text-stroke:1px color-mix(in srgb,var(--text)76%,transparent);text-shadow:0 0 30px color-mix(in srgb,var(--blue)13%,transparent);margin:2px 0 0;font-size:clamp(2.35rem,8vw,4rem);line-height:.95}.tracker-percentiles-head>div:first-child p{color:var(--dim);letter-spacing:.04em;margin:7px 0 0;font-size:.82rem}.tracker-update{display:grid;text-align:right;flex:none;justify-items:end;gap:2px}.tracker-update small{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:.66rem}.tracker-update strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.22rem}.tracker-update span{color:var(--green);font-size:.72rem;font-weight:700}.tracker-sample-warning{display:grid;background:color-mix(in srgb,var(--accent)9%,var(--surface));border:1px solid color-mix(in srgb,var(--accent)48%,var(--border));border-left:5px solid var(--accent);gap:5px;margin-bottom:14px;padding:16px 18px;box-shadow:0 14px 35px #00000029}.tracker-sample-warning strong{text-transform:uppercase;color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:1.22rem}.tracker-sample-warning p{color:var(--dim);max-width:880px;margin:0;font-size:.83rem}.tracker-percentile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tracker-percentile-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr)auto;border:1px solid #c08fe333;border-top:3px solid var(--blue);overflow:hidden;background:linear-gradient(145deg,#1f192ae8,#0f0d16ed);border-radius:16px;align-items: end;gap:8px 12px;min-height:136px;padding:17px;box-shadow:0 14px 35px #00000038}.tracker-percentile-card:after{content:"";position:absolute;background:color-mix(in srgb,var(--blue)14%,transparent);filter:blur(14px);pointer-events:none;border-radius:50%;width:120px;height:120px;bottom:-54px;right:-42px}.tracker-percentile-card.featured{grid-column:1/-1;border-top-color:var(--green);background:linear-gradient(125deg,color-mix(in srgb,var(--green)10%,var(--surface)),var(--surface))}.tracker-percentile-card.featured:after{background:color-mix(in srgb,var(--green)18%,transparent);width:190px;height:190px}.tracker-percentile-label{display:grid;position:relative;z-index:1;align-self: start;gap:7px}.tracker-percentile-label>span{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.tracker-percentile-label>b{border:1px solid color-mix(in srgb,var(--green)48%,var(--border));color:var(--green);letter-spacing:.06em;text-transform:uppercase;width:max-content;padding:4px 8px;font-size:.63rem}.tracker-percentile-card>strong{position:relative;z-index:1;grid-column:1;font-family:Barlow Condensed,sans-serif;font-size:2.6rem;line-height:.9}.tracker-percentile-rank{position:relative;z-index:1;grid-column:2;grid-row:1/3;display:grid;align-self: center;justify-items:end;line-height:1}.tracker-percentile-rank span{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-size:.66rem;font-weight:800}.tracker-percentile-rank b{color:var(--red);margin-top:5px;font-family:Barlow Condensed,sans-serif;font-size:1.8rem}.tracker-percentile-rank.top b{color:var(--green)}.tracker-strength{display:grid;grid-template-columns:auto minmax(0,1fr);background:var(--surface-2);border:1px solid var(--border);align-items: center;gap:18px;margin-top:12px;padding:18px}.tracker-strength>span{color:var(--green);font-family:Barlow Condensed,sans-serif;font-size:2.8rem;font-weight:800;line-height:1}.tracker-strength>span:after{content:" %";font-size:1rem}.tracker-strength strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.25rem}.tracker-strength p{color:var(--dim);margin:3px 0 0;font-size:.8rem}:root[data-theme=light] .tracker-percentile-card{background:linear-gradient(145deg,#fffffff5,#f6f1f8e6);box-shadow:0 14px 35px #3523441a}:root[data-theme=light] .tracker-percentile-card.featured{background:linear-gradient(125deg,color-mix(in srgb,var(--green)12%,#fff),#fffffff5)}@media (min-width:800px){.tracker-percentile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tracker-percentile-card.featured{grid-column:auto;grid-row:span 2;min-height:282px}.tracker-percentile-card.featured>strong{font-size:3.6rem}.tracker-percentile-card.featured .tracker-percentile-rank{grid-column:1;grid-row:auto;align-self: end;justify-items:start}.tracker-percentile-card.featured .tracker-percentile-label{grid-column:1}.tracker-percentile-card.featured:after{bottom:-24px;right:-20px}}@media (max-width:560px){.tracker-percentiles-head{display:grid;gap:12px}.tracker-update{text-align:left;justify-items:start}.tracker-percentile-grid{grid-template-columns:1fr 1fr}.tracker-percentile-card{min-height:126px;padding:15px}.tracker-percentile-card>strong{font-size:2.25rem}.tracker-percentile-rank b{font-size:1.5rem}.tracker-strength{grid-template-columns:1fr}.tracker-strength>span{font-size:2.3rem}}@media (max-width:390px){.tracker-percentile-grid{grid-template-columns:1fr}.tracker-percentile-card.featured{grid-column:auto}}.coaching-lab{margin-top:10px}.daily-focus{display:grid;background:linear-gradient(115deg,color-mix(in srgb,var(--accent)14%,var(--surface)),color-mix(in srgb,var(--blue)9%,var(--surface)));border-top:5px solid var(--accent);box-shadow:var(--shadow);gap:16px;padding:20px}.focus-number{color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:4rem;font-weight:800;line-height:.8}.daily-focus>div:nth-child(2)>span,.game-sense-quiz span,.rank-error-guide article>span,.structured-plan span,.tilt-grid article>span,.reframe-card>span{color:var(--dim);text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;font-weight:700}.daily-focus h3,.game-sense-quiz h3,.rank-error-guide h3,.structured-plan h3,.play-day h3,.tilt-grid h3,.reframe-card h3{text-transform:uppercase;margin:5px 0;font-size:1.55rem}.daily-focus p,.rank-error-guide p,.structured-plan p,.play-day p,.tilt-grid p,.reframe-card p{color:var(--dim);margin:6px 0}.daily-focus strong{display:block;color:var(--green);margin-top:10px;font-size:.8rem}.focus-actions{display:grid;gap:8px}.focus-actions button,.quiz-options button,.quiz-explanation button,.training-mode-switch button,.mood-buttons button,.reframe-card button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;min-height:44px;padding:9px 12px;font-weight:700}.focus-actions button.active,.training-mode-switch button.active,.mood-buttons button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent)16%,var(--surface-2))}.focus-actions button.success.active{border-color:var(--green);background:color-mix(in srgb,var(--green)12%,var(--surface-2))}.focus-actions button:disabled,.quiz-options button:disabled,.reframe-card button:disabled{cursor:default;opacity:.82}.game-sense-quiz{background:var(--surface);border-top:4px solid var(--blue);box-shadow:var(--shadow);padding:20px}.quiz-progress{display:flex;justify-content:space-between;gap:12px}.quiz-progress strong{color:var(--green);font-family:Barlow Condensed,sans-serif}.quiz-context{background:var(--surface-2);border-left:3px solid var(--blue);color:var(--dim);padding:13px 14px}.quiz-options{display:grid;gap:8px;margin-top:16px}.quiz-options button{text-align:left;font-weight:500}.quiz-options button.correct{border-color:var(--green);background:color-mix(in srgb,var(--green)13%,var(--surface-2))}.quiz-options button.wrong{border-color:var(--red);background:color-mix(in srgb,var(--red)12%,var(--surface-2))}.quiz-explanation{background:color-mix(in srgb,var(--green)8%,var(--surface-2));border-left:4px solid var(--green);margin-top:14px;padding:15px}.quiz-explanation p{color:var(--dim)}.quiz-explanation button{background:var(--accent);color:#fff;border:0}.rank-error-guide{display:grid;gap:10px}.rank-error-guide article{background:var(--surface);border-top:3px solid var(--border);padding:18px}.rank-error-guide article.priority{border-top-color:var(--accent);background:linear-gradient(112deg,color-mix(in srgb,var(--accent)10%,var(--surface)),var(--surface))}.rank-error-guide article.priority>span{color:var(--accent)}.rank-error-guide h3{font-size:1.3rem}.rank-error-guide p{font-size:.82rem}.training-mode-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--border);gap:1px;margin-bottom:12px}.training-mode-switch button{border:0}.structured-plan{display:grid;gap:10px}.structured-plan article{background:var(--surface);border-top:4px solid var(--blue);padding:18px}.structured-plan article.targeted{border-top-color:var(--accent)}.structured-plan article:last-child{border-top-color:var(--green)}.structured-plan b{display:block;color:var(--accent);margin-top:12px;font-size:.78rem}.play-day{background:linear-gradient(110deg,color-mix(in srgb,var(--green)9%,var(--surface)),var(--surface));border-top:4px solid var(--green);padding:22px}.play-day>strong{color:var(--green);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.anti-tilt-panel{margin-bottom:28px}.anti-tilt-panel .subsection-head{margin-top:0}.loss-streak-alert{background:color-mix(in srgb,var(--red)12%,var(--surface));border-left:5px solid var(--red);margin-bottom:12px;padding:17px}.loss-streak-alert strong{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:1.4rem}.loss-streak-alert p{color:var(--dim);margin:5px 0 0}.tilt-grid{display:grid;gap:10px}.tilt-grid article{background:var(--surface);border-top:4px solid var(--blue);padding:18px}.tilt-grid article:last-child{border-top-color:var(--accent)}.tilt-grid ol{margin:10px 0 0;padding-left:21px}.tilt-grid li{color:var(--dim);margin:8px 0}.tilt-grid li b{color:var(--text)}.mood-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}.reframe-card{background:linear-gradient(112deg,color-mix(in srgb,var(--blue)10%,var(--surface)),var(--surface));border-top:4px solid var(--green);margin-top:10px;padding:18px}.reframe-card textarea{resize:vertical;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;width:100%;min-height:110px;margin:10px 0;padding:12px}.reframe-card button{background:var(--accent);color:#fff;border:0}.saved-reframe{background:var(--surface-2);padding:13px}.saved-reframe strong{color:var(--green)}@media (min-width:700px){.daily-focus{grid-template-columns:80px minmax(0,1fr)auto;align-items: center}.focus-actions{min-width:190px}.rank-error-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.structured-plan{grid-template-columns:repeat(3,minmax(0,1fr))}.tilt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.daily-focus,.game-sense-quiz,.rank-error-guide article,.structured-plan article,.tilt-grid article{animation:none!important}}.hero-portrait{display:block;object-fit:cover;object-position:center top;border:1px solid color-mix(in srgb,var(--border)70%,var(--accent));background:color-mix(in srgb,var(--navy)72%,var(--surface));border-radius:8px;flex:none;width:34px;height:34px}.hero-portrait.medium{border-radius:10px;width:46px;height:46px}.hero-portrait-missing{display:inline-grid;color:var(--dim);place-items: center;font-weight:800}.searchable-hero-select{position:relative;display:grid;gap:6px;min-width:0}.searchable-hero-select:focus-within{z-index:30}.hero-select-label{color:var(--dim);text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;font-weight:700}.hero-current-choice{display:grid;grid-template-columns:34px minmax(0,1fr)auto;border:1px solid var(--border);background:var(--surface);color:var(--text);align-items: center;gap:9px;min-height:44px;padding:5px 9px}.hero-current-choice>span:first-child:last-child{grid-column:1/-1;color:var(--dim)}.hero-current-choice>span:not(.hero-portrait){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.hero-current-choice small{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:.62rem}.searchable-hero-select input{border:1px solid var(--border);background:var(--surface-2);color:var(--text);width:100%;min-width:0;min-height:44px;padding:0 10px}.searchable-hero-select input:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent)24%,transparent);outline-offset:1px}.hero-combobox-results{position:absolute;z-index:40;display:grid;overflow:auto;border:1px solid var(--border);border-top:3px solid var(--accent);background:var(--surface);box-shadow:0 18px 40px color-mix(in srgb,var(--navy)34%,transparent);gap:8px;max-height:min(360px,52vh);padding:8px;top:100%;left:0;right:0}.hero-combobox-group{display:grid;gap:5px}.hero-combobox-group h4{position:sticky;z-index:1;background:var(--surface);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.09em;margin:0;padding:7px 6px 5px;font-size:.68rem;top:-8px}.hero-combobox-group.tank h4{color:var(--accent)}.hero-combobox-group.damage h4{color:var(--red)}.hero-combobox-group.support h4{color:var(--green)}.hero-combobox-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.hero-option{display:flex;border:1px solid var(--border);background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer;align-items: center;gap:8px;min-width:0;min-height:44px;padding:5px 7px}.hero-option>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.hero-option:hover{border-color:var(--accent);outline:0;background:color-mix(in srgb,var(--accent)9%,var(--surface-2))}.hero-option:focus-visible{border-color:var(--accent);outline:0;background:color-mix(in srgb,var(--accent)9%,var(--surface-2))}.hero-option.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.hero-no-result{display:grid;text-align:center;gap:3px;padding:16px 10px}.hero-no-result span{color:var(--dim);font-size:.75rem}.hero-role-group button{display:flex;text-align:left;align-items: center;gap:8px}.hero-role-group button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.counter-group button{display:inline-flex;align-items: center;gap:7px}.favorable-list button{gap:8px}.favorable-list button>span{color:var(--text);font-size:inherit;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.favorable-list button>b{color:var(--green);font-size:1.1rem}.switch-picks button{grid-template-columns:46px minmax(0,1fr)auto}.switch-picks button>.hero-portrait{grid-row:1/3;grid-column:1}.switch-picks small{grid-column:2/4}.switch-picks strong{grid-column:2}.switch-picks button>span{grid-column:3}.pick-place{grid-template-columns:1fr auto;align-items: end;gap:3px}.pick-place .hero-portrait{grid-column:1/-1}.video-unavailable{display:grid;border:1px solid var(--border);border-top:3px solid var(--accent);background:color-mix(in srgb,var(--accent)5%,var(--surface-2));gap:6px;margin:12px;padding:18px}.video-unavailable>span{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.video-unavailable strong{text-transform:uppercase;font:700 1.25rem/1.1 Barlow Condensed,sans-serif}.video-unavailable p{color:var(--dim);margin:0;font-size:.8rem}.video-gap-note{color:var(--dim);font-size:.68rem;font-style:italic}@media (max-width:520px){.hero-combobox-group>div{grid-template-columns:1fr}.hero-combobox-results{max-height:46vh}.hero-current-choice small{display:none}.draft-results article{grid-template-columns:54px minmax(0,1fr)}.pick-score{grid-column:2;text-align:left;grid-template-columns:auto auto 1fr;align-items: center;gap:8px}.pick-score button{margin:0}.hero-role-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-hero-identity{align-items: center;gap:11px;min-width:0;display:flex!important}.stat-hero-identity>div{min-width:0}.stat-hero-identity .hero-portrait{border-radius:10px;width:48px;height:48px}.stat-hero-identity strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-hero-picker{display:grid;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--navy)22%,var(--surface));gap:12px;padding:16px 20px 20px}.draft-hero-search{display:grid;gap:6px;max-width:520px}.draft-hero-search>span{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700}.draft-hero-search input{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;width:100%;min-height:48px;padding:0 13px}.draft-hero-search input:focus{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent)24%,transparent);outline-offset:1px}.draft-hero-groups{display:grid;gap:14px}.draft-hero-group{display:grid;gap:7px;min-width:0}.draft-hero-group h3{border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.1em;margin:0;padding-bottom:5px;font-size:.72rem}.draft-hero-group.tank h3{color:var(--accent)}.draft-hero-group.damage h3{color:var(--red)}.draft-hero-group.support h3{color:var(--green)}.draft-hero-group>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.draft-hero-group button{position:relative;display:grid;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;justify-items:center;gap:5px;min-width:0;min-height:82px;padding:7px 4px}.draft-hero-group button .hero-portrait.medium{border-radius:10px;width:52px;height:52px}.draft-hero-group button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.64rem;font-weight:700}.draft-hero-group button:hover{border-color:var(--accent);outline:0;background:color-mix(in srgb,var(--accent)9%,var(--surface-2))}.draft-hero-group button:focus-visible{border-color:var(--accent);outline:0;background:color-mix(in srgb,var(--accent)9%,var(--surface-2))}.draft-hero-group button.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent)17%,var(--surface-2));box-shadow:inset 0 -4px 0 var(--accent)}.draft-hero-group button.selected:after{content:"✓";position:absolute;display:grid;background:var(--accent);color:#fff;border-radius:50%;place-items: center;width:18px;height:18px;font-size:.68rem;font-weight:900;top:4px;right:4px}.draft-hero-empty{display:grid;background:var(--surface-2);text-align:center;gap:4px;padding:18px}.draft-hero-empty span{color:var(--dim);font-size:.75rem}.reverse-switch{overflow:visible}.trouble-picker:focus-within{z-index:100}.trouble-picker .searchable-hero-select:focus-within{z-index:110}.trouble-picker .hero-combobox-results{z-index:120;box-shadow:0 24px 58px #00000094}@media (min-width:600px){.draft-hero-group>div{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (min-width:900px){.draft-hero-groups{grid-template-columns:repeat(3,minmax(0,1fr));align-items: start}.draft-hero-group>div{grid-template-columns:repeat(3,minmax(0,1fr))}.draft-hero-group button{min-height:90px}.draft-hero-group button .hero-portrait.medium{width:58px;height:58px}}@media (max-width:380px){.draft-hero-group>div{grid-template-columns:repeat(3,minmax(0,1fr))}}.draft-role-lock{display:grid;background:color-mix(in srgb,#2e8cff 9%,var(--surface-2));border-left:3px solid #2e8cff;align-content: center;gap:2px;padding:13px 15px}.draft-role-lock span,.draft-role-lock small{color:var(--dim);font-size:.66rem}.draft-role-lock span{text-transform:uppercase;letter-spacing:.08em;font-weight:700}.draft-role-lock strong{text-transform:uppercase;font:800 1.65rem/1 Barlow Condensed,sans-serif}.draft-advantage{display:grid;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--navy)40%,var(--surface));gap:11px;padding:18px 16px}.draft-advantage-head{display:grid;grid-template-columns:1fr auto 1fr;align-items: end;gap:12px}.draft-advantage-head>div{display:grid}.draft-advantage-head>div:last-child{text-align:right}.draft-advantage-head span{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:.63rem;font-weight:700}.draft-advantage-head strong{font:800 2rem/1 Barlow Condensed,sans-serif}.draft-advantage-head>div:first-child strong{color:#55a8ff}.draft-advantage-head>div:last-child strong{color:#ff5f70}.draft-advantage-head h3{text-align:center;text-transform:uppercase;margin:0;font-size:1.05rem}.draft-tug-bar{position:relative;display:flex;overflow:visible;background:var(--surface-2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text)18%,transparent);height:22px}.draft-tug-bar>span{display:block;height:100%;transition:width .3s}.draft-tug-bar .draft-blue{background:linear-gradient(90deg,#176fd0,#4fa8ff)}.draft-tug-bar .draft-red{background:linear-gradient(90deg,#ff6a76,#c62640)}.draft-tug-bar i{position:absolute;background:var(--text);width:3px;height:32px;transition:left .3s;top:-5px;transform:translate(-50%);box-shadow:0 0 0 2px #00000047}.draft-advantage>p{color:var(--dim);text-align:center;margin:0;font-size:.7rem}.draft-locked{display:flex;background:linear-gradient(90deg,color-mix(in srgb,var(--green)13%,var(--surface)),var(--surface));border-bottom:1px solid var(--border);box-shadow:inset 4px 0 0 var(--green);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:12px;padding:14px 16px}.draft-locked>div{display:grid;grid-template-columns:auto 1fr;align-items: center;gap:0 10px}.draft-locked .hero-portrait{grid-row:1/3}.draft-locked span{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:.64rem}.draft-locked strong{text-transform:uppercase;font:800 1.45rem/1 Barlow Condensed,sans-serif}.draft-locked button{border:1px solid var(--green);color:var(--text);cursor:pointer;background:0 0;min-height:40px;padding:0 13px;font-weight:700}.draft-locked button:hover{background:var(--green);color:#101608}.draft-results article.locked{box-shadow:inset 4px 0 0 var(--green)}.personal-stat{display:block;color:var(--dim);margin-top:6px;font-size:.65rem}.pick-score button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#101608;font-weight:800}@media (max-width:520px){.draft-advantage-head{grid-template-columns:1fr 1fr}.draft-advantage-head h3{grid-column:1/-1;grid-row:1;text-align:left}.draft-locked{align-items:stretch}.draft-locked button{width:100%}.draft-role-lock{margin-top:4px}}.lightweight-chart{display:block;overflow:visible;width:100%;height:100%}.chart-grid-line{stroke:var(--border);stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.chart-axis-label{fill:var(--dim);font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:11px}.chart-line{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-point{fill:var(--accent);stroke:var(--surface);stroke-width:2;vector-effect:non-scaling-stroke}@media (max-width:820px),(hover:none),(update:slow){.app-shell:before,.app-shell:after,.smoke-b,.smoke-c,.ember-field,.moon-halo{display:none}.smoke-a{opacity:.48;filter:blur(30px);mix-blend-mode:normal;animation-duration:32s;will-change:auto;width:115vw;height:72vw;top:10vh;left:-44vw}.sync-bar,.global-role-bar{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.rank-card,.analysis-callout,.role-panel,.comp-card,.matchup-card,.perk,.lesson,.meta-role-card,.patch-timeline article,.source-ledger article,.chart-card,.validation-teaser,.command-deck button,.role-focus-grid article,.silver-mistakes article,.map-brief,.position-board,.draft-simulator,.match-detail,.goal-card{backdrop-filter:none;-webkit-backdrop-filter:none}.shield-vapour-field,.mascot-depth,.mascot-sheen{display:none}.mascot-smoke{filter:blur(12px)saturate(1.1);mix-blend-mode:normal;will-change:auto;opacity:.62}.mascot-glow{filter:blur(12px);animation-duration:8s}.mascot-shield{filter:drop-shadow(0 18px 16px #0000007a)drop-shadow(0 0 18px #ff701852);animation-duration:8s;will-change:auto}.score-plate,.delta-strip{backdrop-filter:none;-webkit-backdrop-filter:none}.content-section>.in-view{animation-duration:.35s}}.career-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.career-totals strong{overflow-wrap:anywhere;font-size:clamp(1.15rem,5vw,2rem)}.career-rate-strip{display:grid;grid-template-columns:1fr 1fr;background:var(--border);border:1px solid var(--border);gap:1px;margin-top:1px}.career-rate-strip>*{background:var(--surface);margin:0;padding:11px 14px;font-size:.78rem}.career-rate-strip>span{grid-column:1/-1;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.career-rate-strip strong{font-weight:650}.complete-hero-stats{display:grid;gap:8px;margin-top:14px}.complete-hero-stats details{background:var(--surface);border:1px solid var(--border)}.complete-hero-stats summary{display:flex;cursor:pointer;list-style:none;justify-content:space-between;align-items: center;gap:12px;min-height:72px;padding:10px 14px}.complete-hero-stats summary::-webkit-details-marker{display:none}.complete-hero-stats summary:after{content:"+";color:var(--accent);flex:none;font-size:1.45rem;font-weight:800}.complete-hero-stats details[open] summary:after{content:"−"}.complete-hero-name{display:flex;align-items: center;gap:10px;min-width:0}.complete-hero-name>span:last-child,.complete-hero-record{display:grid}.complete-hero-name strong{font-size:1.02rem}.complete-hero-name small,.complete-hero-record small{color:var(--dim);font-size:.7rem}.complete-hero-record{text-align:right;margin-left:auto}.complete-hero-record b{color:var(--green)}.complete-hero-stats dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--border);border-top:1px solid var(--border);gap:1px;margin:0}.complete-hero-stats dl div{background:var(--surface-2);min-height:62px;padding:10px 12px}.complete-hero-stats dt{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem}.complete-hero-stats dd{margin:2px 0 0;font:700 1rem/1.2 Barlow Condensed,Arial Narrow,sans-serif}.subsection-head{margin:40px 0 12px}.subsection-head>span{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.subsection-head h2{margin:5px 0;font-size:clamp(1.55rem,5vw,2.3rem)}.subsection-head p{color:var(--dim);max-width:720px;margin:0}@media (min-width:700px){.career-totals{grid-template-columns:repeat(4,1fr)}.career-rate-strip{grid-template-columns:auto repeat(5,1fr);align-items:stretch}.career-rate-strip>span{grid-column:auto}.complete-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.complete-hero-stats dl{grid-template-columns:repeat(3,minmax(0,1fr))}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
.masterclass-cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;border:1px solid var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:11px 16px;font-weight:700;cursor:pointer;font-size:.92rem}.masterclass-cta:hover{background:color-mix(in srgb,var(--accent) 22%,transparent)}.mc-tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mc-tech{background:var(--surface);border-top:4px solid var(--blue);padding:20px}.mc-tech h3{margin:0 0 10px}.mc-steps{margin:0;padding-left:20px;display:grid;gap:6px;color:var(--dim)}.mc-rank-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mc-rank{background:var(--surface);border-top:4px solid var(--accent);padding:18px}.mc-rank>span{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:700}.mc-rank p{color:var(--dim);margin:8px 0 0}.mc-recent{margin-bottom:6px}@media (max-width:900px){.mc-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:699px){.mc-tech-grid{grid-template-columns:1fr}.mc-rank-grid{grid-template-columns:1fr}}
.pc-section{display:flex;flex-direction:column;gap:18px}
.pc-intro{color:var(--dim);line-height:1.55;max-width:72ch}
.pc-eyebrow{color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}
.pc-focus-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:var(--soft-orange);border:1px solid var(--accent);border-radius:14px;padding:14px 16px}
.pc-focus-banner span{display:block;color:var(--dim);font-size:.78rem}
.pc-focus-banner strong{display:block;font-size:1.02rem;margin-top:2px}
.pc-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pc-sum-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.pc-sum-card>span{font-weight:600;font-size:.9rem}
.pc-barwrap{display:flex;align-items:center;gap:10px}
.pc-bar{flex:1;height:8px;border-radius:99px;background:var(--surface-2);overflow:hidden}
.pc-bar i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .4s ease}
.pc-barwrap>span{font-size:.8rem;color:var(--dim);white-space:nowrap}
.pc-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pc-principles>div{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px}
.pc-principles b{display:block;margin-bottom:4px}
.pc-principles p{color:var(--dim);font-size:.88rem;line-height:1.5}
.pc-tabs{display:flex;gap:8px;flex-wrap:wrap}
.pc-tab{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:99px;padding:9px 16px;font-weight:600;cursor:pointer;font-size:.92rem}
.pc-tab.active{background:var(--accent);border-color:var(--accent);color:#17111b}
.pc-level{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:14px}
.pc-level-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.pc-level-head h3{font-size:1.25rem;margin:2px 0 4px}
.pc-level-head p{color:var(--dim);line-height:1.5;max-width:68ch}
.pc-level-count{font-weight:700;color:var(--accent);white-space:nowrap}
.pc-lessons{display:flex;flex-direction:column;gap:10px}
.pc-lesson{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.pc-lesson-head{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;color:var(--text);padding:13px 14px;cursor:pointer;font:inherit}
.pc-lesson-head.locked{cursor:default;opacity:.75}
.pc-lesson-num{flex:none;width:30px;height:30px;border-radius:9px;background:var(--soft-blue);color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem}
.pc-lesson-title{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}
.pc-lesson-title strong{font-size:1rem}
.pc-lesson-title small{color:var(--dim);font-size:.8rem}
.pc-status{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--green);font-weight:800;font-size:.85rem}
.pc-status.on{border-color:var(--green)}
.pc-chev{flex:none;font-size:1.25rem;color:var(--dim);width:20px;text-align:center}
.pc-lesson-body{border-top:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:10px}
.pc-block{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:11px 13px}
.pc-block.cle{border-color:var(--accent)}
.pc-block.crit{border-color:var(--green)}
.pc-block.obj{border-color:var(--blue)}
.pc-block-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.pc-block.crit .pc-block-label{color:var(--green)}
.pc-block.obj .pc-block-label{color:var(--blue)}
.pc-block p{line-height:1.55}
.pc-block .pc-steps{margin:2px 0 0 18px;line-height:1.55;display:flex;flex-direction:column;gap:5px}
.pc-mere{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--dim)}
.pc-link-btn{background:none;border:0;color:var(--accent);font-weight:700;cursor:pointer;font:inherit;padding:0;text-align:left}
.pc-link-btn:hover{text-decoration:underline}
.pc-lesson-foot{display:flex;gap:10px;flex-wrap:wrap}
.pc-done-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 14px;font-weight:600;cursor:pointer;font:inherit}
.pc-done-btn.on{background:var(--green);border-color:var(--green);color:#17111b}
.pc-focus-btn{margin-top:10px;border:1px solid var(--blue);background:none;color:var(--blue);border-radius:10px;padding:8px 13px;font-weight:600;cursor:pointer;font:inherit}
.pc-focus-btn.on{background:var(--blue);color:#17111b}
.pc-quiz{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:14px}
.pc-quiz-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.pc-quiz-head h4{font-size:1.02rem}
.pc-quiz-head span{color:var(--dim);font-size:.8rem}
.pc-q-text{font-weight:600;line-height:1.5;margin-bottom:8px}
.pc-opts{display:flex;flex-direction:column;gap:7px}
.pc-opt{text-align:left;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;padding:9px 12px;cursor:pointer;font:inherit;line-height:1.45}
.pc-opt:hover{border-color:var(--accent)}
.pc-opt.selected{border-color:var(--accent);background:var(--soft-orange)}
.pc-opt.correct{border-color:var(--green);background:rgba(172,214,75,.12)}
.pc-opt.wrong{border-color:var(--red);background:rgba(255,96,120,.12)}
.pc-fb{margin-top:8px;line-height:1.55;font-size:.92rem;border-radius:10px;padding:9px 12px}
.pc-fb.ok{background:rgba(172,214,75,.12);color:var(--text)}
.pc-fb.ko{background:rgba(255,96,120,.1);color:var(--text)}
.pc-quiz-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pc-pass{color:var(--green)}
.pc-fail{color:var(--red)}
.pc-cta{background:var(--accent);border:1px solid var(--accent);color:#17111b;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;font:inherit}
.pc-cta:disabled{opacity:.45;cursor:not-allowed}
.pc-cta.big{padding:12px 22px;font-size:1rem}
.pc-mini-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:9px;padding:7px 12px;font-weight:600;cursor:pointer;font:inherit;font-size:.88rem}
.pc-mini-btn:hover{border-color:var(--accent)}
.pc-lock{background:var(--soft-orange);border:1px solid var(--accent);border-radius:14px;padding:14px 16px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pc-lock p{color:var(--dim);line-height:1.55}
.pc-role-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.pc-role-switch button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:99px;padding:8px 18px;font-weight:600;cursor:pointer;font:inherit}
.pc-role-switch button.active{background:var(--accent);border-color:var(--accent);color:#17111b}
.pc-diag-form,.pc-diag-result{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:16px}
.pc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pc-field{display:flex;flex-direction:column;gap:7px}
.pc-field>span{font-weight:600;font-size:.9rem}
.pc-field select,.pc-field input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font:inherit;width:100%}
.pc-field.wide{grid-column:1/-1}
.pc-diffs{display:flex;flex-wrap:wrap;gap:8px}
.pc-diff{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:99px;padding:8px 14px;cursor:pointer;font:inherit;font-size:.9rem}
.pc-diff.on{background:var(--accent);border-color:var(--accent);color:#17111b;font-weight:600}
.pc-diag-result h3{font-size:1.3rem}
.pc-diag-result h4{font-size:1.05rem}
.pc-reco-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pc-reco-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.pc-reco-card>span{font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.pc-reco-card strong{font-size:1.05rem;line-height:1.4}
.pc-prio{list-style:none;display:flex;flex-direction:column;gap:8px}
.pc-prio li{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px 12px;line-height:1.45}
.pc-sub{font-size:1.2rem;margin:20px 0 12px}
.pc-rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pc-rank-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.pc-rank-card h3{font-size:1.15rem;color:var(--accent)}
.pc-rank-row b{display:block;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin-bottom:2px}
.pc-rank-row p{line-height:1.5;font-size:.93rem}
.pc-rank-card .pc-mini-btn{margin-top:auto;align-self:flex-start}
.pc-err-table{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.pc-err-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--border)}
.pc-err-row:last-child{border-bottom:0}
.pc-err-txt{line-height:1.45}
.pc-err-rank{font-size:.78rem;font-weight:700;color:var(--blue);border:1px solid var(--blue);border-radius:99px;padding:3px 10px;white-space:nowrap}
@media (max-width:900px){.pc-rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-principles{grid-template-columns:1fr}}
@media (max-width:699px){.pc-summary{grid-template-columns:1fr}.pc-rank-grid{grid-template-columns:1fr}.pc-form-grid{grid-template-columns:1fr}.pc-reco-grid{grid-template-columns:1fr}.pc-err-row{grid-template-columns:1fr auto}.pc-err-txt{grid-column:1/-1}.pc-lesson-head{padding:12px}.pc-level{padding:13px}}

.ability-row.changes-2026{border:1px solid rgba(249,115,22,.45);background:rgba(249,115,22,.08);border-radius:10px;padding:8px 10px}.ability-row.changes-2026 .ability-kind{color:#ea580c;font-weight:700}.subrole-passive{display:block;margin-top:4px;color:var(--dim,#5b6b82);font-size:.82rem;line-height:1.35}.season-five-flag.changes-flag{border-left-color:#f97316}
.ref-left td,.ref-left th{text-align:left}.chiffres-table td{vertical-align:top}.chiffres-table td .hero-portrait{margin-right:8px;vertical-align:middle}.ref-role{display:block;color:var(--dim);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.ref-list{list-style:none;display:grid;gap:8px;margin:0 0 18px;padding:0}.ref-list li{background:var(--surface);border:1px solid var(--border);padding:12px 14px;font-size:.88rem;line-height:1.5}.hero-allroles{margin:2px 0 12px;color:var(--accent);font-weight:700;letter-spacing:.02em}.ref-cards{margin-bottom:18px}.ref-pieges{margin-bottom:18px}