:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#020713}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{display:grid;place-items:center;background:radial-gradient(circle at 50% 25%,#123c72 0,#06152e 48%,#01040b)}#game-shell{position:relative;width:min(100vw,177.7778vh);width:min(100dvw,177.7778dvh);aspect-ratio:16 / 9;overflow:hidden;background:#092b55;box-shadow:0 0 70px #000b,inset 0 0 0 1px #ffffff1c;touch-action:none}#game,#game canvas{width:100%!important;height:100%!important;display:block}.loading{position:absolute;inset:0;display:grid;place-items:center;font:800 2rem Barlow Condensed,sans-serif;letter-spacing:.18em;color:#fff;background:#061b42;z-index:-1}@media(max-height:540px){#game-shell{box-shadow:none}}.setup{position:absolute;inset:0;z-index:200;display:grid;place-items:center;padding:3.2%;background:linear-gradient(145deg,#020817f2,#08285af2);color:#e8f8ff;touch-action:pan-y}.setup-card{width:100%;height:100%;max-width:1500px;max-height:920px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border:3px solid #49dfff88;border-radius:28px;background:#061b42f7;box-shadow:0 20px 80px #0009}.setup-card header{display:grid;grid-template-columns:1fr auto;gap:4px 20px;padding:28px 44px;border-bottom:1px solid #65ddff44;background:#03132eee}.setup-card header span{font:800 clamp(22px,2.3vw,40px) "Barlow Condensed";letter-spacing:.14em}.setup-card header b{grid-row:1 / 3;grid-column:2;align-self:center;color:#65ddff;font:800 clamp(18px,1.7vw,30px) "Barlow Condensed";letter-spacing:.1em}.setup-card header small{color:#9fdff2;font-weight:800;letter-spacing:.15em}.setup-body{overflow:auto;padding:38px 52px;scrollbar-color:#49dfff #061b42;touch-action:pan-y;-webkit-overflow-scrolling:touch}.setup h2{margin:0 0 26px;font:800 clamp(28px,2.6vw,48px) "Barlow Condensed";letter-spacing:.08em;text-align:center}.setup h2 small{color:#9fdff2;font-size:.5em}.setup-label{display:grid;gap:18px;max-width:850px;margin:8% auto 0;color:#65ddff;font:800 clamp(26px,2.8vw,48px) "Barlow Condensed";letter-spacing:.1em}.setup input,.setup select{min-width:0;padding:13px 16px;border:2px solid #65ddff66;border-radius:12px;outline:none;background:#04142f;color:#fff;font:700 20px Barlow Condensed}.setup input:focus,.setup select:focus{border-color:#65ddff;box-shadow:0 0 0 3px #65ddff22}.choice-grid,.toggle-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:5% auto}.toggle-row{grid-template-columns:repeat(2,1fr);margin:30px auto}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1250px;margin:20px auto}.preset-grid .choice{min-height:105px;padding:12px;font-size:clamp(20px,1.9vw,34px)!important}.setup-label.compact{margin-top:20px}.setup-section-title{margin:34px 0 14px;color:#65ddff;font:800 24px Barlow Condensed;letter-spacing:.1em;text-align:center}.filter-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;max-width:1200px;margin:auto}.setup .filter-choice{min-width:0;padding:12px 6px;font-size:17px}.setup .filter-choice.active{border-color:#65ddff;background:#156bdb}.preset-summary{display:flex;justify-content:center;gap:30px;margin:40px auto;padding:20px;border-radius:14px;background:#0c2855;color:#bcefff;font:800 22px Barlow Condensed}.preset-summary strong{color:#ffd447}.pool-label{margin:-16px 0 20px;color:#65ddff;font:800 16px Inter;letter-spacing:.12em;text-align:center}.setup button{border:2px solid #65ddff55;border-radius:14px;background:#0c2855;color:#e8f8ff;padding:16px 24px;font:800 24px Barlow Condensed;letter-spacing:.06em;cursor:pointer}.setup button:hover,.setup button.active{border-color:#65ddff;background:#156bdb;box-shadow:0 0 28px #2bd9fe33}.setup button:focus-visible,.setup input:focus-visible,.setup select:focus-visible,.runtime-card button:focus-visible,.runtime-card input:focus-visible,.new-tournament:focus-visible{outline:5px solid #ffd447;outline-offset:4px;border-color:#fff;box-shadow:0 0 0 8px #061229aa,0 0 30px #ffd44799}.choice{min-height:120px;font-size:clamp(24px,2.4vw,44px)!important}.choice small{display:block;margin-top:8px;color:#bcefff;font-size:.48em}.groups-editor,.review-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.groups-editor fieldset{min-width:0;padding:20px;border:2px solid #49dfff55;border-radius:16px;background:#04142f88}.groups-editor legend{padding:0 10px;color:#65ddff;font:800 25px Barlow Condensed}.team-slot{display:grid;gap:5px;margin:12px 0;color:#9fdff2;font:700 13px Inter}.strength-grid img,.review img{width:40px;height:27px;object-fit:cover}.team-select{position:relative;display:block;min-width:0}.setup .team-select-trigger{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;min-height:47px;padding:7px 35px 7px 9px;border-radius:10px;font-size:16px;text-align:left;letter-spacing:0}.setup .team-select-trigger.empty{grid-template-columns:1fr 18px;color:#9fdff2}.team-select-trigger img,.team-result img{width:40px;height:27px;object-fit:cover}.team-select-trigger span,.team-result span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-select-trigger b{color:#65ddff;font-size:18px;text-align:center}.setup .team-select-clear{position:absolute;z-index:2;top:7px;right:23px;width:28px;height:32px;min-width:0;padding:0;border:0;background:transparent;color:#9fdff2;font:700 22px Inter;box-shadow:none}.setup .team-select-clear:hover{border:0;background:transparent;color:#fff;box-shadow:none}.team-select-popup{position:absolute;z-index:50;top:calc(100% + 5px);left:0;width:max(100%,250px);padding:8px;border:2px solid #65ddff;border-radius:12px;background:#03132e;box-shadow:0 15px 35px #000c}.team-select-popup[hidden]{display:none}.setup .team-select-popup input{width:100%;padding:10px 11px;font-size:16px}.team-select-results{display:grid;max-height:250px;margin-top:7px;overflow-y:auto;scrollbar-color:#49dfff #061b42}.setup .team-result{display:grid;grid-template-columns:40px minmax(0,1fr) 42px;align-items:center;gap:9px;min-height:43px;padding:7px 9px;border:0;border-radius:7px;background:transparent;font-size:16px;text-align:left;letter-spacing:0;box-shadow:none}.setup .team-result:hover,.setup .team-result.active{border:0;background:#156bdb;box-shadow:none}.team-result b{color:#9fdff2;text-align:right}.team-no-results{padding:18px 8px;color:#9fdff2;text-align:center}.hint{text-align:center;color:#bcefff}.strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.strength-grid label{display:grid;grid-template-columns:38px 1fr 72px;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#0c2855;font:700 16px Barlow Condensed}.strength-grid input{width:70px;padding:7px}.finalist-picks{display:grid;grid-template-columns:repeat(2,minmax(250px,430px));justify-content:center;gap:25px;margin:50px auto}.finalist-picks label{display:grid;gap:10px;color:#65ddff;font-weight:800}.review{max-width:1200px;margin:auto}.review h3{margin:0;color:#ffd447;font:900 42px Barlow Condensed;text-align:center}.review>p{text-align:center}.review-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.review-meta p{display:grid;gap:5px;margin:0;padding:12px;border-radius:10px;background:#0c2855;text-align:center}.review-meta strong{color:#65ddff}.review-groups section{display:grid;gap:7px;padding:13px;border-radius:12px;background:#0c2855}.review-groups strong{color:#65ddff}.review-groups span{display:flex;align-items:center;gap:8px;font:700 15px Barlow Condensed}.validation{min-height:20px;margin-top:18px;color:#ff7691;text-align:center;font-weight:800}.setup-card footer{display:flex;justify-content:space-between;padding:20px 44px;border-top:1px solid #65ddff44;background:#03132eee}.setup-card footer button{min-width:190px;padding:12px 25px}@media(max-width:1000px){.groups-editor,.review-groups,.strength-grid,.preset-grid{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:repeat(4,1fr)}.setup-body{padding:24px}}@media(max-height:600px){.setup{padding:1.5%}.setup-card{border-radius:18px}.setup-card header{padding:12px 24px}.setup-body{padding:16px 24px}.setup-card footer{padding:10px 24px}.setup-card footer button{min-width:150px;padding:9px 18px}.choice{min-height:78px}.preset-grid .choice{min-height:72px}.choice-grid,.toggle-row{margin:2% auto}.setup h2{margin-bottom:12px}}.runtime-launch{position:absolute;inset:0;z-index:210;display:grid;place-items:center;padding:5%;background:linear-gradient(145deg,#020817f2,#08285af2)}.runtime-card{width:min(760px,100%);padding:42px;border:3px solid #49dfff88;border-radius:24px;background:#061b42f8;box-shadow:0 20px 80px #000a;text-align:center}.runtime-card>small{color:#65ddff;font-weight:800;letter-spacing:.18em}.runtime-card h2{margin:10px 0 20px;font:900 clamp(34px,4vw,58px) "Barlow Condensed"}.runtime-card button,.video-ready a{border:2px solid #65ddff;border-radius:12px;background:#156bdb;color:#fff;padding:14px 24px;font:800 22px Barlow Condensed;letter-spacing:.06em;cursor:pointer;text-decoration:none}.runtime-card button:hover,.video-ready a:hover{background:#1678ff;box-shadow:0 0 28px #2bd9fe44}.fullscreen-choice{display:flex;justify-content:center;gap:10px;margin:25px}.audio-settings{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px;padding:20px;border-radius:14px;background:#03132e;text-align:left}.audio-settings h3,.audio-settings p{grid-column:1/-1;margin:0}.audio-settings h3{color:#65ddff;font:800 25px Barlow Condensed;letter-spacing:.12em}.audio-settings p{color:#9fdff2;font-size:13px}.audio-settings label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;color:#bcefff;font-weight:800}.audio-settings select{max-width:230px;padding:8px;border:1px solid #65ddff66;border-radius:8px;background:#071a3c;color:#fff}.launch-actions{display:flex;justify-content:center;gap:18px;margin-top:24px}.launch-actions #record{border-color:#ff5578;background:#b51f43}.recording-hud{position:fixed;z-index:500;left:10px;bottom:8px;color:#ff5578;font:800 13px Inter;letter-spacing:.03em;line-height:1;text-shadow:0 1px 3px #000;pointer-events:none}.recording-hud time{color:#fff;font:inherit}.video-ready{position:fixed;inset:0;z-index:600;display:grid;place-items:center;padding:30px;background:#020713e8}.video-ready>div{max-width:650px;padding:45px;border:3px solid #49dfff88;border-radius:24px;background:#061b42;text-align:center}.video-ready small{color:#65ddff;font-weight:800;letter-spacing:.16em}.video-ready h2{margin:10px 0;font:900 52px Barlow Condensed}.video-ready p{margin-bottom:30px;color:#bcefff}.recording-error{position:fixed;z-index:700;right:20px;bottom:20px;max-width:520px;padding:16px 20px;border:2px solid #ff5578;border-radius:12px;background:#3a0920;color:#fff;font-weight:800}.watch-mode .recording-hud,.watch-mode .video-ready,.watch-mode .recording-error{display:none!important}@media(max-width:760px){.runtime-card{padding:24px}.audio-settings{grid-template-columns:1fr}.audio-settings h3,.audio-settings p{grid-column:1}.launch-actions{flex-direction:column}}html[data-runtime-mode=watch] .recording-hud,html[data-runtime-mode=watch] .video-ready,html[data-runtime-mode=watch] .recording-error,html[data-runtime-mode=online] .recording-hud,html[data-runtime-mode=online] .video-ready,html[data-runtime-mode=online] .recording-error{display:none!important}.video-ready .secondary-download{display:block;margin-top:14px;background:#0c2855;font-size:17px}.runtime-error-text{min-height:20px;margin:12px 0 0;color:#ff7691;font-weight:800}.music-import-row{display:flex;justify-content:flex-end}.runtime-card .music-import-row button{padding:8px 14px;font-size:16px}.new-tournament{position:absolute;z-index:220;left:50%;bottom:7%;transform:translate(-50%);padding:14px 28px;border:3px solid #ffd447;border-radius:14px;background:#156bdb;color:#fff;font:900 25px Barlow Condensed;letter-spacing:.08em;cursor:pointer}