:root{font-family:Inter,Pretendard,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color:#eaf0f5;background:#0a0f18;font-synthesis:none;-webkit-font-smoothing:antialiased;--bg:#0a0f18;--panel:#111925;--panel2:#141e2a;--stroke:#25303f;--muted:#8190a2;--mint:#3ee5c6;--mint2:#1cc5a7;--red:#f07481;--green:#49dbaa;--white:#f0f5f9;--blue:#7b9dff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:330px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}.hidden{display:none!important}::selection{background:#1c695e;color:white}
.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;min-width:244px;position:sticky;top:0;height:100vh;background:#0d141e;border-right:1px solid #1b2734;padding:30px 15px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 34px}.brand-mark{display:grid;place-items:center;background:#16332f;color:#45e5ca;border:1px solid #296958;width:43px;height:43px;border-radius:13px}.brand-mark svg{width:33px;height:33px}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy b{font-size:17px;letter-spacing:.2px;font-weight:850}.brand-copy b span{color:#45e5ca}.brand-copy small{font-size:10px;color:#8190a1;letter-spacing:.5px}.side-group-title{color:#607085;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:0 17px 14px}.side-nav{display:grid;gap:7px}.nav-link{font-size:13px;font-weight:650;padding:15px 13px;display:flex;align-items:center;gap:13px;color:#9aa7b7;border-radius:9px;transition:.15s}.nav-link:hover{color:#e5fff8;background:#192531}.nav-link.active{background:#16302e;color:#65e6d2}.nav-icon{display:inline-grid;place-items:center;width:22px;height:22px;font-size:20px;font-weight:450}.nav-active-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#4ce0c3}.sidebar-info{margin-top:auto;display:flex;gap:10px;padding:18px 12px;background:#12231f;border:1px solid #244037;border-radius:12px}.info-orb{flex:none;background:#38d6ad;width:7px;height:7px;border-radius:100%;margin-top:4px;box-shadow:0 0 12px #32d7a999}.sidebar-info strong{font-size:12px}.sidebar-info p{margin:5px 0 0;color:#8eaca3;font-size:11px;line-height:1.65}.side-footer{display:flex;justify-content:space-between;padding:26px 5px 3px;font-size:10px;color:#5a6b7a;font-weight:600;letter-spacing:.3px}
.main-layout{min-width:0;flex:1;min-height:100vh;background:radial-gradient(ellipse at 72% -5%,#10252670,transparent 40%),#0a0f18}.topbar{height:73px;position:sticky;top:0;z-index:20;border-bottom:1px solid #1d2836;background:#0a0f18e9;backdrop-filter:blur(15px);padding:0 32px;display:flex;justify-content:space-between;align-items:center}.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px}.topbar-left{font-size:12px;font-weight:650;color:#e4ebf1}.top-breadcrumb{color:#6d8292;font-size:10px;letter-spacing:1.5px}.top-slash{color:#536273}.mode-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid #30443f;color:#82ccba;background:#11231f;padding:7px 10px;border-radius:18px;font-size:11px;font-weight:650;white-space:nowrap}.mode-tag.preview{background:#2b2012;color:#edc47a;border-color:#5c4223}.small-circle{width:6px;height:6px;background:#44dcad;border-radius:50%}.mode-tag.preview .small-circle{background:#ebbd75}.top-date{color:#8192a4;font-size:11px}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#204f51,#193144);display:grid;place-items:center;font-size:11px;color:#a6ede5;font-weight:800;border:1px solid #356062}.main-content{max-width:1540px;margin:0 auto;padding:35px 34px 20px}.page{display:none}.page.active{display:block}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2px;color:#43d1b9;font-weight:850;display:flex;align-items:center;gap:9px;margin-bottom:13px}.eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--mint)}h1{font-size:29px;letter-spacing:-1px;line-height:1.26;margin:0;font-weight:850}.heading-accent{color:var(--mint)}.muted{color:var(--muted);font-size:13px;line-height:1.7}.page-heading .muted{margin:10px 0 0}.heading-actions{display:flex;gap:9px;align-self:end}.btn{border:1px solid transparent;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:39px;border-radius:9px;padding:0 16px;font-size:12px;font-weight:750;transition:background .15s,transform .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:#31c8ad;color:#081c20;border-color:#31c8ad}.btn-primary:hover{background:#4fe2c7}.btn-outline{border-color:#344153;color:#d7e1e8;background:#141c27}.btn-outline:hover{background:#1a2838}.btn-secondary{background:#183b37;border-color:#295d54;color:#69e2cf}.btn-secondary:hover{background:#234842}.btn.full{width:100%;margin-top:16px}
.panel{background:linear-gradient(150deg,#121b27,#101823);border:1px solid #24303d;border-radius:13px}.notice{display:flex;gap:13px;border-radius:10px;padding:14px 17px;margin-bottom:20px;align-items:flex-start}.notice-info{background:#101f2c;border:1px solid #294258}.notice-icon{color:#74bdff;line-height:20px;font-size:19px}.notice strong{font-size:12px}.notice p{color:#8da7b9;margin:4px 0 0;font-size:12px;line-height:1.6}.notice-close{margin-left:auto;border:0;background:none;color:#8195a6;font-size:22px}.filters-panel{display:flex;align-items:flex-end;gap:27px;padding:19px 20px;margin-bottom:18px;flex-wrap:wrap}.selector-group label,.field-label{display:block;font-size:11px;color:#91a0ae;font-weight:650;margin-bottom:10px}.selector-group select{appearance:none;background:#172432;border:1px solid #344659;color:#e7edf2;border-radius:8px;height:43px;padding:0 38px 0 42px;min-width:238px;max-width:290px;width:100%;font-size:12px;font-weight:700;outline:none}.game-select-wrap{position:relative}.game-select-symbol{position:absolute;left:12px;top:9px;color:#55dcca;font-size:20px}.game-select-wrap:after{content:"⌄";position:absolute;right:14px;top:10px;color:#9badb9;pointer-events:none}.metric-group{flex:1}.metric-pills{display:flex;gap:5px;background:#101923;border:1px solid #2a3643;border-radius:8px;padding:4px;max-width:max-content}.pill,.source-btn{background:none;border:1px solid transparent;border-radius:6px;color:#8c9eac;padding:9px 14px;font-size:11px;font-weight:700;white-space:nowrap}.pill.active{background:#243b43;color:#6ee3d1;border-color:#355c60}.pill:hover:not(.active),.source-btn:hover:not(.active){color:#e6f3f5}.right-filter{margin-left:auto}.source-switch{display:flex;gap:0;padding:4px;border:1px solid #2a3643;background:#101923;border-radius:8px}.source-btn{padding:9px 13px}.source-btn.active{color:#dffaf4;background:#27384a;border-color:#32495d}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}.stat-card{border:1px solid #26323f;border-radius:12px;padding:20px 19px;background:#141d29;min-width:0}.stat-label{color:#94a2b0;font-size:12px;font-weight:650;display:flex;justify-content:space-between;align-items:center}.stat-icon{font-size:18px;color:#579a97}.stat-number{margin-top:13px;font-size:29px;letter-spacing:-.8px;font-weight:800;font-variant-numeric:tabular-nums}.stat-number.positive{color:var(--green)}.stat-number.negative{color:var(--red)}.stat-meta{font-size:11px;color:#7f91a3;margin-top:7px;min-height:16px}.stat-meta.positive{color:var(--green)}.stat-meta.negative{color:var(--red)}
.chart-panel{padding:23px 24px 16px;margin-bottom:17px;position:relative}.chart-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.panel-kicker{font-size:10px;font-weight:850;color:#50c9b8;letter-spacing:1.4px;margin-bottom:7px}.panel h2{font-size:16px;font-weight:800;letter-spacing:-.2px;margin:0;color:#eaf1f5}.chart-subtitle{color:#8596a6;font-size:11px;margin-top:8px}.period-list{display:flex;gap:4px;border:1px solid #293645;border-radius:8px;background:#101925;padding:4px}.period-list button{background:none;border:0;color:#889aaa;border-radius:6px;padding:7px 11px;font-weight:700;font-size:11px}.period-list button.active{background:#2b3c48;color:#e2f8f4}.chart-legend{display:flex;gap:10px;align-items:center;margin:26px 0 6px;font-size:11px;color:#93a5b1;min-height:20px;flex-wrap:wrap}.legend-dot{width:8px;height:8px;background:#45e0c4;border-radius:50%}.legend-line{width:25px;border-top:2px dashed #a7c8fa;margin-left:10px}.demo-warning{margin-left:auto;color:#e9b975;font-weight:750}.chart-stage{position:relative;width:100%;min-height:285px}.chart-stage svg{width:100%;height:auto;display:block;overflow:visible;min-height:285px}.chart-empty{position:absolute;inset:10px 0 14px;background:#111b27f2;z-index:2;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.empty-mark{font-size:45px;color:#488e8e;display:grid;place-items:center;border:1px solid #2a5452;background:#16302e;width:72px;height:72px;border-radius:19px;line-height:1;margin-bottom:14px}.chart-empty h3{font-size:15px;margin:0 0 7px}.chart-empty p{font-size:12px;color:#899eae;line-height:1.65;margin:0 0 15px}.chart-tooltip{pointer-events:none;z-index:5;position:absolute;top:40px;left:50%;background:#1a2b39;border:1px solid #3b5965;padding:11px 14px;box-shadow:0 12px 36px #0009;border-radius:9px;min-width:130px;line-height:1.7;font-size:11px;transform:translateX(-50%)}.chart-tooltip strong{display:block;color:#f0f5f8;font-size:15px}.chart-tooltip small{color:#9dc9bf}.chart-bottom{display:flex;justify-content:space-between;gap:12px;color:#6c8293;font-size:10px;border-top:1px solid #263541;padding-top:12px;flex-wrap:wrap}
.bottom-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:16px}.records-panel,.info-panel{padding:23px 22px}.subpanel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.text-button{border:0;background:none;color:#52d5c0;font-size:11px;font-weight:750}.data-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;white-space:nowrap}.data-table th{border-bottom:1px solid #2a3542;color:#7e93a4;font-size:10px;letter-spacing:.1px;font-weight:650;padding:11px 10px}.data-table td{border-bottom:1px solid #1f2b37;color:#d7e2eb;padding:13px 10px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#ffffff06}.data-table th:first-child,.data-table td:first-child{padding-left:0}.table-scroll{overflow-x:auto}.table-empty{color:#748b9e!important;text-align:center;padding:33px!important}.positive{color:#3addaf!important}.negative{color:#f17c8e!important}.quality{display:inline-block;padding:4px 7px;border-radius:5px;font-size:10px;white-space:nowrap}.quality.official{color:#5de0b6;background:#154137}.quality.estimate{color:#f1c77e;background:#4a3822}.quality.demo{color:#d1a0f7;background:#3d2c4c}.quality.unknown{color:#98b1be;background:#2a3842}.info-panel{padding:24px 25px}.trust-list{margin-top:20px;display:grid;gap:17px}.trust-item{display:flex;align-items:flex-start;gap:12px}.trust-icon{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:8px;font-weight:900}.trust-icon.real{color:#4be1ba;background:#153d37}.trust-icon.estimate{color:#f0bd70;background:#433322}.trust-icon.demo{color:#caa8e9;background:#362b44}.trust-item strong{font-size:11px}.trust-item p{font-size:11px;line-height:1.55;margin:3px 0 0;color:#8296a5}.info-footnote{margin-top:20px;border-top:1px solid #283642;padding-top:15px;font-size:10px;color:#758b9e;line-height:1.6}.footer{padding-top:28px;display:flex;justify-content:space-between;color:#697b8c;font-size:10px;gap:14px}.footer strong{color:#a3b6bf}.footer>div:last-child span{padding:0 9px}
.compare-controls{padding:23px;margin-bottom:17px}.control-title{font-size:14px;font-weight:800}.small-muted{font-size:11px;color:#8b9baa;font-weight:450}.compare-picks{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.compare-pick{border:1px solid #34404d;border-radius:8px;padding:10px 13px;background:#151f2c;color:#a1b2bf;font-size:12px;display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none}.compare-pick input{accent-color:#37dabb;width:15px;height:15px}.compare-pick:has(input:checked){background:#17332e;border-color:#3a786d;color:#d8fbef}.compare-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.tiny-hint{font-size:11px;color:#768a99}.compare-chart-panel{margin-bottom:17px}.compare-key{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px}.compare-key span{font-size:11px;color:#a8bac5;display:flex;align-items:center;gap:8px}.compare-key span i{display:inline-block;width:12px;height:4px;border-radius:2px}
.explorer-controls{display:flex;gap:13px;align-items:flex-end;flex-wrap:wrap;padding:20px;margin-bottom:17px}.explorer-controls>div{min-width:125px;flex:1}.explorer-controls label,.admin-form label,.login-panel label{display:block;font-size:11px;color:#9babb8;margin-bottom:8px}.explorer-controls input,.explorer-controls select,.admin-form input,.admin-form select,.login-panel input{outline:0;width:100%;height:40px;border:1px solid #344251;background:#111e2b;color:#e9f0f6;border-radius:8px;font-size:12px;padding:0 11px;color-scheme:dark}.explorer-controls input:focus,.explorer-controls select:focus,.admin-form input:focus,.login-panel input:focus{border-color:#38cbb1;box-shadow:0 0 0 2px #3ac2ac22}.explorer-controls .btn{margin-left:2px}
.login-panel{max-width:420px;margin:18px auto 60px;padding:34px;text-align:center}.login-icon{background:#173c38;color:#3bd9c0;border:1px solid #356158;width:65px;height:65px;border-radius:18px;display:grid;place-items:center;font-size:30px;margin:0 auto 17px}.login-panel h2{font-size:21px}.login-panel form{text-align:left;margin-top:25px}.login-panel input{height:45px}.form-hint{color:#8095a3;font-size:11px;line-height:1.7;margin-top:18px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.admin-form,.admin-help{padding:25px}.admin-form form{margin-top:25px}.admin-form label{margin:16px 0 8px}.admin-form label span{color:#48d3bb}.admin-form input[type=file]{padding:10px;height:auto}.admin-form .muted.compact{margin:8px 0 17px}.upload-drop{border:1px dashed #47656b;color:#7e9ba7;border-radius:8px;margin-top:12px;padding:22px 13px;text-align:center;font-size:12px;line-height:2}.upload-drop.dragging{background:#183d39;border-color:#4fe7ce}.upload-drop small{display:block;color:#778b9a}.csv-preview{font-size:12px;background:#19302f;color:#6ee2cb;border-radius:8px;padding:12px;margin-top:13px;line-height:1.6;white-space:pre-wrap}.privacy-note,.admin-help p{font-size:11px;color:#8399a9;line-height:1.8}.privacy-note{margin-top:17px}.admin-help{grid-column:1/-1}.admin-help h2{margin-bottom:12px}.warning-strip{background:#33291e;color:#e4bf82;border-left:3px solid #e5aa57;padding:12px 14px;font-size:11px;margin:15px 0;border-radius:3px}.toast{position:fixed;z-index:99;bottom:24px;right:25px;border:1px solid #3b655b;background:#19332e;color:#baf6e6;padding:13px 18px;font-weight:700;font-size:12px;border-radius:9px;box-shadow:0 14px 40px #0008;opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#3c2027;color:#ffbfcb;border-color:#7f434c}
@media(max-width:1180px){.sidebar{width:215px;min-width:215px}.main-content{padding:28px 22px 20px}.topbar{padding:0 22px}.filters-panel{gap:16px}.stat-grid{gap:10px}.stat-card{padding:17px 14px}.stat-number{font-size:25px}.bottom-grid{grid-template-columns:1fr 1fr}.chart-panel{padding:21px 19px 15px}}
@media(max-width:900px){.sidebar{width:78px;min-width:78px;padding:25px 9px}.brand{padding:0 7px 28px;justify-content:center}.brand-copy,.side-group-title,.nav-link:not(.active)~span,.sidebar-info,.side-footer{display:none}.nav-link{font-size:0;justify-content:center;padding:14px 10px;gap:0}.nav-icon{font-size:23px}.nav-active-dot{display:none}.bottom-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding:24px 20px}.chart-head{flex-wrap:wrap}}
@media(max-width:650px){body{min-width:320px}.app-shell{display:block}.sidebar{position:sticky;top:0;z-index:50;width:100%;min-width:0;height:59px;flex-direction:row;padding:0 12px;align-items:center;border-right:none;border-bottom:1px solid #27313e}.brand{padding:0;margin-right:auto}.brand-mark{width:35px;height:35px}.brand-mark svg{width:28px}.side-nav{display:flex;gap:1px}.nav-link{padding:7px 9px}.nav-icon{font-size:20px}.main-layout{min-height:calc(100vh - 59px)}.topbar{height:51px;padding:0 15px;top:59px}.topbar-left{font-size:11px}.topbar-right{gap:8px}.top-date{display:none}.avatar{width:28px;height:28px;font-size:10px}.mode-tag{font-size:9px;padding:6px 8px}.main-content{padding:23px 13px 22px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:21px}.page-heading h1{font-size:24px}.page-heading .muted{font-size:12px;line-height:1.65}.heading-actions{align-self:auto;width:100%}.heading-actions .btn{flex:1}.notice{padding:12px 11px}.notice p{font-size:11px}.notice strong{font-size:11px}.filters-panel{padding:15px 13px;gap:13px}.selector-group{width:100%}.selector-group select{width:100%;max-width:none;min-width:0}.metric-group{width:100%}.metric-pills{width:100%;max-width:none}.metric-pills .pill{flex:1;padding:10px 8px}.right-filter{margin-left:0}.source-switch{width:max-content}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{padding:15px 13px}.stat-label{font-size:10px}.stat-number{font-size:23px;margin-top:13px}.stat-meta{font-size:10px;line-height:1.4}.chart-panel{padding:18px 13px 13px}.chart-head{align-items:flex-start}.chart-head h2{font-size:15px}.chart-subtitle{font-size:10px}.period-list{width:100%;justify-content:space-around}.period-list button{padding:8px 10px}.chart-head-right{width:100%}.chart-legend{margin:17px 0 3px;font-size:10px}.demo-warning{margin-left:0}.chart-stage{min-height:250px}.chart-stage svg{min-height:240px}.chart-empty{inset:0}.empty-mark{width:57px;height:57px;font-size:35px;margin-bottom:10px}.chart-empty h3{font-size:13px}.chart-empty p{font-size:11px}.chart-bottom{font-size:9px}.bottom-grid{grid-template-columns:1fr}.records-panel,.info-panel{padding:19px 15px}.footer{font-size:9px;flex-wrap:wrap}.explorer-controls{padding:15px}.explorer-controls>div{min-width:calc(50% - 7px)}.explorer-controls .btn{width:100%}.admin-grid{grid-template-columns:1fr}.admin-help{grid-column:auto}.admin-form{padding:20px}.compare-controls{padding:16px}.compare-picks{gap:7px}.compare-pick{font-size:11px;padding:9px 10px}.compare-chart-panel .chart-head{flex-direction:row}.compare-chart-panel .chart-head-right{width:auto}.toast{bottom:16px;left:14px;right:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.chart-point-hit{cursor:crosshair}.series-color-0{background:#38e0c2}.series-color-1{background:#83a4ff}.series-color-2{background:#efbe75}.series-color-3{background:#cc8eff}