/* Direction A: character-led navigation and data, selected by the user 2026-10-13. */
html[data-ui=a]{color-scheme:dark;--page:#101116;--surface:#191b24;--surface-2:#20232d;--ink:#f2f2f5;--ink-2:#b9bbc7;--muted:#979bab;--line:#2a2d37;--axis:#494c59;--link:#d1ef9d;--accent:#d0fa75;--accent-ink:#182015;--header:#101116;--header-ink:#f2f2f5;--card-edge:#ffffff12;--shadow:none;--shadow-lift:0 12px 24px #0003;--card-light:transparent;--radius:14px;--radius-sm:10px;--tier-S:#d0fa75;--tier-A:#c1a3ed;--tier-B:#96bcdf;--tier-C:#adb2bd;--tier-D:#858d9b;--tier-ink:#141a18;--hc-0:#2b3348;--hc-p1:#b7d3f6;--hc-p2:#86b6ef;--hc-p3:#3987e5;--hc-p4:#1c5cab;--hc-m1:#f5b3b3;--hc-m2:#ee8a8a;--hc-m3:#e34948;--hc-m4:#b52b2b;--series:#93baf9;--warn-bg:#352e20;--warn-line:#7f6e45}
body{background:var(--page);font-size:14px;line-height:1.75}a{text-decoration:none}button,input,select{font:inherit}input,select{font-size:16px}button,a,input,select{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.wrap{max-width:1320px;padding-left:32px;padding-right:32px}main.wrap{padding-top:0;padding-bottom:70px}h1,h2,h3{letter-spacing:-.03em}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-2)}.lead{color:var(--muted);font-size:14px;line-height:2.1}.fresh{color:var(--muted);font-size:11px}.site-header{border-bottom:1px solid var(--line);backdrop-filter:blur(15px);background:#101116f2}.header-row{height:86px;display:flex;align-items:center;gap:50px;flex-wrap:nowrap}.brand{gap:12px;flex-shrink:0;color:var(--ink)}.brand strong{display:block;font:900 24px/1.1 'Avenir Next',system-ui;letter-spacing:-1px}.brand small{display:block;font-size:10px;letter-spacing:.14em;color:var(--muted);margin-top:8px}.brand-mark{width:34px;height:34px;border-radius:9px;transform:rotate(-8deg);background:var(--accent);box-shadow:none}.brand-mark:after{content:'✦';color:#182015;display:grid;place-items:center;height:100%;font-size:24px}.brand-mark:before{display:none}.site-nav{display:flex;gap:26px;align-self:stretch;overflow:visible;position:static;box-shadow:none;background:none;border:0;padding:0}.site-nav a{position:relative;display:flex;gap:8px;align-items:center;min-height:44px;font-size:13px;font-weight:650;border-radius:0;border:0;background:none!important;color:var(--muted);padding:0 2px}.site-nav a[aria-current=page]{color:var(--ink)}.site-nav a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent)}.site-nav .ico{width:15px;height:15px}.header-profile{margin-left:auto;white-space:nowrap;border:1px solid var(--line);border-radius:28px;padding:10px 17px;color:var(--ink);font-size:11px}.notice-mock{font-size:12px}.hero{padding:46px 0 28px;background:none;border:0;box-shadow:none;border-radius:0}.hero h1{font-size:38px;font-weight:850;line-height:1.3}.hero .lead{max-width:780px}.card{border:1px solid var(--line);box-shadow:none;padding:25px;background:var(--surface);border-radius:14px;margin:18px 0}.card:before{display:none}.card-head{margin-bottom:19px}.card-head h2{font-size:21px}.card-sub{font-size:12px;line-height:1.8;color:var(--muted)}.rank-table{font-size:13px}.rank-table th{font-weight:600}.rank-table thead th{font-size:11px;color:var(--muted);border-color:var(--line)}.rank-table td,.rank-table th{padding:14px 10px;border-color:var(--line)}.rank-table tr:hover{background:#ffffff02}.av{border-radius:12px}.tile{background:#ffffff03;border-color:var(--line);box-shadow:none}.tile:hover{border-color:#c6ec8260}.tier{border:0;border-radius:7px;box-shadow:none;font:850 17px/1.2 'Avenir Next',system-ui;padding:6px 10px;min-width:32px;min-height:32px}.tier-S{background:#c7f27122;color:#d1fc7a}.tier-A{background:#a179d528;color:#ceb2f5}.tier-B{background:#7fb1e22a;color:#a6cdef}.tier-C,.tier-D{background:#a1a8b91a;color:#b4b9c8}
.report-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:510px;padding:35px 0 15px;border-bottom:1px solid var(--line);gap:30px}.report-copy{padding:25px 0 35px}.report-copy h1{font-size:clamp(40px,4.2vw,61px);font-weight:900;line-height:1.3;letter-spacing:-.055em;margin:24px 0}.report-copy h1 em{color:var(--accent);font-style:normal}.report-copy .lead{font-size:13px;margin:22px 0 28px}.live-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;display:inline-block;margin-right:10px;vertical-align:middle}.hero-actions,.profile-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.action-primary,.action-secondary{display:inline-flex;justify-content:center;align-items:center;gap:30px;min-height:46px;padding:10px 20px;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:750;color:var(--ink)}.action-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.action-secondary{background:#ffffff03}.action-primary:hover,.action-secondary:hover{filter:brightness(1.08);transform:translateY(-1px)}.report-character{height:470px;position:relative;isolation:isolate;display:grid;place-items:center}.report-character:before,.report-character:after,.stage-orbit{content:'';position:absolute;border:1px solid #ae88d323;border-radius:50%;width:340px;height:340px;z-index:-1;background:radial-gradient(ellipse,#ab6bef18,transparent 70%)}.report-character:after{width:270px;height:270px;background:none}.character-word,.profile-word{position:absolute;color:#ffffff04;font:900 130px/1 'Avenir Next',system-ui;letter-spacing:-.065em;pointer-events:none;z-index:-1;left:0;right:0;text-align:center}.character-label{position:absolute;right:0;bottom:125px;z-index:2;display:grid;max-width:155px;padding:12px 16px;border:1px solid #ffffff14;border-radius:10px;background:#1a1e27e8;backdrop-filter:blur(8px);color:var(--ink)}.character-label small{font-size:9px;color:var(--muted)}.character-label strong{font-size:17px}.character-label b{font:850 30px/1.5 'Avenir Next',system-ui}.report-character brawler-viewer{height:470px}
.filters{display:flex;flex-direction:row;align-items:center;gap:20px;padding:25px 0;margin:0 0 12px;background:none;border:0;border-radius:0;box-shadow:none;flex-wrap:wrap}.seg{border:1px solid var(--line);padding:4px;background:var(--surface);border-radius:9px;display:flex}.seg a{border:0;color:var(--muted);font-size:11px;padding:8px 13px;min-height:36px;border-radius:6px}.seg a[aria-current=page]{background:#e9e9f0;color:#1a1b22;box-shadow:none}.seg .ico{display:none}.band-select{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted)}.band-select select{min-height:44px;width:175px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:8px 13px}.context-fresh{font-size:10px;margin-left:auto;color:var(--muted)}.context-fresh span{padding:0 8px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:30px 0 14px}.section-title h2{font-size:27px;margin:7px 0}.section-title p{color:var(--muted);font-size:11px;margin:0}.section-title .eyebrow{font-size:9px;letter-spacing:.16em}.section-title>a{font-size:11px;color:var(--ink)}.page-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:18px 0 24px;overflow-x:auto;scrollbar-width:thin}.page-tabs a{min-height:49px;padding:13px 2px;color:var(--muted);font-size:13px;white-space:nowrap;border-bottom:3px solid transparent}.page-tabs a[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent);font-weight:750}.page-tabs a:focus-visible{outline-offset:-4px}.section-note{font-size:11px;color:var(--muted);line-height:1.85;margin:17px 0 22px}
.spotlight-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.spotlight-card{border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#20222d,#181b24);overflow:hidden;min-width:0;transition:border-color .2s,transform .2s}.spotlight-card:hover{border-color:#d0fa7550;transform:translateY(-3px)}.spotlight-visual{height:210px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 100%,#9871b633,transparent 75%)}.spotlight-rank{position:absolute;top:12px;left:14px;font-size:10px;color:var(--muted);z-index:2}.spotlight-visual>.tier{position:absolute;right:12px;top:12px;z-index:2;font-size:13px;padding:4px 6px;min-height:25px;min-width:25px}.spotlight-copy{display:block;padding:4px 16px 18px;color:var(--ink)}.spotlight-copy h3{font-size:17px;margin:0;display:flex;justify-content:space-between;gap:5px}.spotlight-copy h3 span{color:var(--muted);font-size:14px}.spotlight-copy p{font-size:10px;color:var(--muted);margin:0 0 15px}.spotlight-copy>div{border-top:1px solid var(--line);padding-top:9px;display:flex;justify-content:space-between;align-items:baseline}.spotlight-copy>div>span{font-size:10px;color:var(--muted)}.spotlight-copy strong{font:850 26px/1.5 'Avenir Next',system-ui}.spotlight-copy small{color:var(--muted);font-size:9px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.feature-card{position:relative;padding:27px 30px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(130deg,#20222b,#17191f);color:var(--ink)}.feature-card h3{font-size:23px;margin:9px 0}.feature-card p:not(.eyebrow){font-size:11px;color:var(--muted)}.feature-card>span{position:absolute;right:30px;top:50%;font-size:28px;color:var(--accent)}.howto{font-size:12px;background:transparent}.howto summary{font-weight:650;cursor:pointer;min-height:30px}.howto li{margin:7px 0}.howto>ul{padding-left:20px}.tier-row{border-color:var(--line)}.tier-label{background:none}.tiles{gap:10px}.tile-name{font-size:12px}.tile-wr{font-size:11px}.tile.tentative{opacity:.75}.kpi{background:#ffffff02;box-shadow:none;border:1px solid var(--line);padding:16px;border-radius:10px}.kpi .k{font-size:11px;color:var(--muted)}.kpi .v{font:850 30px/1.6 'Avenir Next',system-ui}.kpi .d{font-size:10px}.kpi .v-sm{font-size:19px}
.crumbs{font-size:11px;margin:26px 0 20px;color:var(--muted)}.character-profile{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}.profile-stage{position:sticky;top:110px;height:560px;isolation:isolate;display:grid;place-items:center;background:radial-gradient(ellipse,#a985ce13,transparent 70%);border-radius:18px}.profile-stage brawler-viewer{height:540px}.profile-word{font-size:clamp(50px,7vw,100px);top:65px}.stage-orbit{width:90%;height:auto;aspect-ratio:1}.stage-credit{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.12em;color:var(--muted)}.profile-info{min-width:0}.profile-heading{display:flex;justify-content:space-between;align-items:center;margin:0}.profile-heading h1{font-size:49px;margin:10px 0;line-height:1.2}.profile-heading p{font-size:12px;color:var(--muted);margin:0}.profile-heading .eyebrow{font-size:9px}.profile-heading>.tier{font-size:24px;padding:10px 14px}.profile-info .kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:22px 0}.profile-info .kpi{background:none;border:0;border-right:1px solid var(--line);border-radius:0;padding:9px 14px}.profile-info .kpi:first-child{padding-left:0}.profile-info .kpi:last-child{border-right:0}.profile-info .kpi .v{font-size:25px}.profile-info .kpi .d{font-size:9px}.profile-actions{margin:24px 0 27px}.profile-info .card{padding:21px}.profile-info .card-head h2{font-size:18px}.profile-info .rank-table{font-size:11px}.profile-info .rank-table td,.profile-info .rank-table th{padding:12px 6px}.profile-info .rank-table .av{width:28px;height:28px}.profile-info .rank-table .col-ci{display:none}.profile-info .peer-list{font-size:12px}.character-poster{display:grid;place-items:center;width:100%;height:100%}.character-poster .av{width:200px;height:200px;filter:drop-shadow(0 20px 30px #0004);border-radius:30px}.profile-stage .character-poster{min-height:340px}.roster-search{display:flex;align-items:flex-end;gap:15px;margin:12px 0 32px}.roster-search label{display:grid;gap:9px;font-size:11px;color:var(--muted)}.roster-search label:first-child{flex:1}.roster-search input,.roster-search select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:11px 14px;min-height:48px;width:100%}.roster-search>span{font-size:11px;color:var(--muted);white-space:nowrap;margin-bottom:13px}.roster-search button{border:0;background:none;color:var(--muted);font-size:11px;min-height:44px;white-space:nowrap}.roster-group .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(114px,1fr));gap:12px}.roster-tile{width:100%;min-height:145px;padding:18px 10px;display:flex;flex-direction:column;gap:10px;align-items:center}.roster-group .av{width:80px;height:80px}.roster-group .card-head{display:flex;align-items:baseline;gap:12px}.roster-group .card-sub{margin:0}.map-card{box-shadow:none;background:var(--surface);border:1px solid var(--line)}.map-name{font-size:17px}.site-footer{background:#0d0e13;border-top:1px solid var(--line);padding:35px 0 40px;color:var(--muted);font-size:10px}.site-footer p{max-width:1100px;line-height:1.9}.site-footer a{color:var(--ink-2)}.footer-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.footer-brand{font:900 19px 'Avenir Next',system-ui;color:var(--ink)}
@media(min-width:900px){.profile-info .band-table .col-tier{display:table-cell}.profile-info .band-table .sub-games{display:none}}
@media(max-width:1100px){.header-row{gap:30px}.site-nav{gap:21px}.wrap{padding-left:25px;padding-right:25px}.report-copy h1{font-size:48px}.report-character,.report-character brawler-viewer{height:440px}.spotlight-grid{gap:10px}.spotlight-visual{height:190px}.spotlight-copy{padding:5px 12px 15px}.spotlight-copy h3{font-size:15px}.spotlight-copy strong{font-size:23px}.character-profile{gap:24px;grid-template-columns:.75fr 1.25fr}.profile-stage{height:480px}.profile-stage brawler-viewer{height:460px}.profile-info .kpi{padding:7px 10px}.profile-info .kpi .v{font-size:22px}}
@media(max-width:850px){.header-row{gap:24px;height:74px}.site-nav{gap:18px}.site-nav a{font-size:11px}.site-nav .ico{display:none}.brand strong{font-size:21px}.header-profile{padding:8px 10px;font-size:10px}.report-copy h1{font-size:38px}.report-copy .lead{font-size:11px}.report-hero{gap:10px;min-height:400px;padding-top:15px}.report-character,.report-character brawler-viewer{height:370px}.character-word{font-size:90px}.report-character:before{width:260px;height:260px}.report-character:after{width:205px;height:205px}.character-label{bottom:105px;right:0;padding:8px 10px;max-width:115px}.character-label b{font-size:23px}.character-label small{font-size:7px}.character-label strong{font-size:13px}.hero-actions{gap:8px}.action-primary,.action-secondary{font-size:11px;padding:9px 13px;gap:13px}.context-fresh{width:100%;margin:0}.filters{gap:13px;padding-bottom:5px}.spotlight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spotlight-visual{height:220px}.spotlight-copy h3{font-size:17px}.character-profile{grid-template-columns:1fr;gap:18px}.profile-stage{position:relative;top:0;height:385px;max-width:600px;width:100%;margin:auto}.profile-stage brawler-viewer{height:375px}.profile-word{top:60px;font-size:90px}.stage-orbit{height:300px;width:300px}.profile-info .kpi .v{font-size:27px}.profile-info .kpi{padding:9px 20px}.profile-heading h1{font-size:43px}.profile-info .rank-table{font-size:13px}.profile-info .rank-table .col-ci{display:table-cell}.roster-search{flex-wrap:wrap}.roster-search>span{margin:0}.feature-card{padding:22px}.feature-card h3{font-size:20px}.feature-card>span{right:20px}}
@media(max-width:640px){.wrap{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}main.wrap{padding-bottom:35px}.site-header{position:sticky;top:0}.header-row{height:65px;justify-content:space-between;gap:10px}.brand strong{font-size:20px}.brand small{font-size:9px;letter-spacing:.04em;margin-top:5px}.brand-mark{height:30px;width:30px;border-radius:8px}.brand-mark:after{font-size:22px}.brand{gap:9px}.header-profile{margin-left:auto;font-size:10px;padding:8px 11px;min-height:38px;display:flex;align-items:center}.site-nav{position:fixed;bottom:0;top:auto;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:4px 10px calc(4px + env(safe-area-inset-bottom));background:#12141cf5;border-top:1px solid #ffffff15;backdrop-filter:blur(16px);z-index:50;min-height:62px}.site-nav a{min-height:52px;flex-direction:column;justify-content:center;gap:3px;font-size:10px;padding:7px 0}.site-nav .ico{display:block;width:18px;height:18px}.site-nav a[aria-current=page]{color:var(--accent)}.site-nav a[aria-current=page]:after{display:none}.site-footer{padding-bottom:calc(85px + env(safe-area-inset-bottom))}.hero{padding:30px 0 16px}.hero h1{font-size:28px}.hero .lead{font-size:12px}.report-hero{grid-template-columns:1fr;gap:0;padding:0;min-height:0}.report-copy{padding:29px 0 10px}.report-copy .eyebrow{font-size:8px}.report-copy h1{font-size:41px;margin:18px 0 13px;line-height:1.25}.report-copy .lead{font-size:11px;margin:17px 0 21px;line-height:1.95}.hero-actions{gap:10px}.hero-actions a{min-height:44px;font-size:11px;padding:10px 16px}.report-character,.report-character brawler-viewer{height:330px}.report-character{margin-top:0}.character-word{font-size:106px;top:65px}.character-label{right:0;bottom:104px;max-width:120px}.character-label small{font-size:8px}.character-label b{font-size:24px}.report-character:before{width:250px;height:250px}.filters{padding:20px 0 7px;gap:12px;align-items:stretch}.seg{width:100%;justify-content:center;max-width:340px}.seg a{flex:1;justify-content:center;font-size:12px;min-height:39px;padding:8px}.band-select{width:100%;justify-content:space-between;font-size:11px}.band-select select{flex:1;max-width:245px}.context-fresh{font-size:9px;padding-top:2px}.context-fresh span{padding:0 5px}.section-title{margin-top:22px;align-items:flex-start}.section-title h2{font-size:22px}.section-title p{font-size:10px}.section-title>a{font-size:9px;margin-top:28px;white-space:nowrap}.section-title .eyebrow{font-size:8px}.page-tabs{gap:23px;margin:17px 0 20px}.page-tabs a{font-size:12px;padding:11px 0;min-height:46px}.spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spotlight-visual{height:210px}.spotlight-copy{padding:2px 12px 15px}.spotlight-copy h3{font-size:15px}.spotlight-copy p{font-size:9px;margin-bottom:12px}.spotlight-copy strong{font-size:24px}.spotlight-copy small{font-size:9px}.spotlight-rank{left:9px;top:9px;font-size:9px}.spotlight-visual>.tier{right:8px;top:8px}.section-note{font-size:10px;line-height:1.9}.feature-grid{grid-template-columns:1fr;gap:12px;margin-top:25px}.feature-card{padding:22px}.feature-card .eyebrow{font-size:8px}.feature-card h3{font-size:21px}.feature-card p:not(.eyebrow){font-size:10px}.card{padding:17px;margin:14px 0}.card-head h2{font-size:18px}.card-sub{font-size:11px}.rank-table{font-size:12px}.rank-table td,.rank-table th{padding:12px 6px}.rank-table .av{width:28px;height:28px;border-radius:8px}.who{gap:7px}.tier{font-size:13px;min-width:26px;min-height:26px;padding:5px 7px}.crumbs{margin:20px 0 8px;font-size:10px}.profile-stage{height:345px}.profile-stage brawler-viewer{height:330px}.profile-word{font-size:70px;top:42px}.stage-credit{font-size:8px}.profile-heading h1{font-size:38px}.profile-heading p{font-size:11px}.profile-heading .eyebrow{font-size:8px}.profile-heading>.tier{font-size:23px}.profile-info .fresh{font-size:9px}.profile-info .kpis{margin:20px 0}.profile-info .kpi{padding:8px 9px}.profile-info .kpi .k{font-size:9px}.profile-info .kpi .v{font-size:22px;line-height:1.7}.profile-info .kpi .d{font-size:8px}.profile-info .card{padding:15px}.profile-actions{gap:8px;margin:22px 0}.profile-info .rank-table{font-size:11px}.profile-info .rank-table .col-ci{display:none}.profile-info .peer-ci{display:none}.profile-info .page-tabs{justify-content:space-between;gap:12px}.roster-search{gap:11px;margin:8px 0 23px}.roster-search label:first-child{flex:auto;width:100%}.roster-search label:nth-child(2){flex:1}.roster-search input,.roster-search select{font-size:16px;min-height:46px;padding:9px 11px}.roster-search>span{font-size:10px}.roster-search button{font-size:10px;padding:0}.roster-group .tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.roster-group .av{width:60px;height:60px}.roster-tile{min-height:113px;padding:13px 5px;gap:9px}.roster-tile .tile-name{font-size:10px;word-break:break-word}.roster-group .card-head{gap:8px}.howto{font-size:11px}.kpi .v{font-size:24px}.map-name{font-size:15px}.map-grid{gap:12px}.site-footer{font-size:9px}.footer-brand{font-size:17px}}
@media(max-width:360px){.wrap{padding-left:14px;padding-right:14px}.report-copy h1{font-size:36px}.page-tabs{gap:17px}.page-tabs a{font-size:11px}.spotlight-grid{gap:8px}.spotlight-copy{padding:3px 10px 14px}.spotlight-copy h3{font-size:14px}.spotlight-copy strong{font-size:22px}.profile-info .kpi{padding:8px 6px}.profile-info .kpi .v{font-size:19px}.roster-group .av{width:54px;height:54px}.section-title>a{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.spotlight-card,.action-primary,.action-secondary{transition:none;transform:none!important}}

/* Fixed navigation must be anchored to the viewport, not a filtered header. */
@media(max-width:640px){.site-header{backdrop-filter:none}.report-character{height:415px}.report-character brawler-viewer{height:330px}.character-label{bottom:12px;left:0;right:0;max-width:none;display:grid;grid-template-columns:1fr auto;gap:2px 15px;padding:10px 15px}.character-label>small{grid-column:1}.character-label strong{grid-column:1;font-size:17px}.character-label b{grid-column:2;grid-row:1/3;align-self:center;font-size:30px}.character-label>span{grid-column:1/-1;font-size:9px}.section-title{flex-wrap:wrap;gap:8px}.section-title>a{margin:0 0 2px auto}.header-profile{min-height:44px}.seg a{min-height:44px}}
@media(max-width:360px){.compact .brawler-tools [data-3d="pause"]{display:none}}

/* Shared choice controls: readable values, useful context and an accessible dialog. */
.choice-field{min-width:0;display:grid;gap:7px;flex:0 1 300px}.choice-field>label{font-size:11px;color:var(--muted);letter-spacing:.07em;font-weight:650}.choice-trigger{display:flex;align-items:center;gap:13px;width:100%;min-height:66px;border:1px solid #454a3a;border-radius:16px;background:linear-gradient(125deg,#252a23,#1a1d24 80%);color:var(--ink);padding:11px 15px;text-align:left;cursor:pointer}.choice-trigger:hover{border-color:var(--accent);background:#272e27}.choice-icon{width:38px;height:38px;flex:0 0 38px;object-fit:contain;border-radius:9px}.choice-mark{display:grid;place-items:center;background:#d0fa7510;color:var(--accent);font-size:26px}.choice-copy{display:grid;gap:4px;min-width:0}.choice-copy strong{font-size:15px;line-height:1.4;white-space:normal}.choice-copy small{font-size:11px;line-height:1.5;color:var(--muted)}.choice-chevron{margin-left:auto;color:var(--accent);font-size:21px}.choice-trigger:focus-visible,.choice-option:focus-visible,.choice-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.choice-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.choice-heading h2{font-size:21px;margin:0}.choice-close{min-width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#ffffff06;color:var(--ink);font-size:25px;cursor:pointer}.choice-search{width:100%;min-height:48px;padding:12px 15px;border-radius:12px;background:#101218;color:var(--ink);border:1px solid var(--line);margin-bottom:16px;font-size:16px}.choice-check{margin-left:auto;color:var(--accent);visibility:hidden}.choice-empty{padding:25px 0;color:var(--muted)}.filters{align-items:center}.filters .context-fresh{margin-left:auto}.roster-search .choice-field{flex:0 1 280px}.roster-search .choice-trigger{font-size:16px;padding:11px 15px}.roster-search .choice-trigger strong{font-size:15px}.roster-search input{min-height:66px}.roster-search{align-items:end}.roster-search>#brawler-clear{min-height:44px;padding:8px 12px}.roster-search>#brawler-count{padding-bottom:11px}
@media(max-width:640px){.filters>.choice-field,.roster-search>.choice-field{flex:1 1 100%;width:100%}.filters .context-fresh{margin-left:0}.choice-trigger{min-height:68px}.roster-search input{min-height:54px}.choice-copy strong{font-size:16px}.choice-copy small{font-size:11px}.roster-search .choice-trigger{min-height:68px}.roster-search>#brawler-count{margin-right:auto;padding-bottom:11px}}
.compare-picker{padding:32px}.cmp-form{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:22px}.cmp-form .choice-field{width:100%}.cmp-form .choice-trigger{min-height:140px;padding:24px;gap:20px;background:radial-gradient(ellipse at 10% 90%,#d0fa7514,transparent 75%),#13171c;border-radius:20px}.cmp-form .choice-icon{width:72px;height:72px;flex-basis:72px}.cmp-form .choice-copy strong{font-size:23px}.cmp-form .choice-copy small{font-size:12px}.cmp-form>.vs-mark{align-self:center;font:900 18px/1 system-ui;color:var(--muted);margin-top:22px}.cmp-form>.action-primary{grid-column:1/-1;justify-self:center;min-width:240px;min-height:52px}.compare-error{grid-column:1/-1;color:#ffd8a0;text-align:center}.compare-guide{display:flex;justify-content:center;gap:35px;margin:35px 0;color:var(--muted);font-size:12px}.compare-guide b{color:var(--accent);margin-right:10px;font-size:11px}.compare-duo{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:950px;margin:30px auto}.compare-player{min-width:0;background:radial-gradient(ellipse at 50% 45%,#d0fa7511,transparent 65%),#191c24;border:1px solid var(--line);border-radius:24px;padding:8px 26px 16px}.compare-player-1{background:radial-gradient(ellipse at 50% 45%,#c1a3ed16,transparent 65%),#191c24}.compare-stage{height:320px}.compare-player-name{display:flex;justify-content:space-between;gap:14px;align-items:center;color:var(--ink)}.compare-player-name strong{font-size:24px;display:block}.compare-player-name small{display:block;font-size:10px;color:var(--muted)}.compare-rate b{font-size:32px;font-weight:700;color:var(--accent)}.compare-player-1 .compare-rate b{color:#d3bcf1}.compare-player>p{font-size:10px;color:var(--muted);text-align:right;margin:7px 0}.compare-vs{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);background:#101116;border:1px solid var(--line);width:56px;height:56px;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:850;letter-spacing:.08em}.compare-hero h1{font-size:32px}.compare-hero .verdict-line{text-align:center;color:var(--ink)}.compare-hero>.fresh{text-align:center}.cmp-maps{gap:24px}.cmp-maps>div{background:#ffffff03;border:1px solid var(--line);border-radius:14px;padding:20px}.cmp-maps h3{font-size:17px}.cmp-maps li{padding:12px 0;border-bottom:1px solid var(--line)}.cmp-maps li .muted{display:block;margin-top:5px;font-size:12px}.band-compare-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin:25px 0}.band-compare-form>.action-primary{grid-column:1/-1;justify-self:end}.band-delta b{font-size:20px;white-space:nowrap}.band-delta small{font-size:10px;margin-left:3px}.band-delta>span{display:block;color:var(--muted);font-size:10px}.band-compare-result{margin-top:36px}
@media(max-width:640px){.compare-picker{padding:18px}.cmp-form{grid-template-columns:1fr;gap:12px}.cmp-form .choice-trigger{min-height:103px;padding:17px;gap:15px}.cmp-form .choice-icon{width:56px;height:56px;flex-basis:56px}.cmp-form .choice-copy strong{font-size:20px}.cmp-form>.vs-mark{margin:0;justify-self:center;font-size:11px}.cmp-form>.action-primary{justify-self:stretch;min-width:0;margin-top:5px}.compare-guide{flex-direction:column;gap:13px;margin:25px 5px}.compare-duo{gap:10px;margin:22px 0}.compare-player{padding:0 9px 12px;border-radius:18px}.compare-stage{height:230px}.compare-player-name{display:block}.compare-player-name strong{font-size:19px}.compare-player-name small{font-size:9px}.compare-rate{display:block;margin-top:11px}.compare-rate b{font-size:27px}.compare-player>p{text-align:left}.compare-vs{width:35px;height:35px;font-size:9px;top:35%}.compare-hero h1{font-size:26px}.compare-hero .verdict-line{font-size:12px}.band-compare-form{grid-template-columns:1fr 1fr;gap:12px}.band-compare-form>.choice-field:first-child{grid-column:1/-1}.band-compare-form .choice-trigger{padding:11px;gap:8px}.band-compare-form .choice-icon{width:29px;height:29px;flex-basis:29px}.band-compare-form .choice-copy strong{font-size:13px}.band-compare-form .choice-copy small{font-size:9px}.band-compare-form .choice-chevron{display:none}.band-compare-form>.action-primary{justify-self:stretch}.band-diff-table{min-width:500px}.cmp-table{min-width:520px}}
.choice-field .choice-trigger{color:var(--ink);border:1px solid #454a3a;font-weight:500}.choice-trigger .choice-copy strong{color:var(--ink)}.choice-empty{margin:0}

/* Compare context stays next to the figures, including empty observations. */
.compare-context{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;margin:24px 0 16px}.compare-context span{color:var(--ink)}.map-compare-table td small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.matchup-definition{max-width:720px;line-height:1.9;color:var(--muted)}.matchup-definition strong{color:var(--ink)}.matchup-modes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.matchup-mode{padding:24px;border:1px solid var(--line);border-radius:18px;background:#ffffff03}.matchup-mode h3{font-size:14px}.matchup-rate{display:block;font-size:40px;letter-spacing:-.04em;margin:16px 0 6px}.matchup-mode>p:not(.eyebrow){color:var(--muted);font-size:12px}.matchup-status{font-size:11px;color:#dcc49b}.map-compare-table .verdict{font-size:12px;min-width:100px}.matchup-modes+.note{font-size:12px;line-height:1.8}@media(max-width:600px){.matchup-modes{grid-template-columns:1fr;gap:12px}.matchup-mode{padding:20px}.map-compare-table th:first-child{min-width:112px}}

@media(max-width:599px){.cmp-table{min-width:0}.map-compare-table thead{display:none}.map-compare-table tbody th[scope="row"]{grid-column:1/-1;grid-row:1;white-space:normal;text-align:left;font-size:14px;margin-bottom:10px}.map-compare-table tbody td.verdict{grid-column:1/-1;grid-row:3;text-align:left;min-width:0;margin-top:10px}.map-compare-table tbody tr{padding:20px 0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.map-compare-table td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.map-compare-table td small{white-space:normal;line-height:1.6}.map-compare-table th:first-child{min-width:0}}
/* Next match: selected band + map, one shared condition through each page. */
.context-modes a[aria-current="page"]{color:var(--accent);border-bottom:2px solid var(--accent)}
.pick-intro{padding-bottom:0}.pick-intro h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;line-height:1.25}.pick-controls{margin:24px 0 32px}.pick-filter{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.pick-filter>.choice-field{flex:1 1 250px;max-width:420px}.pick-filter>.action-primary{min-height:66px}.pick-filter select{font-size:16px;min-height:52px}.map-selection{margin-top:35px}.map-count{font-size:12px;color:var(--muted)}.pick-map-hero{padding:20px 0;gap:30px}.pick-map-hero .map-img-hero{max-height:210px;width:140px;object-fit:contain}.pick-map-hero h1{font-size:clamp(28px,4vw,46px)}.pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pick-card{background:radial-gradient(ellipse at top left,#d0fa7510,transparent 75%),#191c24;border:1px solid var(--line);border-radius:20px;padding:23px;min-width:0}.pick-name{display:flex;gap:15px;align-items:center;color:var(--ink)}.pick-name .av{border-radius:16px}.pick-name strong{display:block;font-size:21px}.pick-name small{font-size:11px;color:var(--muted)}.pick-metric{display:grid;gap:7px;margin:22px 0;min-width:0}.pick-metric>strong{font-size:32px;color:var(--accent);letter-spacing:-.04em}.pick-metric>span,.pick-metric>small{font-size:12px;color:var(--muted)}.pick-metric>.pick-quality{font-size:11px;color:#c4cca9;margin-top:5px}.pick-group-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:25px 0 14px}.pick-group-heading h3{font-size:18px;margin:0}.pick-group-heading>span{font-size:11px;color:var(--muted)}.pick-check{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:17px;min-height:50px;cursor:pointer;font-size:13px}.pick-check input{width:21px;height:21px;accent-color:var(--accent)}.pick-card:has(input:checked){border-color:var(--accent);background:#c8ed780c}.pick-check:has(input:disabled){opacity:.45;cursor:default}.pick-tray{display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;bottom:20px;z-index:8;margin-top:24px;padding:17px 22px;border:1px solid #aabb7866;border-radius:17px;background:#1b201bf2;box-shadow:0 10px 30px #0005;backdrop-filter:blur(12px)}.pick-tray>span{font-size:12px}.pick-tray button:disabled{opacity:.45;cursor:default}.pick-compare-error{color:#f2be97}.pick-data-list{border-top:1px solid var(--line)}.pick-data-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:12px 0}.pick-data-row .pick-metric{margin:8px 0}.pick-data-row .pick-metric>strong{font-size:24px}.pick-data-link{font-size:12px;min-height:44px;display:flex;align-items:center}.pick-context-summary{display:grid;gap:10px;padding:15px 18px;background:#c7e77b09;border:1px solid var(--line);border-radius:12px;font-size:12px;line-height:1.6}.pick-context-summary>span{color:var(--muted)}.compare-selected-context{padding:16px;border:1px solid var(--line);border-radius:12px;text-align:center;color:var(--accent);font-size:14px}.compare-player .pick-metric>strong{display:none}.compare-player .pick-metric{text-align:right;margin:12px 0}.compare-hero .pick-controls{text-align:left}.pick-filter .choice-copy strong{font-size:16px}
@media(max-width:720px){.pick-grid{grid-template-columns:1fr}.pick-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(115px,.8fr);gap:12px;padding:18px}.pick-name{gap:11px;align-items:center}.pick-name .av{width:52px;height:52px;border-radius:12px}.pick-name strong{font-size:17px}.pick-name small{font-size:10px}.pick-card .pick-metric{margin:0}.pick-metric>strong{font-size:28px}.pick-metric>span,.pick-metric>small{font-size:10px}.pick-card .pick-check{grid-column:1/-1;padding-top:12px;min-height:44px}.pick-filter{gap:12px}.pick-filter>.choice-field{max-width:none;flex:1 1 100%}.pick-filter>.action-primary{width:100%;min-height:48px}.pick-map-hero{gap:18px}.pick-map-hero .map-img-hero{width:85px;max-height:160px;flex-shrink:0}.pick-map-hero .lead{font-size:12px}.pick-tray{bottom:88px;padding:14px;gap:12px;flex-wrap:wrap}.pick-tray .action-primary{flex:1;min-height:48px;white-space:nowrap}.pick-data-row{grid-template-columns:1fr 1fr;gap:12px}.pick-data-link{grid-column:1/-1;border-top:1px dotted var(--line)}.pick-data-row .who{flex-wrap:wrap;font-size:13px}.pick-group-heading h3{font-size:16px}.compare-player .pick-metric{text-align:left}.compare-selected-context{font-size:12px;line-height:1.8}.compare-player .compare-rate b{font-size:24px}}
@media(prefers-reduced-motion:reduce){.pick-tray{backdrop-filter:none}}
/* Inline arc selectors: shared across role, band, map and character choices. */
.sr-only,.choice-compact>label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
.choice-open .choice-trigger{border-color:var(--accent)}.choice-open .choice-chevron{transform:rotate(180deg)}
.roster-heading{padding:28px 0 16px}.roster-heading h1{font-size:clamp(24px,3vw,32px);line-height:1.3;margin:0}.roster-search{gap:12px;margin:0 0 22px;align-items:center;flex-wrap:nowrap}.roster-search .roster-search-input{position:relative;display:block;flex:1;min-width:0;width:auto}.roster-search-mark{position:absolute;left:14px;top:50%;transform:translateY(-50%);font:26px/1 system-ui;pointer-events:none}.roster-search input{min-height:54px;height:54px;padding:10px 14px 10px 42px}.roster-search .choice-field{flex:0 1 240px;gap:0}.roster-search .choice-trigger{min-height:54px;height:54px;padding:8px 12px;border-radius:12px}.roster-search .choice-trigger .choice-icon{width:30px;height:30px;flex-basis:30px}.roster-search .choice-trigger .choice-copy small{display:none}.roster-search .choice-trigger .choice-copy strong{font-size:14px}.roster-search>#brawler-clear{padding:8px;flex:0 0 auto}
@keyframes arc-reveal{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.roster-heading{padding:23px 0 14px}.roster-heading h1{font-size:24px}.roster-search{gap:8px;flex-wrap:wrap;margin-bottom:15px}.roster-search .roster-search-input{flex:1 1 140px;width:auto}.roster-search .choice-field{flex:1 1 132px;width:auto}.roster-search .choice-trigger{gap:8px}.roster-search .choice-trigger .choice-icon{display:none}.roster-search input{height:50px;min-height:50px}.roster-search .choice-trigger{height:50px;min-height:50px}.roster-search>#brawler-clear{margin-left:auto}}
.pct-form .choice-field{flex:1 1 190px;max-width:320px}.pct-form .choice-trigger{background:linear-gradient(125deg,#252a23,#1a1d24 80%);padding:11px 15px;border:1px solid #454a3a;color:var(--ink);font-weight:500}.pct-form>.choice-field>label{font-size:11px}.up-form{gap:14px}.up-form>button[type=submit]{align-self:end;min-height:54px}.pct-form .choice-copy small{font-size:11px}
@media(max-width:640px){.pct-form .choice-field{max-width:none}.roster-search>label.roster-search-input{flex:1 1 140px;width:auto}.roster-search>.choice-field{flex:1 1 132px;width:auto}}

.pick-map-hero .hero-text{min-width:0}.pick-map-hero h1{overflow-wrap:anywhere}


/* Fixed to the field, with a large central sector and fading neighbours. */
.choice-field{position:relative}.choice-field.choice-open{z-index:60}
.choice-open>.choice-trigger>*{opacity:0}
.choice-wheel{position:fixed;z-index:60;inset:0;pointer-events:none;overflow:clip}
.choice-wheel[hidden]{display:none}
.choice-wheel .choice-search{position:absolute;z-index:3;display:block;font-size:16px;min-height:48px;background:#191e24f2;backdrop-filter:blur(12px);pointer-events:auto;margin:0}
.choice-ring-surface{position:absolute;mask-image:linear-gradient(to bottom,transparent 2%,#000 28%,#000 72%,transparent 98%);-webkit-mask-image:linear-gradient(to bottom,transparent 2%,#000 28%,#000 72%,transparent 98%)}
.choice-ring-surface:before{content:"";position:absolute;inset:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);clip-path:polygon(71.706% 96.991%,64.218% 95.715%,56.964% 94.091%,50.000% 92.131%,43.378% 89.851%,37.149% 87.267%,31.360% 84.400%,26.056% 81.271%,21.276% 77.904%,17.058% 74.324%,13.432% 70.560%,10.428% 66.639%,8.067% 62.591%,6.367% 58.448%,5.342% 54.240%,5.000% 50.000%,5.342% 45.760%,6.367% 41.552%,8.067% 37.409%,10.428% 33.361%,13.432% 29.440%,17.058% 25.676%,21.276% 22.096%,26.056% 18.729%,31.360% 15.600%,37.149% 12.733%,43.378% 10.149%,50.000% 7.869%,56.964% 5.909%,64.218% 4.285%,71.706% 3.009%,89.177% 38.252%,87.305% 38.571%,85.491% 38.977%,83.750% 39.467%,82.095% 40.037%,80.537% 40.683%,79.090% 41.400%,77.764% 42.182%,76.569% 43.024%,75.514% 43.919%,74.608% 44.860%,73.857% 45.840%,73.267% 46.852%,72.842% 47.888%,72.586% 48.940%,72.500% 50.000%,72.586% 51.060%,72.842% 52.112%,73.267% 53.148%,73.857% 54.160%,74.608% 55.140%,75.514% 56.081%,76.569% 56.976%,77.764% 57.818%,79.090% 58.600%,80.537% 59.317%,82.095% 59.963%,83.750% 60.533%,85.491% 61.023%,87.305% 61.429%,89.177% 61.748%);pointer-events:none}
.choice-ring{position:relative;display:block;width:100%;height:auto;overflow:visible;user-select:none;touch-action:pan-x;pointer-events:none}
.choice-ring.is-dragging{cursor:grabbing}.choice-sector{outline:none;cursor:grab;pointer-events:auto}
.choice-sector path{fill:#20272bd9;stroke:#aabf953d;stroke-width:1;transition:fill .15s,stroke .15s}
.choice-sector.selected path{stroke:#a5c76d}.choice-sector.is-current path{fill:#2b3925eb;stroke:#c9f86b;stroke-width:1.5}
.choice-sector:hover path,.choice-sector:focus-visible path{fill:#35462bee;stroke:#e1ffa5;stroke-width:2}
.choice-sector-copy{height:72px;display:flex;align-items:center;gap:15px;pointer-events:none;color:var(--ink);padding:0 8px}
.choice-sector-copy .choice-icon{width:38px;height:38px;flex:0 0 38px;object-fit:contain;border-radius:8px}
.choice-sector-copy .choice-copy{min-width:0;text-align:left;display:block}
.choice-sector-copy .choice-copy strong{font-size:17px;line-height:1.4;display:block;white-space:normal;overflow-wrap:anywhere}
.choice-sector-copy .choice-copy small{display:none}.choice-sector-copy .choice-mark{font-size:24px;background:transparent}
.choice-ring-controls{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.choice-step{min-width:44px;min-height:44px}
.choice-wheel .choice-empty{position:fixed;left:16px;right:16px;bottom:100px;padding:12px;background:#191e24f2;border-radius:10px;font-size:13px}
@media(prefers-reduced-motion:reduce){.choice-sector path{transition:none}}html.motion-off .choice-sector path{transition:none}

.choice-wheel{mask-image:linear-gradient(to bottom,transparent,#000 78px,#000 calc(100% - 86px),transparent calc(100% - 24px));-webkit-mask-image:linear-gradient(to bottom,transparent,#000 78px,#000 calc(100% - 86px),transparent calc(100% - 24px))}

/* SVG geometry, independent of glyph baselines. The brand has a small upper accent. */
.choice-mark{line-height:1;display:flex;align-items:center;justify-content:center}.choice-mark svg{display:block;width:24px;height:24px;flex:none}
.brand-mark{position:relative;display:grid;place-items:center}.brand-mark:after{content:none}.brand-star{display:block;width:22px;height:22px;fill:#182015;transform:translateY(1px)}.brand-mark:before{content:"";display:block;position:absolute;width:8px;height:2px;border-radius:2px;background:#18201566;top:5px;left:7px}
html[data-selection-updating],html[data-selection-updating] main{overflow-anchor:none}html[data-selection-updating] [data-reveal]{opacity:1;transform:none}
.selection-status{position:fixed;right:20px;bottom:85px;z-index:110;background:#20262a;border:1px solid #73834e;border-radius:12px;padding:10px 16px;font-size:12px;color:var(--ink)}

/* Personal growth: decisions first, detailed history further down. */
.growth{margin:20px 0 38px;padding:30px;border:1px solid #39432d;border-radius:24px;background:radial-gradient(ellipse at 95% 0,#d0fa750b,transparent 50%),#151820}.growth-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.growth-heading h2{font-size:32px;margin:7px 0}.growth-heading p:not(.eyebrow){color:var(--muted);font-size:12px}.growth-count{font:750 44px/1.15 system-ui;color:var(--accent);text-align:right}.growth-count small{display:block;font-size:8px;letter-spacing:.2em;margin-top:8px}.growth-context{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:12px;margin-top:25px}.growth-context .choice-field{width:100%}.growth-context>button{grid-column:1/-1;justify-self:end}.growth-context-note,.growth-footnote{font-size:11px;line-height:1.9;color:var(--muted)}.growth-controls{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin:23px 0;padding:22px 0;border-block:1px solid var(--line)}.growth-goals{display:flex;flex-wrap:wrap;gap:7px;align-content:center}.growth-goals>span{flex:1 0 100%;font-size:11px;color:var(--muted)}.growth-goals button{border:1px solid var(--line);border-radius:10px;min-height:44px;padding:8px 14px;background:#1b2028;color:var(--ink);cursor:pointer}.growth-goals button[aria-pressed=true]{border-color:var(--accent);background:#d0fa7518;color:var(--accent)}.growth-priorities{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.growth-priorities button{padding:16px;text-align:left;border:1px solid var(--line);border-radius:13px;background:#191e27;color:var(--muted);cursor:pointer}.growth-priorities strong{display:block;font-size:15px}.growth-priorities small{display:block;font-size:10px;margin-top:6px}.growth-priorities button[aria-pressed=true]{background:#d0fa7512;border-color:#9eb965;color:var(--accent)}.growth-list-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 15px}.growth-list-head>p{font-size:12px;color:var(--muted)}.growth-list-head .choice-field{flex-basis:220px}.growth-list-head .choice-field>label{display:none}.growth-list-head .choice-trigger{min-height:50px}.growth-list-head .choice-icon{width:28px;height:28px;flex-basis:28px}.growth-cards,.growth-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.growth-card{padding:18px;background:#1d222c;border:1px solid #343c48;border-radius:17px;min-width:0}.growth-card-top{display:flex;gap:12px;align-items:center}.growth-card-top img{border-radius:15px;flex:none}.growth-card-top small{font-size:9px;color:var(--muted)}.growth-card h3{font-size:18px;margin:3px 0}.growth-card h3 a{color:var(--ink)}.growth-card-top p{font-size:11px;color:var(--muted);margin:4px 0}.growth-stat{display:flex;align-items:baseline;gap:10px;margin:20px 0 13px}.growth-stat strong{font-size:25px;white-space:nowrap}.growth-stat span{font-size:9px;color:var(--muted)}.growth-cost{padding:13px 0;border-top:1px solid var(--line)}.growth-cost>span{display:block;color:var(--muted);font-size:9px}.growth-cost>strong{font-size:19px;display:block;margin:4px 0}.growth-cost>small{color:var(--muted);font-size:12px}.growth-cost p{font-size:10px;color:var(--muted);min-height:35px;margin:10px 0 0}.growth-card-actions{display:flex;gap:8px}.growth-card-actions button{flex:1;min-width:0;border:1px solid #485240;background:#d0fa7508;color:var(--ink);min-height:44px;border-radius:9px;font-size:11px;cursor:pointer;padding:5px}.growth-card-actions button[aria-pressed=true]{background:#d0fa7525;border-color:var(--accent);color:var(--accent)}.growth-card-actions button:disabled{opacity:.4;cursor:default}.growth-more{margin:22px auto;display:flex}.growth-compare{margin:28px 0;padding:23px 0;border-block:1px solid #657644}.growth-compare h3{font-size:21px;margin-bottom:20px}.growth-total{color:var(--accent);font-size:12px}.growth-footnote{margin:25px 0 0}
@media(max-width:900px){.growth-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-context{grid-template-columns:1fr 1fr}.growth-context .choice-field:last-of-type{grid-column:1/-1}.growth-controls{grid-template-columns:1fr}.growth-compare-grid{grid-template-columns:1fr}}
@media(max-width:640px){.growth{padding:18px 14px;margin-inline:-4px;border-radius:18px}.growth-heading h2{font-size:25px}.growth-heading p:not(.eyebrow){font-size:11px}.growth-count{font-size:32px}.growth-context{gap:8px}.growth-context .choice-trigger{min-height:60px;padding:9px;gap:8px}.growth-context .choice-icon{width:26px;height:26px;flex-basis:26px}.growth-context .choice-copy strong{font-size:13px}.growth-context .choice-copy small{font-size:9px}.growth-context .choice-chevron{font-size:15px}.growth-priorities{gap:7px}.growth-priorities button{padding:12px 8px}.growth-priorities strong{font-size:12px}.growth-priorities small{font-size:9px}.growth-list-head{align-items:flex-start;flex-wrap:wrap}.growth-list-head .choice-field{flex:1}.growth-list-head>p{flex:1 0 100%;margin:0}.growth-cards{grid-template-columns:1fr}.growth-card{padding:18px}.growth-card-top img{width:60px;height:60px}.growth-card-top h3{font-size:20px}.growth-stat{margin:15px 0 10px}.growth-card-actions button{font-size:12px}.growth-goals{gap:6px}.growth-goals button{padding:8px 11px}.growth-controls{gap:17px}}

#growth{scroll-margin-top:110px}.growth-owned{margin-top:23px;border-top:1px solid var(--line);padding-top:18px}.growth-owned summary{cursor:pointer;min-height:44px;font-size:13px;color:var(--ink)}.growth-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px}.growth-roster a{display:flex;flex-direction:column;align-items:center;gap:7px;background:#ffffff03;border:1px solid var(--line);border-radius:12px;padding:12px 6px}.growth-roster img{border-radius:10px}.growth-roster strong{font-size:12px;color:var(--ink)}.growth-roster span{font-size:10px;color:var(--muted)}@media(max-width:640px){#growth{scroll-margin-top:85px}.growth-roster{grid-template-columns:repeat(3,minmax(0,1fr))}}

.growth-compare-shortcut{position:fixed;z-index:40;bottom:22px;right:22px;display:flex;align-items:center;gap:14px;max-width:calc(100vw - 32px);border:1px solid #8aab58;border-radius:14px;background:#222c20f5;box-shadow:0 8px 30px #0006;padding:8px 14px;backdrop-filter:blur(12px);font-size:12px}.growth-compare-shortcut a{display:flex;align-items:center;min-height:44px;color:var(--accent);font-weight:700}.growth-compare-shortcut button{min-height:44px;color:var(--muted);background:none;border:0;cursor:pointer;font-size:11px}#growth-compare{scroll-margin-top:110px}@media(max-width:640px){.growth-compare-shortcut{bottom:80px;left:16px;right:16px;justify-content:space-between;gap:8px;font-size:11px}#growth-compare{scroll-margin-top:85px}}

.growth-resource-note strong{font-size:14px}.growth-resource-note p{font-size:12px;line-height:1.85;color:var(--muted);margin:8px 0}.growth-resource-note>span{font-size:10px;color:var(--muted)}.growth-compare-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}

/* Local period controls: keep the data and its timeframe together. */
.period-control{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:14px 0;color:var(--muted);font-size:11px}
.period-tabs{display:inline-flex;gap:3px;padding:3px;background:#0e1117;border:1px solid var(--line);border-radius:11px}
.period-tabs a{display:grid;place-items:center;min-width:56px;min-height:38px;padding:7px 14px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:750}
.period-tabs a[aria-current]{color:var(--accent);background:#c9f86b17;box-shadow:inset 0 0 0 1px #c9f86b35}
.period-tabs a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.period-control small{flex-basis:100%;text-align:right}
.card-head .period-control{margin:8px 0}.brand-mark{background:none!important;transform:none!important;width:44px;height:44px;border-radius:0;flex-shrink:0}.brand-mark:before,.brand-mark:after{display:none}.brand-mark img{width:100%;height:100%;object-fit:contain}
@media(max-width:640px){.brand-mark{width:36px;height:36px}.period-tabs a{min-height:40px;min-width:50px;padding:6px 12px}.period-control{gap:9px;font-size:10px}.choice-sector-copy .choice-copy strong{font-size:21px;line-height:1.25}.choice-sector-copy .choice-icon{width:32px;height:32px;flex-basis:32px}.choice-sector-copy{gap:10px;padding:0 4px}.choice-ring-surface{mask-image:linear-gradient(to bottom,transparent 10%,#000 34%,#000 66%,transparent 90%);-webkit-mask-image:linear-gradient(to bottom,transparent 10%,#000 34%,#000 66%,transparent 90%)}}
.study-nav{display:flex;gap:22px;padding:20px 0 0;font-size:12px}.study-nav a{color:var(--muted);min-height:44px;display:flex;align-items:center}.study-nav a[aria-current]{color:var(--accent)}
.climb-intro{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:25px;padding:45px 0 35px}.climb-intro h1{font-size:clamp(34px,4.5vw,57px);letter-spacing:-.05em;line-height:1.3}.climb-hero-number{text-align:right;transform:skew(-7deg);font-family:'Avenir Next',system-ui}.climb-hero-number>span{font-size:48px;display:block;color:#555e49;font-weight:800}.climb-hero-number>b{font-size:clamp(56px,8vw,112px);line-height:1.15;display:block;color:var(--accent);letter-spacing:-.08em}.climb-hero-number b span{font-size:.45em;vertical-align:top;letter-spacing:0}.climb-hero-number>small{font-size:10px;letter-spacing:.2em;color:var(--muted)}.climb-explainer{padding:17px 20px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:22px}.climb-explainer>span{font-size:11px;color:var(--accent);white-space:nowrap}.climb-explainer p{font-size:12px;color:var(--muted);margin:0}.climb-controls{display:flex;align-items:end;gap:24px;flex-wrap:wrap;margin:35px 0 25px}.climb-controls>.seg{margin-bottom:4px}.climb-form{flex:1;min-width:240px}.climb-form .choice-field{width:100%}.climb-controls>.period-control{margin:0 0 3px}.climb-summary{display:grid;grid-template-columns:1.3fr 1fr 1fr .9fr;gap:22px;align-items:center;padding:26px;background:linear-gradient(120deg,#273222,#1a1d24 55%);border:1px solid #56673b;border-radius:17px}.climb-subject{display:flex;align-items:center;gap:18px}.climb-subject img{border-radius:17px}.climb-subject h2{font-size:27px;margin:3px 0}.climb-evidence,.climb-delta,.climb-observed{display:grid;gap:5px}.climb-evidence strong{font:800 27px/1.3 system-ui;color:var(--accent)}.climb-evidence span,.climb-evidence small,.climb-delta small,.climb-observed small{font-size:10px;color:var(--muted)}.climb-delta strong,.climb-observed strong{font:750 25px/1.3 system-ui}.climb-results{border-top:1px solid var(--line)}.climb-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:24px;align-items:center;padding:20px 8px;border-bottom:1px solid var(--line)}.climb-row-name{min-width:0;display:grid;gap:5px}.climb-row-name>a{font-size:18px;font-weight:750;color:var(--ink)}.climb-row-name small{font-size:10px;color:var(--muted)}.climb-portraits{display:flex;gap:20px;flex-wrap:wrap}.climb-portraits a{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:12px}.climb-hours{height:170px;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:8px;align-items:stretch;padding:12px 0;margin:25px 0}.climb-hour{display:flex;flex-direction:column;justify-content:end;gap:10px;align-items:center}.climb-hour i{display:block;width:100%;height:var(--bar);min-height:2px;background:linear-gradient(#c9f86b,#718e3b);border-radius:4px 4px 0 0}.climb-hour small{font-size:10px;color:var(--muted)}.climb-empty{padding:35px;border:1px dashed #56673b;border-radius:17px;margin:25px 0}.climb-empty h2{font-size:23px}.climb-empty p{color:var(--muted);font-size:13px;max-width:650px}.climb-empty .action-secondary{margin:10px 10px 0 0}
@media(max-width:850px){.climb-summary{grid-template-columns:1fr 1fr}.climb-controls{gap:15px}.climb-row{gap:16px}.climb-hero-number>span{font-size:35px}}
@media(max-width:640px){.climb-intro{grid-template-columns:1fr;padding-top:30px;gap:0}.climb-intro h1{font-size:34px;margin:13px 0}.climb-hero-number{display:flex;align-items:baseline;justify-content:flex-end;gap:14px;opacity:.8;margin-top:4px}.climb-hero-number>span{font-size:24px}.climb-hero-number>b{font-size:52px}.climb-hero-number>small{display:none}.climb-explainer{display:block;padding:14px}.climb-explainer p{font-size:11px;margin-top:7px}.climb-controls{margin-top:24px;gap:14px}.climb-form{flex:1 1 100%;min-width:0}.climb-controls>.period-control{width:100%}.climb-summary{padding:18px;gap:22px 12px}.climb-subject{grid-column:1/-1}.climb-subject img{width:54px;height:54px}.climb-observed{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px;display:flex;align-items:baseline;gap:12px}.climb-row{grid-template-columns:1fr 1fr;padding:16px 0;gap:12px}.climb-row-name{grid-column:1/-1}.climb-row-name>a{font-size:17px}.climb-evidence strong,.climb-delta strong{font-size:24px}.climb-hours{gap:3px;height:130px}.climb-hour small{font-size:8px}.climb-portraits{gap:15px}.climb-empty{padding:22px}.climb-empty h2{font-size:20px}}

/* Sharing stays beside the selected data, without moving the page on open. */
.data-actions{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap;margin:18px 0}.data-actions>.period-control{margin:0}.page-share-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#1b1e26;color:var(--ink);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap}.page-share-button svg{width:17px;height:17px}.page-share-button:hover{border-color:var(--accent);color:var(--accent)}.page-share-button[hidden]{display:none}.climb-controls>.page-share-button{margin-bottom:3px}.page-share-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid #454d3b;border-radius:22px;background:#191c24;color:#f2f3f5;box-shadow:0 28px 90px #0009}.page-share-dialog::backdrop{background:#05070cbb;backdrop-filter:blur(5px)}.share-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.share-dialog-head h2{font-size:24px;margin:5px 0 0;letter-spacing:-.04em}.share-dialog-head .eyebrow{font-size:9px;color:var(--accent);margin:0}.share-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:#ffffff08;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-size:26px;cursor:pointer}.share-preview{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:contain;border-radius:12px;background:#101116}.share-preview[hidden]{display:none}.share-page-title{font-weight:700;font-size:14px;margin:16px 0 8px}.share-note{font-size:12px;color:var(--muted);margin:0 0 20px}.share-link-label{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.share-url{box-sizing:border-box;width:100%;font-size:16px;padding:12px;border-radius:10px;background:#101218;color:#d9dfce;border:1px solid var(--line)}.share-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.share-dialog-actions button{cursor:pointer;min-height:44px}.share-dialog-actions [hidden]{display:none}.share-image-link{font-size:11px;margin-left:auto;min-height:44px;display:flex;align-items:center}.share-result{color:var(--accent);font-size:12px;min-height:1.5em;margin:12px 0 0}
.climb-film{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:40px;align-items:center;margin:48px 0;padding:30px;border:1px solid #3d4931;border-radius:23px;background:linear-gradient(130deg,#222b20,#191b24 65%);scroll-margin-top:100px}.climb-film-player{min-width:0;border-radius:17px;overflow:hidden;background:#101116;border:1px solid #ffffff12}.climb-film video{display:block;width:100%;height:auto;aspect-ratio:9/16}.climb-film-copy{min-width:0}.climb-film-copy h2{font-size:clamp(23px,2.8vw,34px);letter-spacing:-.04em;line-height:1.5;margin:10px 0}.climb-film-copy>.eyebrow{color:var(--accent);font-size:10px}.climb-film-lead{font-size:15px}.climb-film-period{font-size:10px;color:var(--muted);line-height:1.9;padding:15px 0;border-top:1px solid var(--line);margin:23px 0 12px}.climb-film-period strong{font-size:12px;color:var(--ink);font-weight:600}.climb-film-transcript{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0;padding:15px 0;font-size:12px}.climb-film-transcript summary{min-height:28px;cursor:pointer;color:var(--accent)}.climb-film-transcript ul{padding-left:20px;line-height:1.9}.climb-film-transcript li+li{margin-top:12px}.climb-intro .action-secondary{margin-top:14px;min-height:44px}
textarea{font:inherit;font-size:16px}
@media(max-width:640px){.page-share-dialog{padding:18px;border-radius:17px}.share-dialog-head h2{font-size:21px}.share-dialog-actions{gap:8px}.share-dialog-actions button{flex:1 1 130px;white-space:nowrap;font-size:12px;padding:10px}.share-image-link{margin-left:0;flex-basis:100%}.climb-film{grid-template-columns:1fr;padding:20px;gap:22px;margin:30px 0}.climb-film-player{width:100%;max-width:320px;justify-self:center;order:2}.climb-film-copy h2{font-size:24px}.climb-film-copy>.eyebrow{font-size:9px}.climb-film-period{margin:16px 0 10px;padding:12px 0}.climb-film-transcript{margin:15px 0}.climb-controls>.period-control{width:auto;flex:1}.climb-controls>.page-share-button{margin-left:auto}.data-actions{gap:10px}.data-actions>.period-control{flex:1;min-width:180px}.page-share-button{padding:8px 12px;gap:6px}}

.climb-film{grid-template-areas:"player heading" "player notes";grid-template-rows:auto 1fr;row-gap:0;align-items:start}.climb-film-player{grid-area:player;position:relative}.climb-film-copy{grid-area:heading}.climb-film-notes{grid-area:notes;min-width:0}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;display:grid;place-items:center;border:1px solid #efffd5;border-radius:50%;background:#d0fa75e8;color:#12170b;cursor:pointer;box-shadow:0 4px 30px #0006}.film-play:hover{background:#defaab}.film-play svg{width:26px;height:26px;fill:currentColor}.film-play[hidden],.film-error[hidden]{display:none}.film-error{position:absolute;bottom:45px;left:12px;right:12px;padding:12px;background:#12141cef;border-radius:10px;font-size:12px}
@media(max-width:640px){.climb-film{grid-template-areas:"heading" "player" "notes";grid-template-rows:auto;row-gap:18px}.climb-film-player{order:0}.climb-film-copy h2{font-size:22px}.climb-film-lead{font-size:12px;margin:8px 0 0}.climb-film-period{margin-top:0}.climb-film-transcript{font-size:12px}}
/* Map assets are resolved by map-media.js for every page and selector. */
.map-label{display:inline-flex;align-items:center;gap:10px;vertical-align:middle;white-space:normal;text-align:left;max-width:100%}.map-label>span:last-child{min-width:0;overflow-wrap:anywhere}.map-img-thumb{display:inline-block!important;flex:0 0 40px!important;width:40px!important;height:54px!important;object-fit:contain!important;border-radius:6px;background:#ffffff06;padding:3px;box-sizing:border-box}.map-img-none{color:var(--muted);text-align:center;line-height:48px}.battle-main .map-label{font-size:12px}.personal-path{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0;padding:18px 22px;border:1px solid #bde06d55;border-radius:16px;background:linear-gradient(110deg,#d0fa7512,#d0fa7502);color:var(--ink)}.personal-path small{display:block;font-size:9px;letter-spacing:.18em;color:var(--accent);margin-bottom:6px}.personal-path strong{font-size:15px}.personal-path:hover{border-color:var(--accent)}.growth-steps{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 6px}.growth-steps a{display:flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:30px;font-size:12px;color:var(--ink)}.growth-steps a:hover{border-color:var(--accent)}.owned-now{margin:30px 0;border-block:1px solid var(--line);padding:25px 0}.owned-now h3,.growth-plan-heading h3{font-size:24px;margin:5px 0}.owned-now .section-title{margin:0 0 16px}.owned-map-current{display:flex;gap:12px;align-items:center;font-size:13px}.owned-map-strip{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 13px;scroll-snap-type:x proximity}.owned-map-strip>a{display:flex;flex:0 0 170px;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--ink);scroll-snap-align:start}.owned-map-strip>a[aria-current=true]{background:#d0fa7512;border-color:var(--accent)}.owned-now-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.owned-now-card{min-width:0;display:grid;grid-template-columns:1fr auto;gap:14px;background:#ffffff03;border:1px solid var(--line);border-radius:15px;padding:16px}.owned-now-card>a{display:flex;align-items:center;gap:10px;color:var(--ink);min-width:0}.owned-now-card img{border-radius:12px;width:48px;height:48px}.owned-now-card strong{display:block;font-size:15px}.owned-now-card small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.owned-now-card>div{text-align:right;align-self:center}.owned-now-card button{grid-column:1/-1;min-height:44px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:9px;cursor:pointer}.owned-now-card button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.owned-now-card button:disabled{opacity:.4;cursor:default}.growth-pair-links{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.growth-pair-links a{white-space:normal;font-size:12px;min-height:44px}.growth-plan-heading{margin:30px 0 0}#owned-now,#growth-plan{scroll-margin-top:100px}
@media(max-width:960px){.owned-now-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.owned-now-grid{grid-template-columns:1fr}.owned-now-card{padding:14px}.personal-path{padding:16px}.personal-path strong{font-size:13px;line-height:1.7}.growth-steps{gap:6px}.growth-steps a{font-size:11px;padding:0 11px}.owned-now h3,.growth-plan-heading h3{font-size:20px}.growth-pair-links a{width:100%;box-sizing:border-box}.map-img-thumb{flex-basis:32px!important;width:32px!important;height:44px!important}.map-label{gap:7px}}

.owned-map-strip strong{display:block;font-size:12px}.owned-map-strip small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}

/* Character growth, map directory and percentile overview — 2026-10-22. */
.profile-growth-goals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.growth-goal{display:flex;flex-direction:column;min-width:0;padding:18px 15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#d0fa750b,transparent);color:var(--ink);transition:border-color .15s}.growth-goal:hover,.growth-goal:focus-visible{border-color:var(--accent)}.growth-goal-top{display:flex;align-items:baseline;gap:6px;font-size:9px;letter-spacing:.1em;color:var(--muted)}.growth-goal-top strong{font-size:32px;line-height:1.1;letter-spacing:-.06em;color:var(--accent)}.growth-goal-top>span{margin-left:auto}.growth-goal-unlock{min-height:2.8em;margin:12px 0;font-size:11px;color:var(--muted)}.growth-goal-cost{font-size:10px}.growth-goal-cost strong{font-size:24px;letter-spacing:-.04em}.growth-goal-pp{margin:7px 0 15px;font-size:10px;color:var(--muted)}.growth-goal-link{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;font-size:10px}.growth-summary .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.map-directory{margin-top:32px}.map-directory>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;font-weight:800}.map-directory>summary:after{content:'＋';color:var(--accent);font-size:22px}.map-directory[open]>summary:after{content:'−'}.map-directory>summary>span:nth-child(2){margin-left:auto;color:var(--muted);font-size:12px;font-weight:400}.map-directory h3{font-size:15px;margin:24px 0 12px}.map-directory-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.map-directory-links>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);color:var(--ink);font-size:12px}.map-directory-links>a:hover{border-color:var(--accent)}.map-directory-links>a>span:last-child{color:var(--muted)}.footer-browse{display:flex;flex-wrap:wrap;gap:8px 24px;margin:15px 0}.footer-browse a{display:inline-flex;align-items:center;min-height:44px}.percentile-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:30px}.percentile-cards>a{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(140deg,#d0fa750b,transparent);color:var(--ink);gap:12px}.percentile-cards>a:hover{border-color:var(--accent)}.percentile-cards strong{font-size:34px;letter-spacing:-.04em;color:var(--accent)}.percentile-cards small{color:var(--muted);font-size:11px}.percentile-detail{border-top:1px solid var(--line);padding-top:12px;font-size:11px}.data-age-note{font-size:12px;color:var(--muted);border-left:2px solid var(--accent);padding:10px 14px;margin:20px 0}
@media(max-width:600px){.profile-growth-goals{grid-template-columns:1fr;gap:9px}.growth-goal{display:grid;grid-template-columns:1fr auto;column-gap:12px;padding:16px}.growth-goal-unlock{min-height:0;grid-row:2;margin:8px 0}.growth-goal-cost{grid-column:2;grid-row:1;text-align:right}.growth-goal-pp{grid-column:2;grid-row:2;text-align:right;margin:8px 0}.growth-goal-link{grid-column:1/-1;margin-top:6px}.growth-goal-top>span{display:none}.map-directory-links{grid-template-columns:1fr}.percentile-cards{grid-template-columns:1fr;gap:10px}.percentile-cards>a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:18px}.percentile-cards strong{font-size:28px;grid-column:2;grid-row:1/3}.percentile-cards small{grid-column:1}.percentile-detail{grid-column:1/-1;font-size:10px}.distribution-quick h2{font-size:21px}}

[data-tabs="profile"]{scroll-margin-top:100px}

.map-directory>summary>span:nth-child(2){white-space:nowrap}#h-look{scroll-margin-top:100px}

.equipment-summary{margin:28px 0}.equipment-summary h3{font-size:17px;margin:0}.equipment-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.equipment-summary dl>div{padding:15px 0;border-top:1px solid var(--line)}.equipment-summary dt{font-size:12px;font-weight:700}.equipment-summary dt small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:5px}.equipment-summary dd{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 0}.equipment-summary dd span{font-size:11px;padding:6px 10px;border-radius:8px;background:#ffffff08;color:var(--ink)}@media(max-width:600px){.equipment-summary dl{grid-template-columns:1fr}.equipment-summary dl>div{padding:12px 0}.equipment-summary dt{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.equipment-summary dt small{margin:0}}

/* The same personal summary on every character, independent of the selected profile tab. */
.personal-brawler{margin:20px 0;border:1px solid #bde06d55;border-radius:16px;background:linear-gradient(115deg,#d0fa750c,transparent);padding:18px}.personal-brawler .personal-path{border:0;margin:0;padding:0;background:none;min-height:50px}.personal-brawler-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.personal-brawler-heading>div:first-child{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:baseline}.personal-brawler-heading small{flex-basis:100%;font-size:9px;letter-spacing:.16em;color:var(--accent)}.personal-brawler-heading strong{font-size:15px}.personal-brawler-heading span{font-size:10px;color:var(--muted)}.personal-brawler-controls{display:flex;gap:8px;flex-shrink:0}.personal-brawler-controls button,.personal-brawler-controls a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:11px;background:transparent;border:0;color:var(--muted);padding:4px;cursor:pointer}.personal-brawler-controls button:hover,.personal-brawler-controls a:hover{color:var(--accent)}.personal-brawler-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.personal-brawler-stats dt{font-size:10px;color:var(--muted)}.personal-brawler-stats dd{font-size:25px;font-weight:800;margin:5px 0 0;letter-spacing:-.04em}.personal-brawler-next{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:13px 0;border-block:1px solid var(--line);color:var(--ink)}.personal-brawler-next span{font-size:12px}.personal-brawler-next strong{font-size:16px;color:var(--accent)}.personal-brawler-equipment,.personal-brawler-date,.personal-brawler-status{font-size:11px;color:var(--muted);line-height:1.8;margin:10px 0}.personal-brawler-date{margin:4px 0}.personal-brawler>.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px}.personal-brawler [hidden],.personal-cost-switch[hidden]{display:none!important}.personal-cost-switch{display:flex;gap:4px;flex-wrap:wrap;margin:16px 0 12px}.personal-cost-switch button{min-height:44px;border-radius:24px;border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 16px;font-size:12px;cursor:pointer}.personal-cost-switch button[aria-pressed=true]{background:#d0fa7517;border-color:#bde06d80;color:var(--accent)}
@media(max-width:600px){.personal-brawler{padding:14px}.personal-brawler-heading{align-items:flex-start}.personal-brawler-heading strong{font-size:14px}.personal-brawler-controls{gap:4px}.personal-brawler-stats dd{font-size:23px}.personal-brawler-next strong{font-size:15px}}

.personal-brawler-controls button{min-width:44px}.personal-brawler[aria-busy=true] [data-personal-summary]{min-height:210px}

/* Observed team combinations: scope remains visible beside the ordering controls. */
.team-pairs h2{font-size:26px;line-height:1.5}.team-pair-caution{font-size:12px;line-height:1.8;color:var(--muted);border-left:2px solid #8b94ac;padding:8px 12px;margin:18px 0}.team-pair-scope{font-size:13px;font-weight:700;margin:24px 0 8px}.team-pair-scope span{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:6px}.team-pair-groups{display:grid;gap:28px;margin:24px 0}.team-pair-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.team-pair-heading h3{font-size:21px;margin:0}.team-pair-heading>span{font-size:11px;color:var(--muted)}.team-pair-sort{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 8px}.team-pair-sort button,.team-pair-more{min-height:44px;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--muted);font-size:12px;padding:8px 14px;cursor:pointer}.team-pair-sort button[aria-pressed=true]{background:#d0fa7517;border-color:#bde06d80;color:var(--accent)}.team-pair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.team-pair-card{display:grid;grid-template-columns:48px 1fr;gap:8px 10px;padding:16px 12px;border:1px solid var(--line);border-radius:15px;background:#ffffff03;color:var(--ink);min-width:0}.team-pair-card:hover,.team-pair-card:focus-visible{border-color:var(--accent)}.team-pair-card img{border-radius:12px}.team-pair-card strong{font-size:13px;align-self:center;overflow-wrap:anywhere}.team-pair-rate{grid-column:1/-1;font-size:26px;font-weight:800;letter-spacing:-.04em}.team-pair-card small{grid-column:1/-1;font-size:10px;color:var(--muted)}.team-pair-link{grid-column:1/-1;font-size:11px;padding-top:10px;border-top:1px solid var(--line);color:var(--accent)}.team-pair-live{font-size:11px;color:var(--muted);min-height:1.6em;margin:8px 0 12px}.team-pair-more{display:block;margin:14px auto 0}.team-pairs [hidden]{display:none!important}
@media(max-width:700px){.team-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-pairs h2{font-size:22px}.team-pair-heading h3{font-size:18px}.team-pair-card{grid-template-columns:40px 1fr;padding:14px 10px;gap:7px}.team-pair-card img{width:40px;height:40px}.team-pair-card strong{font-size:12px}.team-pair-sort{gap:4px}.team-pair-sort button{font-size:11px;padding-inline:10px}}
@media(min-width:701px) and (max-width:1250px){.team-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#profile-teams,#team-mode-ranked,#team-mode-trophy{scroll-margin-top:100px}

/* Shared character favorites and effect-based equipment details. */
.profile-heading-actions{display:flex;align-items:center;gap:12px}.profile-heading-actions>.tier{font-size:24px;padding:10px 14px}
.favorite-button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:11px;border:1px solid #ffffff20;border-radius:50%;background:#151720ed;color:#a9aabc;cursor:pointer;flex:none}.favorite-button svg,.favorites-only svg{fill:none;stroke:currentColor;stroke-width:1.8;overflow:visible}.favorite-button[aria-pressed=true]{color:#ff86b7;background:#372136;border-color:#fb7fb64f}.favorite-button[aria-pressed=true] svg,.favorites-only[aria-pressed=true] svg{fill:currentColor}.favorite-button:hover{color:#ffadcc;border-color:#ff86b7}.favorite-button:focus-visible,.favorites-only:focus-visible,.kit-option summary:focus-visible,.kit-close:focus-visible,.kit-other:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.favorites-only{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;background:#1b1e28;border:1px solid var(--line);border-radius:12px;color:var(--muted);cursor:pointer}.favorites-only[aria-pressed=true]{color:#ffadcc;border-color:#fb7fb65f;background:#2c1c2b}.favorite-status{font-size:11px;color:var(--muted);margin:0;min-height:1.8em;line-height:1.8}.profile-info>.favorite-status{height:1.8em;overflow:hidden}
.roster-tile{position:relative;padding:0;gap:0;min-height:168px;overflow:visible}.roster-tile .favorite-button{position:absolute;right:3px;top:3px;z-index:1;width:44px;height:44px;padding:12px;box-shadow:0 2px 8px #0004}.roster-card-link{width:100%;height:100%;min-height:168px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:33px 8px 12px;text-decoration:none;color:inherit;border-radius:inherit}.roster-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.roster-role{font-size:10px;color:var(--muted);display:none}.roster-favorites .roster-role{display:block}.roster-favorites .roster-group .tiles{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.roster-favorites .roster-group .tiles>.roster-tile{max-width:190px}
.equipment>.card-head{display:block}.equipment-group{margin-top:22px}.equipment-group>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.equipment-group h3{margin:0;font-size:14px}.equipment-group header span{color:var(--muted);font-size:10px}.equipment-group header small{border:1px solid var(--line);border-radius:12px;padding:4px 8px;color:var(--muted);font-size:10px;white-space:nowrap}.equipment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.equipment-hypercharge .equipment-options{grid-template-columns:1fr}.kit-option{margin:0;border:1px solid #ffffff18;border-radius:14px;background:#0f1119}.kit-option summary{display:flex;align-items:center;gap:10px;padding:13px 10px;list-style:none;cursor:pointer;min-height:92px;border-radius:14px}.kit-option summary::-webkit-details-marker{display:none}.kit-option summary:hover{background:#ffffff05}.kit-icon{display:grid;place-items:center;flex:none;width:56px;height:56px}.kit-icon img{width:100%;height:100%;object-fit:contain}.kit-name{min-width:0;font-size:12px;font-weight:750;line-height:1.6;overflow-wrap:anywhere}.kit-name small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}.kit-open{font-size:17px;color:var(--muted);margin-left:auto}.kit-detail{padding:18px;font-size:14px;line-height:1.9}.kit-detail h4{font-size:12px;margin:22px 0 7px;color:var(--ink)}.kit-detail p{margin:0;color:var(--ink-2)}.kit-detail-heading{display:flex;align-items:center;gap:14px;padding-right:16px}.kit-detail-heading .kit-icon{width:72px;height:72px}.kit-detail-heading h3{font-size:22px;line-height:1.4;margin:5px 0;overflow-wrap:anywhere}.kit-detail-heading .eyebrow{font-size:10px;color:var(--muted)}.kit-choice{padding:15px 18px;margin:22px 0;border-left:2px solid var(--accent);border-radius:0 12px 12px 0;background:#c5f47808}.kit-choice h4{margin:0 0 8px}.kit-cost{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:22px;font-size:12px;color:var(--muted)}.kit-cost strong{color:var(--ink)}.kit-detail .kit-note{font-size:10px;color:var(--muted);margin-top:14px}.kit-other{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:12px 15px;margin-top:22px;width:100%;border:1px solid var(--line);border-radius:12px;background:#ffffff06;color:var(--ink);text-align:left;font:inherit;font-size:12px;cursor:pointer}
.kit-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;max-width:calc(100vw - 28px);width:500px;max-height:calc(100dvh - 40px);padding:32px 18px 18px;background:#191c26;color:var(--ink);border:1px solid #ffffff26;border-radius:22px;box-shadow:0 30px 90px #0009;overscroll-behavior:contain;scrollbar-width:thin}.kit-dialog::backdrop{background:#07090dc4;backdrop-filter:blur(6px)}.kit-close{position:absolute;right:8px;top:8px;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:var(--muted);font:28px/1 sans-serif;cursor:pointer}.kit-dialog-content .kit-detail{padding:10px}.kit-dialog-content .kit-detail-heading{padding-right:8px}.kit-dialog-content .kit-detail-heading h3{font-size:23px}
@media(max-width:620px){.roster-tile,.roster-card-link{min-height:140px}.roster-card-link{padding:34px 5px 12px;gap:8px}.roster-tile .favorite-button{right:0;top:0;border:0;background:#161822ed}.roster-favorites .roster-group .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.roster-role{font-size:8px}.profile-info .page-tabs{justify-content:flex-start;gap:20px}.equipment-options{grid-template-columns:1fr}.kit-option summary{min-height:80px;padding:10px 13px}.kit-name{font-size:13px}.kit-icon{width:52px;height:52px}.kit-detail-heading .kit-icon{width:60px;height:60px}.kit-dialog{padding:32px 12px 14px;max-height:calc(100dvh - 32px)}.kit-detail{font-size:14px}.kit-choice{padding:14px}.kit-dialog-content .kit-detail-heading h3{font-size:20px}}

/* Keep the small favorite filter between search and role, with a full touch target. */
.roster-search{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(180px,240px);gap:12px}.roster-search>label.roster-search-input,.roster-search>.choice-field{width:100%;min-width:0}.roster-search>#brawler-clear{grid-column:1/-1;justify-self:end}.roster-map-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;padding:12px 16px;border:1px solid #ff86b73a;border-radius:12px;background:#ff86b709;font-size:13px;min-height:46px;color:#ffadcc}
.map-personal-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin:24px 0 20px}.map-personal-head h3{font-size:22px;margin:0 0 8px}.map-personal-head p{font-size:13px;color:var(--muted);margin:0}.map-personal-head>a{font-size:12px;min-height:44px;display:flex;align-items:center}.map-personal-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.map-personal-sources,.map-personal-intents{display:flex;gap:4px;padding:4px;background:#161821;border:1px solid var(--line);border-radius:14px}.map-personal-controls button{min-height:44px;padding:10px 17px;border:0;border-radius:10px;color:var(--muted);background:none;font:inherit;font-size:13px;cursor:pointer}.map-personal-controls button[aria-pressed=true]{color:var(--ink);background:#343a42}.map-personal-sources button[data-map-source=favorites][aria-pressed=true]{color:#ffadcc;background:#392436}.map-personal-controls button:disabled{opacity:.45;cursor:default}.map-personal-status{font-size:12px;color:var(--muted);margin:18px 0}.map-personal-account{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:18px;font-size:13px}.map-personal-account p{margin:0;flex:1 1 240px}.map-personal-account a{min-height:44px;display:flex;align-items:center}.map-personal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.map-personal-grid>.empty{grid-column:1/-1}.map-personal-card{display:flex;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#20232b,#181b23)}.map-personal-name{display:flex;align-items:center;gap:12px;color:var(--ink)}.map-personal-name img{border-radius:13px;object-fit:cover}.map-personal-name>span{display:grid;gap:4px}.map-personal-name small{font-size:10px;color:var(--muted)}.map-personal-name strong{font-size:17px}.map-personal-level{font-size:12px;color:#ffadcc;margin:14px 0}.map-personal-stat{display:flex;gap:10px;align-items:baseline;margin:0 0 14px}.map-personal-stat strong{font-size:26px}.map-personal-stat small{color:var(--muted);font-size:11px}.map-personal-cost{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:12px;margin:0 0 18px;padding-top:12px;border-top:1px solid var(--line)}.map-personal-cost small{grid-column:1/-1;color:var(--muted)}.map-personal-actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}.map-personal-actions .action-secondary{flex:1;min-height:44px;font-size:11px;padding:10px 8px;text-align:center;white-space:nowrap}.map-personal-grid+[data-map-personal-more]{margin-top:16px}
@media(max-width:700px){.map-personal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-personal-head{display:block}.map-personal-head h3{font-size:20px}.map-personal-head>a{margin-top:6px}.map-personal-card{padding:14px}.map-personal-name{gap:8px}.map-personal-name img{width:44px;height:44px}.map-personal-name strong{font-size:14px}.map-personal-stat{display:grid;gap:4px}.map-personal-cost{grid-template-columns:1fr}.map-personal-actions{display:grid}.map-personal-controls{gap:8px}.map-personal-controls button{padding:10px 13px}.map-personal-sources,.map-personal-intents{flex:1 1 100%}.map-personal-controls button{flex:1;white-space:nowrap}}
@media(max-width:640px){.roster-search{grid-template-columns:minmax(0,1fr) 44px minmax(110px,.86fr);gap:6px}.roster-search input{padding-left:30px;padding-right:7px}.roster-search-mark{left:8px}.roster-search .choice-trigger{padding:8px;gap:4px}.roster-search .choice-trigger .choice-copy strong{font-size:12px}.roster-search .favorites-only{padding:10px}.roster-map-link{font-size:12px}}

.roster-search>.choice-field{grid-column:3}

/* Short evidence-based guidance inside existing content tabs. */
.report-character .character-word{max-width:100%;overflow:hidden}
.page-insights p{line-height:1.85;overflow-wrap:anywhere}.page-insights .note{font-size:.85rem}.insight-map-list{list-style:none;padding:0;display:grid;gap:14px}.insight-map-list li{display:grid;gap:6px}.insight-map-list li>span{color:var(--muted);font-size:.85rem}.insight-map-list a{width:fit-content;max-width:100%}

/* 上げ方の帯：4つの選択肢を携帯幅でも同じ枠内に置く。 */
.climb-hero-number>span{font-size:clamp(20px,2.3vw,32px);letter-spacing:-.04em}
.climb-controls>.seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:100%;gap:3px}
.climb-controls>.seg>a{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 13px;box-sizing:border-box;white-space:nowrap}
.climb-band-note{padding:15px 18px;margin:0 0 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:12px}
.climb-band-note strong{font-size:12px}.climb-band-note p{margin:7px 0 0;color:var(--muted);line-height:1.7}
.climb-band-note.is-few{border-color:#665435}.climb-evidence-few strong{color:var(--ink)}.climb-evidence .climb-sample-note{color:#dcc38c}
@media(max-width:640px){.climb-controls>.seg{width:100%}.climb-controls>.seg>a{padding:8px 3px;font-size:11px}.climb-hero-number>span{font-size:clamp(12px,3.5vw,18px);white-space:nowrap}.climb-hero-number>b{font-size:46px}.climb-hero-number{gap:10px}.climb-band-note{padding:13px}}

/* Large character collections open as a searchable, stationary grid. */
.character-picker{width:min(780px,calc(100vw - 32px));max-width:none;max-height:min(760px,calc(100dvh - 40px));padding:22px;margin:auto;border:1px solid #536044;border-radius:22px;background:#151922;color:var(--ink);box-shadow:0 24px 100px #0009;overflow:auto;overscroll-behavior:contain}
.character-picker::backdrop{background:#06090cbd;backdrop-filter:blur(6px)}
.character-picker-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.character-picker-head h2{font-size:22px;margin:0}.character-picker-close{flex:none;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;font-size:27px;background:#242a33;color:var(--ink)}
.character-picker-search{width:100%;min-height:48px;font-size:16px;margin-bottom:16px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:#0e1219;color:var(--ink)}
.character-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.character-picker-option{min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 8px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#202630;text-align:center}.character-picker-option .choice-icon{width:56px;height:56px;flex:none}.character-picker-option .choice-copy strong{font-size:14px}.character-picker-option .choice-copy small{font-size:10px}.character-picker-option[aria-pressed=true]{border-color:var(--accent);background:#2d3824;box-shadow:inset 0 0 0 1px var(--accent)}.character-picker-option:hover{border-color:var(--accent)}.character-picker-option[hidden]{display:none}.character-picker-empty{font-size:14px;color:var(--muted)}
.upgrade-character{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.6fr);gap:24px;align-items:center;padding-bottom:24px;margin-bottom:20px;border-bottom:1px solid var(--line)}.upgrade-personal{font-size:13px;color:var(--muted);line-height:1.8}.upgrade-personal p{margin:6px 0}.upgrade-personal strong{font-size:17px;color:var(--ink)}.upgrade-personal>small{display:block;margin-top:8px}.upgrade-personal-actions{display:flex;gap:16px;align-items:center;margin-top:8px}.upgrade-personal-actions button{min-height:44px;padding:8px 12px;font-size:12px}.upgrade-personal-actions a{min-height:44px;display:flex;align-items:center}
.meta-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);column-gap:32px;row-gap:12px;padding:20px 0 10px}.meta-mode-controls{display:grid;gap:9px;justify-items:start}.meta-controls .study-nav{padding:0;gap:22px;min-height:20px;align-items:start}.meta-controls .study-nav a{min-height:20px;line-height:20px}.meta-controls>.choice-field{align-self:start;gap:9px}.meta-controls>.choice-field>label{line-height:20px}.meta-controls .choice-trigger{min-height:48px;padding:8px 12px;border-radius:11px}.meta-controls .choice-icon{width:30px;height:30px;flex-basis:30px}.meta-controls .choice-copy small{display:none}.meta-controls .context-fresh{grid-column:1/-1;margin:0;justify-self:end}
@media(max-width:640px){.character-picker{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:16px;border-radius:18px}.character-picker-head h2{font-size:20px}.character-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.character-picker-option{padding:12px 5px;gap:8px}.character-picker-option .choice-icon{width:48px;height:48px}.character-picker-option .choice-copy strong{font-size:12px}.character-picker-option .choice-copy small{font-size:10px}.upgrade-character{grid-template-columns:1fr;gap:16px}.meta-controls{column-gap:10px;grid-template-columns:minmax(0,1fr) minmax(110px,.8fr);padding-top:18px}.meta-controls .study-nav{gap:9px;font-size:10px}.meta-controls .study-nav a{white-space:nowrap}.meta-controls .seg{width:100%;max-width:none}.meta-controls .seg a{font-size:10px;padding:8px 5px}.meta-controls .choice-trigger{min-height:49px;gap:5px;padding:7px}.meta-controls .choice-icon{display:none}.meta-controls .choice-copy strong{font-size:12px}.meta-controls .context-fresh{justify-self:start}}
.character-picker[open]{display:flex;flex-direction:column;overflow:hidden}.character-picker-head,.character-picker-search{flex-shrink:0}.character-picker-grid{overflow-y:auto;min-height:0;overscroll-behavior:contain;align-content:start;padding:2px}.upgrade-personal-remaining{display:block;margin:12px 0}
@media(max-width:640px){.meta-controls .seg a{white-space:nowrap;padding-inline:3px}}