@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090f13;--panel:#10191e;--line:#26343b;--muted:#8a9da6;--text:#e0e9e9;--mint:#a5ecd3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:transparent;transition:.18s}button:hover{border-color:var(--mint);color:var(--mint)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:disabled{opacity:.45;cursor:default}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 36px;gap:15px}.brand{text-decoration:none;color:var(--text);font:600 21px 'Space Grotesk',sans-serif;letter-spacing:2px}.brand b{color:var(--mint)}.logo{font-size:32px;margin-right:10px;color:var(--mint)}.tag{font-size:10px;letter-spacing:2px;color:var(--muted);margin-left:20px;margin-right:auto}.quiet{padding:9px 13px;border-radius:5px;font-size:12px}main{display:grid;grid-template-columns:290px minmax(0,1fr);max-width:1800px;margin:auto}aside{padding:32px 26px;border-right:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint);font-weight:600}h1{font:500 33px/1.15 'Space Grotesk',sans-serif;letter-spacing:-1.2px;margin:13px 0}p{color:var(--muted);line-height:1.7}.intro{font-size:12px}.section{font-size:10px;letter-spacing:1.5px;color:#657e88;margin:27px 0 13px}.section span{color:#b5c6ca;margin-left:9px}.modes{display:grid;gap:7px}.modes button{text-align:left;padding:13px 15px;border-radius:6px;font-weight:600}.modes button small{display:block;font-size:11px;color:var(--muted);margin:4px 0 0 19px;font-weight:400}.modes .active{border-color:#77b9a3;background:#192d2a;color:var(--mint)}label{display:block;font-size:12px;color:#b8c6ca;margin:15px 0}output{float:right;color:var(--mint);font:12px monospace}input[type=range]{width:100%;accent-color:var(--mint);height:4px;display:block;margin-top:13px}.check{display:flex;align-items:center;gap:8px}input[type=checkbox]{accent-color:var(--mint)}kbd{font:10px monospace;background:#1d2b31;border:1px solid #3b4d55;border-bottom-width:2px;border-radius:3px;padding:4px 6px;color:#cbd8dc}.check kbd{margin-left:auto}.note{font-size:10px;line-height:1.6}.primary{background:var(--mint);color:#10251d;border:0;border-radius:5px;padding:14px 18px;font-weight:700;width:100%;text-align:left}.primary:hover{background:#c0ffe6;color:#10251d}.primary span{float:right}.workspace{padding:29px 32px;min-width:0}.arena-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;color:#a4b6bd}.live-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:9px}#preset{color:#647e87}.metrics{display:grid;grid-template-columns:repeat(5,1fr);margin:23px 0}.metrics>div{padding-left:24px;border-left:1px solid var(--line)}.metrics>div:first-child{padding:0;border:0}small{font-size:9px;letter-spacing:1px;color:var(--muted)}.metrics strong{display:block;font:500 29px 'Space Grotesk',sans-serif;margin-top:6px}.stage{position:relative;border:1px solid #33494c;border-radius:9px;overflow:hidden;height:560px;background:#0e1b1d}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none;cursor:crosshair}.arena-label{position:absolute;top:21px;left:23px;pointer-events:none;color:#95b0ad;font:9px monospace;letter-spacing:2px}.arena-label span{color:#43605d}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse, #102223e8,#0b171b80);text-align:center;padding:24px}.emblem{font-size:55px;color:var(--mint);margin-bottom:17px}h2{font:500 43px/1.15 'Space Grotesk',sans-serif;letter-spacing:-1.8px;margin:15px 0 0}#overlay p{font-size:13px}#overlay button{width:220px;text-align:center;margin:12px 0 20px}#overlay small{font-size:8px;letter-spacing:1.8px}.bottom-hud{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(transparent,#071114e8);pointer-events:none}#flashHud{display:flex;gap:10px;align-items:center}#flashHud kbd{font-size:19px;padding:8px 11px;color:#e9d7a2;border-color:#887b4e}#flashHud span{font-size:8px;letter-spacing:1px}#flashHud b{display:block;color:#dfd2a2;font-size:10px;margin-top:5px}#feedback{color:var(--mint);font-size:11px}.bottom-hud button{pointer-events:auto}.control-bar{display:flex;gap:17px;padding:18px 0;color:var(--muted);font-size:10px;flex-wrap:wrap}.control-bar kbd{margin-right:5px}.below{display:flex;justify-content:space-between;border-top:1px solid var(--line);gap:24px}.below h3{font:500 20px 'Space Grotesk';margin:0}.below p{font-size:12px;max-width:510px}.best{min-width:180px;border-left:1px solid var(--line);padding:25px 0 0 25px}.best strong{display:block;font:28px 'Space Grotesk';color:var(--mint);margin:9px 0}.best span{font-size:10px;color:var(--muted)}details{font-size:11px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted)}summary{cursor:pointer}#spells{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}#spells label{font-size:10px;margin:7px 0;display:flex;gap:5px;align-items:center}@media(min-width:1500px){.stage{height:650px}}@media(max-width:1000px){main{grid-template-columns:240px minmax(0,1fr)}aside{padding:25px 18px}.workspace{padding:25px 18px}.metrics>div{padding-left:10px}.metrics strong{font-size:24px}.tag{display:none}header .brand{margin-right:auto}.stage{height:500px}.best{min-width:130px}}@media(max-width:700px){header{padding:0 15px;height:65px}.brand{font-size:15px}.logo{margin:0}.quiet{font-size:10px}main{display:flex;flex-direction:column}.workspace{order:0}aside{order:1;border:0;border-top:1px solid var(--line)}aside h1 br{display:none}.stage{height:450px}.metrics small{font-size:7px}.metrics strong{font-size:20px}.best{display:none}h2{font-size:35px}.modes{grid-template-columns:repeat(3,1fr)}.modes button{padding:9px;font-size:11px}.modes button small{margin-left:0}.bottom-hud{padding:10px}#feedback{max-width:130px;font-size:10px}}

