@layer legacy{.legacy-app{color:#e7e9e8;font-synthesis:none;--accent:#e88965;--muted:#7d898e;--border:#263037;--green:#a4ce85;--red:#e88873;--blue:#6196c4;--surface:#10181e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c1318;font-family:Barlow,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}:where(.legacy-app) *{box-sizing:border-box}.legacy-app{margin:0}:where(.legacy-app) button,:where(.legacy-app) input,:where(.legacy-app) select{font:inherit}:where(.legacy-app) button{cursor:pointer;color:inherit;background:0 0;border:0}:where(.legacy-app) button:disabled{cursor:wait}:where(.legacy-app) button:focus-visible,:where(.legacy-app) input:focus-visible,:where(.legacy-app) select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}:where(.legacy-app) button{transition:background .16s,color .16s,border-color .16s}:where(.legacy-app) button:hover{color:#fff}:where(.legacy-app) h1,:where(.legacy-app) h2,:where(.legacy-app) h3,:where(.legacy-app) p{margin:0}:where(.legacy-app) svg{flex-shrink:0}:where(.legacy-app) button svg{vertical-align:middle}:where(.legacy-app) button.active{color:var(--accent);background:#e8896510}.app{flex-direction:column;height:100dvh;min-height:560px;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border);background:#0f171c;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}.brand{align-items:center;gap:18px;display:flex}.brand>svg{width:31px;height:31px;color:var(--accent)}.brand h1{letter-spacing:7px;font-size:20px;font-weight:500}.brand>span{color:#8c979b;letter-spacing:1px;border-left:1px solid #344047;margin-left:3px;padding-left:21px;font-size:12px}.header-actions{align-items:center;gap:26px;display:flex}.local-label{color:#a6b1b4;align-items:center;gap:7px;font-size:12px;display:flex}.local-label svg{color:#a1b59e}.primary-button{background:var(--accent);color:#172026;border:1px solid #eea17f;border-radius:5px;align-items:center;gap:9px;height:38px;padding:0 15px;font-size:13px;font-weight:600;display:flex}.primary-button:hover{color:#172026;background:#f19e79}.workspace{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid var(--border);z-index:3;background:#10171c;flex-direction:column;flex-shrink:0;width:244px;padding:24px 18px 14px;display:flex}.sidebar-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.sidebar-heading h2{font-size:14px;font-weight:600}.sidebar-heading>span{color:var(--muted);font-size:10px}.match-source{background:#151e24;border:1px solid #28343b;border-radius:6px;margin-bottom:22px;padding:12px}.match-source>div{color:var(--accent);align-items:center;gap:8px;display:flex}.match-source strong{color:#d2d8d8;overflow-wrap:anywhere;font-size:12px;font-weight:500}.match-source p{color:#929da0;margin-top:8px;font-size:10px;line-height:1.5}.match-source small{text-overflow:ellipsis;white-space:nowrap;color:#64757c;max-width:175px;margin-top:7px;font-size:10px;display:block;overflow:hidden}.roster-groups{scrollbar-width:thin;scrollbar-color:#29343b transparent;flex:1;overflow:auto}.team+.team{margin-top:22px}.team-heading{align-items:center;gap:7px;margin:0 5px 9px;display:flex}.team-heading h3{color:var(--green);font-size:12px;font-weight:500}.team-heading>span:last-child{letter-spacing:1.3px;color:#546c60;margin-left:auto;font-size:9px}.team-dot{background:var(--green);border-radius:50%;width:5px;height:5px}.team-3 .team-heading h3{color:var(--red)}.team-3 .team-dot{background:var(--red)}.team-3 .team-heading>span:last-child{color:#825d54}.hero-row{text-align:left;border:1px solid #0000;border-radius:5px;align-items:center;gap:11px;width:100%;margin-bottom:3px;padding:7px 6px;display:flex;position:relative}.hero-row:hover{background:#1b252c}.hero-row.selected{background:#202b2f;border-color:#42524c}.hero-row.selected:before{content:"";background:var(--accent);width:2px;position:absolute;top:13px;bottom:13px;left:-1px}.portrait{flex-shrink:0;width:40px;height:39px;position:relative}.portrait img{object-fit:cover;object-position:center;border:1px solid #354248;border-radius:4px;width:40px;height:39px}.portrait>span{text-align:center;background:#111b20;border:1px solid #415158;border-radius:50%;min-width:17px;height:17px;font-size:9px;font-weight:600;line-height:16px;position:absolute;bottom:-3px;right:-3px}.hero-row-info{flex:1;min-width:0}.hero-row-info>div:first-child{justify-content:space-between;align-items:center;gap:3px;margin-bottom:7px;display:flex}.hero-row-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.hero-row-info small{color:#9f7970;white-space:nowrap;font-size:9px}.mini-bar{background:#253036;border-radius:1px;height:4px;margin-top:3px;overflow:hidden}.mini-bar i{background:#87b477;height:100%;transition:width .12s linear;display:block}.mini-bar.mana{height:2px}.mini-bar.mana i{background:#527fa7}.team-3 .mini-bar:not(.mana) i{background:#cb7c67}.hero-row.dead .portrait img{filter:grayscale();opacity:.45}.sidebar-footer{color:#708087;border-top:1px solid #222e34;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;padding:17px 4px 0;font-size:10px;display:flex}.local-dot{background:#819b76;border-radius:50%;width:5px;height:5px}.sidebar-footer button{text-align:left;width:100%;color:var(--accent);margin-top:5px;font-size:10px}.viewer{flex-direction:column;flex:1;min-width:0;display:flex}.scene-wrap{background:#0c1318;flex:1;min-height:0;position:relative;overflow:hidden}.map-viewport,.map-host{position:absolute;inset:0}.map-host{touch-action:none;cursor:grab}.map-host:active{cursor:grabbing}.map-host canvas{outline:none;display:block}.map-heading{color:#b7c0c2;pointer-events:none;align-items:center;gap:9px;font-size:12px;display:flex;position:absolute;top:23px;left:62px}.map-heading svg{color:#6e7e83}.map-mode{color:#71818a;letter-spacing:1px;border-left:1px solid #344249;margin-left:3px;padding-left:12px;font-size:10px}.sidebar-toggle{color:#809198;background:#182128aa;border:1px solid #253239;border-radius:5px;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:16px;left:16px}.sidebar-toggle:hover{background:#26323b}.map-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111b22cc;border:1px solid #29353c;border-radius:6px;align-items:center;padding:4px;display:flex;position:absolute;top:16px;right:22px}.map-toolbar button{color:#8fa0a8;border-radius:3px;width:30px;height:28px;padding:0}.map-toolbar button:hover{color:#dfe7e9;background:#26353d}.map-toolbar small{color:#abb7bd;text-align:center;font-variant-numeric:tabular-nums;width:39px;font-size:10px}.map-toolbar>span{background:#293740;width:1px;height:14px;margin:0 5px}.map-caption{letter-spacing:.4px;color:#748289;pointer-events:none;align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;bottom:21px;left:23px}.map-caption i{background:#758d80;border-radius:50%;width:4px;height:4px}.inspector{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(115deg,#152025ee,#0f181dee);border:1px solid #354248;border-radius:8px;width:292px;padding:17px 18px 13px;position:absolute;bottom:22px;right:23px;box-shadow:0 8px 30px #03090b55}.inspect-top{align-items:center;gap:13px;margin-bottom:14px;display:flex;position:relative}.inspect-portrait{object-fit:cover;border:1px solid #4e5a5e;border-radius:5px;width:64px;height:64px}.inspect-top>div{flex:1;min-width:0}.inspect-name{align-items:center;gap:10px;display:flex}.inspect-name h2{letter-spacing:.3px;font-size:15px;font-weight:500}.inspect-name>span{color:#aebdbc;border:1px solid #47565a;border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:10px;display:grid}.inspect-top p{color:#8b9d9f;letter-spacing:.3px;margin-top:5px;font-size:10px}.inspect-top small{color:#5f767d;text-overflow:ellipsis;white-space:nowrap;max-width:140px;margin-top:5px;font-size:10px;display:block;overflow:hidden}.inspect-top>button{color:#627d85;border-radius:4px;width:26px;height:26px;position:absolute;top:-5px;right:-7px}.value-bar{background:#253536;border-radius:2px;justify-content:center;align-items:center;height:17px;margin-top:5px;display:flex;position:relative;overflow:hidden}.value-bar>i{background:#558958;transition:width .12s linear;position:absolute;inset:0 auto 0 0}.value-bar span{z-index:1;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.3px;text-shadow:0 1px 2px #0008;font-size:10px;font-weight:500;line-height:1}.value-bar small{z-index:1;color:#ddeddb88;font-size:8px;position:absolute;left:6px}.value-bar.mana{background:#203039}.value-bar.mana i{background:#3c739d}.value-bar.mana small{color:#d5e9fa88}.inspect-bottom{color:#768b91;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:13px;font-size:9px;display:flex}.inspect-bottom>span:first-child{align-items:center;gap:5px;display:flex}.alive{color:#a3ba8c}.fallen{color:#c78477}.inspect-bottom i{background:currentColor;border-radius:50%;width:4px;height:4px}.inspect-bottom b{color:#3e5058;padding:0 7px;font-weight:400}.timeline{border-top:1px solid var(--border);z-index:5;background:#10181e;flex-shrink:0;height:135px;padding:19px 25px 15px;position:relative}.seek-row{align-items:center;gap:27px;min-height:36px;display:flex}.clock{font-variant-numeric:tabular-nums;letter-spacing:.3px;flex-shrink:0;align-self:flex-start;align-items:center;gap:7px;width:111px;margin-top:2px;font-size:12px;display:flex}.clock strong{color:#dce2e3;font-weight:500}.clock span{color:#697b85;font-size:11px}.seek-track{flex:1;margin-top:1px;position:relative}.seek-track input{appearance:none;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--progress),#2a353c var(--progress),#2a353c 100%);cursor:pointer;border-radius:3px;width:100%;height:5px;margin:4px 0 0;display:block}.seek-track input::-webkit-slider-thumb{appearance:none;background:var(--accent);border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 3px #e8896510}.seek-track input::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:13px;height:13px}.ruler{color:#51646e;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:10px;font-size:8px;display:flex}.ruler span{position:relative}.ruler span:before{content:"";background:#42515a;width:1px;height:3px;position:absolute;top:-7px;left:50%}.playback-row{justify-content:space-between;align-items:center;gap:12px;margin-top:11px;display:flex}.playback-controls{align-items:center;gap:18px;display:flex}.play-button{background:var(--accent);color:#152027;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 0 22px #e8896512}.play-button:hover{color:#131c22;background:#efa586}.play-button svg{stroke-width:1.5px}.skip-button{color:#a5b4bb;place-items:center;width:27px;height:30px;padding:0;display:grid;position:relative}.skip-button span{font-size:8px;font-weight:500;position:absolute;top:13px;left:8px}.speed-select{background:#141f26;border:1px solid #2c3941;border-radius:5px;align-items:center;height:30px;margin-left:7px;display:flex;position:relative}.speed-select select{appearance:none;color:#a8b6bd;cursor:pointer;background:0 0;border:none;min-width:65px;height:100%;padding:0 26px 0 14px;font-size:11px}.speed-select svg{pointer-events:none;color:#72868f;position:absolute;right:9px}.events-toggle{color:#81969e;border:1px solid #29363e;border-radius:5px;align-items:center;gap:7px;height:30px;padding:0 10px;font-size:11px;display:flex}.events-toggle span{color:#536973;font-size:9px}.shortcuts{color:#607680;gap:15px;font-size:9px;display:flex}.shortcuts>span{white-space:nowrap}kbd{font:inherit;color:#8b9ba4;border:1px solid #2a3942;border-radius:3px;margin-right:3px;padding:3px 4px}.events-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#131e25f5;border:1px solid #34454e;border-radius:7px;width:320px;padding:16px;position:absolute;bottom:120px;left:25px;box-shadow:0 10px 30px #0006}.events-panel>div:first-child{justify-content:space-between;align-items:center;display:flex}.events-panel h3{font-size:13px;font-weight:500}.events-panel>p{color:#70858f;margin:8px 0 12px;font-size:10px}.events-list{scrollbar-width:thin;scrollbar-color:#3a4c56 transparent;max-height:260px;overflow-y:auto}.events-list>button{text-align:left;border-bottom:1px solid #23343d;align-items:center;gap:10px;width:100%;padding:10px 6px;font-size:11px;display:flex}.events-list>button:hover{background:#22313b}.events-list time{color:#82969f;font-size:10px}.events-list svg{color:#c18c75}.events-list>p{color:#8b9ca5;padding:15px 0;font-size:11px}.toast{white-space:nowrap;background:#1b2a2ef2;border:1px solid #41584f;border-radius:6px;align-items:center;gap:8px;padding:11px 16px;font-size:11px;display:flex;position:absolute;top:67px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0004}.toast svg{color:var(--green)}.scene-error{background:#17242b;border:1px solid #754e45;border-radius:6px;padding:20px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.unavailable{color:#7d929c;padding:15px 0;font-size:12px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (height>=900px){.sidebar{padding-top:28px}.hero-row{margin-bottom:3px;padding:8px 6px}.portrait,.portrait img{width:44px;height:43px}.hero-row-info strong{font-size:12px}.team+.team{margin-top:22px}.mini-bar{height:5px}.match-source{margin-bottom:26px;padding:16px 12px}.timeline{height:139px}.sidebar{width:266px}.inspector{width:310px;padding:19px}.inspect-portrait{width:70px;height:70px}}@media (width<=1180px){.shortcuts>span:nth-child(2),.shortcuts>span:last-child{display:none}.header-actions{gap:15px}.sidebar{width:218px;padding-left:12px;padding-right:12px}.inspector{width:265px;bottom:18px;right:17px}.map-toolbar{right:17px}.map-caption{max-width:150px;font-size:9px}.timeline{padding-left:18px;padding-right:18px}.playback-controls{gap:14px}.brand>span{font-size:11px}.map-heading{left:59px}.inspect-name h2{font-size:14px}}@media (width<=800px){.brand>span{display:none}.app-header{height:60px;padding:0 18px}.brand{gap:12px}.brand h1{letter-spacing:5px;font-size:17px}.brand>svg{width:25px;height:25px}.sidebar{width:185px;padding:16px 9px 12px}.sidebar-heading{padding:0 4px}.sidebar-heading>span{display:none}.match-source{margin-bottom:18px;padding:10px}.match-source p{font-size:9px}.hero-row{gap:7px;margin-bottom:4px;padding:5px 4px}.hero-row-info strong{font-size:10px}.portrait,.portrait img{width:34px;height:34px}.team+.team{margin-top:16px}.team-heading{margin-bottom:7px}.team-heading>span:last-child{font-size:8px}.inspector{width:228px;padding:12px;bottom:17px;right:14px}.inspect-portrait{width:48px;height:48px}.inspect-top{gap:9px}.inspect-name h2{font-size:12px}.inspect-top p,.inspect-top small{font-size:9px}.map-toolbar{top:52px;right:14px}.map-heading{top:21px}.map-toolbar>span{margin:0 2px}.map-toolbar small{width:34px}.map-toolbar button{width:27px}.map-caption{max-width:100px;font-size:8px;line-height:1.6;bottom:17px;left:15px}.shortcuts{display:none}.timeline{height:125px;padding:17px 15px 12px}.seek-row{gap:15px}.clock{width:96px;font-size:11px}.clock span{font-size:10px}.playback-row{margin-top:8px}.playback-controls{gap:16px}.events-toggle{font-size:10px}.sidebar-footer{font-size:9px}.sidebar-footer .local-dot{display:none}}@media (width<=600px){.app{min-height:620px}.local-label{display:none}.app-header{height:57px;padding:0 15px}.primary-button{gap:6px;height:32px;padding:0 11px;font-size:11px}.brand h1{letter-spacing:4px;font-size:15px}.brand{gap:9px}.brand>svg{width:23px;height:23px}.sidebar{z-index:8;width:186px;padding:16px 10px;position:absolute;top:57px;bottom:125px;left:0;box-shadow:15px 0 50px #0009}.app:not(.sidebar-hidden) .sidebar-toggle{z-index:9;left:196px}.map-heading{gap:6px;font-size:10px;top:20px;left:54px}.app:not(.sidebar-hidden) .map-heading{left:230px}.map-mode{padding-left:8px;font-size:9px}.map-toolbar{padding:2px;top:53px;right:11px}.map-toolbar small{width:31px}.map-toolbar button{width:27px;height:27px}.sidebar-toggle{top:14px;left:14px}.map-caption{max-width:112px;bottom:16px;left:16px}.inspector{width:210px;padding:11px;bottom:15px;right:12px}.inspect-portrait{width:43px;height:43px}.inspect-top{margin-bottom:10px}.inspect-name h2{font-size:12px}.inspect-name>span{width:18px;height:18px;font-size:9px}.inspect-top p{font-size:8px}.inspect-top small{max-width:112px;font-size:8px}.value-bar{height:14px}.value-bar span{font-size:9px}.inspect-bottom{margin-top:10px;font-size:8px}.inspect-bottom b{padding:0 3px}.timeline{padding:16px 15px 12px}.clock{width:97px}.seek-row{gap:12px}.ruler span:nth-child(2n){visibility:hidden}.playback-controls{justify-content:space-between;gap:8px;width:100%}.speed-select{margin-left:0}.events-toggle{gap:5px;padding:0 8px}.events-toggle span{display:none}.events-panel{width:auto;bottom:113px;left:13px;right:13px}.toast{white-space:normal;text-align:center;max-width:calc(100% - 24px);font-size:10px;line-height:1.7;top:95px}}@media (prefers-reduced-motion:reduce){:where(.legacy-app) *,:where(.legacy-app) :before,:where(.legacy-app) :after{transition:none!important}.spin{animation-duration:2s}}}