:root{--team-two-color:#6a0dad;--team-one-color:#ff9f1c}:root[data-theme=light]{--team-two-color:#7a17c1;--team-one-color:#b66100;--svg-icon-fill:#252b37;--hp-color:#e55252;--gems-color:#49c485;--cooldown-color:#6cb3ff;--board-tint-strength:25%}:root[data-theme=dark]{--team-two-color:#bf65ff;--svg-icon-fill:#d3d7de;--hp-color:#b60000;--gems-color:#2a9a60;--cooldown-color:#1560bc;--board-tint-strength:10%}:root{--field-stop-tl:color-mix(in srgb, var(--grid-bg) calc(100% - var(--board-tint-strength)), var(--team-one-color) var(--board-tint-strength));--field-stop-mid:var(--grid-bg);--field-stop-br:color-mix(in srgb, var(--grid-bg) calc(100% - var(--board-tint-strength)), var(--team-two-color) var(--board-tint-strength));--field-gradient:linear-gradient(to bottom right, var(--field-stop-tl) 0%, var(--field-stop-mid) 50%, var(--field-stop-br) 100%)}.icon{fill:var(--svg-icon-fill)}.team-0.icon{fill:color-mix(in srgb, var(--team-two-color) 70%, var(--svg-icon-fill) 30%)}.team-1.icon{fill:color-mix(in srgb, var(--team-one-color) 70%, var(--svg-icon-fill) 30%)}:root[data-theme=dark] .team-0.icon{fill:color-mix(in srgb, var(--team-two-color) 70%, var(--svg-icon-fill) 60%)}:root[data-theme=dark] .team-1.icon{fill:color-mix(in srgb, var(--team-one-color) 70%, var(--svg-icon-fill) 60%)}@font-face{font-family:JetBrains Mono;src:url(/assets/fonts/JetBrainsMonoNerdFontMono-Regular.ttf)format("truetype")}:root{--svg-canvas-scale:100%;--theme-color:#6a0dad;--gridline-color:#7f7f7f80;--control-height:48px}:root[data-theme=light]{--panel-bg:color-mix(in srgb, var(--theme-color) 7%, white);--panel-outline:color-mix(in srgb, var(--theme-color) 55%, white);--panel-track:#8c8c8c;--panel-thumb:var(--theme-color);--text:#333;--tooltip-shadow-contrast:#fff;--app-bg:color-mix(in srgb, var(--theme-color) 25%, white);--grid-bg:var(--panel-bg);--gridline-color:#0000001f;--corner-buttons-color:var(--theme-color);--fireworks-darkening-layer:#000000bf}:root[data-theme=dark]{--panel-bg:color-mix(in srgb, color-mix(in srgb, var(--theme-color) 25%, white), black 70%);--panel-outline:color-mix(in srgb, var(--theme-color) 45%, white);--panel-track:color-mix(in srgb, var(--theme-color) 60%, white);--panel-thumb:color-mix(in srgb, var(--theme-color) 30%, white);--text:#e8e8ea;--tooltip-shadow-contrast:#000;--gridline-color:#00000047;--app-bg:color-mix(in srgb, var(--theme-color) 40%, black);--grid-bg:color-mix(in srgb, var(--panel-bg) 50%, black);--corner-buttons-color:color-mix(in srgb, var(--theme-color) 35%, white);--fireworks-darkening-layer:#00000080}:root[data-theme=light] ::selection{background:color-mix(in srgb, var(--theme-color) 65%, black);color:var(--tooltip-shadow-contrast)}:root[data-theme=light] ::selection{background:color-mix(in srgb, var(--theme-color) 65%, black);color:var(--tooltip-shadow-contrast)}:root[data-theme=dark] ::selection{background:color-mix(in srgb, var(--theme-color) 65%, white);color:var(--tooltip-shadow-contrast)}:root[data-theme=dark] ::selection{background:color-mix(in srgb, var(--theme-color) 65%, white);color:var(--tooltip-shadow-contrast)}.grid-cell{fill:var(--grid-bg);pointer-events:none}:root[data-gridlines=off] .grid-cell{display:none}html,body{overscroll-behavior:none;height:100%;color:var(--text);background-color:var(--app-bg);margin:0;padding:0;font-family:JetBrains Mono,monospace;overflow:hidden}a{color:var(--text)}#svg-canvas{width:var(--svg-canvas-scale);height:var(--svg-canvas-scale);aspect-ratio:1;outline:2px solid var(--panel-outline);background-color:var(--grid-bg);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,no-repeat;background-size:auto,auto,100% 100%;border-radius:10px;margin:10px 0}:root[data-gridlines=on] #svg-canvas{--cell:calc(var(--svg-canvas-scale) / var(--grid-size));background-image:linear-gradient(to right, var(--gridline-color) 1px, transparent 1px), linear-gradient(to bottom, var(--gridline-color) 1px, transparent 1px), var(--field-gradient);background-size:var(--cell) 100%, 100% var(--cell), 100% 100%;background-blend-mode:multiply, multiply, normal}:root[data-gridlines=off] #svg-canvas{background-image:var(--field-gradient)}#tooltip{z-index:5001;box-sizing:border-box;background:color-mix(in srgb, var(--panel-bg) 70%, transparent);-webkit-backdrop-filter:blur(4px)saturate(130%);backdrop-filter:blur(4px)saturate(130%);border:1px solid var(--panel-outline);max-width:30vw;max-height:50vh;color:var(--text);pointer-events:none;overflow-wrap:anywhere;scrollbar-gutter:stable both-edges;border-radius:0 10px 10px;padding:10px;display:none;position:fixed;overflow:hidden auto;box-shadow:0 0 10px 2px #0000004d}#tooltip>span:first-child{font-weight:700}#tooltip span[style*="var(--hp-color)"],#tooltip span[style*="var(--gems-color)"],#tooltip span[style*="var(--cooldown-color)"]{text-shadow:0 0 2px var(--tooltip-shadow-contrast), 0 0 4px var(--tooltip-shadow-contrast)}.container{grid-template-rows:auto 1fr auto;height:100vh;display:grid}.game-area{grid-template-rows:1fr max-content 1fr;grid-template-columns:1fr max-content 1fr;place-items:center;display:grid}:root[data-ui=off] .game-area{grid-template-rows:1fr;grid-template-columns:1fr}#team-one-name{place-self:start end}#team-two-name{place-self:end start}.teamName{color:var(--text);text-align:center;background-color:var(--panel-bg);outline:2px solid var(--panel-outline);border-radius:10px;margin:10px;padding:.5rem 1rem;font-size:1.5rem;font-weight:700;box-shadow:0 2px 4px #0000001a}.control-panel{background-color:var(--panel-bg);outline:2px solid var(--panel-outline);z-index:5000;border-radius:0 0 20px 20px;justify-content:center;align-items:center;gap:3.5rem;width:max-content;margin:0 auto;padding:.5rem 1rem;display:flex}.control-row{flex-wrap:nowrap;align-items:center;gap:.5rem;margin:0;display:flex}.control-panel button{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.5rem}.icon-button img{width:1.5rem;height:1.5rem;filter:var(--svg-icon-filter,none);display:block}.control-panel button img{width:1.5rem;height:auto}:root[data-theme=light] .control-panel button.active,:root[data-theme=light] .control-panel button:active{background-color:color-mix(in srgb, var(--theme-color) 30%, white)}:root[data-theme=dark] .control-panel button.active,:root[data-theme=dark] .control-panel button:active{background-color:color-mix(in srgb, var(--theme-color) 80%, black)}:root[data-theme=light] .icon-button.active,:root[data-theme=light] .icon-button:active{background-color:color-mix(in srgb, var(--theme-color) 30%, white)}:root[data-theme=dark] .icon-button.active,:root[data-theme=dark] .icon-button:active{background-color:color-mix(in srgb, var(--theme-color) 80%, black)}:root[data-theme=light]{--svg-icon-filter:none}:root[data-theme=dark]{--svg-icon-filter:invert(1) brightness(1.1)}.slider-group{box-sizing:border-box;flex-direction:column;align-items:center;gap:2px;width:7rem;display:flex}.slider-group label{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;font-size:.9rem;font-weight:600;line-height:1.1;overflow:hidden}.control-panel input[type=number]{width:3.25rem;color:var(--text);background:var(--panel-bg);border:1px solid var(--panel-outline);border-radius:4px;padding:.25rem .35rem}.control-panel input[type=range]{appearance:none;background:var(--panel-track);border-radius:.25rem;width:7rem;height:.5rem}.control-panel input[type=range]::-webkit-slider-runnable-track{background:var(--panel-track);border-radius:.25rem;height:100%}.control-panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--panel-thumb);cursor:pointer;border-radius:50%;width:1rem;height:1rem;margin-top:-.25rem}.control-panel input[type=range]::-moz-range-track{background:var(--panel-track);border-radius:.25rem;height:.5rem}.control-panel input[type=range]::-moz-range-progress{background:var(--panel-thumb);border-radius:.25rem;height:.5rem}.control-panel input[type=range]::-moz-range-thumb{background:var(--panel-thumb);cursor:pointer;border:none;border-radius:50%;width:1rem;height:1rem}.top-bar{z-index:5000;grid-template-columns:auto max-content auto;justify-content:center;align-items:start;gap:.5rem;padding:0;display:grid}.icon-button{background-color:var(--panel-bg);outline:2px solid var(--panel-outline);cursor:pointer;border:none;border-radius:0 0 12px 12px;padding:.5rem .6rem}:root[data-theme=dark] .icon-button img,:root[data-theme=dark] .control-panel button img{filter:invert()}.corner-button{background-color:var(--corner-buttons-color);z-index:7500;background-repeat:no-repeat;background-size:40%;width:7rem;height:7rem;transition:transform .1s ease-in-out;position:absolute}.corner-button:hover{transform:scale(1.1)}#corner-bottom-left{clip-path:polygon(0 100%,0 0,100% 100%);transform-origin:0 100%;bottom:0;left:0}#corner-bottom-left:after{content:"";pointer-events:none;background-image:url(/assets/ui-svgs/github-logo.svg);background-position:17% 83%;background-repeat:no-repeat;background-size:40%;position:absolute;inset:0}:root[data-theme=light] #corner-bottom-left:after{filter:invert()}#corner-top-right{clip-path:polygon(0 0,100% 0,100% 100%);transform-origin:100% 0;top:0;right:0}#corner-top-right:after{content:"";pointer-events:none;background-image:url(/assets/ui-svgs/core-logo.svg);background-position:83% 17%;background-repeat:no-repeat;background-size:40%;position:absolute;inset:0}:root[data-theme=light] #corner-top-right:after{filter:invert()}#win-display-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;outline:5px solid color-mix(in srgb, var(--theme-color) 20%, white);text-align:center;z-index:1000;pointer-events:none;border-radius:10px;padding:20px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#winreason{white-space:pre-line}#background-darkener{background-color:var(--fireworks-darkening-layer);z-index:500;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.fireworks{z-index:600;width:100vw;height:100vh;position:fixed;top:0;left:0}.popup-modal{border:2px solid var(--panel-outline);color:var(--text);background:var(--panel-bg);word-break:break-word;overflow-wrap:break-word;border-radius:15px;max-width:450px;height:max-content;max-height:75vh;padding:1.25rem 1.5rem}#open-modal{z-index:5001;border-bottom-left-radius:0;position:absolute}#info-icon{width:1.5rem;height:1.5rem;display:block}.popup-modal::backdrop{background:#00000073}.settings-toggle-row{grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 12px;display:grid}.settings-toggle{border-radius:10px;justify-content:center;align-items:center;padding:10px 12px;display:flex}.settings-toggle img{width:22px;height:22px;filter:var(--svg-icon-filter,none)}kbd{color:#333;white-space:nowrap;background-color:#eee;border:1px solid #b4b4b4;border-radius:3px;padding:2px 4px;font-size:.85em;font-weight:700;line-height:1;display:inline-block;box-shadow:0 1px 1px #0003,inset 0 2px #ffffffb3}#replay_infos{grid-template-columns:1fr;gap:.75rem;margin-top:.5rem;display:grid}#replay_infos a{text-decoration:none}.modal-button{border:2px solid var(--panel-outline);background:color-mix(in srgb, var(--panel-bg) 85%, transparent);width:100%;color:var(--text);letter-spacing:.02em;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;margin-bottom:5px;padding:.75rem 1rem;font-weight:700;transition:transform .12s,background-color .12s,box-shadow .12s;display:inline-flex}.modal-button:hover,.modal-button:active{background:color-mix(in srgb, var(--theme-color) 12%, var(--panel-bg));transform:translateY(-1px)}.modal-button:active{transform:translateY(0)}.modal-button.primary{background:color-mix(in srgb, var(--theme-color) 18%, var(--panel-bg))}:root[data-theme=dark] .modal-button.primary{background:color-mix(in srgb, var(--theme-color) 28%, var(--panel-bg))}.modal-button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--panel-outline) 50%, transparent);outline:none}.settings-toggle-row{--control-height:48px;gap:10px}.settings-toggle-row .settings-toggle{min-height:var(--control-height)}.settings-color-row{margin-top:12px}.color-picker-label{opacity:.85;margin:0 0 6px;font-size:.9rem;display:block}.color-picker{width:100%;height:var(--control-height);isolation:isolate;border-radius:16px;position:relative;overflow:clip}.color-picker input[type=color]{opacity:0;cursor:pointer;appearance:none;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.color-picker .swatch{background:var(--theme-color,#5a7cff);pointer-events:none;border-radius:16px;transition:transform .12s,box-shadow .12s,background .12s linear;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000012,0 6px 18px #0000001f}.color-picker .swatch-checker{background:conic-gradient(#0000 90deg, #0003 0) 0 0 / 12px 12px, conic-gradient(#0000 90deg, #0003 0) 6px 6px / 12px 12px;mix-blend-mode:soft-light;opacity:.15;pointer-events:none;border-radius:16px;position:absolute;inset:0}.color-picker .swatch-border{box-shadow:0 0 0 2px color-mix(in oklab, var(--surface,#fff) 70%, #000 30%) inset;pointer-events:none;opacity:.4;border-radius:16px;position:absolute;inset:0}.color-picker .color-text{letter-spacing:.02em;color:oklab(95% 0 5.96046e-8);text-shadow:0 1px 2px #00000059;pointer-events:none;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.95rem;font-weight:600;display:grid;position:absolute;inset:0}@media (width<=480px){.color-picker .color-text{display:none}}:is(.color-picker:has(input:hover) .swatch,.color-picker:has(input:focus-visible) .swatch){transform:translateY(-1px);box-shadow:inset 0 0 0 1px #00000014,0 10px 24px #0000002e}.color-picker:has(input:focus-visible):after{content:"";outline:3px solid color-mix(in oklab, var(--theme-color,#5a7cff) 70%, #000 30%);outline-offset:0;filter:drop-shadow(0 2px 6px #0003);pointer-events:none;border-radius:18px;position:absolute;inset:-3px}:root[data-theme=dark] .color-picker .swatch-border{opacity:.6}.color-picker{height:var(--control-height,48px)}