@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--paper:#f5f4ef;--white:#fffefa;--ink:#20231f;--muted:#85877e;--line:#e7e6de;--green:#345f45;--green-bright:#8cdf69;--lime:#c7ef9b;--mono:'DM Mono',monospace;--sans:'Manrope','Noto Sans KR',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}.shell{min-height:100vh;max-width:1600px;margin:auto;display:grid;grid-template-columns:82px minmax(0,1fr)}.rail{position:sticky;top:0;height:100vh;background:#253d2e;color:#f8f8f0;display:flex;align-items:center;flex-direction:column;padding:26px 0 24px;z-index:2}.brand{width:100%;display:flex;align-items:center;flex-direction:column;gap:7px;text-decoration:none;color:inherit;font:700 9px var(--mono);letter-spacing:-.05em}.brand-mark{width:30px;height:30px;border-radius:10px;background:#d5f5a9;color:#294834;display:grid;place-items:center;font-size:22px}.brand-light{font-weight:400;color:#a4b9a7}.rail-divider{width:34px;height:1px;background:#ffffff2b;margin:32px 0 19px}.rail-icon{border:0;background:none;width:42px;height:42px;display:grid;place-items:center;color:#9aab9e;border-radius:13px;margin-bottom:8px;cursor:pointer}.rail-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.rail-icon.selected{background:#ffffff16;color:#dbf3b9}.rail-bottom{margin-top:auto;display:flex;align-items:center;gap:6px;font:9px var(--mono);letter-spacing:.12em;color:#b9c7bb;writing-mode:vertical-rl}.rail-live-dot,.api-status i,.live-pill i{width:7px;height:7px;border-radius:50%;background:#98db6c;display:inline-block;box-shadow:0 0 0 3px #98db6c22}.main{padding:0 clamp(28px,7.1vw,112px);max-width:1500px;width:100%;margin:0 auto}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.crumb{font:10px var(--mono);letter-spacing:.1em;color:#8c8d84}.crumb b{font-weight:500;color:#3f443e}.crumb-slash{margin:0 11px;color:#c7c7bd}.top-right{display:flex;align-items:center;gap:18px}.api-status{display:flex;align-items:center;gap:8px;color:#777a71;font-size:11px}.api-status i{width:6px;height:6px;background:#c2c3ba;box-shadow:none}.api-status.connected i{background:#8cdf69;box-shadow:0 0 0 3px #8cdf6925}.help-button{width:27px;height:27px;border-radius:50%;border:1px solid #dcdcd2;background:transparent;color:#696b62;font:500 12px var(--mono);cursor:pointer}.intro{padding:51px 0 37px;display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{display:flex;align-items:center;gap:9px;font:10px var(--mono);letter-spacing:.14em;color:#6d7669}.eyebrow-line{width:20px;height:1px;background:#73946d}.intro h1{font-size:clamp(36px,4.2vw,54px);line-height:1.19;letter-spacing:-.065em;font-weight:600;margin:18px 0 12px}.intro h1 em{font-style:normal;color:#5c8a5c}.intro-copy{font-size:12px;line-height:1.9;color:#83857c;margin:0}.intro-stamp{width:102px;height:102px;border:1px solid #d8d8ce;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;color:#61685c;font:8px/1.5 var(--mono);letter-spacing:.08em;text-align:center;margin:0 8% 3px 0;transform:rotate(10deg)}.stamp-star{position:absolute;top:-10px;right:8px;color:#6e975c;font-size:20px}.stamp-small{font-size:6px;color:#a3a399;margin-top:5px}.search-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px 27px 17px;box-shadow:0 5px 20px #34392308}.search-label{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-number{font:10px var(--mono);color:#71946d;letter-spacing:.06em}.search-label b{font-size:12px;display:block;font-weight:700}.search-label small{display:block;font-size:10px;color:#a1a197;margin-top:4px}.search-form{display:flex;gap:9px}.search-field{height:48px;border:1px solid #e4e3db;border-radius:9px;background:#fff;display:flex;align-items:center;padding:0 14px;flex:1;min-width:0}.search-field:focus-within{border-color:#769775;box-shadow:0 0 0 3px #76977514}.search-field svg{width:17px;height:17px;fill:none;stroke:#90948b;stroke-width:1.6;margin-right:11px}.search-field input{font:12px var(--sans);border:0;outline:0;min-width:0;flex:1;color:var(--ink);background:transparent}.search-field input::placeholder{color:#b1b1a8}.field-suffix{font:9px var(--mono);color:#a2a399;border-left:1px solid #e9e8e0;padding-left:12px}.search-button{height:48px;background:#345f45;color:white;border:0;border-radius:9px;min-width:136px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:16px;font:600 11px var(--sans);cursor:pointer;transition:.2s}.search-button:hover{background:#294c38}.search-button:disabled{opacity:.65;cursor:wait}.button-arrow{font:16px var(--mono);color:#d0efa9}.search-note{margin-top:14px;font-size:9px;color:#a3a399}.search-note span{color:#749273;margin-right:5px}.dashboard{padding-top:37px}.section-heading,.history-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-heading>div:first-child,.history-heading>div{display:flex;align-items:center;gap:12px}.section-heading h2,.history-heading h2{font-size:14px;letter-spacing:-.04em;margin:0;font-weight:700}.tracking-control{display:flex;align-items:center;gap:15px}.live-pill{font:9px var(--mono);letter-spacing:.06em;color:#5d805b;display:flex;align-items:center;gap:7px}.live-pill i{width:5px;height:5px;box-shadow:none}.live-pill.paused i{background:#c6a060}.text-button{border:0;background:none;color:#85877f;font:10px var(--sans);cursor:pointer;padding:5px}.refresh-button{height:28px;width:28px;border:1px solid var(--line);border-radius:8px;background:#fffefa;color:#607b5e;font-size:16px;cursor:pointer}.character-card{background:#2b4937;border-radius:14px;color:#f7f6ef;min-height:132px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.character-card:after{content:'✳';position:absolute;right:38%;top:-58px;color:#ffffff08;font-size:210px;line-height:1}.character-identity{display:flex;align-items:center;gap:17px;z-index:1}.avatar-wrap{width:78px;height:78px;border-radius:13px;background:#e1ebd5;display:grid;place-items:center;overflow:hidden;position:relative}.avatar-wrap img{width:100%;height:100%;object-fit:contain;image-rendering:auto;display:none}.avatar-placeholder{font-size:35px;color:#739169}.character-copy h3{font-size:19px;margin:0;letter-spacing:-.06em}.character-name-row{display:flex;align-items:center;gap:10px}.world-tag{font:9px var(--mono);color:#c6e5a3;border:1px solid #a8c78c55;border-radius:5px;padding:4px 7px}.character-copy p{margin:5px 0 8px;font-size:10px;color:#c5d1c3}.guild-line{display:flex;align-items:center;gap:6px;color:#9fb2a1;font-size:9px}.guild-icon{color:#c1df9e;font-size:12px}.level-block{z-index:1;text-align:right;padding-left:30px;border-left:1px solid #ffffff24}.level-caption{font:8px var(--mono);letter-spacing:.13em;color:#a5baa9}.level-number{display:flex;align-items:baseline;gap:5px;justify-content:flex-end;margin:5px 0}.level-number small{font:10px var(--mono);color:#c4e49e}.level-number strong{font:500 39px var(--mono);letter-spacing:-.09em;color:#e2f3cd}.level-sub{font-size:9px;color:#a5b4a7}.stats-grid{display:grid;grid-template-columns:1.38fr 1.14fr .8fr;gap:13px;margin-top:13px}.stat-card{min-height:178px;border:1px solid var(--line);background:var(--white);border-radius:13px;padding:17px 18px 14px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:10px;color:#777a70}.stat-glyph{width:24px;height:24px;border-radius:7px;background:#f0f3e9;color:#73916d;display:grid;place-items:center;font-size:13px}.stat-value{margin-top:13px;font:500 23px var(--mono);letter-spacing:-.07em;color:#2d3b30;white-space:nowrap}.exp-card .stat-value{font-size:22px}.progress-meta{display:flex;justify-content:space-between;font-size:9px;color:#8e9087;margin-top:17px}.progress-meta b{color:#557b54;font:10px var(--mono)}.progress-track{height:6px;margin-top:8px;border-radius:10px;background:#ebede5;position:relative;overflow:hidden}.progress-fill{height:100%;width:0;background:#7bb96d;border-radius:10px;transition:width .5s}.progress-tick{position:absolute;top:0;bottom:0;left:25%;border-left:1px solid #fff8}.progress-foot{display:flex;justify-content:space-between;font:8px var(--mono);color:#aaa99f;margin-top:6px}.gain-value{color:#557e50}.gain-chart{height:52px;position:relative;margin-top:7px}.gain-chart svg{width:100%;height:100%;display:block}.chart-area{fill:#8abf7221}.chart-line{fill:none;stroke:#79ad68;stroke-width:2;vector-effect:non-scaling-stroke}.chart-empty{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:#aaa99f;font-size:8px}.gain-chart.empty svg{opacity:.16}.gain-chart.empty .chart-empty{display:flex}.chart-foot{display:flex;justify-content:space-between;font:8px var(--mono);color:#aaa99f;margin-top:6px}.pace-card .stat-value{font-size:19px;margin-top:18px}.pace-divider{height:1px;background:#eeede6;margin-top:16px}.pace-bottom{display:flex;align-items:center;gap:8px;margin-top:12px;color:#aaa99e;font-size:8px;line-height:1.5}.pace-orbit{color:#83a876;font-size:16px}.history-heading{margin:30px 0 13px}.history-heading>div{gap:12px}.history-list{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}.history-empty{min-height:74px;padding:16px 20px;display:flex;align-items:center;gap:13px;color:#8ca27e}.history-empty>span{font-size:19px}.history-empty b,.history-empty small{display:block}.history-empty b{font-size:10px;color:#72766c;font-weight:600}.history-empty small{font-size:9px;color:#aaa99f;margin-top:4px}.history-row{min-height:53px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:center;padding:10px 19px;border-bottom:1px solid #efeee9;font-size:10px}.history-row:last-child{border-bottom:0}.history-time,.history-level{color:#92948a;font:9px var(--mono)}.history-delta{font:10px var(--mono);color:#568350}.history-delta.neutral{color:#a0a197}.history-heading .text-button span{color:#72906a}.attribution{font-size:8px;color:#aaa99f;margin:16px 0 0}.attribution a{color:#788f70;text-decoration:none}.footer{border-top:1px solid var(--line);margin-top:38px;padding:18px 0 26px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.05em;color:#aaa99f}.footer i{font-style:normal;margin:0 5px;color:#c0c0b4}.footer b{color:#6d9566;margin-left:5px}.welcome-panel{margin-top:20px;min-height:82px;border:1px dashed #ddded4;border-radius:12px;display:flex;align-items:center;gap:14px;padding:16px 20px;position:relative;overflow:hidden}.welcome-icon{width:32px;height:32px;border-radius:10px;background:#e9efdf;color:#769169;display:grid;place-items:center;font-size:19px}.welcome-panel b{font-size:10px;color:#697264}.welcome-panel p{font-size:9px;color:#a0a196;margin:5px 0 0}.welcome-decoration{position:absolute;right:24px;font:10px/1.5 var(--mono);letter-spacing:.1em;color:#d8dfd1;transform:rotate(-8deg)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#263d2e;color:#f6f5ed;padding:12px 18px;border-radius:9px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:5;box-shadow:0 8px 25px #17211925}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{max-width:390px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:16px;padding:28px;background:var(--white);color:var(--ink);box-shadow:0 20px 80px #1f281f35}dialog::backdrop{background:#1f281f66;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:18px;top:14px;background:none;border:0;font-size:22px;color:#85877e;cursor:pointer}dialog h2{font-size:19px;letter-spacing:-.05em;margin:12px 0}dialog ol{padding-left:19px;font-size:11px;color:#63685e;line-height:2.1}dialog p{font-size:10px;line-height:1.8;color:#92948a}dialog code{background:#f0f1e9;padding:2px 5px;border-radius:4px}dialog>a{font-size:10px;color:#5d8256;text-decoration:none}
@media(min-width:1300px){.intro{padding-top:59px}.search-card{padding:25px 30px 18px}.dashboard{padding-top:40px}.stats-grid{gap:15px}.stat-card{min-height:188px;padding:18px 20px}}@media(max-width:900px){.main{padding:0 32px}.stats-grid{grid-template-columns:1fr 1fr}.pace-card{grid-column:span 2;min-height:130px}.pace-divider{margin-top:10px}.pace-bottom{margin-top:8px}.intro-stamp{margin-right:3%}}@media(max-width:600px){.shell{grid-template-columns:54px minmax(0,1fr)}.rail{padding-top:20px}.brand{font-size:7px}.brand-mark{width:27px;height:27px}.rail-divider{margin:25px 0 15px}.main{padding:0 18px}.topbar{height:61px}.crumb{font-size:8px}.top-right{gap:10px}.api-status{font-size:9px}.intro{padding:38px 0 28px}.intro h1{font-size:38px}.intro-copy{font-size:10px}.intro-stamp{width:76px;height:76px;margin:0 0 4px;font-size:7px}.stamp-small{font-size:5px}.search-card{padding:19px 17px 15px}.search-label{gap:9px}.search-field{height:45px;padding:0 10px}.search-button{height:45px;min-width:105px;padding:0 11px;font-size:10px;gap:8px}.search-field input{font-size:11px}.dashboard{padding-top:30px}.section-heading h2,.history-heading h2{font-size:13px}.tracking-control{gap:8px}.text-button{font-size:9px}.character-card{padding:17px 15px;min-height:112px}.avatar-wrap{width:58px;height:58px}.character-identity{gap:11px}.character-copy h3{font-size:15px}.character-copy p{font-size:9px}.level-block{padding-left:14px}.level-number strong{font-size:32px}.level-number small{font-size:8px}.level-caption{font-size:7px}.level-sub{font-size:8px}.stats-grid{gap:9px;margin-top:9px}.stat-card{min-height:160px;padding:14px 12px 12px}.stat-label{font-size:9px}.stat-value,.exp-card .stat-value{font-size:17px}.progress-meta{font-size:8px}.pace-card{grid-column:span 2;min-height:125px}.pace-card .stat-value{font-size:18px}.history-heading{margin-top:25px}.history-row{grid-template-columns:1fr 1fr auto;gap:5px;padding:10px 13px}.history-level{display:none}.footer{font-size:7px;gap:10px}.footer span:last-child{display:none}.attribution{line-height:1.7}.attribution span{display:block}.welcome-panel{padding:14px 13px}.welcome-decoration{right:11px;font-size:8px}}

