:root{color:#d6e0e7;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1219;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button,select,input[type=number],input[type=text],input[type=search],input:not([type]){color:#ced9e1;background:#1a2833;border:1px solid #334451;border-radius:5px;min-height:32px;padding:6px 9px}.loading-workspace{color:#a2b3bf;padding:40px}.builds-layout,.bench-layout{grid-template-columns:300px minmax(0,1fr);gap:12px;height:100%;min-height:0;display:grid}.build-draft{align-self:start}.build-form,.bench-controls{flex-direction:column;gap:16px;padding:16px;display:flex}.build-form input{width:100%}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.muted-copy{color:#95a9b8;font-size:12px}.build-list-panel,.bench-results{flex-direction:column;min-height:0;display:flex}.build-list-panel>.panel-heading{justify-content:space-between}.build-search{padding:14px 16px}.build-list{flex:1;padding:0 16px 16px}.build-card{border-top:1px solid #2b3b47;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.build-card h3{overflow-wrap:anywhere}.build-card p{margin:4px 0;font-size:12px}.build-card .button-row{flex-shrink:0}.bench-layout{grid-template-columns:290px minmax(0,1fr)}.bench-setup{padding-bottom:16px}.bench-controls{gap:12px}.choice-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.choice-heading button{min-height:26px;padding:3px 7px;font-size:11px}.choice-list{gap:8px;display:grid}.choice-list>label{color:#d6e0e7;cursor:pointer;flex-direction:row;align-items:center;gap:8px;display:flex}.choice-list input{flex-shrink:0}.choice-list label span{overflow-wrap:anywhere;flex:1;justify-content:space-between;align-items:center;gap:8px;display:flex}.choice-list small{flex-shrink:0;font-size:10px}.bench-launch{border-top:1px solid #2b3b47;flex-direction:column;gap:8px;padding:16px;display:flex}.bench-note{padding:0 16px;line-height:1.5;display:block}.bench-results>.panel-heading{flex-wrap:wrap}.bench-results-content{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex}.bench-results-content>*{flex-shrink:0}.bench-results progress{accent-color:#e9b46d;width:100%;height:6px}.bench-empty{text-align:center;max-width:350px;margin:auto}.bench-empty h3{margin-bottom:12px;font-size:17px}.table-scroll{overflow-x:auto}.bench-table{border-collapse:collapse;width:100%;font-size:12px}.bench-table caption{text-align:left;color:#95a9b8;padding-bottom:8px;font-size:11px}.bench-table th,.bench-table td{text-align:left;vertical-align:top;border-bottom:1px solid #2b3b47;min-width:82px;padding:12px 10px}.bench-table thead th{color:#91a8b8;font-weight:500}.bench-table tbody th{min-width:140px;font-weight:500}.bench-table small{overflow-wrap:anywhere;max-width:230px;margin-top:4px;font-weight:400;display:block}.bench-filters{flex-wrap:wrap;gap:10px;display:flex}.bench-filters label{flex:1;min-width:120px}.bench-filters select{width:100%}.replay-buttons{white-space:nowrap;flex-direction:column;gap:6px;display:flex}.outcome-win{color:#8dd3a0}.outcome-loss,.outcome-error{color:#f1a89a}.outcome-draw{color:#e9b46d}@media (width<=980px){.builds-layout{grid-template-columns:250px minmax(0,1fr)}.build-card{flex-direction:column;align-items:flex-start}.bench-layout{grid-template-columns:240px minmax(0,1fr)}}@media (width<=700px){.builds-layout,.bench-layout{flex-direction:column;display:flex;overflow-y:auto}.build-draft{flex-shrink:0;align-self:stretch}.build-list-panel{flex-shrink:0;min-height:350px}.bench-setup{flex-shrink:0;max-height:340px}.bench-results{flex-shrink:0;min-height:500px}.shell>.tabs{overflow-x:auto}.shell>.tabs button{white-space:nowrap;flex:none}footer{gap:8px}}button{cursor:pointer;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:#293a47;border-color:#69818f}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #efbd77}fieldset{border:0;min-width:0;margin:0;padding:0}label{color:#9eafbc;flex-direction:column;gap:6px;font-size:12px;display:flex}input[type=checkbox],input[type=range]{accent-color:#e9b46d}input[type=checkbox]{width:15px;height:15px}input[type=range]{width:100%;min-width:40px}h1,h2,h3,p{margin:0}h1{letter-spacing:.1em;white-space:nowrap;font-size:14px}h1 span{color:#859aa8;font-weight:400}h2{font-size:15px;font-weight:600}h3{font-size:13px;font-weight:600}p{color:#a2b3bf;line-height:1.55}small{color:#9bafbd;font-size:11px}.shell{flex-direction:column;max-width:1920px;height:100dvh;margin:auto;padding:0 18px;display:flex}.masthead{flex:0 0 58px;align-items:center;gap:12px;height:58px;display:flex}.brandmark{color:#efbd77;font-size:22px}.workspace-name{color:#91a8b8;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #34434d;margin-left:8px;padding-left:16px;overflow:hidden}.run{white-space:nowrap;margin-left:auto;padding:8px 16px}.run-result{background:0 0;margin-left:auto;font-size:12px}.run-result+.run{margin-left:0}.primary{color:#241c14;background:#e9b46d;border-color:#e9b46d;font-weight:650}.primary:hover:not(:disabled){background:#f7cb8d;border-color:#f7cb8d}.tabs{border-bottom:1px solid #2b3b47;flex-shrink:0;gap:6px;display:flex}.tabs button{color:#94a8b7;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;min-height:42px;padding:11px 17px}.tabs button[aria-selected=true]{color:#f0c58d;background:#1b292f;border-bottom-color:#e9b46d}.tabs button:hover{background:#172631}.notice{color:#d3d9c1;background:#273024;border-radius:4px;flex-shrink:0;align-items:center;gap:12px;margin-top:8px;padding:6px 12px;font-size:12px;display:flex}.notice button{background:0 0;border:0;min-height:24px;margin-left:auto;padding:0 5px}.notice.quiet{display:none}.app-content{flex:1;min-height:0;padding:12px 0}.app-content>[role=tabpanel]{height:100%;min-height:0}.panel{background:#111d27;border:1px solid #2b3b47;border-radius:7px;min-width:0;min-height:0;overflow:hidden}.panel-heading{border-bottom:1px solid #273642;flex-shrink:0;align-items:center;gap:12px;min-height:47px;padding:10px 16px;display:flex}.panel-heading .badge{margin-left:auto}.badge{color:#afbfca;white-space:nowrap;border:1px solid #3c4b55;border-radius:4px;padding:5px 7px;font:11px ui-monospace,monospace}.badge.ok{color:#a5c7ab;background:#1d332b;border-color:#355346}.badge.error{color:#f1a89a;background:#382625;border-color:#794b43}.program-screen{grid-template-columns:minmax(0,1fr) 350px;gap:12px;display:grid}.board-panel{flex-direction:column;display:flex}.history-tools{gap:5px;display:flex}.history-tools button{min-height:27px;padding:4px 7px;font-size:11px}.board-space{flex:1;place-items:center;min-height:0;padding:12px;display:grid;overflow:auto;container-type:size}.board{aspect-ratio:1.4;grid-template-rows:16px repeat(8,minmax(0,1fr));grid-template-columns:14px repeat(8,minmax(0,1fr));gap:5px;width:min(100cqw,140cqh);display:grid}.axis{color:#91a7b7;justify-content:center;align-items:center;font:10px ui-monospace,monospace;display:flex}.cell{text-align:left;color:#c7d5de;background:#1a2934;border-color:#344956;border-radius:4px;flex-direction:column;justify-content:space-between;gap:1px;min-width:0;min-height:0;padding:3px;display:flex;position:relative;overflow:hidden}.cell strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-height:0;padding-top:8px;font-size:10px;font-weight:550;line-height:1.1;display:-webkit-box;overflow:hidden}.cell.empty{color:#536c7b;background:#101b24;border-style:dashed}.cell.empty strong{align-self:center;font-size:16px;font-weight:300}.cell.trigger{color:#d9b7f0;background:#382b45;border-color:#614477}.cell.check{color:#a5d5e5;background:#173743;border-color:#2c5868}.cell.act{color:#f0c58d;background:#3a3023;border-color:#685238}.cell.memory{color:#bdcdef;background:#29334b;border-color:#4d5d82}.cell.flow{color:#b1c7bf;background:#25322f;border-color:#3d514b}.cell.selected{outline-offset:1px;z-index:1;outline:2px solid #f0be77}.cell.executing{box-shadow:inset 0 0 0 2px #8ce4f1}.cell.invalid{border-color:#ed8c7f}.route-summary{color:#adbfca;border-top:1px solid #273642;flex-shrink:0;align-items:center;gap:18px;padding:9px 16px;font-size:11px;display:flex}.route-summary>span:first-child{white-space:nowrap}.route-summary small{margin-top:3px;font-size:10px;display:block}.file-tools{border-top:1px solid #273642;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px;padding:7px 16px;display:flex}.file-tools button{background:0 0;border:0;min-height:26px;padding:2px 0;font-size:11px}.file-tools small{margin-left:auto;font-size:10px}.editor-sidebar,.replay-diagnostics{flex-direction:column;display:flex}.pane-scroll{scrollbar-width:thin;scrollbar-color:#3d5362 transparent;min-height:0;overflow:auto}.editor-sidebar>.pane-scroll,.replay-diagnostics>.pane-scroll{flex:1}.editor-sidebar .tabs,.replay-diagnostics>.tabs{gap:0}.editor-sidebar .tabs button,.replay-diagnostics>.tabs button{flex:1;padding-left:8px;padding-right:8px}.inspector,.library,.template-content{padding:16px}.inspect-title{border-bottom:1px solid #273642;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:14px;display:flex}.inspect-title strong{color:#e5b674;font-size:12px;line-height:1.5}.inspect-title strong span{color:#c5d3de;display:block}.inspect-title button{min-height:28px;margin-left:4px;padding:4px 7px;font-size:11px}.place{flex-direction:column;gap:7px;display:flex}.place select{width:100%;font-size:12px}.place button{align-self:flex-start;font-size:12px}.fields{flex-wrap:wrap;gap:18px 12px;margin-top:18px;display:flex}.fields>label{flex:120px}.fields input[type=number]{width:100%}.direction-handles{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.direction-handles button{min-height:29px;padding:3px}.warning{color:#e9b46d;margin-top:8px;display:block}.muted{font-size:12px}details{border:1px solid #34434c;border-radius:4px;margin:12px 16px;padding:9px}summary{cursor:pointer;color:#b6c7d2;font-size:12px}.issues{flex-direction:column;gap:5px;margin-top:8px;display:flex}.issues button{text-align:left;background:0 0;min-height:28px;font-size:11px}.issues button.error{color:#f4a99a;border-color:#794b43}.issues button.warning{color:#d0b383;border-color:#554c39;margin:0}.library h3{margin-bottom:12px}.library label{margin:14px 0}.library .check{flex-direction:row;align-items:center;display:flex}.library details{margin:12px 0}.editor-tools{flex-wrap:wrap;gap:8px;display:flex}.editor-tools select{width:100%}.reference-note{margin:10px 0 25px;font-size:12px}.template-content{flex-direction:column;gap:14px;display:flex}.template-content p{font-size:12px}.template-content>button{align-self:flex-start}.check{white-space:nowrap;flex-direction:row;align-items:center;gap:6px;font-size:12px;display:flex}.cell.check{white-space:normal;flex-direction:column;align-items:stretch}.match-screen{grid-template-columns:minmax(330px,450px) minmax(0,1fr);grid-auto-rows:max-content;align-items:start;gap:12px;display:grid}.scenario{grid-template-columns:1fr 1fr;gap:20px 16px;padding:20px;display:grid}.scenario label:first-child{grid-column:1/-1}.scenario select{width:100%;min-width:0}.opponent-choice{grid-column:1/-1;min-width:0}.opponent-brief{background:#15232c;border:1px solid #33444e;border-radius:8px;margin-top:10px;padding:12px;font-size:13px;line-height:1.5}.opponent-facts{color:#eab66b;justify-content:space-between;align-items:center;gap:8px;display:flex}.opponent-facts button{flex-shrink:0}.opponent-brief p{margin:10px 0}.opponent-weakness,.opponent-brief small{color:#a7bac7}.opponent-brief small{margin-top:4px;display:block}.arena-description{border-top:1px solid #33444e;margin:0;line-height:1.5}@media (width>=981px){.match-preview .arena{max-height:calc(100dvh - 250px)}}.exercise-brief{color:#c2d2dc;background:#172a31;border-left:2px solid #c89b60;margin:0 20px 20px;padding:12px;font-size:12px;line-height:1.6}.section-copy{padding:14px 20px;font-size:12px}.arena{width:100%;height:auto;display:block}.scan-readout{color:#8fa6b6;flex-wrap:wrap;align-items:center;gap:6px;min-height:32px;padding:3px 12px;font-size:11px;display:flex}.scan-readout button{background:0 0;min-height:24px;padding:3px 6px;font-size:11px}.scan-readout .player-scan{color:#f5bf71}.scan-readout .opponent-scan{color:#77d9ed}.medal-table{width:calc(100% - 40px);margin:0 20px 20px}.medal-table caption{text-align:left;color:#c2d2dc;padding:8px 0;font-size:11px}.replay-screen{grid-template-columns:minmax(360px,.95fr) minmax(0,1.2fr);gap:12px;display:grid}.replay-arena{flex-direction:column;min-height:0;display:flex}.battle{flex-direction:column;flex:1;display:flex;overflow:auto}.battle .arena{flex:1;min-height:180px;max-height:calc(100dvh - 380px)}.tank-labels{justify-content:space-between;gap:10px;padding:12px 16px 0;font-size:12px;display:flex}.tank-labels b{margin-left:6px}.player{color:#eabd7e}.enemy{color:#8bc4d7}.playback{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:6px 14px;display:grid}.playback input{grid-area:1/2/auto/7}.playback button{min-height:28px;padding:5px;font-size:10px}.playback button:nth-of-type(2){grid-column:1/4}.playback button:nth-of-type(3){grid-column:4/7}.clockline{color:#a6bac8;justify-content:space-between;gap:10px;padding:8px 16px 12px;font:10px ui-monospace,monospace;display:flex}.heads{border-top:1px solid #273642}.heads>div{grid-template-columns:1fr auto;gap:5px;padding:12px 16px;font-size:12px;display:grid}.heads b{color:#e5b979}.heads small{overflow-wrap:anywhere;grid-column:span 2}.source-link{flex-shrink:0;align-items:center;gap:8px;min-height:40px;font-size:11px;display:flex}.source-link button{min-height:28px;padding:4px 7px;font-size:11px}.source-link button:last-child{margin-left:auto}.trace-panel{background:0 0;border:0;border-radius:0;overflow:visible}.trace-panel .panel-heading{flex-wrap:wrap}.trace-filters{align-items:center;gap:12px;margin-left:auto;display:flex}.trace-filters select{font-size:11px}.trace-scroll{overflow:auto}.trace-scroll nav{align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:flex}.trace-scroll nav button{padding:4px 7px;font-size:11px}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:#a5bfce;white-space:nowrap;z-index:1;background:#172630;padding:10px;font-size:10px;font-weight:500;position:sticky;top:0}td{color:#b1c3cf;vertical-align:top;border-top:1px solid #253742;padding:9px 10px}td button{min-height:26px;padding:3px 7px;font:11px ui-monospace,monospace}td small{margin-top:5px;font-size:10px;line-height:1.4;display:block}td details{margin:0 0 7px;padding:5px}td:nth-child(3),td:nth-child(5){min-width:100px}tr.failed td{background:#38282244}tr.failed td:nth-child(4){color:#e9a08a}tr.current{background:#2c3c43}.trace-scroll pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:20rem}.activity-content,.reservation-list{padding:16px}.activity-content h3,.reservation-list h3{margin-bottom:14px}.activity-content p{margin:6px 0;font-size:12px}.activity-content .trace-scroll{flex-direction:column;gap:7px;margin-top:18px;display:flex}.activity-content button,.reservation-list button{text-align:left;font-size:11px}.reservation-list{flex-direction:column;gap:7px;display:flex}.power-cursor{padding:16px}.power-cursor strong{color:#e9c493;margin:12px 0 6px;font:28px ui-monospace,monospace;display:block}.power-cursor p{font-size:12px}.power{background:#15232d;border-block:1px solid #273642;grid-template-columns:1fr auto;gap:8px;padding:14px 16px;display:grid}.power>span{color:#9bb0bf;font-size:10px}.power small{grid-column:span 2}.results-screen{grid-template-columns:minmax(0,1fr) minmax(250px,.55fr);align-items:start;gap:12px;display:grid}.results>p:not(.hash),.results>.cadence{padding:8px 20px;font-size:12px}.results>p.cadence:first-of-type{padding-top:20px}.metrics{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px 20px;display:grid}.metrics strong{color:#ead0aa;font:27px ui-monospace,monospace;display:block}.metrics span{color:#9fb4c2;margin-top:7px;font-size:12px;display:block}.hash{overflow-wrap:anywhere;padding:0 20px 18px;font:10px ui-monospace,monospace}.hash code{color:#bbc9d3}.comparison{border-block:1px solid #2b3b47;flex-direction:column;gap:8px;padding:14px 20px;font-size:12px;display:flex}.wide{width:calc(100% - 40px);margin:16px 20px;font-size:12px}.empty-copy{padding:20px;font-size:12px}.failure-summary>button{text-align:left;width:calc(100% - 32px);margin:12px 16px;font-size:12px;display:block}.guide-screen{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}dl{margin:0;padding:18px 20px;font-size:12px}dt{color:#e3c190;margin-bottom:4px}dd{color:#a6b9c6;margin:0 0 17px;line-height:1.6}dd:last-child{margin-bottom:0}footer{color:#8da4b4;border-top:1px solid #263540;flex-shrink:0;justify-content:space-between;align-items:center;height:24px;font-size:10px;display:flex}@media (width>=1500px){.program-screen{grid-template-columns:minmax(0,1fr) 400px}}@media (width<=1000px){.shell{padding:0 12px}.program-screen{grid-template-columns:minmax(0,1fr) 310px}.file-tools small{display:none}.replay-screen{grid-template-columns:minmax(310px,.9fr) minmax(0,1fr)}.guide-screen{grid-template-columns:1fr 1fr}}@media (width<=760px){.shell{padding:0 8px}.workspace-name,.run-result{display:none}.masthead{flex-basis:52px;gap:8px;height:52px}h1{font-size:12px}.tabs button{flex:1;padding:9px 12px;font-size:12px}.program-screen,.replay-screen,.match-screen,.results-screen,.guide-screen{grid-template-columns:1fr;align-content:start;display:grid;overflow:auto}.program-screen{grid-template-rows:max-content max-content}.board-panel{height:auto;display:block}.board-space{height:auto;display:block;container-type:normal}.board{aspect-ratio:1.25;width:min(100%,500px);margin:auto}.route-summary{align-items:flex-start}.editor-sidebar{min-height:360px;max-height:500px}.replay-arena{min-height:520px}.replay-diagnostics{min-height:420px;max-height:620px}.guide-screen{gap:10px}.battle .arena{max-height:300px}.notice{max-height:90px;overflow:auto}footer{font-size:9px}}@media (height<=650px) and (width>=761px){.board-space{padding:7px}.board{gap:3px}.cell strong{font-size:9px}.battle .arena{min-height:130px}}.playback button:nth-of-type(4){grid-column:1/3}.playback button:nth-of-type(5){grid-column:3/5}.playback button:nth-of-type(6){grid-column:5/7}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.place>label{margin-bottom:-2px}.mobile-only,.mobile-tools-heading{display:none}@media (width<=980px){.program-screen{display:block;overflow:hidden}.program-screen .board-panel{height:100%;display:flex}.program-screen .board-space{flex:1;min-height:0;display:grid;container-type:size}.program-screen .board{aspect-ratio:1.25;width:min(100cqw,125cqh)}.program-screen .editor-sidebar{height:100%;min-height:0;max-height:none}.program-screen[data-tools-open=false] .editor-sidebar,.program-screen[data-tools-open=true] .board-panel{display:none}.mobile-only{min-height:27px;padding:4px 7px;font-size:11px;display:block}.mobile-tools-heading{border-bottom:1px solid #273642;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.mobile-tools-heading button{font-size:11px}.board-panel .badge{margin-left:auto}.board-panel .panel-heading{gap:8px}}.board-space{padding:0;display:flex;overflow:hidden}.grid-workspace{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.route-key{align-items:center;gap:7px;display:flex}.route-key i{border-block:5px solid #0000;border-left:8px solid #71d8b2;width:0;height:0}.route-key .key-false{border-left-color:#f38f9c;margin-left:8px}.grid-viewport{background:#111b23;flex:1;place-items:center;min-height:0;padding:6px;display:grid;overflow:hidden;container-type:size}.program-screen .board{aspect-ratio:auto;grid-template-rows:18px repeat(8,minmax(0,1fr));grid-template-columns:18px repeat(8,minmax(0,1fr));gap:0;width:min(100cqw,160cqh);height:100cqh;margin:0 auto}.board-canvas{grid-area:2/2/-1/-1;min-width:0;min-height:0;position:relative}.board-cells{grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));display:grid;position:absolute;inset:0}.cell-slot{min-width:0;min-height:0;position:relative;container-type:size}.flow-outlines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flow-outlines path{stroke-linejoin:round}.board .cell{text-align:center;z-index:1;color:#f3f5f7;width:75%;height:75%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:7px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-content:center;place-items:center;gap:0;padding:0;display:grid;position:absolute;inset:12.5%;overflow:visible}.board .cell strong{text-align:center;white-space:pre-line;flex:none;max-width:100%;padding:0;font-size:clamp(12px,14cqw,16px);font-weight:600;line-height:1.15;display:block;overflow:visible}.board .cell[data-chip=connector] strong{color:#d5dee5;font-size:min(22px,27.5cqw);font-weight:500}.board .cell.selected{outline-offset:-4px;z-index:3;background:#c89b4530;outline:2px solid #f4bf73}.board .cell.executing{box-shadow:inset 0 0 0 3px #8ce4f1}.board .breakpoint-marker{z-index:5;opacity:0;background:0 0;border:0;width:22px;height:22px;min-height:0;padding:5px;position:absolute;top:5%;left:5%}.breakpoint-marker span{background:#14212b;border:2px solid #ffb4aa;border-radius:50%;width:11px;height:11px;display:block}.breakpoint-marker.enabled span{background:#ff9688;border-color:#ffe1dc}.board .breakpoint-marker.enabled,.cell-slot:hover .breakpoint-marker,.cell-slot:focus-within .breakpoint-marker{opacity:1}.breakpoint-inspector{align-items:center;gap:8px;margin:12px 0;display:flex}.breakpoint-inspector button{font-size:12px}.breakpoint-inspector [aria-pressed=true]{color:#ffb4aa;border-color:#ff9688}.debug-controls{flex-wrap:wrap;align-items:center;gap:10px;padding:6px 14px;display:flex}.debug-controls>label:first-child{flex-direction:row;align-items:center;gap:8px}.debug-controls .check{flex-direction:row;align-items:center;font-size:11px;display:flex}.debug-controls button{font-size:11px}.debug-stop{color:#ffd1c6;background:#382923;border:1px solid #8e635a;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;margin:6px 14px;padding:8px 10px;font-size:12px;display:flex}.debug-stop button{flex-shrink:0;font-size:11px}.replay-code{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.replay-code .board-space{flex:1;min-height:400px}.replay-code .board{aspect-ratio:auto;grid-template-rows:18px repeat(8,minmax(0,1fr));grid-template-columns:18px repeat(8,minmax(0,1fr));gap:0;width:100cqw;height:100cqh;margin:0}.replay-code .panel-heading{justify-content:space-between}.replay-code .panel-heading button{font-size:11px}.debug-code-tools{border-top:1px solid #273642;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.debug-code-tools button{font-size:12px}@media (width<=760px){.replay-diagnostics:has(.replay-code:not([hidden])){min-height:600px}.replay-code .board-space{min-height:440px}}.board .cell.empty{color:#405460;background:#17232c;border:1px solid #263540}.board .cell.empty strong{font-size:18px;font-weight:300}.board .cell.invalid{box-shadow:inset 0 0 0 2px #ef8995}.port-marker{--port-color:#f4f7fa;width:min(16px,18cqmin);height:min(16px,18cqmin);transform:translate(-50%, -50%) translate(calc(var(--dx) * 2px), calc(var(--dy) * 2px));pointer-events:none;z-index:4;display:block;position:absolute}.port-marker svg{width:100%;height:100%;transform:rotate(var(--angle));filter:drop-shadow(0 1px 1px #061019);overflow:visible}.port-marker path{fill:var(--port-color);stroke:#15242d;stroke-width:1.4px;stroke-linejoin:round}.port-true{--port-color:#71d8b2}.port-false{--port-color:#f38f9c}.board .cell.target-true{box-shadow:inset 0 0 0 1px #71d8b266}.board .cell.target-false{box-shadow:inset 0 0 0 1px #f38f9c66}@media (width<=760px){.program-screen .board-space{display:flex}}.route-destinations{gap:6px;display:grid}.route-destinations button{text-align:left;font-size:12px}.route-destinations .destination-true{color:#a6d6a6;border-color:#44674e}.route-destinations .destination-false{color:#e6a397;border-color:#76534d}.route-key .key-next{border-left-color:#f4f7fa}.board-title{min-width:0}.board-title h2{text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;overflow:hidden}.board-title .route-key{white-space:nowrap;gap:5px;font-size:10px}.board-title .route-key i{border-block-width:4px;border-left-width:6px}.board-title .route-key .key-false{margin-left:3px}.board-panel>.panel-heading{padding:8px 12px}.board-panel .route-summary{gap:12px;padding:6px 12px;font-size:11px}.board-panel .route-summary small{font-size:inherit;display:inline}.library .file-tools{border-top:0;gap:12px;padding:8px 0 16px}.library .file-tools small{width:100%;margin-left:0;display:block}.magazine-readout{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;padding:5px 16px 0;font-size:11px;display:flex}.magazine-readout>span:last-child{text-align:right}.tactical-start{border-bottom:1px solid #273642;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.hardware-screen{grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:12px;height:100%;display:grid;overflow:auto}.hardware-screen .panel{padding:20px;overflow:auto}.hardware-screen fieldset{border:1px solid #42505a;margin:16px 0;padding:14px}.hardware-screen label{margin:12px 0;display:block}.hardware-screen select{width:100%;margin-top:6px;display:block}.hardware-screen dt{color:#b9c5ca;margin-top:14px}.hardware-screen dd{margin:5px 0}.hardware-error{color:#ffaaa0}@media (width<=760px){.hardware-screen{grid-template-columns:1fr}}.agent-panel{max-width:1000px;height:100%;margin:0 auto;padding:16px;overflow:auto}.agent-panel textarea{color:inherit;resize:vertical;width:100%;min-height:5rem;font:inherit;background:#0b151c;border:1px solid #334852;border-radius:4px;padding:10px;display:block}.agent-buttons{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.agent-activity{max-height:16rem;padding-left:1.5rem;overflow:auto}.agent-activity li{overflow-wrap:anywhere;margin-bottom:.4rem}.agent-indicator{white-space:nowrap}.training-range{max-width:1800px;margin:auto;padding:1rem}.training-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.training-heading h2{margin-bottom:.25rem}.training-heading p,.training-brief p{color:#b7c7d1}.training-missions{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1rem 0;display:grid}.training-missions button{text-align:left;padding:.85rem}.training-missions small{margin-top:.4rem;display:block}.training-missions [aria-current=step]{background:#3e3528;border-color:#eab66b}.training-brief{margin-bottom:1rem;padding:1rem}.training-brief h3{margin:0}.training-buttons{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.training-hints{padding-left:1.4rem;line-height:1.65}.training-layout{grid-template-columns:minmax(370px,1.3fr) minmax(185px,.55fr) minmax(300px,1fr);align-items:start;gap:1rem;display:grid}.training-board{min-width:0}.training-inspector,.training-replay{min-width:0;padding:1rem}.training-inspector h3,.training-replay h3{margin-top:0}.training-inspector fieldset{border:1px solid #405460;gap:.75rem;margin:.75rem 0;padding:.75rem;display:grid}.training-inspector label{text-transform:capitalize;gap:.3rem;display:grid}.training-inspector select,.training-inspector input{width:100%;min-width:0}.training-inspector input[type=checkbox]{justify-self:start;width:auto}.training-arena{position:relative}.training-arena .arena{width:100%;height:auto;display:block}.training-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.training-replay input[type=range]{width:100%;margin:.5rem 0;display:block}.training-replay label{margin:.5rem 0;display:block}.training-goals{gap:.5rem;padding:0;list-style:none;display:grid}.training-goals button{text-align:left;width:100%}.training-decision{color:#eab66b;min-height:2.5em}@media (width<=1150px){.training-layout{grid-template-columns:minmax(320px,1fr) minmax(200px,.65fr)}.training-replay{grid-column:1/-1}.training-arena{max-width:700px;margin:auto}}@media (width<=650px){.training-range{padding:.5rem}.training-heading{align-items:start}.training-missions{grid-template-columns:1fr 1fr}.training-layout{flex-direction:column;display:flex}.training-layout>section{box-sizing:border-box;width:100%}.training-board .board-space{height:105vw;min-height:320px}}#app-panel-training{overflow:auto}.training-board .board-space{height:clamp(320px,35vw,480px);min-height:0}.training-board .board{aspect-ratio:auto;grid-template-rows:18px repeat(8,minmax(0,1fr));grid-template-columns:18px repeat(8,minmax(0,1fr));gap:0;width:100cqw;height:100cqh}.agent-panel .panel-heading{padding:0 0 12px}.agent-panel>p{margin:8px 0}.agent-panel h3{margin:16px 0 8px}.training-state{color:#b7c7d1;flex-wrap:wrap;gap:.4rem 1rem;padding:.65rem 0;font-size:12px;display:flex}