:root{--overlay-left: 0px;--overlay-top: 447px;--overlay-width: 218px;--overlay-height: 64px;--panel-bg: #07121f;--panel-bg-strong: #0a1626;--panel-border: rgba(150, 195, 255, .22);--accent-blue: #38a9ff;--accent-red: #ff4e6a;--accent-cyan: #7bdcff;--text-primary: #f5fbff;--text-muted: #a9bacd;--player-one-color: #5fc2ff;--player-two-color: #ff5a4f;color:var(--text-primary);background:#050608;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-width:100%;min-height:100%;margin:0}body{overflow-x:hidden;background:radial-gradient(circle at 22% 0%,rgba(40,111,164,.18),transparent 34rem),linear-gradient(135deg,#070a10,#111722 46%,#0d1017)}html.overlay-route,body.overlay-route,body.overlay-route #app{width:100%;height:100%;min-height:100%;overflow:hidden;background:transparent!important}button,input,select{font:inherit}button{cursor:pointer}.home-page,.control-page{min-height:100vh;padding:36px 20px 56px;color:#f5f8fb}.home-shell,.control-shell{width:min(1080px,100%);margin:0 auto}.home-shell{display:grid;gap:18px}.home-shell h1,.control-header h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1}.control-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.control-header__links,.home-links,.control-actions{display:flex;flex-wrap:wrap;gap:10px}.control-eyebrow{margin:0 0 5px;color:var(--accent-cyan);font-size:12px;font-weight:800;text-transform:uppercase}.control-header__links a,.home-links a,.control-actions button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(168,211,255,.2);border-radius:7px;background:#ffffff14;color:#f7fbff;padding:0 14px;font-weight:800;text-decoration:none;box-shadow:0 10px 24px #0000002e}.control-header__links a:hover,.home-links a:hover,.control-actions button:hover{border-color:#7bdcff85;background:#7bdcff21}.control-form{display:grid;gap:16px}.control-panel{border:1px solid rgba(168,211,255,.14);border-radius:8px;background:#080d15b8;box-shadow:0 18px 46px #00000047}.control-panel--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px}.players-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.player-panel,.map-editor{display:grid;gap:16px;padding:18px}.player-panel--blue{border-left:4px solid var(--accent-blue)}.player-panel--red{border-left:4px solid var(--accent-red)}.player-panel h2,.map-editor h2{margin:0;font-size:18px}.field{display:grid;gap:7px}.field span,.field label{color:#aab9c9;font-size:12px;font-weight:800;text-transform:uppercase}.field input,.field select{width:100%;min-width:0;height:42px;border:1px solid rgba(168,211,255,.16);border-radius:7px;outline:none;background:#ffffff12;color:#f9fcff;padding:0 12px}.field input:disabled{color:#a9bacd;opacity:.74}.field select{color-scheme:dark}.field input:focus,.field select:focus{border-color:#7bdcffb8;box-shadow:0 0 0 3px #7bdcff1f}.field code{display:block;overflow-wrap:anywhere;border:1px solid rgba(168,211,255,.12);border-radius:7px;background:#00000038;color:#caedf9;padding:12px}.status-message{border:1px solid rgba(168,211,255,.14);border-radius:7px;margin:0 0 16px;background:#ffffff0f;color:#dcefff;padding:12px;font-weight:750}.status-message--warning{border-color:#e9b94f66;color:#ffe5a0}.status-message--error,.overlay-error,.between-error{border-color:#ff596f61;color:#ffd7dc}.map-editor header{display:flex;align-items:center;justify-content:space-between;gap:12px}.map-editor header p{margin:0;color:#fff;font-size:28px;font-weight:950}.map-editor__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.map-editor__slot{display:grid;gap:10px;border:1px solid rgba(168,211,255,.12);border-radius:7px;background:#0000002e;padding:12px}.map-editor__slot strong{color:#fff}.control-actions{align-items:center}.control-actions span{color:#c7d6e3;font-weight:750}.overlay-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;background:transparent}.overlay-error{position:fixed;z-index:10;top:8px;left:8px;margin:0;border:1px solid;border-radius:6px;background:#000c;padding:8px 10px}.top-ribbon{position:fixed;inset:0 auto auto 0;width:100%;height:48px;pointer-events:none}.brand-lockup{position:fixed;left:0;top:0;width:310px;height:48px;display:grid;grid-template-columns:118px minmax(0,1fr);align-items:start;overflow:visible}.brand-lockup__logo{display:grid;height:48px;place-items:center;padding:2px 12px 0 8px}.brand-lockup__logo img{max-width:100px;max-height:44px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.68))}.brand-lockup__title{height:29px;display:flex;align-items:center;min-width:0;padding:0 34px 0 26px;overflow:hidden;background:linear-gradient(100deg,#080f1af5,#0d2747eb),linear-gradient(90deg,#146cff38,#0c121ef0);box-shadow:0 8px 18px #0000006b;clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,20px 100%);color:#f6fbff;font-size:14px;font-weight:900;line-height:1;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.85),0 0 12px rgba(67,174,255,.35)}.match-bar{position:fixed;top:0;left:calc(50% - 70px);width:540px;height:29px;display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center;transform:translate(-50%);overflow:hidden;border:1px solid rgba(178,229,255,.45);border-top:0;background:linear-gradient(90deg,#ffffffe0,#d9f7fff5 48%,#ffffffe0),linear-gradient(90deg,rgba(25,130,255,.22),transparent 40%,transparent 60%,rgba(255,49,74,.2));box-shadow:0 8px 18px #00000073,inset 0 -1px #37b9ff61;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 100%,0 100%)}.match-bar:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(115deg,rgba(0,117,255,.55),transparent 20%,transparent 80%,rgba(255,52,76,.46)),repeating-linear-gradient(90deg,rgba(0,95,165,.1) 0 1px,transparent 1px 13px);opacity:.48}.match-bar__player,.match-bar__score{position:relative;z-index:1}.match-bar__player{display:flex;align-items:center;min-width:0;gap:7px;color:#101a27;font-size:13px;font-weight:900;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.6)}.match-bar__player--left{justify-content:flex-end;padding-left:22px}.match-bar__player--right{justify-content:flex-start;padding-right:22px}.match-bar__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-bar__race{display:inline-grid;min-width:26px;height:18px;place-items:center;padding:0 5px;border-radius:2px;color:#fff;font-size:11px;font-weight:950;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.62);box-shadow:inset 0 0 0 1px #ffffff42,0 1px 6px #0003}.match-bar__race[data-race=Terran]{background:linear-gradient(180deg,#ff5c69,#b71f33)}.match-bar__race[data-race=Protoss]{background:linear-gradient(180deg,#4b88ff,#1248b8)}.match-bar__race[data-race=Zerg]{background:linear-gradient(180deg,#c15cff,#7425af)}.match-bar__race[data-race=Random],.match-bar__race[data-race=Unknown]{background:linear-gradient(180deg,#7e8c98,#3f4a54)}.match-bar__score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;height:100%;color:#083358;font-size:16px;font-weight:950;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.72)}.match-bar__dash{color:#35749b;padding:0 5px}.map-bug{position:fixed;left:var(--overlay-left);top:calc(var(--overlay-top) + 13px);width:var(--overlay-width);height:var(--overlay-height);display:grid;grid-template-rows:28px 24px;align-content:start;overflow:visible;background:transparent}.map-bug__map{display:flex;align-items:center;width:50%;height:28px;min-width:0;padding:0 10px;overflow:hidden;border:1px solid rgba(95,172,255,.34);border-left:0;background:linear-gradient(90deg,#0d3d82fa,#0a1522eb),linear-gradient(180deg,#081322f5,#03070ce0);box-shadow:0 7px 18px #0000006b,inset 0 1px #ffffff17;color:#cfeeff;font-size:11px;font-weight:950;line-height:1;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.88),0 0 10px rgba(34,175,255,.35)}.map-bug__bottom{display:flex;align-items:center}.map-bug__bottom span{display:inline-flex;width:64px;height:22px;align-items:center;justify-content:flex-start;padding-left:10px;border:1px solid rgba(255,255,255,.16);border-left:0;background:#000;color:#fff;font-size:10px;font-weight:900;line-height:1;box-shadow:0 6px 15px #0000006b;text-shadow:0 1px 6px rgba(0,0,0,.85);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}@media(max-width:720px){.control-header,.players-grid,.control-panel--grid{display:grid;grid-template-columns:1fr}}.between-shell{position:relative;height:100vh;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;overflow:hidden;padding:18px 24px 14px;background-color:#050608;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.024) 0,rgba(255,255,255,.024) 1px,transparent 1px,transparent 72px),linear-gradient(135deg,#040b124d,#04050875 48%,#1605044d),url(/assets/background/background.png);background-position:center,center,center;background-repeat:repeat,no-repeat,no-repeat;background-size:auto,auto,cover}.between-error{position:fixed;z-index:20;top:10px;left:10px;margin:0;border:1px solid;border-radius:6px;background:#000c;padding:8px 10px}.event-logo{position:absolute;z-index:3;top:0;left:50%;display:block;width:min(30.6vw,378px);height:auto;pointer-events:none;transform:translate(-50%)}.match-stage{min-height:0;height:100%;display:grid;grid-template-columns:minmax(250px,1.08fr) minmax(230px,.62fr) minmax(250px,1.08fr);align-items:stretch;gap:6px}.player-card,.match-info,.map-slot{border:0;background:transparent;box-shadow:none}.player-card{position:relative;height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);align-self:end;overflow:visible;text-shadow:0 3px 18px rgba(0,0,0,.82)}.player-image-frame{min-height:0;width:100%;border:0;padding:0;display:grid;align-items:end;justify-items:center;background:transparent}.is-left .player-image-frame{justify-items:end}.is-right .player-image-frame{justify-items:start}.player-image{width:min(100%,520px);height:100%;min-height:0;max-height:100%;display:block;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 34px rgba(0,0,0,.6));-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 70%,rgba(0,0,0,.82) 80%,rgba(0,0,0,.34) 92%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 70%,rgba(0,0,0,.82) 80%,rgba(0,0,0,.34) 92%,transparent 100%)}.player-meta{position:absolute;z-index:2;bottom:clamp(-22px,-2vh,-12px);left:50%;transform:translate(-50%);width:min(100%,520px);display:grid;justify-items:center;gap:6px;padding:0 0 4px}.is-left .player-meta{right:0;left:auto;transform:none}.is-right .player-meta{right:auto;left:0;transform:none}.player-name-button,.match-title-button{width:auto;max-width:100%;min-height:44px;border:0;padding:0;color:var(--player-one-color);background:transparent;font-family:Bank Gothic,Eurostile,Orbitron,Rajdhani,Arial Black,sans-serif;font-size:clamp(30px,3vw,46px);font-weight:900;line-height:1.08;text-align:center;text-shadow:0 0 1px rgba(255,255,255,.42),0 1px 8px rgba(0,0,0,.92);text-transform:uppercase;overflow-wrap:anywhere}.player-name-content{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%}.player-race-logo{width:clamp(56px,5vw,84px);height:clamp(56px,5vw,84px);flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 0 1px rgba(255,255,255,.44)) drop-shadow(0 2px 8px rgba(0,0,0,.82))}.player-name-text{min-width:0;overflow-wrap:anywhere}.is-right .player-name-button{color:var(--player-two-color)}.match-info{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;justify-items:center;align-content:stretch;gap:0;padding:clamp(100px,8vh,96px) 0 0;text-align:center;text-shadow:0 4px 22px rgba(0,0,0,.86)}.match-title-wrap{width:100%;align-self:start;margin-top:30px}.match-title-button{display:block;min-height:48px;color:#fff9df;font-size:clamp(36px,3.3vw,54px);line-height:1.12}.score-stack{align-self:start;display:grid;justify-items:center;gap:4px;width:100%;margin-top:clamp(18px,8vh,82px)}.best-of-control{min-height:36px;display:grid;place-items:center}.best-of-button{border:0;padding:0;color:#d5d8d2;background:transparent;font-size:22px;font-weight:850;text-align:center}.score-board{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:min(100%,360px);color:#fff6d7;font-size:clamp(78px,7vw,116px);font-weight:950;line-height:1}.score-board.winner-player-one{color:var(--player-one-color)}.score-board.winner-player-two{color:var(--player-two-color)}.score-divider{color:inherit;font-size:64px}.map-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,146px));justify-content:center;align-items:end;gap:9px;width:100%;margin-top:10px}.map-slot{position:relative;display:grid;grid-template-rows:28px auto 30px;gap:5px;width:clamp(110px,9.6vw,146px);min-height:0;padding:0}.map-status{position:relative;min-height:28px;display:grid;align-items:center}.status-placeholder{min-height:28px;display:grid;place-items:center;border:1px solid rgba(246,243,232,.16);border-radius:5px;color:#c7c2af;background:#000000bd;font-size:13px;font-weight:700;text-transform:uppercase}.status-button{min-height:28px;display:grid;place-items:center;border:0;border-radius:5px;padding:0 8px;color:#78b99a;background:#000000d1;font-size:12px;font-weight:850;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-button.has-winner{color:#fff9df}.winner-player-one .status-button.has-winner{background:#236fa8}.winner-player-two .status-button.has-winner{background:#a92d27}.empty-map-button,.map-preview-button{width:100%;aspect-ratio:1 / 1;min-height:0;border:0;border-radius:5px;color:#f6f3e8;background:#000;box-shadow:inset 0 0 0 1px #f6f3e829,0 9px 20px #0000005c}.empty-map-button{display:grid;place-items:center;align-content:center;padding:10px}.empty-map-button strong{color:#d2d0c8;font-size:13px;font-weight:900;line-height:1.08;text-align:center;text-transform:uppercase}.map-preview-button{position:relative;overflow:hidden;padding:0}.map-image{width:100%;height:100%;min-height:0;display:block;object-fit:contain;transition:transform .18s ease}.map-preview-button:hover .map-image{transform:scale(1.03)}.map-picker{position:relative;display:grid;min-height:30px}.map-name-button{width:100%;min-height:30px;display:grid;place-items:center;border:0;border-radius:5px;padding:0 7px;color:#fff7df;background:#000000bd;font-size:12px;font-weight:900;text-align:center;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-lightbox{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100vw;height:100vh;padding:28px;background:#000000eb;cursor:default}.map-lightbox-stage{width:calc(100vw - 56px);height:calc(100vh - 56px);display:grid;place-items:center;overflow:hidden;cursor:zoom-in;touch-action:none;-webkit-user-select:none;user-select:none}.map-lightbox-stage.is-zoomed{cursor:grab}.map-lightbox-stage.is-zoomed:active{cursor:grabbing}.map-lightbox-pan{width:min(calc(100vw - 56px),calc((100vh - 56px) * var(--map-aspect-ratio)));height:min(calc(100vh - 56px),calc((100vw - 56px) / var(--map-aspect-ratio)));transform-origin:center center;transition:transform 80ms ease-out;will-change:transform}.map-lightbox-pan img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 0 40px #000000e6;pointer-events:none}@media(max-width:980px){.between-shell{padding:20px}.match-stage{grid-template-columns:1fr}.player-card{min-height:360px}.player-image{min-height:240px}.is-left .player-image-frame,.is-right .player-image-frame{justify-items:center}.is-left .player-meta,.is-right .player-meta{right:auto;left:50%;transform:translate(-50%)}}@media(max-width:620px){.between-shell{gap:20px;padding:14px}.player-name-button,.match-title-button{font-size:32px}.score-board{gap:14px;font-size:72px}.score-divider{font-size:46px}.map-slot{width:min(100%,220px)}}