.super-stats-page{--ss-accent:#6d5dfc;--ss-accent-soft:#f0efff;--ss-border:#e7e7ee;--ss-muted:#71717f;--ss-panel:rgba(255,255,255,.92);--ss-soft:#f7f7fa;color:#20202a}.dark .super-stats-page,.tw-dark .super-stats-page{--ss-accent:#9b8cff;--ss-accent-soft:rgba(109,93,252,.14);--ss-border:rgba(255,255,255,.1);--ss-muted:#a4a4b2;--ss-panel:rgba(28,27,32,.94);--ss-soft:rgba(255,255,255,.045);color:#f4f3f8}.ss-hero{position:relative;display:flex;align-items:center;gap:18px;overflow:hidden;border:1px solid rgba(109,93,252,.18);border-radius:14px;padding:24px;background:linear-gradient(115deg,rgba(255,255,255,.96),rgba(244,242,255,.94));box-shadow:0 18px 45px rgba(47,43,83,.08)}.ss-hero:after{content:"";position:absolute;right:-45px;top:-85px;width:240px;height:240px;border:46px solid rgba(109,93,252,.06);border-radius:50%;pointer-events:none}.dark .ss-hero,.tw-dark .ss-hero{background:linear-gradient(115deg,rgba(31,29,39,.98),rgba(40,35,65,.95));border-color:rgba(155,140,255,.22);box-shadow:0 18px 45px rgba(0,0,0,.2)}.ss-hero__mark{display:grid;width:66px;height:66px;flex:0 0 66px;place-items:center;border-radius:16px;background:linear-gradient(145deg,#7868ff,#5142df);color:#fff;font-size:35px;box-shadow:0 12px 28px rgba(81,66,223,.3)}.ss-hero__copy{min-width:0;flex:1}.ss-eyebrow{display:flex;align-items:center;gap:9px;color:var(--ss-muted);font-size:11px;font-weight:700;letter-spacing:.07em}.ss-eyebrow span{color:var(--ss-accent)}.ss-eyebrow i{width:3px;height:3px;border-radius:50%;background:currentColor}.ss-hero h1{margin:5px 0 4px;font-size:27px;line-height:1.25;font-weight:800;letter-spacing:-.02em}.ss-hero p{max-width:720px;color:var(--ss-muted);font-size:13px;line-height:1.8}.ss-hero__actions{position:relative;z-index:1;display:flex;gap:8px}.ss-btn{display:inline-flex;height:38px;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:8px;padding:0 13px;font-size:12px;font-weight:650;transition:.18s ease}.ss-btn:hover{transform:translateY(-1px)}.ss-btn--ghost{border-color:var(--ss-border);background:rgba(255,255,255,.7);color:inherit}.dark .ss-btn--ghost,.tw-dark .ss-btn--ghost{background:rgba(255,255,255,.06)}.ss-btn--soft{background:var(--ss-accent-soft);color:var(--ss-accent)}.ss-level-panel{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:28px;margin-top:14px;border:1px solid var(--ss-border);border-radius:12px;padding:18px 20px;background:var(--ss-panel);box-shadow:0 8px 25px rgba(34,34,55,.045)}.ss-level-panel__main{display:grid;grid-template-columns:auto 154px minmax(180px,1fr);align-items:center;gap:14px}.ss-level-panel__main>label{font-size:13px;font-weight:700}.ss-level-input{display:flex;height:40px;overflow:hidden;border:1px solid var(--ss-border);border-radius:9px;background:var(--ss-soft)}.ss-level-input button{display:grid;width:38px;place-items:center;color:var(--ss-muted);transition:.15s}.ss-level-input button:hover{background:var(--ss-accent-soft);color:var(--ss-accent)}.ss-level-input input{width:76px;border:0;border-right:1px solid var(--ss-border);border-left:1px solid var(--ss-border);background:var(--ss-panel);text-align:center;font-size:15px;font-weight:800;-moz-appearance:textfield}.ss-level-input input::-webkit-inner-spin-button{display:none}.ss-level-range{width:100%;accent-color:var(--ss-accent)}.ss-level-marks{display:none}.ss-level-panel__hint{display:flex;align-items:flex-start;gap:9px;border-left:1px solid var(--ss-border);padding-left:24px;color:var(--ss-muted);font-size:11px;line-height:1.7}.ss-level-panel__hint>span{margin-top:2px;flex:0 0 auto;color:var(--ss-accent);font-size:17px}.ss-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:14px;margin-top:14px}.ss-stat-panel,.ss-summary{border:1px solid var(--ss-border);border-radius:12px;background:var(--ss-panel);box-shadow:0 10px 30px rgba(34,34,55,.05)}.ss-stat-panel{padding:18px}.ss-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--ss-border)}.ss-panel-head small,.ss-summary__head small{display:block;margin-bottom:2px;color:var(--ss-accent);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ss-panel-head h2,.ss-summary__head h2{font-size:17px;font-weight:800}.ss-panel-tools{display:flex;gap:8px}.ss-search{display:flex;height:38px;width:190px;align-items:center;gap:7px;border:1px solid var(--ss-border);border-radius:8px;padding:0 10px;background:var(--ss-soft);color:var(--ss-muted)}.ss-search input{min-width:0;flex:1;border:0;background:transparent;font-size:12px;color:inherit}.ss-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.ss-stat-card{min-width:0;border:1px solid var(--ss-border);border-radius:10px;padding:12px;background:var(--ss-soft);transition:border-color .18s,box-shadow .18s,transform .18s}.ss-stat-card:hover{transform:translateY(-1px);border-color:rgba(109,93,252,.4);box-shadow:0 10px 22px rgba(46,39,114,.07)}.ss-stat-card.is-active{border-color:rgba(109,93,252,.42);background:linear-gradient(155deg,var(--ss-panel),var(--ss-accent-soft))}.ss-stat-card__top{display:flex;align-items:center;gap:9px}.ss-stat-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:9px;background:var(--ss-accent-soft);color:var(--ss-accent);font-size:21px}.ss-stat-name{min-width:0;flex:1}.ss-stat-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750}.ss-stat-name small{display:block;margin-top:2px;color:var(--ss-muted);font-size:9px}.ss-stat-level{text-align:right}.ss-stat-level small{display:block;color:var(--ss-muted);font-size:7px;letter-spacing:.12em}.ss-stat-level strong{font-size:20px;line-height:1;font-weight:850;color:var(--ss-accent)}.ss-stat-level em{margin-left:2px;color:var(--ss-muted);font-size:9px;font-style:normal;font-weight:500}.ss-stat-values{display:flex;min-height:47px;flex-direction:column;justify-content:center;gap:2px;margin-top:10px;border-radius:7px;padding:7px 9px;background:var(--ss-panel);font-size:10px;color:var(--ss-muted)}.ss-stat-values span{display:flex;justify-content:space-between;gap:5px}.ss-stat-values b{color:inherit;font-weight:750}.ss-stat-card.is-active .ss-stat-values b{color:var(--ss-accent)}.ss-value-empty{justify-content:flex-start!important}.ss-stat-next{display:flex;height:29px;align-items:center;gap:5px;color:var(--ss-muted);font-size:9px}.ss-stat-next b{color:inherit;font-weight:750}.ss-stat-next em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}.ss-stat-controls{display:grid;grid-template-columns:30px minmax(45px,1fr) 30px 34px;align-items:center;gap:5px}.ss-stat-controls button{display:grid;height:30px;place-items:center;border:1px solid var(--ss-border);border-radius:7px;background:var(--ss-panel);color:var(--ss-muted);font-size:13px;transition:.15s}.ss-stat-controls button:hover:not(:disabled){border-color:var(--ss-accent);color:var(--ss-accent)}.ss-stat-controls button:disabled{cursor:not-allowed;opacity:.35}.ss-stat-controls input{min-width:0;width:100%;accent-color:var(--ss-accent)}.ss-stat-controls .ss-plus-five{border-color:transparent;background:var(--ss-accent-soft);color:var(--ss-accent);font-size:9px;font-weight:800}.ss-summary{position:sticky;top:76px;padding:17px}.ss-summary__head{display:flex;align-items:center;gap:9px}.ss-summary__head>span{display:grid;width:37px;height:37px;place-items:center;border-radius:9px;background:var(--ss-accent-soft);color:var(--ss-accent);font-size:19px}.ss-summary__head>div{min-width:0;flex:1}.ss-summary__head>strong{color:var(--ss-accent);font-size:13px}.ss-progress{height:5px;overflow:hidden;margin:14px 0;border-radius:99px;background:var(--ss-soft)}.ss-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6d5dfc,#a96fff);transition:width .25s}.ss-point-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ss-point-cards>div{border-radius:9px;padding:11px;background:var(--ss-soft)}.ss-point-cards small,.ss-gold-card small{display:block;color:var(--ss-muted);font-size:9px}.ss-point-cards strong{display:block;margin-top:2px;font-size:20px;font-weight:850}.ss-point-cards strong em{margin:0 3px;color:var(--ss-muted);font-size:10px;font-style:normal}.ss-point-cards .is-available strong{color:#0f9f73}.ss-point-cards .is-low strong{color:#ef6b5f}.ss-gold-card{display:flex;align-items:center;gap:10px;margin-top:8px;border:1px solid rgba(238,169,41,.2);border-radius:9px;padding:10px;background:rgba(255,184,48,.08)}.ss-gold-card>span{color:#e7a21b;font-size:20px}.ss-gold-card strong{display:block;margin-top:1px;font-size:14px}.ss-summary__section{margin-top:17px;padding-top:15px;border-top:1px solid var(--ss-border)}.ss-summary__title{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:750}.ss-summary__title b{border-radius:5px;padding:3px 6px;background:var(--ss-accent-soft);color:var(--ss-accent);font-size:9px}.ss-selected-list{display:flex;max-height:290px;flex-direction:column;gap:5px;margin-top:9px;overflow:auto}.ss-selected-list>button{display:flex;width:100%;align-items:center;gap:8px;border-radius:8px;padding:7px;text-align:left;transition:.15s}.ss-selected-list>button:hover{background:var(--ss-soft)}.ss-selected-list>button>span{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:7px;background:var(--ss-accent-soft);color:var(--ss-accent)}.ss-selected-list>button>div{min-width:0;flex:1}.ss-selected-list>button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.ss-selected-list>button small{display:block;overflow:hidden;margin-top:1px;color:var(--ss-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.ss-selected-list>button small span{display:inline}.ss-selected-list>button small span+span:before{content:" · "}.ss-selected-list>button small b{font-weight:600}.ss-selected-list>button>b{color:var(--ss-accent);font-size:10px}.ss-selected-empty{padding:22px 4px;text-align:center;color:var(--ss-muted)}.ss-selected-empty>span{font-size:26px}.ss-selected-empty p{margin-top:5px;font-size:10px;font-weight:700}.ss-selected-empty small{font-size:8px}.ss-summary__tips{display:flex;align-items:flex-start;gap:7px;margin-top:13px;border-radius:8px;padding:9px;background:var(--ss-soft);color:var(--ss-muted);font-size:9px;line-height:1.6}.ss-summary__tips>span{margin-top:1px;color:#e7a21b;font-size:14px}.ss-data-note{display:flex;align-items:flex-start;gap:11px;margin-top:14px;border:1px solid var(--ss-border);border-radius:11px;padding:15px 17px;background:var(--ss-panel)}.ss-data-note>span{color:var(--ss-accent);font-size:21px}.ss-data-note strong{font-size:11px}.ss-data-note p{margin-top:2px;color:var(--ss-muted);font-size:10px;line-height:1.7}.ss-loading{display:grid;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px}.ss-loading span{height:176px;border-radius:10px;background:linear-gradient(90deg,var(--ss-soft),var(--ss-panel),var(--ss-soft));background-size:200% 100%;animation:ss-shimmer 1.3s infinite}.ss-no-results,.ss-load-error{grid-column:1/-1;padding:80px 20px;text-align:center;color:var(--ss-muted)}.ss-no-results>span,.ss-load-error>span{font-size:34px}.ss-no-results b,.ss-load-error b{display:block;margin-top:8px;font-size:13px}.ss-no-results p,.ss-load-error p{margin-top:3px;font-size:10px}.ss-toast{position:fixed;z-index:1000;left:50%;bottom:26px;transform:translate(-50%,18px);border:1px solid var(--ss-border);border-radius:9px;padding:10px 15px;background:#24232b;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:11px;opacity:0;pointer-events:none;transition:.2s}.ss-toast.is-visible{transform:translate(-50%,0);opacity:1}.ss-toast.is-success{background:#087d5b}.ss-toast.is-warning{background:#ad4f25}@keyframes ss-shimmer{to{background-position:-200% 0}}@media(max-width:1180px){.ss-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-level-panel{grid-template-columns:1fr}.ss-level-panel__hint{border-left:0;border-top:1px solid var(--ss-border);padding:12px 0 0}}@media(max-width:900px){.ss-workspace{grid-template-columns:1fr}.ss-summary{position:static;order:-1}.ss-selected-list{max-height:180px}.ss-summary__tips{display:none}}@media(max-width:700px){.ss-hero{align-items:flex-start;padding:17px}.ss-hero__mark{width:48px;height:48px;flex-basis:48px;border-radius:12px;font-size:26px}.ss-hero h1{font-size:21px}.ss-hero p{font-size:11px}.ss-hero__actions{width:100%;flex-basis:100%;margin-top:4px}.ss-hero{flex-wrap:wrap}.ss-hero__actions .ss-btn{flex:1}.ss-level-panel{padding:15px}.ss-level-panel__main{grid-template-columns:1fr 154px}.ss-level-panel__main .ss-level-range{grid-column:1/-1}.ss-stat-panel{padding:12px}.ss-panel-head{align-items:flex-start;flex-direction:column}.ss-panel-tools{width:100%}.ss-search{width:auto;flex:1}.ss-stat-grid{grid-template-columns:1fr}.ss-loading{grid-template-columns:1fr}.ss-loading span:nth-child(n+3){display:none}.ss-point-cards strong{font-size:18px}.ss-toast{bottom:16px;max-width:calc(100% - 28px);white-space:nowrap}}@media(prefers-reduced-motion:reduce){.ss-stat-card,.ss-btn,.ss-toast,.ss-progress i{transition:none}.ss-loading span{animation:none}}

/* Readability pass: keep the compact layout while making secondary information comfortable to scan. */
.ss-btn{font-size:13px}
.ss-level-panel__main>label{font-size:14px}
.ss-level-panel__hint{font-size:12px}
.ss-panel-head small,.ss-summary__head small{font-size:11px}
.ss-panel-head h2,.ss-summary__head h2{font-size:18px}
.ss-search input{font-size:13px}
.ss-stat-card{padding:14px}
.ss-stat-name strong{font-size:14px}
.ss-stat-name small{font-size:11px}
.ss-stat-level small{font-size:9px}
.ss-stat-level strong{font-size:22px}
.ss-stat-level em{font-size:11px}
.ss-stat-values{min-height:52px;padding:8px 10px;font-size:12px;line-height:1.5}
.ss-stat-next{height:33px;font-size:11px}
.ss-stat-controls .ss-plus-five{font-size:11px}
.ss-summary__head>strong{font-size:14px}
.ss-point-cards small,.ss-gold-card small{font-size:11px}
.ss-point-cards strong{font-size:22px}
.ss-point-cards strong em{font-size:12px}
.ss-gold-card strong{font-size:16px}
.ss-summary__title{font-size:12px}
.ss-summary__title b{font-size:10px}
.ss-selected-list>button{padding:8px}
.ss-selected-list>button strong{font-size:12px}
.ss-selected-list>button small{font-size:10px}
.ss-selected-list>button>b{font-size:11px}
.ss-selected-empty p{font-size:12px}
.ss-selected-empty small{font-size:10px}
.ss-summary__tips{padding:10px;font-size:11px}
.ss-data-note strong{font-size:12px}
.ss-data-note p{font-size:12px}
.ss-no-results p,.ss-load-error p{font-size:12px}
.ss-toast{font-size:12px}

@media(max-width:700px){
    .ss-hero p{font-size:12px}
    .ss-stat-name strong{font-size:14px}
    .ss-stat-values{font-size:12px}
    .ss-point-cards strong{font-size:20px}
}

/* Tighter corner system. */
.ss-hero{border-radius:9px}
.ss-hero__mark{border-radius:9px}
.ss-btn{border-radius:5px}
.ss-level-panel{border-radius:7px}
.ss-level-input{border-radius:5px}
.ss-stat-panel,.ss-summary{border-radius:7px}
.ss-search{border-radius:5px}
.ss-stat-card{border-radius:6px}
.ss-stat-icon{border-radius:5px}
.ss-stat-values{border-radius:4px}
.ss-stat-controls button{border-radius:4px}
.ss-summary__head>span{border-radius:5px}
.ss-point-cards>div{border-radius:5px}
.ss-gold-card{border-radius:5px}
.ss-summary__title b{border-radius:3px}
.ss-selected-list>button{border-radius:5px}
.ss-selected-list>button>span{border-radius:4px}
.ss-summary__tips{border-radius:5px}
.ss-data-note{border-radius:7px}
.ss-toast{border-radius:5px}
.ss-hero h1{margin-top:0}