:root{--bg:#0e0f13;--panel:#14161b;--panel2:#131519;--line:#1e2026;--line2:#2a2d34;--txt:#f2f3f5;--muted:#8a8e97;--dim:#565a63;--red:#ff4655;--reddim:#4a2226;--blue:#5f9bd1;--bluedim:#274257;--amber:#e0a53c;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;--zoom:1;--wrap:880px;--wrap-wide:1180px;--stage:min(calc(66vh / var(--zoom)),660px);--nav-h:52px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--txt);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Noto Sans JP,Noto Sans SC,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}@media (min-width:1200px){body{zoom:1.25}:root{--zoom:1.25;--wrap:720px;--wrap-wide:980px }}@media (min-width:1500px){body{zoom:1.4}:root{--zoom:1.4;--wrap:660px;--wrap-wide:940px }}@media (min-width:1800px){body{zoom:1.5}:root{--zoom:1.5;--wrap:620px;--wrap-wide:920px }}.hidden{display:none!important}.topbar{position:sticky;top:0;z-index:20;background:#0a0b0ef0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar .inner{max-width:var(--wrap);margin:0 auto;height:var(--nav-h);display:flex;align-items:center;gap:22px;padding:0 16px}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;letter-spacing:.2px}.brand .mark{width:20px;height:20px;background:var(--red);transform:skew(-10deg)}.brand .gg{color:var(--red)}.nav{display:flex;gap:2px}.nav a{padding:7px 12px;color:var(--muted);font-size:11.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;border-bottom:2px solid transparent}.nav a:hover{color:#fff}.nav a.on{color:#fff;border-bottom-color:var(--red)}.topbar .sp{flex:1}select{background:var(--panel2);color:var(--txt);border:1px solid var(--line2);padding:5px 7px;font-size:11px;font-family:var(--mono)}.wrap{max-width:var(--wrap);margin:0 auto;padding:18px 16px 56px}.wrap.wide{max-width:var(--wrap-wide)}.lbl{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.cnt{font-size:10px;color:var(--dim);font-family:var(--mono)}.sechead{display:flex;align-items:baseline;gap:9px;margin:4px 2px 10px}.btn{border:1px solid var(--line2);background:transparent;color:var(--txt);padding:7px 12px;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;font-family:inherit}.btn:hover{border-color:var(--red);color:var(--red)}.seg{display:inline-flex;border:1px solid var(--line2)}.seg button{background:transparent;border:none;color:var(--muted);padding:7px 12px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;cursor:pointer;font-family:inherit}.seg button.on{background:var(--red);color:#0e0f13}.seg.blue button.on{background:var(--blue);color:#0e0f13}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh / var(--zoom) - var(--nav-h) - 74px);gap:18px;text-align:center;padding-bottom:calc(55vh / var(--zoom))}.home .hlogo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:34px;letter-spacing:-.5px}.home .hlogo .mark{width:34px;height:34px;background:var(--red);transform:skew(-10deg)}.home .hlogo .gg{color:var(--red)}.home .htag{color:var(--dim);font-size:12px;letter-spacing:.4px;margin-top:-8px}.home .hbox{width:100%;max-width:440px;position:relative}.home .searchbox{padding:0 14px}.home .searchbox input{padding:13px 0;font-size:14px}.sugg{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:var(--panel);border:1px solid var(--line2);max-height:280px;overflow:auto;text-align:left}.sugg button{display:flex;width:100%;align-items:center;gap:10px;background:transparent;border:none;border-bottom:1px solid var(--line);color:var(--txt);padding:9px 13px;font:inherit;font-size:13px;cursor:pointer}.sugg button:last-child{border-bottom:none}.sugg button:hover,.sugg button.on{background:var(--panel2);color:var(--red)}.sugg .n{margin-left:auto;font:700 10px var(--mono);color:var(--dim)}.home .hhint{color:var(--dim);font-size:11px}.searchrow{display:flex;gap:9px;margin-bottom:14px}.searchbox{flex:1;display:flex;align-items:center;gap:9px;background:var(--panel2);border:1px solid var(--line2);padding:0 12px}.searchbox span{color:var(--dim);font-size:14px}.searchbox input{flex:1;background:transparent;border:none;outline:none;color:var(--txt);font-size:12.5px;padding:9px 0;font-family:inherit}.searchbox input::placeholder{color:var(--dim)}.list{border:1px solid var(--line)}.rowi{display:grid;grid-template-columns:42px minmax(0,1fr) 104px 62px;align-items:center;gap:12px;background:var(--panel);border-bottom:1px solid var(--line);padding:10px 14px;cursor:pointer}.rowi.ranked{grid-template-columns:26px 42px minmax(0,1fr) 104px}.rowi:last-child{border-bottom:none}.rowi:hover{background:var(--panel2)}.rank{text-align:center;font-family:var(--mono);font-weight:800;color:var(--dim);font-size:12px}.rank.g{color:var(--red)}.tag{font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:1px;padding:3px 5px;border:1px solid var(--line2);color:var(--muted);text-align:center}.tag.dmg{color:var(--red);border-color:var(--reddim)}.tag.spd{color:var(--blue);border-color:var(--bluedim)}.rowi .info{min-width:0}.rowi .info .t{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rowi .info .s{font-size:10px;color:var(--dim);font-family:var(--mono);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rowi .score{text-align:right}.rowi .score .n{font-weight:800;font-size:16px}.rowi .score .u{font-size:8.5px;color:var(--dim);letter-spacing:1px;text-transform:uppercase;margin-top:1px}.rowi .up{text-align:right;font-size:10px;color:var(--muted);font-family:var(--mono)}.empty{color:var(--dim);text-align:center;padding:30px;font-size:12px;border:1px solid var(--line);border-top:none}.plink{border-bottom:1px dotted var(--line2)}.rowi .info .t{display:flex;align-items:center;gap:6px}.bdg{font:800 9px/1 var(--mono);letter-spacing:.5px;padding:3px 5px;border:1px solid currentColor;flex:none;opacity:.95}.bdg.pb{color:var(--amber)}.bdg.medal{border-radius:9px}.bdg.medal.m1{color:#ffd24a}.bdg.medal.m2{color:#c8ced8}.bdg.medal.m3{color:#d08b4f}.plink:hover{color:var(--red);border-bottom-color:var(--red)}.pager{display:flex;gap:4px;justify-content:center;align-items:center;margin:14px 0 4px;flex-wrap:wrap}.pager .pg{min-width:30px;height:30px;padding:0 8px;background:transparent;border:1px solid var(--line2);color:var(--muted);font:700 11px inherit;cursor:pointer;font-family:inherit}.pager .pg:hover:not(:disabled){color:#fff;border-color:var(--muted)}.pager .pg.on{background:var(--red);border-color:var(--red);color:#fff}.pager .pg:disabled{opacity:.3;cursor:default}.pager .pgdots{color:var(--dim);padding:0 3px;font-size:11px}.champs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.champ{background:var(--panel);border:1px solid var(--line);padding:15px 17px;position:relative;cursor:pointer;clip-path:polygon(0 0,100% 0,100% 100%,15px 100%,0 calc(100% - 15px))}.champ:hover{border-color:var(--line2)}.champ .corner{position:absolute;top:0;right:0;width:0;height:0;border-top:16px solid var(--red);border-left:16px solid transparent}.champ.spd .corner{border-top-color:var(--blue)}.champ .cl{font-size:9px;letter-spacing:2px;font-weight:800;color:var(--red)}.champ.spd .cl{color:var(--blue)}.champ .pl{font-size:16px;font-weight:700;margin-top:8px}.champ .sc{font-size:30px;font-weight:800;letter-spacing:-1px;margin-top:2px}.champ .sc small{font-size:10px;color:var(--dim);letter-spacing:1px;font-weight:700}.champ .meta{font-size:10px;color:var(--dim);font-family:var(--mono);margin-top:10px;display:flex;gap:12px;flex-wrap:wrap}.phead{margin:2px 2px 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.phead .pname{font-size:23px;font-weight:800;letter-spacing:-.4px}.phead .pstats{display:flex;gap:20px;margin-top:9px;flex-wrap:wrap}.phead .pstats>div{font-size:11px;color:var(--muted)}.phead .pstats b{display:block;font-size:16px;color:var(--txt);font-family:var(--mono);margin-top:2px}.phead .prank{display:inline-block;margin-top:3px;font:800 10px var(--mono);color:var(--red);border:1px solid var(--line2);padding:1px 5px}.phead .prank i{color:var(--dim);font-style:normal;font-weight:700}.back{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;cursor:pointer;display:inline-flex;gap:7px;margin-bottom:13px;background:none;border:none;font-family:inherit;padding:0}.back:hover{color:var(--red)}.strip{display:flex;align-items:stretch;border:1px solid var(--line);background:var(--panel2);margin-bottom:14px;flex-wrap:wrap}.strip .c{padding:9px 15px;border-right:1px solid var(--line)}.strip .c .k{font-size:8.5px;letter-spacing:1.5px;color:var(--dim);font-weight:800;text-transform:uppercase}.strip .c .v{font-family:var(--mono);font-weight:700;font-size:13px;margin-top:2px}.strip .c .v.hl{color:var(--red);font-weight:800}.strip .pcell{display:flex;align-items:center;gap:9px}.strip .pcell .pn{font-weight:700;font-size:14px}.strip .up{margin-left:auto;border-right:none}.dwrap{display:flex;gap:14px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.stagecard{flex:none;border:1px solid var(--line);background:var(--panel);position:relative}.stage{position:relative;width:var(--stage);height:var(--stage);background:#08090c}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.legend{position:absolute;left:11px;bottom:10px;display:flex;gap:12px;font-size:9px;color:var(--muted);letter-spacing:.5px}.legend i{width:7px;height:7px;border-radius:50%;display:inline-block}.ctl{background:var(--panel2);border-top:1px solid var(--line);padding:12px 14px}.scrub{position:relative;height:14px;margin-bottom:10px}.scrub .ticks{position:absolute;left:0;right:0;top:2px;height:6px;pointer-events:none}.scrub .ticks i{position:absolute;top:0;width:1.5px;height:5px;background:var(--amber);opacity:.85}.seek{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:var(--line2);outline:none;margin:5px 0 0;cursor:pointer}.seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--red);cursor:pointer}.seek::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid var(--red);cursor:pointer}.ctlbar{display:flex;align-items:center;gap:12px}.pbtn{width:30px;height:30px;background:var(--red);border:none;color:#0e0f13;font-size:11px;cursor:pointer;flex:none}.tlabel{font-family:var(--mono);font-size:12px;color:#d7dae0}.tlabel span{color:var(--dim)}.ctlbar select{background:transparent;border:1px solid var(--line2);color:var(--muted);padding:4px 8px}.ctlbar .togs{margin-left:auto;display:flex;gap:14px}.ctlbar .tog{color:var(--muted);font-size:9.5px;display:flex;align-items:center;gap:5px;cursor:pointer;letter-spacing:.5px}.klog{flex:none;width:250px;height:var(--stage);border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}.klog h3{margin:0;padding:10px 13px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.klog h3 .lbl{font-size:9.5px}.klog h3 .c{font-family:var(--mono);font-size:11px;color:var(--red);font-weight:700}.kl{overflow:auto;font-family:var(--mono)}.kev{display:flex;align-items:center;gap:8px;padding:7px 13px;border-bottom:1px solid #16181d;cursor:pointer;font-size:11.5px}.kev:hover{background:var(--panel2)}.kev .kt{color:var(--dim);width:40px}.kev .kd{width:6px;height:6px;border-radius:50%;flex:none}.kev .kn{color:var(--red);font-weight:700;margin-left:auto}.analytics{margin:14px auto 0;display:flex;flex-direction:column;gap:12px;max-width:720px}.ana-card{background:var(--panel);border:1px solid var(--line);padding:12px 13px;position:relative}.ana-card h3{margin:0 0 2px;font-size:12px;letter-spacing:.06em;color:#c7ccd4;text-transform:uppercase}.ana-sub{font-size:11px;color:var(--dim);margin-bottom:10px}.ana-h{display:flex;align-items:flex-start;gap:10px}.ana-h .seg{margin-left:auto}.ana-cv{position:relative;height:128px;overflow:hidden}.ana-cv canvas{display:block;width:100%;height:128px;cursor:crosshair}.ana-row{display:flex;gap:12px;flex-wrap:wrap}.ana-row .ana-card{flex:1 1 300px;min-width:0}.ana-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ana-chip{background:var(--panel2);border:1px solid var(--line2);padding:7px 10px;flex:1 1 120px}.ana-chip .cv{font:800 14px/1 var(--mono)}.ana-chip .ck{font-size:10px;color:var(--muted);margin-top:4px;letter-spacing:.03em}.ana-stat{display:flex;justify-content:space-between;font-size:12px;padding:5px 0;border-bottom:1px solid var(--line)}.ana-stat:last-child{border-bottom:0}.ana-stat .sk{color:var(--muted)}.ana-stat .sv{font:700 12px var(--mono)}.ana-lg{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-top:8px}.ana-lg .bar{height:8px;flex:1}.ana-heat{display:block;width:100%;height:230px}.ana-tip{position:absolute;z-index:120;pointer-events:none;background:#0b0c10;border:1px solid var(--line2);padding:6px 9px;font:11px var(--mono);color:var(--txt);white-space:nowrap}.ana-tip .tt{color:var(--muted);font-size:10px;margin-bottom:3px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--line2);color:var(--txt);padding:10px 15px;font-size:12px;z-index:60}@media (max-width:760px){.topbar .inner{gap:12px;padding:0 12px}.brand span:not(.gg){display:none}.nav a{padding:7px 9px;font-size:11px}.wrap{padding:13px 12px 40px}.champs{grid-template-columns:1fr}.rowi{grid-template-columns:38px minmax(0,1fr) 84px;gap:10px}.rowi .up{display:none}.rowi.ranked{grid-template-columns:22px 38px minmax(0,1fr) 84px}.stage{--stage:min(94vw,560px)}.stagecard{width:min(94vw,560px)}.klog{width:min(94vw,560px);height:auto;max-height:300px}}