.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.setup-grid .search-card{padding:19px 20px 15px}
.setup-grid .search-label{margin-bottom:12px}
.setup-grid .search-button{min-width:130px}
.crumb b{color:#3f443e}
.admin-nav{text-decoration:none;display:grid;place-items:center;font-size:17px}
.rail-icon.selected{cursor:default}
.section-heading>div:first-child{flex-wrap:wrap}
.attempt-badge{font:8px var(--mono);color:#718866;background:#eef3e8;border-radius:20px;padding:5px 9px;white-space:nowrap}
.match-grid{display:grid;grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr);gap:10px;align-items:stretch}
.match-character{min-height:162px;padding:18px 19px}
.match-character .character-identity{gap:12px;min-width:0}
.match-character .avatar-wrap{width:62px;height:68px;flex:none}
.match-character .character-copy{min-width:0}
.match-character .character-copy h3{font-size:16px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.match-character .character-copy p{max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.role-tag{display:block;font:7px var(--mono);letter-spacing:.12em;color:#c6e5a3;margin-bottom:6px}
.match-character .level-block{padding-left:14px}
.match-character .level-number strong{font-size:32px}
.match-character .level-caption{font-size:7px}
.match-character .level-sub{font:8px var(--mono);display:block;margin-top:3px}
.mini-progress{width:76px;height:4px;background:#ffffff2a;border-radius:5px;margin:7px 0 0 auto;overflow:hidden}
.mini-progress span{display:block;height:100%;background:#c7ef9b;border-radius:5px;transition:width .3s}
.progress-readout{display:block;text-align:right;font:8px var(--mono);color:#c7ef9b;margin-top:4px}
.gap-card{background:#eff1e9;border:1px solid #e1e5d9;border-radius:13px;min-height:162px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center;padding:10px}
.gap-card strong{font:500 34px var(--mono);letter-spacing:-.08em;color:#345f45;margin:6px 0}
.gap-card>span:not(.gap-crosshair){font-size:8px;color:#81887a;line-height:1.5}
.gap-crosshair{position:absolute;right:4px;top:0;font-size:40px;color:#345f450b}
.chase-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}
.chase-stats .stat-card{min-height:110px}
.chase-stats .stat-value{font-size:19px;margin-top:12px}
.chase-stats .small-stat{font-size:14px;letter-spacing:0}
.stat-caption{font-size:8px;color:#a2a397;margin-top:8px;line-height:1.5}
.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}
.chart-panel{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:17px 18px 12px;min-width:0;position:relative}
.chart-title{display:flex;justify-content:space-between;align-items:center;gap:8px}
.chart-title>div:first-child{display:flex;align-items:center;gap:9px}
.chart-title b{font-size:10px}
.chart-title small{font-size:8px;color:#a0a196}
.chart-panel svg{width:100%;height:126px;margin-top:8px;display:block;overflow:visible}
.graph-empty{position:absolute;left:15px;right:15px;top:50%;text-align:center;font-size:8px;color:#aaa99f}
.chart-legend{display:flex;gap:10px;font-size:8px;color:#8b8e83}
.chart-legend span{display:flex;align-items:center;gap:4px}
.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:50%}
.legend-mine{background:#6f9a60}
.legend-target{background:#cf9b50}
.chart-note{margin:8px 2px 0;font-size:8px;line-height:1.6;color:#9b9d93}
.history-note{font-size:8px;color:#a1a297}
.history-list{display:grid}
.attempt-row{min-height:58px;padding:11px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #efeee9}
.attempt-row:last-child{border-bottom:0}
.attempt-identity,.attempt-result{display:flex;flex-direction:column;gap:5px;min-width:0}
.attempt-identity b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.attempt-identity small,.attempt-result small{font-size:8px;color:#a0a196}
.attempt-result{align-items:flex-end;text-align:right}
.finish-button{color:#a36f57}
.finish-button:disabled{opacity:.4;cursor:not-allowed}
.auth-gate{position:fixed;inset:0;z-index:20;background:var(--paper);display:grid;place-items:center;padding:20px}
.auth-gate[hidden],#appShell[hidden]{display:none}
.auth-card{width:min(390px,100%);background:var(--white);border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 15px 60px #253d2e12}
.auth-card h1{font-size:32px;letter-spacing:-.06em;margin:14px 0 5px}
.auth-card p{font-size:11px;color:#85877e;margin:0 0 22px}
.auth-field{display:grid;gap:7px;color:#777a70;font-size:10px;margin-bottom:13px}
.auth-field input{height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px;font:12px var(--sans)}
.auth-card .search-button{width:100%}
#loginError{display:block;color:#a94e42;font-size:10px;margin-top:10px;min-height:14px}
.footer a{color:#87927f;text-decoration:none}
.rule-select-label{display:grid;gap:7px;margin:0 0 10px;color:#777a70;font-size:9px}.rule-select-label select{width:100%;height:38px;padding:0 11px;border:1px solid #e4e3db;border-radius:8px;background:#fffefa;color:var(--ink);font:10px var(--sans)}.rule-select-label select:disabled,.search-field:has(input:disabled){opacity:.68;background:#f2f2ec}.ironman-lock-status{margin-top:11px;padding:9px 11px;border-radius:8px;background:#f3eee3;color:#80653e;font-size:9px}.ironman-unlock{margin-top:8px;width:100%;padding:10px;border:1px solid #dfc18a;border-radius:8px;background:#fbf3e3;color:#795b2c;font:600 10px var(--sans);cursor:pointer}.ironman-unlock:hover{background:#f5e8cf}
@media(max-width:760px){.main,.setup-grid,.setup-grid>.search-card,.search-form,.search-label{min-width:0}.setup-grid>.search-card{width:100%;max-width:100%}.setup-grid .search-form{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.setup-grid .search-button{width:100%;min-width:0;justify-content:center}.setup-grid .search-button .button-arrow{margin-left:10px}.search-label small{overflow-wrap:anywhere}}
@media(max-width:420px){.intro-stamp{display:none}.intro{align-items:flex-start}.intro h1{font-size:clamp(29px,8vw,32px);line-height:1.22}.crumb{font-size:7px;letter-spacing:.03em;white-space:nowrap}.crumb-slash{margin:0 5px}.top-right{gap:6px}.api-status{font-size:8px}.tracking-control{flex-wrap:wrap;justify-content:flex-end}.section-heading{gap:8px;flex-wrap:wrap}.match-character{padding:14px 12px}.match-character .avatar-wrap{width:48px;height:54px}.match-character .character-identity{gap:8px}.match-character .level-block{padding-left:8px}.match-character .level-number strong{font-size:28px}.match-character .level-sub{font-size:7px}.history-heading{gap:8px;flex-wrap:wrap}}
@media(max-width:1100px){.main{padding-left:34px;padding-right:34px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chase-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.match-grid{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr)}.match-character{padding:15px 12px}.match-character .avatar-wrap{width:52px;height:60px}.match-character .level-block{padding-left:9px}}
@media(max-width:760px){.shell{grid-template-columns:54px minmax(0,1fr)}.rail{padding-top:17px}.brand{font-size:0}.brand-mark{font-size:20px}.rail-divider{margin:24px 0 15px;width:26px}.rail-icon{width:36px;height:36px}.main{padding:0 17px}.topbar{height:60px}.intro{padding:32px 0 25px}.intro h1{font-size:36px}.intro-stamp{width:70px;height:70px;margin-right:3%;font-size:7px}.stamp-small{font-size:5px}.setup-grid{grid-template-columns:1fr}.search-card{padding:17px}.setup-grid .search-button{min-width:112px;padding:0 11px}.match-grid{grid-template-columns:1fr}.match-character{min-height:130px;padding:16px}.match-character .avatar-wrap{width:62px;height:68px}.gap-card{min-height:78px;flex-direction:row;gap:10px}.gap-card strong{font-size:27px;margin:0}.gap-crosshair{right:12px;top:8px}.chase-stats{grid-template-columns:1fr}.chase-stats .stat-card{min-height:94px}.charts-grid{grid-template-columns:1fr}.chart-panel svg{height:112px}.tracking-control{gap:8px}.section-heading{align-items:flex-start}.section-heading>div:first-child{gap:7px}.finish-button{font-size:9px}.footer{font-size:7px;gap:12px}.footer span:last-child{display:none}.attempt-row{padding:11px}.attempt-result small{max-width:145px}.chart-title small{font-size:7px}}
.ranking-picker{margin-top:22px;padding:22px;border:1px solid var(--line);border-radius:13px;background:var(--white)}.ranking-picker-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ranking-picker-heading h2{margin:7px 0 4px;font-size:18px;letter-spacing:-.04em}.ranking-picker-heading p,.ranking-note{margin:0;color:var(--muted);font-size:10px;line-height:1.7}.ranking-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(120px,.7fr) auto;align-items:end;gap:10px;margin:18px 0 10px}.ranking-form label{display:grid;gap:7px;color:#777a70;font-size:9px}.ranking-form input,.ranking-form select{width:100%;height:40px;padding:0 11px;border:1px solid #e4e3db;border-radius:8px;background:#fffefa;color:var(--ink);font:11px var(--sans)}.ranking-form .search-button{min-width:128px;height:40px}.ranking-note{min-height:16px}.candidate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.candidate-card{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fffefa}.candidate-portrait{display:grid;place-items:center;width:58px;height:64px;overflow:hidden;border-radius:8px;background:#eef0e8;color:#87927f;font-size:22px}.candidate-portrait img{width:100%;height:100%;object-fit:cover}.candidate-details{display:grid;gap:4px;min-width:0}.candidate-details b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.candidate-details small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.candidate-rank{color:var(--green);font:10px var(--mono)}.candidate-choose{grid-column:1/-1;width:100%;height:34px;border:1px solid #dce5d6;border-radius:7px;background:#f4f7f0;color:var(--green);font:600 9px var(--sans);cursor:pointer}.candidate-choose:hover{background:#eaf1e3}
@media(max-width:760px){.ranking-picker{padding:16px}.ranking-form{grid-template-columns:1fr}.ranking-form .search-button{width:100%}.candidate-grid{grid-template-columns:1fr}}
.main:has(#dashboard:not([hidden])) .intro{padding:25px 0 17px}.main:has(#dashboard:not([hidden])) .intro h1{font-size:clamp(27px,3vw,38px);margin:9px 0 6px}.main:has(#dashboard:not([hidden])) .intro-copy{font-size:10px}.dashboard{padding-top:10px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:16px}.last-check{display:flex;align-items:center;gap:5px;color:#898c81;font-size:8px}.last-check small{font-size:8px}.last-check b{font:9px var(--mono);color:#55664f}.match-grid{grid-template-columns:minmax(0,1fr) 154px minmax(0,1fr);gap:13px}.match-character{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:13px;min-height:0;padding:17px;border:1px solid #d9e1d3;background:linear-gradient(145deg,#2b4937 0%,#24412f 100%)}.match-character .character-identity{width:100%;min-height:112px;padding:0 0 13px;border-bottom:1px solid #ffffff24;gap:15px}.match-character .avatar-wrap{width:112px;height:112px;border-radius:12px;background:radial-gradient(circle at 50% 40%,#f8f8ec 0,#dce8ce 65%,#c7d8b7 100%)}.match-character .avatar-wrap img{width:100%;height:100%;object-fit:contain;transform:scale(1.5);transform-origin:center 58%}.match-character .character-copy h3{font-size:17px;max-width:190px}.match-character .role-tag{font-size:8px}.match-character .character-copy p{font-size:10px;max-width:210px}.match-character .level-block{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:center;text-align:left;padding:0;border:0}.match-character .level-caption{grid-column:1/-1;font-size:8px}.match-character .level-number{grid-column:1;grid-row:2/5;justify-content:flex-start;margin:0;gap:4px}.match-character .level-number small{font-size:12px}.match-character .level-number strong{font-size:43px;line-height:1}.match-character .level-sub{grid-column:2;grid-row:2;align-self:end;margin:0;font-size:9px;white-space:nowrap}.match-character .mini-progress{grid-column:2;grid-row:3;width:100%;height:7px;margin:5px 0 0}.match-character .progress-readout{grid-column:2;grid-row:4;text-align:left;margin:2px 0 0;font-size:10px}.gap-card{min-height:210px;padding:14px 8px;background:#e8efe1;border-color:#d4e1cb}.gap-card .level-caption{font:600 9px var(--sans);letter-spacing:0;color:#63775e}.gap-card strong{font:600 49px var(--mono);letter-spacing:-.1em;margin:9px 0 0;color:#405f42}.gap-unit{font-size:12px;color:#61785e;margin-top:-3px}.gap-card>span:not(.gap-crosshair){font-size:10px;line-height:1.55;margin-top:8px}.gap-card.gap-target-ahead{background:#f1eadc;border-color:#e7dac0}.gap-card.gap-target-ahead strong,.gap-card.gap-target-ahead .gap-unit{color:#956b34}.gap-card.gap-me-ahead{background:#e3eee0;border-color:#cfe0ca}.gap-card.gap-me-ahead strong,.gap-card.gap-me-ahead .gap-unit{color:#356b43}.chase-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.chase-stats .stat-card{min-height:105px;padding:15px 17px}.chase-stats .stat-value{margin-top:10px;font-size:clamp(16px,2vw,21px);white-space:normal}.chase-stats .stat-caption{font-size:9px}.chase-stats .gain-value{font-size:clamp(20px,2.3vw,25px)}.charts-grid{margin-top:14px}
@media(max-width:1100px){.match-grid{grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);gap:9px}.match-character{padding:14px}.match-character .character-identity{gap:10px}.match-character .avatar-wrap{width:92px;height:100px}.match-character .character-copy h3{font-size:15px}.match-character .level-number strong{font-size:37px}}
@media(max-width:760px){.main:has(#dashboard:not([hidden])) .intro{padding:20px 0 13px}.main:has(#dashboard:not([hidden])) .intro-stamp{display:none}.dashboard{padding-top:4px}.tracking-control{gap:7px}.last-check{order:5;width:100%;justify-content:flex-end}.section-heading{align-items:center}.match-grid{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:7px}.match-character{min-height:0;padding:11px 9px;gap:10px}.match-character .character-identity{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding-bottom:10px}.match-character .avatar-wrap{width:100%;height:108px}.match-character .avatar-wrap img{transform:scale(1.55)}.match-character .character-copy h3{font-size:14px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.match-character .character-copy p{font-size:8px;max-width:100%}.match-character .role-tag{font-size:7px}.match-character .level-block{grid-template-columns:1fr;gap:3px}.match-character .level-caption{grid-column:1;font-size:7px}.match-character .level-number{grid-column:1;grid-row:auto;gap:2px}.match-character .level-number strong{font-size:32px}.match-character .level-number small{font-size:9px}.match-character .level-sub{grid-column:1;grid-row:auto;font-size:7px;white-space:normal;overflow-wrap:anywhere}.match-character .mini-progress{grid-column:1;grid-row:auto;margin-top:5px}.match-character .progress-readout{grid-column:1;grid-row:auto;font-size:8px}.gap-card{min-height:160px;padding:7px 3px}.gap-card .level-caption{font-size:7px}.gap-card strong{font-size:32px}.gap-unit{font-size:10px}.gap-card>span:not(.gap-crosshair){font-size:8px}.chase-stats{grid-template-columns:1fr 1fr;gap:7px}.chase-stats .stat-card{min-height:104px;padding:12px 10px}.chase-stats .stat-value{font-size:14px;line-height:1.35}.chase-stats .gain-value{font-size:17px}.chase-stats .stat-label{font-size:8px}.chase-stats .stat-caption{font-size:7px}.last-check{font-size:7px}}
@media(max-width:760px){.match-grid{grid-template-columns:minmax(0,1fr);gap:9px}.gap-card{min-height:76px;flex-direction:row;justify-content:center;gap:8px;padding:8px}.gap-card strong{font-size:31px;margin:0}.gap-unit{margin:0;font-size:10px}.gap-card>span:not(.gap-crosshair){margin:0 0 0 5px}.chase-stats .gain-value{font-size:clamp(12px,3.5vw,16px);overflow-wrap:anywhere}.chase-stats .stat-value{overflow-wrap:anywhere}}
.candidate-portrait img{width:150%;height:150%;max-width:none;max-height:none;object-fit:contain;transform:scale(1.08)}
/* Nexon character portraits include generous transparent margins; zoom the sprite inside its frame. */
.match-character .avatar-wrap img{transform:scale(2.8);transform-origin:center 58%;image-rendering:pixelated}
.candidate-portrait img{transform:scale(1.8);transform-origin:center 58%;image-rendering:pixelated}
@media(max-width:760px){.match-character .avatar-wrap img{transform:scale(2.8)}}
.match-character .avatar-wrap img{width:100%;height:100%;object-fit:contain;transform:scale(1.8);transform-origin:center 58%;image-rendering:auto}
.candidate-portrait img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:scale(1.5);transform-origin:center 58%;image-rendering:auto}
svg[id$="Chart"]{width:100%;height:auto;min-height:190px;overflow:visible}
svg[id$="Chart"] text{font-family:var(--sans)}
.chart-subtitle{margin:7px 0 0;font-size:9px;line-height:1.5;color:#85877e}
@media(max-width:760px){.match-character .avatar-wrap img{transform:scale(1.65)}svg[id$="Chart"]{min-height:175px}.chart-subtitle{font-size:8px}}
.chase-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.chase-stats .gain-value{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.chase-stats .gain-value small{color:var(--green);font:600 11px var(--mono);white-space:nowrap}
.charts-grid{margin-top:10px}
@media(max-width:760px){.topbar{gap:8px}.crumb{font-size:7px;letter-spacing:.02em;white-space:nowrap}.crumb-slash{margin:0 5px}.top-right{gap:6px}.api-status{font-size:0}.api-status i{flex:none}.theme-toggle{width:27px;min-height:27px;padding:0;font-size:0}.theme-toggle::before{content:"☾";font-size:14px}.help-button{width:25px;height:25px}}
html[data-theme="dark"] .theme-toggle::before{content:"☀"}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font:9px var(--sans);white-space:nowrap;cursor:pointer}
/* At phone widths, keep the portrait compact so the sprite stays recognizable. */
@media(max-width:760px){.match-character .character-identity{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:0;padding-bottom:11px}.match-character .avatar-wrap{flex:none;width:78px;height:86px}.match-character .avatar-wrap img{transform:scale(2);transform-origin:center 58%}.match-character .character-copy{min-width:0}.match-character .character-copy h3{font-size:16px}.match-character .character-copy p{font-size:9px}.match-character .role-tag{font-size:8px}}
@media(max-width:360px){.match-character .avatar-wrap{width:64px;height:74px}.match-character .character-identity{gap:9px}}
.theme-toggle:hover,.help-button:hover{background:#eef1e9}
.theme-toggle:focus-visible,.help-button:focus-visible{outline:2px solid #82a976;outline-offset:2px}
.section-mark{font-size:14px;color:#77936f}
html[data-theme="dark"]{color-scheme:dark;--paper:#151a17;--white:#202823;--ink:#e7ece3;--muted:#a5afa2;--line:#39453d;--green:#a4ce9b;--green-bright:#a4ce9b;--lime:#d1edb4}
html[data-theme="dark"] .crumb,html[data-theme="dark"] .api-status,html[data-theme="dark"] .intro-copy,html[data-theme="dark"] .chart-note,html[data-theme="dark"] .chart-subtitle{color:#aab4a7}
html[data-theme="dark"] .crumb b,html[data-theme="dark"] .intro h1,html[data-theme="dark"] .section-heading h2,html[data-theme="dark"] .history-heading h2{color:var(--ink)}
html[data-theme="dark"] .intro h1 em{color:#a8d293}
html[data-theme="dark"] .intro-stamp{border-color:#465348;color:#b6c3b1}
html[data-theme="dark"] .stamp-small{color:#899689}
html[data-theme="dark"] .search-card,html[data-theme="dark"] .ranking-picker,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .chart-panel,html[data-theme="dark"] .history-list,html[data-theme="dark"] dialog,html[data-theme="dark"] .auth-card{background:var(--white);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .search-field,html[data-theme="dark"] .ranking-form input,html[data-theme="dark"] .ranking-form select,html[data-theme="dark"] .rule-select-label select,html[data-theme="dark"] .auth-field input{background:#18201b;border-color:#465248;color:var(--ink)}
html[data-theme="dark"] .search-field input::placeholder{color:#89958a}
html[data-theme="dark"] .search-field svg{stroke:#a8b3a6}
html[data-theme="dark"] .search-label small,html[data-theme="dark"] .search-note,html[data-theme="dark"] .ranking-form label,html[data-theme="dark"] .ranking-picker-heading p,html[data-theme="dark"] .ranking-note,html[data-theme="dark"] .auth-card p,html[data-theme="dark"] .auth-field,html[data-theme="dark"] .chart-note,html[data-theme="dark"] .attribution{color:#a5afa2}
html[data-theme="dark"] .gap-card{background:#29362c;border-color:#445346}
html[data-theme="dark"] .gap-card strong,html[data-theme="dark"] .gap-card>span:not(.gap-crosshair){color:#c4d7bb}
html[data-theme="dark"] .gap-card.gap-target-ahead{background:#393127;border-color:#584b35}
html[data-theme="dark"] .gap-card.gap-me-ahead{background:#26372b;border-color:#3e5941}
html[data-theme="dark"] .stat-label,html[data-theme="dark"] .stat-caption,html[data-theme="dark"] .last-check,html[data-theme="dark"] .last-check small{color:#a5afa2}
html[data-theme="dark"] .stat-value{color:#e2eadc}
html[data-theme="dark"] .stat-glyph,html[data-theme="dark"] .attempt-badge,html[data-theme="dark"] .welcome-icon{background:#303d32;color:#b7d6a7}
html[data-theme="dark"] .chart-title small,html[data-theme="dark"] .chart-subtitle{color:#a5afa2}

/* Chase dashboard: comparison first, then catch-up and earned EXP, then charts. */
.summary-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:10px;padding:13px 17px;border:1px solid #d9e1d3;border-radius:10px;background:#f8faf5;color:#263327}
.summary-strip>div:first-child{display:grid;gap:4px;min-width:0}
.summary-strip b{font-size:11px}
.summary-strip small{font-size:8px;line-height:1.5;color:#85877e}
.catch-up-summary strong{font:600 clamp(15px,2vw,21px) var(--mono);color:#405f42;text-align:right;overflow-wrap:anywhere}
.gain-summary-values{display:flex;align-items:baseline;justify-content:flex-end;gap:13px}
.gain-summary-values strong{font:600 clamp(16px,2vw,21px) var(--mono);color:#405f42;white-space:nowrap}
.gain-summary-values span{font:600 11px var(--mono);color:#66815b;white-space:nowrap}
.gap-rate{display:block;margin-top:5px!important;font:600 8px/1.5 var(--mono)!important;color:#718866!important;letter-spacing:0}
.gap-card.gap-target-ahead .gap-rate{color:#956b34!important}
.gap-card.gap-me-ahead .gap-rate{color:#356b43!important}
html[data-theme="dark"] .summary-strip{background:#263229;border-color:#435245;color:#e6ece2}
html[data-theme="dark"] .summary-strip b,html[data-theme="dark"] .catch-up-summary strong,html[data-theme="dark"] .gain-summary-values strong{color:#c6ddbb}
html[data-theme="dark"] .summary-strip small{color:#a5afa2}
html[data-theme="dark"] .gain-summary-values span,html[data-theme="dark"] .gap-rate{color:#a8c69a!important}
html[data-theme="dark"] .gap-card.gap-target-ahead .gap-rate{color:#e0bd7c!important}
@media(max-width:760px){.summary-strip{padding:11px 12px;gap:8px}.summary-strip b{font-size:9px}.summary-strip small{font-size:7px}.catch-up-summary strong{font-size:clamp(12px,3.5vw,16px);max-width:56%}.gain-summary-values{gap:7px;flex-wrap:wrap}.gain-summary-values strong{font-size:clamp(12px,3.5vw,16px)}.gain-summary-values span{font-size:9px}.gap-card{flex-wrap:wrap}.gap-rate{flex-basis:100%;max-width:none;text-align:center;font-size:7px!important}}
html[data-theme="dark"] .attempt-row{border-color:#39453d}
html[data-theme="dark"] .attempt-identity small,html[data-theme="dark"] .attempt-result small,html[data-theme="dark"] .history-note,html[data-theme="dark"] .history-empty small{color:#a5afa2}
html[data-theme="dark"] .history-empty b,html[data-theme="dark"] .attempt-identity b{color:#dce5d8}
html[data-theme="dark"] .welcome-panel{border-color:#465248}
html[data-theme="dark"] .welcome-panel b{color:#d8e2d4}
html[data-theme="dark"] .welcome-panel p,html[data-theme="dark"] .welcome-decoration{color:#9aa797}
html[data-theme="dark"] .candidate-card{background:#19211b;border-color:#39453d}
html[data-theme="dark"] .candidate-portrait{background:#303b32;color:#bbc7b8}
html[data-theme="dark"] .candidate-choose{background:#29382c;border-color:#49604a;color:#c2dfb5}
html[data-theme="dark"] .candidate-choose:hover,html[data-theme="dark"] .theme-toggle:hover,html[data-theme="dark"] .help-button:hover{background:#303c32}
html[data-theme="dark"] .help-button,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .refresh-button{border-color:#465248;color:#d2ddd0}
html[data-theme="dark"] .chart-panel svg text{fill:#a5afa2!important}
html[data-theme="dark"] .chart-panel svg line{stroke:#3d493f!important}
html[data-theme="dark"] .footer{border-color:var(--line);color:#89958a}
html[data-theme="dark"] dialog ol,html[data-theme="dark"] dialog p{color:#b2bdb0}
html[data-theme="dark"] dialog code{background:#303b32;color:#e0e9dc}
html[data-theme="dark"] .auth-gate{background:var(--paper)}
.scope-entry{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:var(--white);color:var(--ink);text-decoration:none}.scope-entry:hover{border-color:#8aab80}.scope-entry-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e9f2df;color:#345f45;font-size:25px}.scope-entry span:nth-child(2){display:grid;gap:4px;flex:1}.scope-entry b{font-size:12px}.scope-entry small{color:var(--muted);font-size:10px}.scope-entry>span:last-child{color:var(--green);font-size:18px}html[data-theme="dark"] .scope-entry-icon{background:#324b36;color:#d1edb4}
html[data-theme="dark"] .live-pill,html[data-theme="dark"] .progress-readout{color:#bed9ae}
html[data-theme="dark"] .dialog-close{color:#b4beb1}
html[data-theme="dark"] #loginError{color:#f0a696}
html[data-theme="dark"] .ironman-lock-status{background:#393328;color:#dcc496}
html[data-theme="dark"] .ironman-unlock{background:#3b3328;border-color:#66543b;color:#e4cfaa}
html[data-theme="dark"] .ironman-unlock:hover{background:#473b2b}
[hidden]{display:none!important}
.pip-button{min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font:600 11px var(--sans);cursor:pointer}.pip-button[aria-pressed="true"]{border-color:var(--green);color:var(--green)}.pip-button:disabled{opacity:.6}.pip-hint{margin:0 0 12px;color:var(--muted);font-size:10px;line-height:1.6;overflow-wrap:anywhere}.pip-button:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.section-heading{flex-wrap:wrap;gap:10px}.tracking-control{flex-wrap:wrap;justify-content:flex-end}
.next-target-toggle{display:flex;align-items:center;gap:8px;font-size:12px;margin:12px 0;cursor:pointer}.next-target-toggle input{width:17px;height:17px;accent-color:var(--green)}#nextTargetHeading{font-size:14px}#nextTargetOptions{margin-top:12px}#nextTargetCustom{margin:10px 0}.attempt-identity small{overflow-wrap:anywhere}
.display-zoom{min-width:66px;min-height:30px;padding:0 6px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);font:11px var(--sans);cursor:pointer;color-scheme:light}.display-zoom:focus-visible{outline:2px solid #82a976;outline-offset:2px}html[data-theme="dark"] .display-zoom{color-scheme:dark}.topbar{height:auto;min-height:78px;gap:10px;flex-wrap:wrap;padding:12px 0}.top-right{flex-wrap:wrap;justify-content:flex-end}.match-character .character-copy{min-width:0}.match-character .character-copy h3{overflow-wrap:anywhere}
.main{container-type:inline-size}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-grid>.search-card{min-width:0}
@container(max-width:720px){.setup-grid,.match-grid,.charts-grid{grid-template-columns:minmax(0,1fr)}.setup-grid .search-form{display:grid;grid-template-columns:minmax(0,1fr)}.setup-grid .search-button{width:100%;min-width:0;justify-content:center}.match-character .character-copy h3{white-space:normal}.match-character .level-sub{white-space:normal;overflow-wrap:anywhere}.gap-card{min-height:78px;flex-direction:row;flex-wrap:wrap;gap:9px}.gap-card strong{font-size:32px;margin:0}.gap-unit{margin:0}.gap-card .gap-rate{flex-basis:100%}.ranking-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:320px){.ranking-form{grid-template-columns:minmax(0,1fr)}.summary-strip{flex-direction:column;align-items:flex-start}.catch-up-summary strong{max-width:100%;text-align:left}.gain-summary-values{flex-wrap:wrap;overflow-wrap:anywhere;max-width:100%;min-width:0;justify-content:flex-start}.gain-summary-values strong,.gain-summary-values span{white-space:normal;overflow-wrap:anywhere;max-width:100%}.attempt-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.attempt-result{align-items:flex-start;text-align:left}.attempt-result small{max-width:100%}.intro h1{overflow-wrap:anywhere}.tracking-control{flex-wrap:wrap}.section-heading{flex-wrap:wrap}}
@media(max-width:760px){.topbar{min-height:60px}.display-zoom{min-width:62px;min-height:28px;font-size:11px}.top-right{gap:5px}.crumb{white-space:normal}.main{padding-left:12px;padding-right:12px}}
@media(max-width:1200px){html[data-zoom="150"] .match-grid,html[data-zoom="125"] .match-grid{grid-template-columns:minmax(0,1fr)}html[data-zoom="150"] .charts-grid,html[data-zoom="125"] .charts-grid{grid-template-columns:minmax(0,1fr)}}
.candidate-auto{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.candidate-auto p{font-size:10px;line-height:1.7;color:var(--muted)}.candidate-auto .search-button{width:100%;justify-content:center;white-space:normal}.ranking-form{grid-template-columns:repeat(4,minmax(0,1fr))}.ranking-form>button{grid-column:1/-1;justify-content:center}.ranking-form label{min-width:0}
@media(max-width:760px){.ranking-form{grid-template-columns:1fr 1fr}.ranking-form select,.ranking-form input{font-size:10px;padding:0 7px}}
@media(max-width:420px){.ranking-form{grid-template-columns:1fr}}
@media(max-width:760px){.top-right .theme-toggle{width:28px;padding:0;font-size:0;flex:none}.top-right .theme-toggle::before{font-size:14px}}