body:has(.stats-app){background:#151518}
#app.stats-app{max-width:none;padding:0}
.dashboard-bar{height:66px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #3c3c43;padding:0 32px;background:#17171b}
.dashboard-brand{color:#f4f4f6;text-decoration:none;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:12px}.dashboard-brand span{font-size:10px;line-height:1.3;max-width:80px;color:#9494a5;letter-spacing:1.3px}
.dashboard-bar nav{display:flex;padding:5px;border:1px solid #44444c;border-radius:9px;background:#2c2c32;gap:4px;align-items:center;font-size:12px;font-weight:700}.dashboard-bar nav>span{padding:8px 12px;white-space:nowrap}.future-tab{color:#a7a7b5}.current-tab{border:1px solid #f6f6f8;border-radius:6px;background:#49494f;box-shadow:inset 0 0 0 2px #28282e}
.toolbar{display:flex;align-items:center;gap:20px}.sync-pill{font:12px Consolas,monospace;border:1px solid #414149;background:#2a2a30;border-radius:20px;white-space:nowrap;padding:7px 12px;display:flex;align-items:center;gap:8px}.sync-pill i,.result-dot{width:8px;height:8px;background:#08dca7;display:inline-block;border-radius:50%;flex-shrink:0}.sync-pill.paused i{background:#eabd5e}.toolbar details{position:relative}.toolbar summary{cursor:pointer;font-size:20px;list-style:none;color:#b4b4c0}.account-menu{position:absolute;right:0;top:38px;width:270px;z-index:2;padding:16px;border:1px solid #55555e;border-radius:10px;background:#222228;box-shadow:0 12px 40px #0008}.account-menu strong{display:block;font-size:14px;overflow-wrap:anywhere}.account-menu button{display:block;border:0;background:#33333c;color:white;width:100%;padding:10px;margin-top:10px;border-radius:6px;text-align:left}.account-menu p{font-size:12px;color:#b3b3c1}
.stats-content{max-width:1288px;margin:auto;padding:30px 28px 26px}.page-title{display:flex;align-items:center;gap:11px;margin-bottom:24px}.page-title>span{color:#00efff;font-size:25px}.page-title h1{font-size:20px;margin:0;letter-spacing:-.4px}.page-title p{font-size:13px;color:#b9bbca;margin:2px 0 0}.identity-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #45454d;border-radius:12px;background:#262629;padding:16px;margin-bottom:24px}.identity-strip>div{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.identity-strip strong{font-size:20px;overflow-wrap:anywhere}.identity-strip span{font-size:12px;color:#b4b6c9}.identity-strip .identity-meta{justify-content:flex-end;gap:18px}.identity-meta span{color:#989bae}
.stats-section{margin-top:25px}.stats-section h2{font-size:11px;letter-spacing:.6px;color:#b7c1db;font-weight:600;margin:0 0 10px}.stats-section h2 small{font-size:11px;font-weight:400;letter-spacing:.4px;color:#9095aa;margin-left:8px}.habit-grid,.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.habit-card{background:#262629;border:1px solid #46464f;border-radius:13px;padding:17px}.habit-card h3{display:flex;align-items:center;gap:9px;font-size:15px;margin:0 0 18px}.habit-card h3 small{margin-left:auto;color:#989aac;font-size:11px;font-weight:400}.habit-symbol{font-size:22px;line-height:1;color:#ff82e4}.activity .habit-symbol{color:#00ffd0}.refills .habit-symbol{color:#ffed00}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#c2cce4}.stat-row strong{font:700 18px Consolas,"Courier New",monospace;color:white}.stat-row.lifetime{margin-top:18px}.rank-progress{display:block;width:100%;height:6px;border:0;border-radius:8px;overflow:hidden;appearance:none;margin-top:6px;background:#44444b}.rank-progress::-webkit-progress-bar{background:#44444b;border-radius:8px}.rank-progress::-webkit-progress-value{background:#d9ff00;border-radius:8px}.rank-progress::-moz-progress-bar{background:#d9ff00}.rank-progress.cyan::-webkit-progress-value{background:#00e7ba}.rank-progress.cyan::-moz-progress-bar{background:#00e7ba}.rank-label{font:11px Consolas,monospace;color:#a6adc3;margin-top:5px}.rank-label strong{color:#d9ff00}.cyan+.rank-label strong{color:#00e7ba}.rank-label.muted{color:#9295a5;min-height:15px;margin-top:8px}.counter-total{display:block;font-size:11px;color:#9699aa;margin-top:13px}.section-footnote{font-size:11px;line-height:1.6;color:#9298ae;margin:10px 0 0}.yellow{color:#ffe800}.pink{color:#ff8187}
.metric-card{border:1px solid #45454f;border-radius:9px;padding:14px;background:#18181c;min-width:0}.metric-card .stat-row strong{font-size:15px}.metric-card .stat-row{color:#e0e4f2}.metric-caption{font-size:11px;color:#9197ad;line-height:1.5;margin:10px 0 0}.info-mark{font-size:11px;color:#9498aa}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px}.section-heading h2{margin:0}.filter-check{font-size:12px;color:#c4c9dd;display:flex;align-items:center;gap:7px}.filter-check input{width:14px;height:14px;padding:0;accent-color:#00edda}.war-layout{display:grid;grid-template-columns:216px minmax(0,1fr);gap:16px}.war-list{display:flex;flex-direction:column;gap:5px;max-height:560px;overflow:auto}.war-choice{padding:11px 12px;text-align:left;color:white;border:1px solid #45454e;background:#19191d;border-radius:9px;width:100%}.war-choice:hover{background:#323237}.war-choice.selected{background:#434349;border-color:#72727f}.war-choice strong{font-size:12px;display:flex;align-items:center;gap:8px;line-height:1.45}.war-choice>span{font-size:10px;color:#b3b9d0;display:block;margin:2px 0 0 16px}.result-dot.loss{background:#ff6f7a}.war-detail{border:1px solid #45454e;border-radius:13px;background:#202025;padding:16px;min-width:0}.war-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.war-detail-heading>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.war-detail-heading strong{font-size:14px}.war-detail-heading span{font-size:11px;color:#abb7d2}.result-badge{border:1px solid #008763;background:#123e31;color:#01ffbc!important;border-radius:4px;padding:2px 8px;font-size:10px!important;font-weight:700}.result-badge.loss{color:#ffadb3!important;background:#44262b;border-color:#8d3b48}.war-score{white-space:nowrap;font-family:Consolas,monospace}.breakdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.breakdown-grid .metric-card{padding:12px}.war-detail .small-button{margin:14px 12px 0 0}.small-button{border:1px solid #5a5a68;background:#35353f;border-radius:6px;color:#f4f4f8;padding:9px 13px;font-size:12px}.small-button:hover{background:#494954}.empty-state{padding:25px 10px;color:#9ea5be;font-size:13px;text-align:center}.empty-state h3{color:#dce1f1;font-size:16px}.history-import{margin-top:16px;font-size:12px;color:#b8bfd5;border:1px solid #37373f;border-radius:9px;padding:12px 16px}.history-import summary{cursor:pointer}.history-import form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.history-import input{max-width:180px;height:36px;padding:8px 12px;font-size:13px}.stats-footer{text-align:center;color:#858b9e;font-size:11px;margin-top:28px}
@media(max-width:1100px){.dashboard-brand span{display:none}.dashboard-bar{padding:0 20px;gap:14px}.dashboard-bar nav>span{padding:8px}.toolbar{gap:12px}.breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-strip{align-items:flex-start}.identity-strip .identity-meta{flex-direction:column;align-items:flex-end;gap:4px}}
@media(max-width:800px){.future-tab{display:none}.dashboard-bar nav{margin-left:auto}.stats-content{padding:24px 16px}.habit-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.war-layout{grid-template-columns:1fr}.war-list{flex-direction:row;overflow:auto;max-height:none;padding-bottom:6px}.war-choice{min-width:195px;max-width:230px}.identity-strip{flex-direction:column;gap:10px}.identity-strip .identity-meta{flex-direction:row;flex-wrap:wrap;gap:10px}.habit-card{padding:18px}.habit-card h3{margin-bottom:14px}}
@media(max-width:450px){.dashboard-bar{padding:0 12px;gap:8px}.dashboard-brand{font-size:14px}.sync-pill{font-size:10px;padding:6px 8px}.toolbar{gap:10px}.dashboard-bar nav>span{padding:7px;font-size:10px}.metric-grid,.breakdown-grid{grid-template-columns:1fr}.war-detail-heading{align-items:flex-start;flex-direction:column}.identity-strip>div{gap:10px}.stats-section h2 small{display:block;margin:5px 0 0}}