:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090d;--surface-0:#0a0d12;--surface-1:#0e121a;--surface-2:#131926;--surface-3:#1a2231;--surface-4:#222c3e;--border:#1c2433;--border-2:#263043;--border-3:#33405a;--text:#e8ecf3;--text-2:#b3bccd;--text-3:#7c879c;--text-4:#4a5366;--text-inverse:#0a0d12;--brand:#ff4655;--brand-2:#ff6b77;--kill:#34d399;--kill-soft:#34d39924;--death:#fb5a6e;--death-soft:#fb5a6e24;--atk:#ff9f5a;--atk-soft:#ff9f5a24;--def:#4cc3ff;--def-soft:#4cc3ff24;--site-a:#f7c948;--site-b:#5aa9ff;--site-c:#c084fc;--site-mid:#a3adbf;--spawn:#7c879c;--spike:#f7c948;--warn:#e3e7ee;--info:#b3bccd;--radius-xs:4px;--radius-s:6px;--radius-m:10px;--radius-l:14px;--radius-xl:20px;--shadow-1:0 1px 0 #ffffff08 inset, 0 1px 2px #0006;--shadow-2:0 1px 0 #ffffff0a inset, 0 12px 32px #00000073;--ring:0 0 0 2px #e8ecf3d9;--font-sans:"Noto Sans JP", system-ui, -apple-system, "Hiragino Sans", sans-serif;--font-display:"Barlow Condensed", "Noto Sans JP", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Noto Sans JP", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-2xs:11px;--fs-xs:12px;--fs-s:12px;--fs-m:13px;--fs-base:14px;--fs-l:16px;--fs-xl:20px;--fs-2xl:28px;--fs-3xl:40px;--fs-4xl:64px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sidebar-w:288px;--content-max:1480px;--ease:cubic-bezier(.2, .7, .2, 1);--dur:.16s}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1100px 560px at 78% -12%, #ff465512, transparent 62%), radial-gradient(900px 520px at -8% 108%, #34d3990b, transparent 60%), var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;font-feature-settings:"palt" 1;word-break:auto-phrase;overflow-wrap:break-word;background-attachment:fixed;margin:0;line-height:1.55}h1,h2,h3,h4{text-wrap:balance}p,li,dd,figcaption{text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--text);outline-offset:2px}::selection{background:#ff465559}*{scrollbar-width:thin;scrollbar-color:var(--border-3) transparent}.num{font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);letter-spacing:.01em;font-variant-numeric:tabular-nums;font-weight:600}.hud-label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-weight:500}.hud-label--ja{font-family:var(--font-sans);font-size:var(--fs-xs);letter-spacing:.04em}.muted{color:var(--text-3)}.text-2{color:var(--text-2)}.kill{color:var(--kill)}.death{color:var(--death)}.atk{color:var(--atk)}.def{color:var(--def)}.panel{background:linear-gradient(180deg, #ffffff03, transparent 40%), var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-1)}.panel-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5) 0;display:flex}.panel-title{align-items:center;gap:var(--sp-2);font-size:var(--fs-m);letter-spacing:.02em;margin:0;font-weight:700;display:flex}.panel-title:before{content:"";background:var(--text-4);flex:none;width:6px;height:6px;transform:rotate(45deg)}.panel-sub{color:var(--text-3);font-size:var(--fs-xs)}.panel-body{padding:var(--sp-4) var(--sp-5) var(--sp-5)}.divider{background:var(--border);border:0;height:1px;margin:0}.hud-frame{--frame-r:var(--radius-l);position:relative}.hud-frame:before,.hud-frame:after{content:"";pointer-events:none;border-color:var(--border-3);border-style:solid;width:14px;height:14px;position:absolute}.hud-frame:before{border-top-left-radius:var(--frame-r);border-width:2px 0 0 2px;top:-1px;left:-1px}.hud-frame:after{border-bottom-right-radius:var(--frame-r);border-width:0 2px 2px 0;bottom:-1px;right:-1px}.btn{justify-content:center;align-items:center;gap:var(--sp-2);height:34px;padding:0 var(--sp-4);border-radius:var(--radius-m);border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);font-size:var(--fs-m);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease);white-space:nowrap;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:var(--border-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--text-inverse);border-color:#0000;font-weight:700}.btn-primary:hover{background:var(--brand-2);border-color:#0000}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-sm{height:28px;padding:0 var(--sp-3);font-size:var(--fs-s);border-radius:var(--radius-s)}.icon-btn{border-radius:var(--radius-s);border:1px solid var(--border-2);background:var(--surface-2);width:30px;height:30px;color:var(--text-2);cursor:pointer;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--text);border-color:var(--border-3)}.icon-btn[aria-pressed=true]{background:var(--text);color:var(--text-inverse);border-color:var(--text)}.seg{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--radius-m);gap:2px;padding:3px;display:flex}.seg>button{min-width:0;height:28px;padding:0 var(--sp-2);color:var(--text-3);font-size:var(--fs-s);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;border-radius:7px;flex:1 1 0;font-weight:500;overflow:hidden}.seg>button:hover{color:var(--text);background:var(--surface-2)}.seg>button[aria-pressed=true]{background:var(--text);color:var(--text-inverse);font-weight:700}.seg>button[aria-pressed=true][data-tone=kill]{background:var(--kill)}.seg>button[aria-pressed=true][data-tone=death]{background:var(--death)}.seg>button[aria-pressed=true][data-tone=atk]{background:var(--atk)}.seg>button[aria-pressed=true][data-tone=def]{background:var(--def)}.chip{border:1px solid var(--border-2);background:var(--surface-1);height:28px;color:var(--text-3);font-size:var(--fs-s);cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.chip:hover{color:var(--text);border-color:var(--border-3)}.chip .dot{opacity:.5;background:currentColor;border-radius:50%;width:6px;height:6px}.chip[aria-pressed=true]{color:var(--text);border-color:var(--border-3);background:var(--surface-3)}.chip[aria-pressed=true] .dot{opacity:1;background:var(--text)}.badge{border-radius:var(--radius-xs);min-width:20px;height:20px;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;background:var(--surface-3);color:var(--text-2);white-space:nowrap;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-weight:600;display:inline-flex}.badge-win{background:var(--kill-soft);color:var(--kill)}.badge-loss{background:var(--death-soft);color:var(--death)}.badge-draw{background:var(--surface-3);color:var(--text-2)}.badge-atk{background:var(--atk-soft);color:var(--atk)}.badge-def{background:var(--def-soft);color:var(--def)}.badge-site{min-width:22px;height:22px;font-family:var(--font-display);font-size:var(--fs-m);color:var(--text-inverse);font-weight:700}.badge-site[data-site=A]{background:var(--site-a)}.badge-site[data-site=B]{background:var(--site-b)}.badge-site[data-site=C]{background:var(--site-c)}.badge-site[data-site=Mid]{background:var(--site-mid)}.badge-site[data-site=AttackerSide],.badge-site[data-site=DefenderSide],.badge-site[data-site=Other]{background:var(--surface-4);color:var(--text-2)}.badge-role{border:1px solid var(--border-3);color:var(--text-3);background:0 0}.kpi{flex-direction:column;gap:2px;display:flex}.kpi-value{font-family:var(--font-display);font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.kpi-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.bar{background:var(--surface-3);border-radius:999px;height:4px;position:relative;overflow:hidden}.bar>span{border-radius:inherit;background:var(--text-2);transition:width .3s var(--ease);position:absolute;inset:0 auto 0 0}.kd-bar{background:var(--surface-3);border-radius:999px;gap:2px;height:6px;display:flex;overflow:hidden}.kd-bar>.k{background:var(--kill)}.kd-bar>.d{background:var(--death)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-m);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-m);font-variant-numeric:tabular-nums}.table th{background:var(--surface-2);color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);padding:10px 12px;font-weight:500;position:sticky;top:0}.table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background var(--dur) var(--ease)}.table tbody tr:hover{background:#ffffff05}.table tbody tr[data-dim=true]{opacity:.42}.table .r{text-align:right}.check{appearance:none;border:1px solid var(--border-3);background:var(--surface-0);cursor:pointer;border-radius:4px;place-items:center;width:16px;height:16px;margin:0;display:inline-grid}.check:checked{background:var(--text);border-color:var(--text)}.check:checked:after{content:"";border:2px solid var(--text-inverse);border-top:0;border-right:0;width:8px;height:4px;transform:translateY(-1px)rotate(-45deg)}.input{width:100%;height:40px;padding:0 var(--sp-4);border-radius:var(--radius-m);border:1px solid var(--border-2);background:var(--surface-0);color:var(--text);font:inherit;font-size:var(--fs-base);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--text-3);outline:none;box-shadow:0 0 0 3px #e8ecf314}.range{appearance:none;background:var(--surface-3);border-radius:999px;outline:none;width:100%;height:4px}.range:focus-visible{outline:2px solid var(--text);outline-offset:6px}.range::-webkit-slider-thumb{appearance:none;background:var(--text);border:2px solid var(--bg);cursor:pointer;border-radius:50%;width:14px;height:14px}.range::-moz-range-thumb{background:var(--text);border:2px solid var(--bg);cursor:pointer;border-radius:50%;width:14px;height:14px}.tooltip{z-index:50;pointer-events:none;border-radius:var(--radius-s);border:1px solid var(--border-3);box-shadow:var(--shadow-2);font-size:var(--fs-s);white-space:nowrap;background:#0a0d12f5;padding:8px 10px;position:absolute}.skeleton{background:var(--surface-2);border-radius:var(--radius-s);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade-in{animation:fade-in .28s var(--ease) both}.empty{place-items:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);color:var(--text-3);font-size:var(--fs-m);text-align:center;display:grid}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.ui-icon{flex:none;display:block}.logo{color:var(--text);border-radius:var(--radius-s);align-items:center;gap:10px;display:inline-flex}.logo-mark{flex:none;display:block}.logo-mark__bg{fill:var(--surface-2);stroke:var(--border-3);stroke-width:2px}.logo-mark__v{fill:var(--text)}.logo-mark__slash{fill:var(--brand);transition:fill var(--dur) var(--ease)}.logo:hover .logo-mark__slash{fill:var(--brand-2)}.logo__word{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:.1em;font-weight:700;line-height:1}.ui-panel>.panel-head{flex-wrap:wrap}.ui-panel__titles{align-items:baseline;gap:2px var(--sp-3);flex-wrap:wrap;min-width:0;display:flex}.ui-panel__actions{justify-content:flex-end;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.ui-panel__flush{padding-top:var(--sp-4)}.seg.ui-seg-sm{border-radius:var(--radius-s);padding:2px}.seg.ui-seg-sm>button{height:24px;font-size:var(--fs-xs);border-radius:5px}.seg>button[data-dim=true]{opacity:.42}.seg>button[data-dim=true]:hover{opacity:.8}.chip[data-tone=kill][aria-pressed=true] .dot{background:var(--kill);box-shadow:0 0 8px var(--kill)}.chip[data-tone=death][aria-pressed=true] .dot{background:var(--death);box-shadow:0 0 8px var(--death)}.chip[data-tone=atk][aria-pressed=true] .dot{background:var(--atk);box-shadow:0 0 8px var(--atk)}.chip[data-tone=def][aria-pressed=true] .dot{background:var(--def);box-shadow:0 0 8px var(--def)}.chip:disabled{opacity:.45;cursor:not-allowed}.ui-toggle{align-items:center;gap:var(--sp-2);color:var(--text-2);font-size:var(--fs-s);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.ui-toggle.is-disabled{opacity:.45;cursor:not-allowed}.ui-toggle__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ui-toggle__track{border:1px solid var(--border-3);background:var(--surface-0);width:30px;height:18px;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:999px;flex:none;position:relative}.ui-toggle__thumb{background:var(--text-3);width:12px;height:12px;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.ui-toggle__input:checked+.ui-toggle__track{background:var(--text);border-color:var(--text)}.ui-toggle__input:checked+.ui-toggle__track .ui-toggle__thumb{background:var(--text-inverse);transform:translate(12px)}.ui-toggle__input:focus-visible+.ui-toggle__track{box-shadow:var(--ring)}.ui-toggle:hover .ui-toggle__track{border-color:var(--text-3)}.ui-toggle__text{flex-direction:column;min-width:0;display:flex}.ui-toggle__label{color:var(--text)}.ui-toggle__hint{color:var(--text-3);font-size:var(--fs-xs)}.ui-spinner{--size:16px;width:var(--size);height:var(--size);border:2px solid color-mix(in srgb, currentColor 22%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;animation:.8s linear infinite ui-spin;display:inline-block}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-empty{gap:var(--sp-3);padding:var(--sp-10) var(--sp-5)}.ui-empty--compact{gap:var(--sp-2);padding:var(--sp-6) var(--sp-4)}.ui-empty__icon{border-radius:var(--radius-m);border:1px solid var(--border-2);background:var(--surface-2);width:48px;height:48px;color:var(--text-2);place-items:center;display:grid;transform:rotate(45deg)}.ui-empty__icon>.ui-icon{transform:rotate(-45deg)}.ui-empty--compact .ui-empty__icon{width:38px;height:38px}.ui-empty[data-tone=error] .ui-empty__icon{color:var(--death);border-color:color-mix(in srgb, var(--death) 40%, transparent);background:var(--death-soft)}.ui-empty[data-tone=warn] .ui-empty__icon{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent);background:color-mix(in srgb, var(--warn) 12%, transparent)}.ui-empty__title{margin:var(--sp-2) 0 0;color:var(--text);font-size:var(--fs-l);font-weight:700;line-height:1.4}.ui-empty--compact .ui-empty__title{margin-top:var(--sp-1);font-size:var(--fs-base)}.ui-empty__text{max-width:460px;color:var(--text-3);font-size:var(--fs-m)}.ui-empty__text>p{margin:0}.ui-empty__actions{justify-content:center;gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.ui-empty--page{width:min(560px,100%);padding:var(--sp-8) var(--sp-6);margin-inline:auto}.ui-empty--page .ui-empty__title{font-size:var(--fs-xl)}.ui-empty--page .ui-empty__text{color:var(--text-2)}@media (width<=480px){.ui-empty--page{padding:var(--sp-6) var(--sp-4)}}.ui-agent{--size:28px;width:var(--size);height:var(--size);background:color-mix(in srgb, var(--agent,var(--surface-4)) 38%, var(--surface-2));border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.ui-agent:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 10%, transparent);pointer-events:none;position:absolute;inset:0}.ui-agent--hl:after{box-shadow:inset 0 0 0 2px var(--text)}.ui-agent img{object-fit:cover;width:100%;height:100%}.ui-agent__fallback{color:var(--text-3);font-size:calc(var(--size) * .42);font-weight:700;line-height:1}.ui-rank{--size:32px;align-items:center;gap:var(--sp-2);min-width:0;display:inline-flex}.ui-rank img{width:var(--size);height:var(--size);object-fit:contain;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--tier,transparent) 40%, transparent))}.ui-rank__fallback{width:var(--size);height:var(--size);border:1px dashed var(--border-3);border-radius:50%}.ui-rank__name{font-size:var(--fs-m);white-space:nowrap;font-weight:700}.ui-mapthumb{background:var(--surface-2);color:var(--text-4);display:block;position:relative;overflow:hidden}.ui-mapthumb img{object-fit:cover;width:100%;height:100%}.ui-mapthumb[data-variant=minimap]{background:0 0}.ui-mapthumb[data-variant=minimap] img{object-fit:contain}.ui-mapthumb>.ui-icon{margin:auto;position:absolute;inset:0}.ui-stat{min-width:0}.ui-stat[data-size=sm] .kpi-value{font-family:var(--font-sans);font-size:var(--fs-base);white-space:nowrap;font-weight:700;line-height:1.35}.ui-stat[data-size=lg] .kpi-value{font-size:var(--fs-3xl)}.ui-stat__sub{color:var(--text-3);font-size:var(--fs-xs)}.kbd{border-radius:var(--radius-xs);border:1px solid var(--border-3);background:var(--surface-2);min-width:18px;height:18px;color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-2xs);border-bottom-width:2px;place-items:center;padding:0 4px;line-height:1;display:inline-grid}.rid{width:100%;position:relative}.rid__bar{align-items:center;gap:var(--sp-2);border:1px solid var(--border-2);border-radius:var(--radius-m);background:color-mix(in srgb, var(--surface-0) 90%, transparent);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);display:flex;position:relative}.rid__bar:hover{border-color:var(--border-3)}.rid__bar:focus-within{border-color:var(--text-3);background:var(--surface-0)}.rid__bar:has(.rid__input:focus-visible){outline:2px solid var(--text);outline-offset:2px}.rid--error .rid__bar{border-color:color-mix(in srgb, var(--death) 65%, transparent)}.rid__icon{color:var(--text-3);transition:color var(--dur) var(--ease);flex:none;padding-left:12px;display:grid}.rid__bar:focus-within .rid__icon{color:var(--text)}.rid__input.input{min-width:0;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;padding:0}.rid__input.input:focus{box-shadow:none}.rid__kbd{margin-right:8px}@media (hover:none),(width<=640px){.rid__kbd{display:none}}.rid--sm .rid__bar{height:34px}.rid--sm .rid__input.input{height:44px;font-size:var(--fs-m);margin-block:-5px}.rid--lg .rid__bar{border-radius:var(--radius-l);height:60px;box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-right:8px}.rid--lg .rid__icon{padding-left:18px}.rid--lg .rid__input.input{font-size:var(--fs-l);letter-spacing:.01em;padding-left:4px}.rid--lg .rid__submit{height:44px;padding:0 var(--sp-5);border-radius:var(--radius-m);letter-spacing:.04em}.rid__error{margin:var(--sp-2) 0 0;color:var(--death);font-size:var(--fs-s);align-items:center;gap:6px;display:flex}.rid--sm .rid__error{z-index:60;border:1px solid color-mix(in srgb, var(--death) 40%, transparent);border-radius:var(--radius-s);background:var(--surface-1);width:max-content;min-width:100%;max-width:min(360px,100vw - 32px);box-shadow:var(--shadow-2);white-space:normal;margin:0;padding:8px 10px;position:absolute;top:calc(100% + 6px);right:0}@media (width<=480px){.rid--lg .rid__bar{height:54px}.rid--lg .rid__submit{width:44px;padding:0}.rid--lg .rid__submit-label{display:none}}.ui-soon{border:1px dashed var(--border-3);color:var(--text-3);background:0 0;gap:6px}.ui-soon__dot{background:var(--warn);border-radius:50%;width:5px;height:5px;animation:1.8s ease-in-out infinite ui-blink}@keyframes ui-blink{50%{opacity:.25}}.ui-slot .panel-title{color:var(--text-2)}.ui-slot__lines{gap:10px;display:grid}.ui-slot__lines>.skeleton{height:10px;display:block}.site-footer{margin-top:var(--sp-10);border-top:1px solid var(--border)}.site-footer__legal{max-width:var(--content-max);padding:var(--sp-5) var(--sp-6);color:var(--text-3);font-size:var(--fs-xs);margin:0 auto;line-height:1.6}@media (width<=640px){.site-footer__legal{padding:var(--sp-4)}}.ui-scope{border:1px solid var(--border-2);max-width:100%;min-height:20px;color:var(--text-3);font-size:var(--fs-xs);white-space:normal;cursor:help;border-radius:6px;align-items:center;gap:4px;padding:4px 7px;font-weight:600;line-height:1.5;display:inline-flex}.ui-scope>svg{flex:none}.ui-scope__note{font-weight:400;display:block}.ui-scope[data-active=true]{border-color:var(--border-3);background:var(--surface-3);color:var(--text)}.ui-side-badge{font-family:var(--font-sans);letter-spacing:.04em;vertical-align:1px;margin-right:6px}.ui-tip{vertical-align:middle;flex:none;display:inline-flex;position:relative}.ui-tip__btn{width:24px;height:24px;color:var(--text-3);cursor:help;transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;display:inline-grid}.ui-tip__btn:hover,.ui-tip__btn:focus-visible,.ui-tip[data-mode=open] .ui-tip__btn{color:var(--text)}.ui-tip[data-active] .ui-tip__btn{border-color:var(--border-3);background:var(--surface-3);color:var(--text)}.ui-tip__bubble{z-index:30;border:1px solid var(--border-3);border-radius:var(--radius-s);background:color-mix(in srgb, var(--surface-0) 97%, transparent);width:max-content;max-width:min(320px,100vw - 32px);box-shadow:var(--shadow-2);color:var(--text-2);font-family:var(--font-sans);font-size:var(--fs-xs);letter-spacing:.01em;text-align:left;text-transform:none;white-space:normal;pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease), display var(--dur) allow-discrete;padding:9px 11px;font-weight:400;line-height:1.65;display:none;position:absolute;top:calc(100% + 6px);right:-4px;transform:translateY(-3px)}.ui-tip[data-align=start] .ui-tip__bubble{left:-4px;right:auto}.ui-tip[data-mode=open] .ui-tip__bubble{pointer-events:auto}.ui-tip:hover .ui-tip__bubble,.ui-tip__btn:focus-visible+.ui-tip__bubble,.ui-tip[data-mode=open] .ui-tip__bubble{opacity:1;display:block;transform:none}@starting-style{.ui-tip:hover .ui-tip__bubble,.ui-tip__btn:focus-visible+.ui-tip__bubble,.ui-tip[data-mode=open] .ui-tip__bubble{opacity:0;transform:translateY(-3px)}}.ui-tip[data-mode=closed] .ui-tip__bubble{display:none}.ui-tip__bubble>*{margin-top:0;margin-bottom:0}.ui-tip__bubble p+p,.ui-tip__bubble p+ul,.ui-tip__bubble ul+p{margin-top:6px}.ui-tip__bubble ul{gap:4px;padding-left:1.1em;display:grid}.ui-tip__bubble b{color:var(--text);font-weight:600}.app{--header-h:56px;flex-direction:column;min-height:100%;display:flex}.app-main{flex:1 0 auto;min-width:0}.app-main:focus{outline:none}.skip{top:var(--sp-2);left:var(--sp-2);z-index:60;gap:var(--sp-2);pointer-events:none;display:flex;position:fixed}.skip__link{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-s);background:var(--text);color:var(--text-inverse);font-size:var(--fs-m);transform:translateY(calc(-100% - var(--sp-4)));pointer-events:auto;font-weight:700}.skip__link:focus-visible{outline-color:var(--text);transform:none}.app-loading{min-height:calc(100vh - var(--header-h));min-height:calc(100dvh - var(--header-h))}.app-notfound{max-width:var(--content-max);padding:var(--sp-10) var(--sp-6);margin:0 auto}.app-header{z-index:40;height:var(--header-h);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);position:sticky;top:0}.app-header:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text) 16%, transparent) 18%, color-mix(in srgb, var(--text) 4%, transparent) 42%, transparent 60%);pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0}.app-header__inner{align-items:center;gap:var(--sp-4);height:100%;max-width:var(--content-max);padding:0 var(--sp-6);margin:0 auto;display:flex}.app-header__tagline{padding-left:var(--sp-4);border-left:1px solid var(--border-2);color:var(--text-3);white-space:nowrap}.app-header__slot{flex:1;align-self:stretch;align-items:center;min-width:0;display:flex}.app-header__search{width:min(320px,100%)}@media (width<=760px){.app-header__tagline{display:none}}@media (width<=1199px){.app-header__inner:has(.mc-follow--header) .app-header__tagline{display:none}}@media (width<=640px){.app-header__inner{gap:var(--sp-3);padding:0 var(--sp-4)}.app-header__search{flex:0 auto;width:240px}}@media (width<=379px){.app-header .logo__word{display:none}}.home{isolation:isolate;position:relative;overflow:hidden}.home-bg{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-bg__grid{background-image:linear-gradient(color-mix(in srgb, var(--border) 80%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 80%, transparent) 1px, transparent 1px);opacity:.75;background-position:-1px -1px;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 52% at 60% 26%,#000 10%,#0000 72%);mask-image:radial-gradient(70% 52% at 60% 26%,#000 10%,#0000 72%)}.home-bg__glow{background:radial-gradient(680px 440px at 74% 22%, color-mix(in srgb, var(--brand) 10%, transparent), transparent 70%), radial-gradient(520px 360px at 8% 64%, color-mix(in srgb, var(--text) 3%, transparent), transparent 70%);position:absolute;inset:0}.home-bg__rings{background:repeating-radial-gradient(circle, transparent 0 63px, color-mix(in srgb, var(--border-2) 70%, transparent) 63px 64px);opacity:.45;border-radius:50%;width:980px;height:980px;position:absolute;top:-300px;right:-260px;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 68%);mask-image:radial-gradient(circle,#000 20%,#0000 68%)}.home-bg__scan{background:linear-gradient(180deg, transparent calc(100% - 200px), color-mix(in srgb, var(--text) 1%, transparent) calc(100% - 70px), color-mix(in srgb, var(--text) 2.5%, transparent) calc(100% - 14px), transparent);will-change:transform;animation:12s linear infinite home-scan;position:absolute;inset:0}@keyframes home-scan{0%{transform:translateY(-100%)}to{transform:translateY(200px)}}.home-hero{max-width:var(--content-max);min-height:min(720px, calc(100svh - var(--header-h,56px)));padding:clamp(40px, 7vh, 88px) var(--sp-6) clamp(32px, 5vh, 56px);grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:clamp(32px,5vw,80px);margin:0 auto;display:grid}.home-hero__copy{min-width:0;animation:fade-in .42s var(--ease) both}.home-hero__visual{min-width:0;animation:fade-in .52s var(--ease) .12s both}.home-logo{width:fit-content;margin:0 0 var(--sp-6);font-family:var(--font-display);letter-spacing:.015em;font-size:clamp(88px,11.5vw,184px);font-weight:700;line-height:.8;display:block;position:relative}.home-logo__text{background:linear-gradient(180deg, var(--text) 30%, var(--text-2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;position:relative}.home-logo__ghost{color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--brand) 50%, transparent);-webkit-user-select:none;user-select:none;position:absolute;top:.05em;left:.05em}.home-logo__slash{background:var(--brand);width:.1em;height:.3em;box-shadow:0 0 28px color-mix(in srgb, var(--brand) 55%, transparent);position:absolute;top:-.02em;right:-.2em;transform:skew(-22deg)}.home-lede{max-width:580px;margin:0 0 var(--sp-5);color:var(--text-2);font-size:var(--fs-l);font-weight:500;line-height:1.5}.home-search{max-width:580px}.home-note{max-width:580px;margin:var(--sp-2) 0 0;color:var(--text-3);font-size:var(--fs-s)}.home-recent{max-width:580px;margin-top:var(--sp-6)}.home-recent__head{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);display:flex}.home-recent__clear{height:24px;color:var(--text-3);position:relative}.home-recent__clear:after{content:"";position:absolute;inset:-8px 0}.home-recent__list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip.home-recent__chip{cursor:default;gap:2px;height:30px;padding:0 4px 0 3px}.home-recent__link{height:100%;color:var(--text-2);transition:color var(--dur) var(--ease);border-radius:999px;align-items:center;gap:7px;padding-right:2px;display:inline-flex}.home-recent__link:hover{color:var(--text)}.home-recent__avatar{object-fit:cover;background:var(--surface-3);border-radius:50%;width:24px;height:24px}.home-recent__avatar--empty{color:var(--text-3);place-items:center;display:grid}.home-recent__name{font-size:var(--fs-s);font-weight:500}.home-recent__tag{color:var(--text-3);margin-left:1px}.home-recent__x{width:22px;height:22px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.home-recent__x:after{content:"";border-radius:50%;position:absolute;inset:-5px -5px -5px -3px}.home-recent__x:hover{background:var(--surface-3);color:var(--text)}.tp{background:radial-gradient(120% 80% at 40% 40%, var(--surface-1), var(--surface-0) 80%);box-shadow:var(--shadow-2);margin:0;overflow:hidden}.tp-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);display:flex}.tp-head__title{align-items:center;gap:var(--sp-2);display:flex}.tp-head__title>*{white-space:nowrap}.tp-sample{border:1px solid var(--border-2);border-radius:var(--radius-xs);color:var(--text-3);font-size:var(--fs-2xs);padding:1px 6px}.tp-seg{width:188px}.tp-body{grid-template-columns:minmax(0,1fr) 150px;gap:0;display:grid}.tp-map{aspect-ratio:480/400;background-image:linear-gradient(color-mix(in srgb, var(--border) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 55%, transparent) 1px, transparent 1px);background-size:24px 24px;position:relative;overflow:hidden;container:tp-map/inline-size}.tp-svg{width:100%;height:100%;position:absolute;inset:0}.tp-wall rect{fill:none;stroke:var(--border-3);stroke-width:3px}.tp-floor rect{fill:var(--surface-2)}.tp-plant{fill:none;stroke-width:1.2px;stroke-dasharray:4 4}.tp-plant--a{stroke:color-mix(in srgb, var(--site-a) 60%, transparent)}.tp-plant--b{stroke:color-mix(in srgb, var(--site-b) 60%, transparent)}.tp-site{font-family:var(--font-display);text-anchor:middle;dominant-baseline:central;fill-opacity:.14;font-size:46px;font-weight:700}.tp-site--a{fill:var(--site-a)}.tp-site--b{fill:var(--site-b)}.tp-stop-k{stop-color:var(--kill)}.tp-stop-d{stop-color:var(--death)}.tp-heat{opacity:0;transition:opacity .24s var(--ease)}.tp[data-show=all] .tp-heat[data-mode=all],.tp[data-show=kills] .tp-heat[data-mode=kills],.tp[data-show=deaths] .tp-heat[data-mode=deaths]{opacity:1}.tp-layer{transition:opacity .24s var(--ease)}.tp[data-show=kills] .tp-layer--d,.tp[data-show=deaths] .tp-layer--k{opacity:.06}.tp-dot--k{fill:var(--kill)}.tp-dot--d{fill:var(--death)}.tp-line{stroke-width:1.3px;stroke-dasharray:3 3;opacity:.85}.tp-line--k{stroke:var(--kill)}.tp-line--d{stroke:var(--death)}.tp-killer{fill:var(--surface-0);stroke-width:1.5px}.tp-killer--k{stroke:var(--kill)}.tp-killer--d{stroke:var(--death)}.tp-callout{font-family:var(--font-sans);letter-spacing:.02em;text-anchor:middle;fill:var(--text-2);paint-order:stroke;stroke:var(--bg);stroke-opacity:.92;stroke-width:3px;stroke-linejoin:round;font-size:12px;font-weight:500}.tp-callout[data-spawn=true]{fill:var(--text-3)}.tp-pulse{fill:none;stroke:var(--death);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:pulse-ring 2.2s var(--ease) infinite}.tp-hot{fill:var(--surface-0);stroke:var(--death);stroke-width:1.5px}.tp-hotmark{transform-box:fill-box;transform-origin:50%}.tp-hot-n{font-family:var(--font-display);fill:var(--death);text-anchor:middle;dominant-baseline:central;font-size:12px;font-weight:700}@container tp-map (width<=479px){.tp-callout{font-size:14px}}@container tp-map (width<=410px){.tp-callout{font-size:16px}.tp-callout[data-minor=true]{display:none}.tp-hotmark{transform:scale(1.5)}}@container tp-map (width<=360px){.tp-callout{font-size:18px}.tp-hotmark{transform:scale(1.7)}}@container tp-map (width<=320px){.tp-callout{font-size:20px}}.tp-scan{background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--text) 5%, transparent) 50%, transparent 52%);pointer-events:none;background-size:100% 220%;animation:6s linear infinite tp-scan;position:absolute;inset:0}@keyframes tp-scan{0%{background-position:0 120%}to{background-position:0 -20%}}.tp-tip{border:1px solid color-mix(in srgb, var(--death) 45%, transparent);border-radius:var(--radius-s);background:color-mix(in srgb, var(--surface-0) 88%, transparent);height:26px;box-shadow:var(--shadow-2);font-size:var(--fs-xs);white-space:nowrap;transition:opacity .24s var(--ease);align-items:center;gap:6px;padding:0 8px;display:inline-flex;position:absolute;top:calc(53.5% - 13px);left:calc(18.3333% + 18px)}.tp[data-show=kills] .tp-tip{opacity:0}.tp-tip__kind{color:var(--death);font-weight:700}.tp-tip__n{color:var(--text-3)}.tp-zones{gap:var(--sp-2);padding:var(--sp-3);border-left:1px solid var(--border);background:color-mix(in srgb, var(--surface-0) 60%, transparent);flex-direction:column;display:flex}.tp-zone{border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface-1);gap:6px;padding:10px;display:grid}.tp-zone__row{align-items:center;gap:6px;display:flex}.tp-zone__label{min-width:0;color:var(--text-2);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.tp-zone__kd{font-size:var(--fs-l);line-height:1}.tp-zone__meta{color:var(--text-3);font-family:var(--font-mono);font-size:var(--fs-2xs);justify-content:space-between;display:flex}.tp-foot{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);font-size:var(--fs-s);display:flex}.tp-insight{align-items:center;gap:var(--sp-2);min-width:0;color:var(--text-2);display:inline-flex}.tp-insight__dot{background:var(--death);width:6px;height:6px;box-shadow:0 0 8px var(--death);border-radius:50%;flex:none}.tp-legend{gap:var(--sp-3);color:var(--text-3);font-size:var(--fs-xs);flex:none;display:inline-flex}.tp-legend__item{align-items:center;gap:5px;display:inline-flex}.tp-legend__dot{background:currentColor;border-radius:50%;width:7px;height:7px}.home-features{max-width:var(--content-max);padding:var(--sp-8) var(--sp-6) var(--sp-4);margin:0 auto}.home-features__title{margin:0 0 var(--sp-5);font-size:var(--fs-xl);letter-spacing:.02em;font-weight:700}.home-features__grid{gap:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.home-feature{gap:var(--sp-2);padding:var(--sp-5);transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.home-feature:hover{border-color:var(--border-2);transform:translateY(-2px)}.home-feature__top{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-1);display:flex}.home-feature__icon{border:1px solid var(--border-2);border-radius:var(--radius-m);background:var(--surface-2);width:36px;height:36px;color:var(--text);place-items:center;display:grid}.home-feature__title{font-size:var(--fs-l);margin:0;font-weight:700}.home-feature__items{color:var(--text-2);font-size:var(--fs-m);flex-wrap:wrap;flex:1;align-content:flex-start;gap:2px 0;margin:0;padding:0;list-style:none;display:flex}.home-feature__items>li{align-items:center;display:inline-flex}.home-feature__items>li+li:before{content:"";width:3px;height:3px;margin:0 var(--sp-2);background:var(--text-3);border-radius:50%;flex:none}.home-feature__visual{height:92px;margin:var(--sp-3) calc(var(--sp-5) * -1) calc(var(--sp-5) * -1);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border);background:var(--surface-0)}.fx-heat{width:100%;height:100%;display:block}.fx-heat__grid{fill:none;stroke:var(--border);stroke-width:1px}.fx-reasons{gap:7px;display:grid}.fx-reasons__row{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);grid-template-columns:80px minmax(0,1fr) 36px;display:grid}.fx-reasons__label{color:var(--text-3)}.fx-reasons__bar>span{background:var(--death)}.fx-reasons__value{color:var(--text-2);text-align:right}.fx-replay{--fx-replay-dur:6s;width:100%;height:100%;display:block;overflow:visible}.fx-replay__rooms rect{fill:var(--surface-1);stroke:var(--border-2);stroke-width:1px}.fx-replay__p{animation:fx-replay-move var(--fx-replay-dur) var(--ease) infinite}.fx-replay__p[data-team=atk]{color:var(--atk)}.fx-replay__p[data-team=def]{color:var(--def)}.fx-replay__stop-atk{stop-color:var(--atk)}.fx-replay__stop-def{stop-color:var(--def)}.fx-replay__cone{fill-opacity:.75}.fx-replay__p[data-me=true] .fx-replay__cone{fill-opacity:1}.fx-replay__dot{fill:currentColor;stroke:var(--surface-0);stroke-width:1px}.fx-replay__p[data-me=true] .fx-replay__dot{stroke:var(--text);stroke-width:1.4px}.fx-replay__p[data-victim=true] .fx-replay__dot{opacity:.3;animation:fx-replay-dim var(--fx-replay-dur) linear infinite}.fx-replay__p[data-victim=true] .fx-replay__cone{opacity:0;animation:fx-replay-gone var(--fx-replay-dur) linear infinite}.fx-replay__shot{stroke:var(--kill);stroke-width:1.3px;stroke-dasharray:3 2;stroke-linecap:round;animation:fx-replay-reveal var(--fx-replay-dur) linear infinite, fx-replay-flow .6s linear infinite}.fx-replay__x{fill:none;stroke:var(--death);stroke-width:1.6px;stroke-linecap:round;animation:fx-replay-reveal var(--fx-replay-dur) linear infinite}.fx-replay__pulse{fill:none;stroke:var(--death);stroke-width:1px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:fx-replay-pulse var(--fx-replay-dur) var(--ease) infinite}.fx-replay__play{fill:var(--text-2)}.fx-replay__track{stroke:var(--border-3);stroke-width:2px;stroke-linecap:round}.fx-replay__progress{stroke:var(--text-2);stroke-width:2px;stroke-linecap:round;transform-box:fill-box;transform-origin:0;animation:fx-replay-progress var(--fx-replay-dur) linear infinite}.fx-replay__tick{opacity:.65}.fx-replay__tick[data-kind=kill]{fill:var(--kill)}.fx-replay__tick[data-kind=death]{fill:var(--death)}.fx-replay__tick[data-now=true]{opacity:1}.fx-replay__head{animation:fx-replay-head var(--fx-replay-dur) linear infinite}.fx-replay__head circle{fill:var(--text);stroke:var(--surface-0);stroke-width:2px}@keyframes fx-replay-move{0%,to{transform:translate(var(--dx), var(--dy))}45%,85%{transform:none}}@keyframes fx-replay-head{0%,to{transform:translateX(var(--from))}45%,85%{transform:none}}@keyframes fx-replay-progress{0%,to{transform:scaleX(.02)}45%,85%{transform:none}}@keyframes fx-replay-reveal{0%,44%,90%,to{opacity:0}47%,84%{opacity:1}}@keyframes fx-replay-dim{0%,44%,92%,to{opacity:1}47%,84%{opacity:.3}}@keyframes fx-replay-gone{0%,44%,92%,to{opacity:1}47%,84%{opacity:0}}@keyframes fx-replay-pulse{0%,45%{opacity:0;transform:scale(.6)}46%{opacity:.9;transform:scale(.6)}72%,to{opacity:0;transform:scale(2.2)}}@keyframes fx-replay-flow{to{stroke-dashoffset:-5px}}@media (prefers-reduced-motion:reduce){.fx-replay *{animation:none!important}}@media (width<=1080px){.home-features__grid{grid-template-columns:minmax(0,1fr)}.home-hero{min-height:0}}@media (width<=900px){.home-hero{min-height:0;padding-top:var(--sp-10);grid-template-columns:minmax(0,1fr)}}@media (width>=720px) and (width<=1080px){.home-features__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.home-hero{padding:var(--sp-8) var(--sp-4) var(--sp-8)}.home-features{padding:var(--sp-4) var(--sp-4) 0}.home-logo{margin:0 0 var(--sp-4)}.tp-body{grid-template-columns:minmax(0,1fr)}.tp-zones{border-left:0;border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tp-zones>.hud-label{grid-column:1/-1}.tp-zone{padding:8px}.tp-zone__label{display:none}.tp-foot{flex-direction:column;align-items:flex-start}.tp-seg{width:auto}.tp-seg>button{flex:none;padding:0 10px}}@media (width<=420px){.tp-tip{display:none}}