/* Expanded training grounds */
main{max-width:none;grid-template-columns:260px minmax(0,1fr)}aside{padding:25px 20px}.workspace{padding:22px 24px}.stage{height:max(650px,calc(100vh - 235px))}.metrics{margin:17px 0}.arena-top{font-size:10px}@media(min-width:1500px){.stage{height:max(730px,calc(100vh - 235px))}}@media(max-width:1000px){main{grid-template-columns:220px minmax(0,1fr)}.workspace{padding:20px 14px}}@media(max-width:700px){.stage{height:560px}.modes{grid-template-columns:repeat(2,1fr)}}

select,input[type=number],input[type=text],#presetName{width:100%;background:#142329;color:var(--text);border:1px solid var(--line);padding:9px;border-radius:4px;margin-top:7px}select{font-size:12px}button:disabled{pointer-events:none}[hidden]{display:none!important}.preset-box{padding:12px 0}.preset-box button{margin-top:8px}.session-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:4px 0 18px}#attackStats{font-size:11px;color:var(--mint);margin-left:auto}#replayControls{display:flex;gap:10px;align-items:center;padding:12px;background:#1b2b30;margin-bottom:16px}#replayScrub{flex:1}.report{border-top:1px solid var(--line);padding:16px 0}.report h3{font:500 19px 'Space Grotesk';margin:0}.report p{font-size:12px}.table-scroll{max-height:280px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:12px}th,td{padding:9px 12px;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:500;position:sticky;top:0;background:var(--bg)}body.focus main{grid-template-columns:1fr}body.focus aside,body.focus .below,body.focus .report,body.focus .workspace>details{display:none}body.focus .stage{height:calc(100vh - 220px);min-height:450px}body.focus .workspace{padding:14px 22px}.focus .control-bar{padding:10px 0}.focus .metrics{margin:10px 0}#replayControls button{white-space:nowrap}@media(max-width:700px){header{flex-wrap:wrap;height:auto;min-height:70px;padding:10px;gap:6px}.tag{display:none}.modes{grid-template-columns:1fr}.session-tools .quiet{font-size:10px}.report table{font-size:10px}#replayControls{flex-wrap:wrap}.brand{font-size:14px}}

/* Clear training controls and one visible player collision boundary. */
.brand{font-family:Georgia,'Times New Roman',serif;font-size:26px;font-weight:700;font-style:italic;letter-spacing:-.7px}.brand b{font-weight:700}.brand .logo{font-style:normal;font-size:28px}.metrics{grid-template-columns:repeat(4,1fr)}.restart-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:12px 16px;border:1px solid #46685c;background:#162b26;border-radius:6px;font-size:15px;color:#c8f4e0;font-weight:600}.restart-banner kbd{font-size:16px;padding:5px 10px;margin-right:10px;background:#a5ecd3;color:#10251d;border-color:#73bca2}.restart-banner button{font-size:12px;background:#213d33}.focus .restart-banner{margin-bottom:10px}@media(max-width:700px){.brand{font-size:22px}.restart-banner{font-size:12px;padding:10px}.restart-banner button{font-size:10px}}