.training-page{max-width:1800px;padding:0 3.5%}.training-page header{height:80px}.training-page nav{align-items:center;gap:24px;display:flex}.training-page nav a{color:#98b2bb;font-size:12px;text-decoration:none}.training-page button{letter-spacing:.2px;padding:11px 14px;font-size:11px}.training-tag{color:#e6b15b;letter-spacing:1px;font:10px monospace}.training-title{justify-content:space-between;align-items:center;padding:32px 0 26px;display:flex}.training-title h1{letter-spacing:-1.5px;font-size:38px}.training-title .eyebrow{margin-bottom:12px}.training-title>p{color:#e1e7e3;text-align:right;font-size:14px}.training-title>p span{color:#829ba5;letter-spacing:1px;margin-top:10px;font:10px monospace;display:block}.training-hud{background:#19282e;border:1px solid #35494f;border-bottom:0;border-radius:6px 6px 0 0;grid-template-columns:1fr .8fr 1fr;gap:6%;padding:18px 22px;display:grid}.fighter-card h2{letter-spacing:1px;align-items:center;gap:10px;margin:0 0 16px;font:600 12px monospace;display:flex}.fighter-card h2 small{color:#81959d;margin-left:auto;font:9px monospace}.fighter-symbol{color:#ebb357}.dummy-card .fighter-symbol{color:#70bab2}.meter{margin:8px 0}.meter>div:first-child{color:#a5b6b9;justify-content:space-between;align-items:center;font:9px monospace;display:flex}.meter strong{color:#e9eee9;font:11px monospace}.meter small{color:#718b94;font:9px monospace}.meter-track{background:#2c4048;border-radius:2px;height:5px;margin-top:5px;overflow:hidden}.meter-track i{height:100%;display:block}.fighter-card>p{color:#8ba5ae;margin-bottom:0;font:9px monospace}.training-clock{text-align:center;flex-direction:column;justify-content:center;gap:6px;display:flex}.training-clock>span{color:#b5a27e;letter-spacing:1px;font:8px monospace}.training-clock strong{color:#ebeee8;font:27px monospace}.training-clock>small{color:#708e99;letter-spacing:1px;font:8px monospace}.training-clock>b{color:#f2bd61;font:10px monospace}.training-layout{border:1px solid #35494f;border-radius:0 0 5px 5px;grid-template-columns:minmax(0,1fr) 265px;display:grid;overflow:hidden}.training-arena{min-width:0}.training-arena .arena-head{border-bottom:1px solid #35494f;font-size:9px}.training-stage{background:#15242b;outline:0;height:480px;position:relative}.training-stage:focus-visible{box-shadow:inset 0 0 0 2px #e6b15b}.arena-instructions{color:#efc989;pointer-events:none;justify-content:center;align-items:center;gap:9px;font:10px monospace;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.arena-instructions span{color:#849fa8;margin-right:8px;font-size:8px}.impact-caption{color:#f0bf70;letter-spacing:1px;pointer-events:none;background:#18272ad9;border-left:2px solid #e7b461;padding:10px 14px;font:12px monospace;position:absolute;top:22px;left:24px}.impact-caption span{padding-left:10px;font-size:18px}.training-toolbar{background:#1b2b32;border-top:1px solid #35494f;flex-wrap:wrap;gap:8px;padding:13px 15px;display:flex}.training-toolbar button{color:#c1d0d2;background:#273f48;border:1px solid #3e5760;padding:9px 11px}.training-toolbar button.selected{color:#f0bc66;border-color:#c3934b}.training-toolbar button:disabled{opacity:.35;cursor:default}.training-inspector{background:#1a2930;border-left:1px solid #35494f;min-width:0;padding:22px 20px}.training-inspector .eyebrow{margin-bottom:18px;font-size:9px}.training-inspector label{color:#98b0b7;font-size:11px}.training-inspector select{color:#dce4e2;background:#243c44;border:1px solid #435e67;border-radius:3px;width:100%;margin:9px 0 22px;padding:10px;font-size:12px}.frame-readout{border-top:1px solid #3b515a;padding-top:17px}.frame-readout>span{color:#8ca6af;letter-spacing:1px;font:8px monospace}.frame-readout>strong{color:#e6ece7;margin-top:8px;font:15px monospace;display:block}.frame-readout p{justify-content:space-between;align-items:center;margin:13px 0;display:flex}.frame-readout b{color:#a9c2cc;background:#2b424b;padding:5px 7px;font:9px monospace}.frame-readout b.phase-active{color:#ffe0a3;background:#7b5326}.frame-readout b.phase-startup{color:#dcc7e9;background:#4b4356}.frame-readout b.phase-recovery{color:#b2d6d5;background:#2f4a4f}.frame-readout p>span{font:23px monospace}.frame-readout>small{color:#7d9ba5;font:9px/1.6 monospace}.training-inspector dl{margin:18px 0;font-size:10px}.training-inspector dl>div{justify-content:space-between;gap:8px;margin:10px 0;display:flex}.training-inspector dt{color:#91a9b2}.training-inspector dd{color:#c2cecc;margin:0;font:9px monospace}.training-tutorial{border-top:1px solid #3b515a;margin-top:20px;padding-top:15px}.training-tutorial h3{letter-spacing:1px;color:#e2b467;font:9px monospace}.training-tutorial p{color:#839ca7;align-items:center;gap:10px;font-size:10px;display:flex}.training-tutorial p>span{color:#bb9663;border:1px solid #4b5759;padding:3px;font:9px monospace}.training-tutorial p.done{color:#b7d2c4}.training-tutorial p.done>span{color:#8bd3a6}.training-notes{justify-content:space-between;gap:24px;padding:18px 0;display:flex}.training-notes h3{color:#8ba4ad;letter-spacing:1px;font:9px monospace}.input-history{flex-wrap:wrap;gap:6px;display:flex}.input-history code{color:#96b0b7;border:1px solid #2c424b;padding:5px;font-size:9px}.training-notes>p{color:#728e99;text-align:right;margin-top:0;font-size:10px;line-height:1.7}.settings-backdrop{z-index:20;background:#091217cc;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.controls-dialog{background:#1b2c34;border:1px solid #4e6973;border-radius:5px;width:min(450px,100%);max-height:90vh;padding:25px;overflow:auto}.controls-dialog h2{margin:0 0 10px;font-weight:500}.controls-dialog p{color:#9bb4be;font-size:12px;line-height:1.6}.binding-row{justify-content:space-between;align-items:center;margin:8px 0;display:flex}.binding-row>span{text-transform:capitalize;font-size:12px}.binding-row button{color:#cbdcde;background:#304952;border:1px solid #48646e;min-width:150px}.dialog-actions{justify-content:space-between;margin-top:22px;display:flex}.training-error{text-align:center;border:1px solid #42545c;padding:70px 30px}@media (width<=1000px){.training-layout{grid-template-columns:minmax(0,1fr) 220px}.training-inspector{padding:20px 14px}.training-stage{height:430px}.arena-instructions{flex-wrap:wrap;gap:5px;font-size:9px}.training-hud{gap:3%}.training-tag,.fighter-card h2 small{display:none}}@media (width<=700px){.training-page nav{gap:12px}.training-page nav a{font-size:10px}.training-page .brand{letter-spacing:1px;gap:8px;font-size:12px}.training-title h1{font-size:29px}.training-title>p{display:none}.training-layout{grid-template-columns:1fr}.training-stage{height:360px}.training-inspector{border:0;border-top:1px solid #35494f;grid-template-columns:1fr 1fr;column-gap:20px;display:grid}.training-inspector>.eyebrow{grid-column:1/-1}.training-tutorial{grid-area:2/2/5;margin-top:0}.training-hud{grid-template-columns:1fr 1fr;padding:15px}.training-clock{display:none}.training-notes{display:block}.training-notes>p{text-align:left}.arena-head span:last-child{display:none}}.training-toolbar button.selected,.training-toolbar button:hover{color:#162027;background:#dbaa53;border-color:#e4b25e}.p2-layout{grid-template-columns:minmax(0,1fr) 320px;gap:18px;padding:18px 0;display:grid}.p2-viewport{background:#15242b;border:1px solid #2a3339;height:min(72vh,760px);min-height:420px;position:relative}.p2-welcome{text-align:center;place-content:center;gap:14px;height:100%;display:grid}.p2-welcome label{color:#98a4ad;text-align:left;gap:6px;font-size:13px;display:grid}.p2-welcome input{font:inherit;color:#eeeae2;background:#10171c;border:1px solid #3a474f;padding:10px 12px}.p2 button{letter-spacing:1px;color:#162027;cursor:pointer;background:#e9a747;border:0;padding:12px 16px;font:700 13px/1 inherit}.p2 button:disabled{opacity:.6;cursor:default}.p2 button:focus-visible,.p2 input:focus-visible{outline-offset:2px;outline:2px solid #85d7ce}.p2-panel{align-content:start;gap:14px;display:grid}.p2-panel>div{gap:4px;display:grid}.p2-panel small{color:#98a4ad;letter-spacing:1px;font:11px monospace}.p2-actions{grid-template-columns:1fr 1fr}.p2-actions p{color:#98a4ad;grid-column:1/-1;margin:0;font-size:12px}.p2-scores{border-collapse:collapse;width:100%;font-size:13px}.p2-scores th,.p2-scores td{text-align:left;border-bottom:1px solid #2a3339;padding:4px 6px}.p2-net span{color:#c7cfd4;font:12px monospace}.p2-help{color:#98a4ad;font-size:12px}@media (width<=900px){.p2-layout{grid-template-columns:1fr}}.p2-browser{align-content:start;gap:24px;height:100%;padding:24px;display:grid;overflow:auto}.p2-browser h2{margin:0 0 10px;font-size:18px}.p2-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.p2-room-list,.p2-seats{gap:6px;margin:0;padding:0;list-style:none;display:grid}.p2-room-list li,.p2-seats li{border:1px solid #2a3339;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.p2-seats em{color:#98a4ad;font-size:12px;font-style:normal}.p2-create,.p2-join{gap:10px;max-width:420px;display:grid}.p2-create fieldset{border:1px solid #2a3339;gap:16px;display:flex}.p2 label{color:#c7cfd4;gap:6px;font-size:13px;display:grid}.p2 fieldset label{align-items:center;display:flex}.p2 input,.p2 select{font:inherit;color:#eeeae2;background:#10171c;border:1px solid #3a474f;padding:8px 10px}.p2-lobby{gap:10px;display:grid}.p2-invite{gap:6px;display:grid}.p2-inline-error{color:#ffb4a8;margin:0}.p2-signed-in{color:#98a4ad;margin:0}.p2 .p2-leave{color:#eeeae2;background:0 0;border:1px solid #3a474f}.p2-results{gap:10px;display:grid}.p2-results h2{margin:0;font-size:20px}.p2-results p{color:#c7cfd4;margin:0;font-size:13px}.p2 .p2-remove{color:#ffb4a8;background:0 0;border:1px solid #6b3a35;padding:4px 8px;font-size:11px}.p2-feed ul{color:#c7cfd4;gap:2px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}:root{color:#eeeae2;font-synthesis:none;background:#10171c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1600px;margin:auto;padding:0 5.5%}header{border-bottom:1px solid #2a3339;justify-content:space-between;align-items:center;height:96px;display:flex}.brand{color:inherit;letter-spacing:2px;align-items:center;gap:15px;font-size:16px;font-weight:750;text-decoration:none;display:flex}.mark{color:#162027;letter-spacing:-1px;clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%);background:#e9a747;place-items:center;width:36px;height:36px;font-size:15px;display:grid}.build{color:#98a4ad;letter-spacing:1px;font:11px monospace}.build i{background:#e9a747;border-radius:50%;width:6px;height:6px;margin-left:18px;display:inline-block}.intro{justify-content:space-between;align-items:center;gap:35px;padding:48px 0 35px;display:flex}.eyebrow{letter-spacing:2px;color:#e9a747;margin:0 0 18px;font:10px monospace}h1{letter-spacing:-2px;margin:0;font-size:clamp(30px,3.8vw,52px);font-weight:550;line-height:1.08}.lede{color:#9ba6ad;margin:20px 0 0;font-size:14px;line-height:1.6}.phase-card{border-left:1px solid #354047;min-width:255px;padding-left:28px}.phase-card span{color:#e9a747;letter-spacing:1px;font:10px monospace}.phase-card strong{margin-top:16px;font-size:20px;font-weight:500;line-height:1.3;display:block}.phase-card p{color:#89969f;margin-bottom:0;font-size:12px;line-height:1.7}.workspace{border:1px solid #354047;border-radius:5px;overflow:hidden}.arena-head{letter-spacing:1px;color:#b1bbc1;background:#1c272e;justify-content:space-between;padding:15px 22px;font:10px monospace;display:flex}.arena-head span{align-items:center;gap:9px;display:flex}.live-dot,.idle-dot{background:#80c4a1;border-radius:50%;width:6px;height:6px}.idle-dot{background:#e9a747}.viewport{background:radial-gradient(#29373e,#151e25 70%);height:380px;position:relative}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.arena-icon{color:#dfa348;font-size:52px;line-height:1}.welcome h2{margin:15px 0 0;font-size:23px;font-weight:500}.welcome p{color:#98a6af;margin:12px 0 22px;font-size:13px;line-height:1.7}button{color:#162027;letter-spacing:1px;cursor:pointer;background:#e7a74e;border:0;border-radius:2px;padding:15px 20px;font:700 10px monospace}button:hover{background:#fac278}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #f4d6a7}button:disabled{opacity:.6}button span{margin-left:30px;font-size:16px}.scene-label{color:#c3ccd1;pointer-events:none;align-items:center;gap:15px;font:11px monospace;display:flex;position:absolute;bottom:22px;left:22px}.pill{color:#f4bf75;background:#172128b8;border:1px solid #ba8748;padding:7px 9px}.telemetry{background:#19242b;grid-template-columns:1.15fr .9fr 1fr 1.2fr 1fr;padding:20px 0;display:grid}.telemetry div{border-right:1px solid #354047;padding:0 22px}.telemetry div:last-child{border:0}.telemetry small{letter-spacing:.8px;color:#8a9aa5;margin-bottom:9px;font:9px monospace;display:block}.telemetry strong{color:#e0e6e8;font:12px monospace}.telemetry em{color:#6f818f;font-style:normal}footer{letter-spacing:1px;color:#6e808c;justify-content:space-between;gap:20px;margin:26px 0;font:9px monospace;display:flex}footer b{color:#dca14d;margin-left:10px}.error{color:#ffc08c;background:#2d2620;border-left:3px solid #dca14d;padding:12px 18px;font-size:13px}@media (width<=800px){main{padding:0 5%}header{height:76px}.intro{padding-top:32px}.phase-card{display:none}.viewport{height:350px}.telemetry{grid-template-columns:repeat(3,1fr);row-gap:20px}.telemetry div{border:0}.arena-head span:last-child{display:none}footer{flex-direction:column;line-height:1.7}.scene-label{flex-direction:column;align-items:start;font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}