.code-arcade{--cc-amber:#ffd06a;--cc-muted:#b5abd7;color:#f5e9cd;isolation:isolate;background:radial-gradient(at 50% 36%,#251f4f 0%,#100d2c 58%,#080820 100%);min-height:100dvh;padding:22px clamp(16px,3vw,60px) 35px;font-family:Consolas,Courier New,monospace;position:relative;overflow:hidden}:root[data-theme=dark] .code-arcade{--cc-amber:#ffe3a6;--cc-muted:#d3cde7;color:#f9f2e1}.code-arcade:before{content:"";z-index:-1;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#3d367020 1px,#0000 1px),linear-gradient(#3d367020 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:50px 50px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}:root[data-theme=dark] .code-arcade:before{background:linear-gradient(90deg,#1c1a2c20 1px,#0000 1px),linear-gradient(#1c1a2c20 1px,#0000 1px)}.code-arcade button,.code-arcade textarea{font:inherit}.code-arcade button{cursor:pointer}.code-arcade button:focus-visible,.code-arcade a:focus-visible{outline-offset:5px;outline:3px solid #80ffff}:root[data-theme=dark] .code-arcade button:focus-visible,:root[data-theme=dark] .code-arcade a:focus-visible{outline:3px solid #7bcece}.code-arcade button:disabled{cursor:default;opacity:.45}.code-arcade [hidden]{display:none!important}.cc-top{color:var(--cc-muted);justify-content:space-between;align-items:center;gap:15px;font-size:11px;display:flex}.cc-top a{color:#e8cf9d;text-decoration:none}:root[data-theme=dark] .cc-top a{color:#f1e2c4}.cc-top button{color:#d9cceb;background:0 0;border:1px solid #675291;border-radius:6px;padding:7px 10px}:root[data-theme=dark] .cc-top button{color:#e8e0f3;border:1px solid #414b5a}.cc-top>span{letter-spacing:.08em}.cc-heading{text-align:center;margin:30px auto 22px}.cc-kicker{letter-spacing:.19em;text-transform:uppercase;color:#9285b8;font-size:10px}:root[data-theme=dark] .cc-kicker{color:#beb6d4}.cc-heading h1{letter-spacing:.045em;color:#ffc94a;text-shadow:0 3px #ea831e,3px 6px #5c2830,0 0 28px #ffb82f28;margin:12px 0 14px;font-family:Impact,Consolas,monospace;font-size:clamp(42px,5.5vw,88px);line-height:1.1}:root[data-theme=dark] .cc-heading h1{color:#ffdf92}.cc-heading p{letter-spacing:.12em;margin:0;font-size:clamp(12px,1.4vw,19px);font-weight:700}.cc-mission{text-align:center;background:#0c0b21;border:2px solid #dfa543;border-radius:12px;max-width:920px;margin:0 auto 16px;padding:13px 20px;box-shadow:0 0 15px #edaf3620,inset 0 0 0 3px #312342}:root[data-theme=dark] .cc-mission{border:2px solid #b99354}.cc-mission>span{letter-spacing:.16em;color:#c69deb;margin-bottom:7px;font-size:9px;display:block}:root[data-theme=dark] .cc-mission>span{color:#ddc4f3}.cc-mission p{color:#ffe0a2;margin:0;font-size:14px;line-height:1.5}:root[data-theme=dark] .cc-mission p{color:#ffecc7}.cc-help{background:#201a3a;border:1px solid #726098;border-radius:12px;max-width:940px;margin:15px auto;padding:20px;font-size:13px;line-height:1.7}:root[data-theme=dark] .cc-help{border:1px solid #414b5a}.cc-help h2{font-size:18px}.cc-help ol{padding-left:20px}.cc-help code{color:#68eee8}:root[data-theme=dark] .cc-help code{color:#a4f5f1}.cc-challenge-fields{justify-content:center;align-items:stretch;gap:14px;max-width:920px;margin:0 auto 28px;display:flex}.cc-challenge-fields label,.cc-target{background:#17132c;border:1px solid #44385b;border-radius:8px;flex:1;min-width:0;padding:10px 14px}:root[data-theme=dark] .cc-challenge-fields label,:root[data-theme=dark] .cc-target{border:1px solid #414b5a}.cc-challenge-fields label>span,.cc-target summary{color:#b9a6d6;letter-spacing:.06em;font-size:10px;display:block}:root[data-theme=dark] .cc-challenge-fields label>span,:root[data-theme=dark] .cc-target summary{color:#d5cae6}.cc-target summary{cursor:pointer}.cc-target pre{color:#9dffbb;max-height:82px;margin:8px 0 0;font:13px/1.4 Consolas,monospace;overflow:auto}:root[data-theme=dark] .cc-target pre{color:#c4ffd6}.cc-challenge-fields textarea{color:#f7ecd2;resize:vertical;background:#0e0c21;border:1px solid #64537e;border-radius:4px;width:100%;min-height:44px;margin-top:6px;padding:7px;font-size:13px}:root[data-theme=dark] .cc-challenge-fields textarea{color:#faf4e4;border:1px solid #414b5a}.cc-machines{grid-template-columns:minmax(0,1fr) minmax(200px,.62fr) minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,38px);max-width:1510px;margin:auto;display:grid}.cc-crt{background:linear-gradient(150deg,#9062b5,#402d77 24%,#695097 79%,#392358);border:3px solid #7863af;border-radius:38px 38px 30px 30px;padding:21px 18px 6px;position:relative;box-shadow:inset 0 5px #b288d67a,inset 8px 0 #36235b99,inset -9px -5px #291d4b,0 12px #08071988,0 18px 35px #0007}:root[data-theme=dark] .cc-crt{background:linear-gradient(150deg,#352740,#1d182e 24%,#2a2237 79%,#392358);border:3px solid #76689a;box-shadow:inset 0 5px #b288d67a,inset 8px 0 #36235b99,inset -9px -5px #291d4b,0 12px #08071988,0 18px 35px #0007}.cc-code-monitor{transform:rotate(-1deg)}.cc-output-monitor{transform:rotate(1deg)}.cc-screen{background:radial-gradient(at 50% 35%,#301534,#110c20 80%);border:7px solid #100c20;border-radius:29px;flex-direction:column;min-height:335px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #725170,inset 0 0 35px #0008,0 0 0 3px #35254f}:root[data-theme=dark] .cc-screen{border:7px solid #32303d;box-shadow:inset 0 0 0 2px #725170,inset 0 0 35px #0008,0 0 0 3px #35254f}.cc-screen:after{content:"";pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff02 3px 4px),linear-gradient(165deg,#ffffff0d,#0000 24%);border-radius:22px;position:absolute;inset:0}:root[data-theme=dark] .cc-screen:after{background:repeating-linear-gradient(0deg,#0000 0 3px,#1e232a02 3px 4px),linear-gradient(165deg,#1e232a0d,#0000 24%)}.cc-screen-heading{border-bottom:1px solid #8a5a7433;align-items:center;gap:10px;padding:15px 18px 12px;display:flex}:root[data-theme=dark] .cc-screen-heading{border-bottom:1px solid #414b5a33}.cc-screen-heading h2{letter-spacing:.1em;color:#ffd259;text-shadow:2px 2px #966024;margin:0;font-size:clamp(19px,2vw,29px)}:root[data-theme=dark] .cc-screen-heading h2{color:#ffe49b}.cc-screen-heading button{color:#bcb0d5;background:0 0;border:0;margin-left:auto;padding:5px;font-size:10px}:root[data-theme=dark] .cc-screen-heading button{color:#d7d0e6}.cc-leds{white-space:nowrap;letter-spacing:2px;color:#ffcf48;text-shadow:0 0 8px #ffb72e;margin-left:auto;font-size:11px}:root[data-theme=dark] .cc-leds{color:#ffe291}.cc-screen-foot{color:#9f8aae;letter-spacing:.03em;border-top:1px solid #ffffff10;justify-content:space-between;gap:8px;margin-top:auto;padding:10px 15px;font-size:8px;display:flex}:root[data-theme=dark] .cc-screen-foot{color:#c5b9ce;border-top:1px solid #414b5a10}.cc-code-preview{text-align:left;color:#e8e0ef;scrollbar-width:thin;scrollbar-color:#795a98 transparent;background:0 0;border:0;flex:1;width:100%;min-height:205px;max-height:285px;padding:18px 0;display:block;overflow:auto}:root[data-theme=dark] .cc-code-preview{color:#f1ecf5;scrollbar-color:#af9cc1 transparent}.cc-code-lines{min-width:max-content;display:block}.cc-code-line{white-space:pre;border-left:3px solid #0000;min-height:1.8em;padding:0 15px 0 9px;font-size:clamp(11px,1.05vw,15px);line-height:1.8;display:block}.cc-code-line:before{content:attr(data-line);color:#766482;text-align:right;min-width:20px;margin-right:12px;font-size:10px;display:inline-block}:root[data-theme=dark] .cc-code-line:before{color:#b7c1cf}.cc-code-line.active{color:#fff5c4;background:#ffca5624;border-left-color:#ffcc54;box-shadow:inset 0 0 15px #ffbb2810}:root[data-theme=dark] .cc-code-line.active{color:#fff9dc;background:#57472424;border-left-color:#cead5f}.cc-token-keyword{color:#f0b5ff}:root[data-theme=dark] .cc-token-keyword{color:#f6d3ff}.cc-token-string{color:#9eedaf}:root[data-theme=dark] .cc-token-string{color:#c5f4cf}.cc-token-number{color:#ffd466}:root[data-theme=dark] .cc-token-number{color:#ffe5a3}.cc-token-call{color:#5decf1}:root[data-theme=dark] .cc-token-call{color:#9ef4f7}.cc-token-comment{color:#9984a5}:root[data-theme=dark] .cc-token-comment{color:#b7c1cf}.cc-editor{outline-offset:-2px;color:#e9e1f5;resize:vertical;tab-size:2;white-space:pre;background:#120d21;border:0;outline:2px solid #64ddd366;flex:1;width:100%;height:255px;min-height:205px;padding:18px 16px;font-size:13px;line-height:1.8;display:block}:root[data-theme=dark] .cc-editor{color:#f2edf9;outline:2px solid #69b8b166}.cc-output{color:#58f58f;text-shadow:0 0 10px #30ff6833;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-height:155px;max-height:250px;margin:0;padding:18px 22px;font:700 clamp(17px,1.7vw,24px)/1.5 Consolas,monospace;overflow:auto}:root[data-theme=dark] .cc-output{color:#9bf9bc}.cc-output:empty:before{content:"▌";color:#45d27766;animation:1s step-end infinite cc-blink}:root[data-theme=dark] .cc-output:empty:before{color:#8fe4ad66}.cc-variable-watch{color:#b5a4c6;border-top:1px solid #ffffff10;padding:8px 15px;font-size:10px}:root[data-theme=dark] .cc-variable-watch{color:#d3c8dd;border-top:1px solid #414b5a10}.cc-variable-watch>span{letter-spacing:.13em;color:#79678c;font-size:8px}:root[data-theme=dark] .cc-variable-watch>span{color:#b7c1cf}.cc-variable-watch>div{flex-wrap:wrap;gap:5px;max-height:57px;margin-top:6px;display:flex;overflow:auto}.cc-variable-watch code{color:#dacee9;overflow-wrap:anywhere;background:#34203e;border:1px solid #684d7344;border-radius:4px;max-width:100%;padding:3px 5px}:root[data-theme=dark] .cc-variable-watch code{color:#e9e2f2;border:1px solid #414b5a44}.cc-crt-foot{justify-content:space-between;align-items:center;padding:10px 6px 3px;display:flex}.cc-vents{color:#1a1537;letter-spacing:3px;font-size:10px;line-height:.9}:root[data-theme=dark] .cc-vents{color:#767387}.cc-brand{color:#b2a0d2;letter-spacing:.08em;font-size:8px}:root[data-theme=dark] .cc-brand{color:#d1c6e4}.cc-power{background:#ffe651;border-radius:3px;width:15px;height:9px;box-shadow:0 0 10px #ffc935}:root[data-theme=dark] .cc-power{background:#574f22}.cc-screw{background:#8666a4;border:2px solid #1e1638;border-radius:50%;width:9px;height:9px;position:absolute;top:9px;box-shadow:0 1px #b49bc8}:root[data-theme=dark] .cc-screw{background:#32293b;border:2px solid #3c364c}.cc-screw-tl{left:17px}.cc-screw-tr{right:17px}.cc-patch-box{background:linear-gradient(130deg,#70508f,#342544);border:3px solid #776095;border-radius:23px;padding:13px;position:relative;box-shadow:inset 0 3px #ba91d070,inset -6px -4px #1e173d,0 12px #06071b66}:root[data-theme=dark] .cc-patch-box{background:linear-gradient(130deg,#2c2235,#342544);border:3px solid #414b5a}.cc-patch-box:before,.cc-patch-box:after{content:"";z-index:-1;background:#654e8c;width:30px;height:9px;position:absolute;top:50%}:root[data-theme=dark] .cc-patch-box:before,:root[data-theme=dark] .cc-patch-box:after{background:#282134}.cc-patch-box:before{left:-32px}.cc-patch-box:after{right:-32px}.cc-patch-heading{color:#ccb5dc;justify-content:space-between;gap:7px;padding:2px 3px 11px;font-size:9px;display:flex}:root[data-theme=dark] .cc-patch-heading{color:#e0d3ea}.cc-patch-grid{isolation:isolate;background:linear-gradient(90deg,#080f1a88 1px,#0000 1px) 0 0/35px 35px,linear-gradient(#080f1a88 1px,#0000 1px) 0 0/35px 35px,radial-gradient(#2f6243,#183b31) 0 0/100% 100%;border:5px solid #151727;border-radius:16px;justify-content:space-between;min-height:265px;padding:19px 12px;display:flex;position:relative}:root[data-theme=dark] .cc-patch-grid{border:5px solid #414b5a}.cc-socket-column{z-index:2;flex-direction:column;justify-content:space-around;gap:17px;display:flex}.cc-socket{border:4px solid var(--socket);width:39px;height:39px;color:var(--socket);touch-action:none;background:#0c1721;border-radius:50%;padding:0;font-weight:700;box-shadow:0 0 0 3px #101223,inset 0 0 7px #000;font-size:10px!important}:root[data-theme=dark] .cc-socket{box-shadow:0 0 0 3px #101223,inset 0 0 7px #000}.cc-socket.selected{box-shadow:0 0 0 3px #fff,0 0 22px var(--socket)}:root[data-theme=dark] .cc-socket.selected{box-shadow:0 0 0 3px #64748c,0 0 22px var(--socket)}.cc-socket.connected{background:var(--socket);color:#102027;box-shadow:0 0 0 3px #172129,0 0 16px var(--socket)}:root[data-theme=dark] .cc-socket.connected{color:#70797d}.cc-patch-grid svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cc-wire{fill:none;stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0 0 5px)}.cc-wire-glow{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round;opacity:.6}.cc-wire-signal{fill:none;stroke:#fff;stroke-width:5px;stroke-dasharray:4 27;opacity:0;stroke-linecap:round}.cc-patch-box.signalling .cc-wire-signal{opacity:.9;animation:.6s linear infinite cc-signal}.cc-wire-ghost{fill:none;stroke:#fff8;stroke-width:3px;stroke-dasharray:5 6}.cc-connected{color:#a6b9a8;text-align:center;letter-spacing:.025em;background:#071c1b;border:2px solid #846597;border-radius:6px;margin:12px auto 0;padding:8px 2px;font-size:10px}:root[data-theme=dark] .cc-connected{color:#9daabc;border:2px solid #414b5a}.cc-connected.ready{color:#83ff96;text-shadow:0 0 8px #4cff8c77}:root[data-theme=dark] .cc-connected.ready{color:#b5ffc0}.cc-wire-help{color:#b3a0c5;text-align:center;margin:10px 0 0;font-size:9px;line-height:1.5}:root[data-theme=dark] .cc-wire-help{color:#d1c6dc}.cc-control-deck{background:linear-gradient(#56367b,#302445);border:3px solid #81609d;border-radius:22px;max-width:1010px;margin:28px auto 0;padding:16px 20px 12px;box-shadow:inset 0 3px #aa7bc24d,0 9px #09081866}:root[data-theme=dark] .cc-control-deck{background:linear-gradient(#241a2f,#302445);border:3px solid #414b5a}.cc-controls{grid-template-columns:repeat(5,1fr);gap:13px;display:grid}.cc-controls>button{border:3px solid var(--button-border);color:#fff4c8;background:linear-gradient(145deg,var(--button-top),var(--button-bottom));border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:55px;font-size:25px;font-weight:700;transition:transform .12s,filter .12s;display:flex;box-shadow:inset 0 3px 1px #fff6,inset 0 -4px 3px #0004,0 5px #130d25,0 0 0 2px #130d25}:root[data-theme=dark] .cc-controls>button{color:#fff8de;box-shadow:inset 0 3px 1px #64748c66,inset 0 -4px 3px #0004,0 5px #130d25,0 0 0 2px #130d25}.cc-controls>button>span{letter-spacing:.04em;font-size:15px}.cc-controls>button:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-2px)}.cc-controls>button:active:not(:disabled){transform:translateY(3px)}.cc-controls small{font-size:9px}.cc-run{--button-top:#0ead52;--button-bottom:#034428;--button-border:#28c879}:root[data-theme=dark] .cc-run{--button-top:#6ece97;--button-bottom:#688f7e;--button-border:#42aa77}.cc-step{--button-top:#eb9b0c;--button-bottom:#9d4409;--button-border:#ffc44e}:root[data-theme=dark] .cc-step{--button-top:#f3c36d;--button-bottom:#c48f6b;--button-border:#cea75b}.cc-stop{--button-top:#7e77af;--button-bottom:#332954;--button-border:#a798ca}:root[data-theme=dark] .cc-stop{--button-top:#b2adcf;--button-bottom:#857f98;--button-border:#958bab}.cc-hint{--button-top:#9d48ef;--button-bottom:#431697;--button-border:#b987ff}:root[data-theme=dark] .cc-hint{--button-top:#c491f5;--button-bottom:#8e73c1;--button-border:#a080ce}.cc-reset{--button-top:#eb344c;--button-bottom:#89092d;--button-border:#ff5d77}:root[data-theme=dark] .cc-reset{--button-top:#f38594;--button-bottom:#b86b81;--button-border:#ce6475}.cc-hint-display{color:#ffdb83;background:#101029;border:2px solid #8a637c;border-radius:8px;min-height:44px;margin-top:16px;padding:11px 14px;font-size:12px;line-height:1.6}:root[data-theme=dark] .cc-hint-display{color:#ffe9b5;border:2px solid #414b5a}.cc-feedback-row{text-align:center;justify-content:center;align-items:center;gap:20px;max-width:950px;min-height:40px;margin:20px auto;display:flex}.cc-feedback-row p{color:#c7b8dc;margin:0;font-size:12px;line-height:1.6}:root[data-theme=dark] .cc-feedback-row p{color:#ddd4ea}.cc-feedback-row p[data-tone=success]{color:#83f1a0}:root[data-theme=dark] .cc-feedback-row p[data-tone=success]{color:#b5f7c6}.cc-feedback-row p[data-tone=error]{color:#ffafbc}:root[data-theme=dark] .cc-feedback-row p[data-tone=error]{color:#ffcfd7}.cc-feedback-row button{white-space:nowrap;color:#b9ffd4;background:#16372e;border:1px solid #96e5ad;border-radius:6px;padding:10px 15px;font-size:12px}:root[data-theme=dark] .cc-feedback-row button{color:#d5ffe5;border:1px solid #8abd98}.cc-levels{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:22px;display:flex}.cc-levels button{color:#b7acd9;background:#302a57;border:2px solid #5d548c;border-radius:50%;width:29px;height:29px;font-size:10px}:root[data-theme=dark] .cc-levels button{color:#d4cde8;border:2px solid #414b5a}.cc-levels button[aria-current=step]{color:#20121c;background:#ffca46;border-color:#ffe395;box-shadow:0 0 12px #ffb62f66}:root[data-theme=dark] .cc-levels button[aria-current=step]{color:#797177;background:#57471f;border-color:#cebc89}.cc-levels button.completed{color:#adf3c7;background:#244d40;border-color:#73cb9b}:root[data-theme=dark] .cc-levels button.completed{color:#cef8dd;border-color:#73ac8d}.cc-progress{text-align:center;color:#887aab;letter-spacing:.08em;margin-top:13px;font-size:10px}:root[data-theme=dark] .cc-progress{color:#b8afcd}@keyframes cc-signal{to{stroke-dashoffset:-62px}}@keyframes cc-blink{50%{opacity:0}}@media (width>=1450px){.cc-screen{min-height:380px}.cc-code-preview{min-height:245px}.cc-patch-grid{min-height:285px}}@media (width<=850px){.cc-machines{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);gap:10px}.cc-crt{border-radius:27px;padding:15px 9px 5px}.cc-screen{border-width:5px;border-radius:21px}.cc-screen-heading{padding:12px 10px}.cc-leds{font-size:7px}.cc-code-line{padding-right:8px;font-size:10px}.cc-code-line:before{min-width:13px;margin-right:6px}.cc-patch-box{padding:8px}.cc-socket{width:32px;height:32px}.cc-patch-grid{padding:14px 8px}.cc-screen-foot{padding:9px;font-size:7px}.cc-brand{font-size:6px}.cc-controls>button{gap:6px;font-size:20px}.cc-controls>button>span{font-size:12px}}@media (width<=650px){.code-arcade{padding:15px 14px 24px}.cc-top>span{display:none}.cc-heading{margin:24px auto 18px}.cc-heading h1{font-size:42px}.cc-heading p{font-size:10px}.cc-kicker{font-size:8px}.cc-mission p{font-size:12px}.cc-mission{padding:12px}.cc-challenge-fields{flex-wrap:wrap;gap:8px;margin-bottom:20px}.cc-challenge-fields label{flex-basis:45%}.cc-target{flex-basis:100%}.cc-target pre{max-height:66px}.cc-machines{grid-template-columns:1fr;gap:22px;max-width:430px}.cc-code-monitor,.cc-output-monitor{transform:none}.cc-screen{min-height:265px}.cc-code-preview{min-height:165px;max-height:230px}.cc-code-line{padding-left:12px;font-size:13px}.cc-screen-heading{padding:13px 16px}.cc-screen-heading h2{font-size:25px}.cc-editor{height:215px;min-height:185px}.cc-output{min-height:130px;font-size:22px}.cc-screen-foot{font-size:8px}.cc-patch-box{justify-self:center;width:min(100%,310px)}.cc-patch-grid{min-height:205px;padding:12px 23px}.cc-socket{width:37px;height:37px}.cc-socket-column{gap:12px}.cc-control-deck{z-index:5;border-radius:15px;margin-top:22px;padding:12px 9px 9px;position:sticky;bottom:8px;box-shadow:0 8px 30px #0007}:root[data-theme=dark] .cc-control-deck{box-shadow:0 8px 30px #0007}.cc-controls{gap:7px}.cc-controls>button{border-width:2px;flex-direction:column;gap:1px;min-height:43px;font-size:16px}.cc-controls>button>span{font-size:9px}.cc-controls small{font-size:7px}.cc-hint-display{max-height:100px;margin-top:10px;padding:7px 9px;font-size:10px;overflow:auto}.cc-feedback-row{flex-direction:column;gap:10px;margin-top:15px}.cc-feedback-row p{font-size:11px}}@media (prefers-reduced-motion:reduce){.cc-wire-signal,.cc-output:empty:before{animation:none!important}.cc-controls>button{transition:none}}.cc-heading .arcade-pixel-title{filter:drop-shadow(0 0 14px #ffbb3025);width:min(760px,100%);height:auto;margin:auto;display:block}.cc-screen-heading .arcade-pixel-title{width:auto;max-width:100%;height:24px;display:block}.code-arcade{height:100dvh;min-height:0;padding:clamp(10px,2vh,20px) clamp(10px,2vw,32px);overflow:auto}.cc-start-menu{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,4vh,40px);max-width:850px;min-height:100%;margin:auto;padding:24px 0;display:flex}.cc-start-logo{width:100%}.cc-start-logo h1{margin:0}.cc-start-logo .arcade-pixel-title{filter:drop-shadow(0 0 20px #ffbb3025);width:min(760px,100%);height:auto;margin:auto;display:block}.cc-start-logo p{color:#b5abd7;margin:24px 0 0;font-size:clamp(11px,1.5vw,15px);line-height:1.5}:root[data-theme=dark] .cc-start-logo p{color:#d3cde7}.cc-start-scene{justify-content:center;align-items:center;width:min(560px,95%);display:flex}.cc-mini-crt{aspect-ratio:1.25;color:#26f0f2;background:radial-gradient(#301b38,#100c20);border:12px solid #69458e;border-radius:26px;flex-direction:column;justify-content:center;gap:14px;width:42%;display:flex;transform:rotate(-3deg);box-shadow:inset 0 0 0 4px #160e26,0 6px #37264b,inset 0 0 24px #0008}:root[data-theme=dark] .cc-mini-crt{color:#7df6f7;border:12px solid #6c5584;box-shadow:inset 0 0 0 4px #160e26,0 6px #37264b,inset 0 0 24px #0008}.cc-mini-crt span{text-shadow:0 0 15px;font-size:clamp(22px,4vw,45px)}.cc-mini-crt small{letter-spacing:.2em;color:#ffcf68;font-size:10px}:root[data-theme=dark] .cc-mini-crt small{color:#ffe2a4}.cc-mini-output{color:#72ff99;transform:rotate(3deg)}:root[data-theme=dark] .cc-mini-output{color:#aaffc2}.cc-start-cable{color:#ffe342;text-shadow:0 0 10px #ffdc2b;white-space:nowrap;font-size:clamp(11px,2vw,22px)}:root[data-theme=dark] .cc-start-cable{color:#ffee8e}.cc-start-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.cc-start-actions button{color:#e7ffcb;letter-spacing:.12em;background:linear-gradient(#13a957,#075631);border:3px solid #37d888;border-radius:14px;min-width:220px;min-height:60px;padding:14px 38px;font-size:22px;font-weight:700;box-shadow:inset 0 3px #a7ff8b55,0 6px #052d22,0 0 28px #28d87720}:root[data-theme=dark] .cc-start-actions button{color:#f1ffe0;background:linear-gradient(#103d24,#075631);border:3px solid #4cb480;box-shadow:inset 0 3px #64748c55,0 6px #052d22,0 0 28px #28d87720}.cc-start-actions button:hover{filter:brightness(1.15)}.cc-start-actions a{color:#cbb9dc;padding:12px 24px;font-size:12px;text-decoration:none}:root[data-theme=dark] .cc-start-actions a{color:#e0d5ea}.cc-start-menu .cc-progress{max-width:290px;margin:0;line-height:1.5}.cc-gameplay{flex-direction:column;gap:10px;max-width:1510px;height:100%;min-height:540px;margin:auto;display:flex;position:relative}.cc-top{flex:none;min-height:38px}.cc-top>span{text-align:center;color:#ffde96;letter-spacing:.04em;font-size:clamp(10px,1.2vw,15px);font-weight:700;display:block}:root[data-theme=dark] .cc-top>span{color:#ffebc0}.cc-top button{white-space:nowrap;min-height:36px}.cc-mission{border-radius:9px;flex:none;width:min(100%,1000px);margin:0 auto;padding:8px 16px}.cc-mission>span{margin-bottom:3px;font-size:9px}.cc-mission p{font-size:clamp(11px,1.1vw,14px);line-height:1.4}.cc-help{z-index:10;background:#201a3a;width:min(100%,520px);max-height:calc(100% - 60px);margin:0;position:absolute;top:46px;right:0;overflow:auto;box-shadow:0 12px 45px #000a}:root[data-theme=dark] .cc-help{box-shadow:0 12px 45px #000a}.cc-machines{flex:1;grid-template-columns:minmax(0,1fr) minmax(180px,.6fr) minmax(0,1fr);align-items:stretch;gap:clamp(12px,2vw,30px);width:100%;max-width:none;min-height:0;margin:0}.cc-crt{border-radius:30px;flex-direction:column;min-width:0;height:100%;min-height:0;padding:18px 14px 6px;display:flex;transform:none}.cc-screen{border-radius:24px;flex:1;min-height:0}.cc-screen-heading{flex:none;padding:12px 14px}.cc-screen-heading .arcade-pixel-title{height:22px}.cc-code-preview,.cc-editor,.cc-output{flex:1 1 0;min-height:0;max-height:none;overflow:auto}.cc-code-preview{padding:12px 0}.cc-editor{resize:none;height:0;padding:12px;font-size:12px}.cc-output{padding:14px 18px;font-size:clamp(16px,1.8vw,24px)}.cc-crt-foot{flex:none;padding:8px 5px 2px}.cc-screen-foot{flex:none;padding:8px 12px}.cc-screen-foot span:last-child{white-space:nowrap}.cc-challenge-fields{flex:none;gap:6px;width:100%;margin:0;padding:0 9px 8px}.cc-challenge-fields:not(:has(label:not([hidden]))){display:none}.cc-challenge-fields label{padding:6px 8px}.cc-challenge-fields label>span{letter-spacing:0;font-size:8px}.cc-challenge-fields textarea{resize:none;height:38px;min-height:38px;margin-top:4px;padding:4px;font-size:12px}.cc-target{background:#17132c;border-width:1px 0 0;border-radius:0;flex:none;padding:8px 12px}.cc-target summary{font-size:9px}.cc-target summary:before{content:"▸ ";color:#ffcc54}:root[data-theme=dark] .cc-target summary:before{color:#ffe098}.cc-target[open] summary:before{content:"▾ "}.cc-target pre{max-height:60px;margin-top:5px;font-size:12px}.cc-variable-watch{flex:none;padding:6px 12px}.cc-variable-watch>div{max-height:35px;margin-top:3px}.cc-patch-box{flex-direction:column;align-self:center;min-height:0;max-height:100%;padding:10px;display:flex}.cc-patch-grid{flex:auto;height:clamp(155px,29vh,310px);min-height:0;padding:14px 10px}.cc-socket-column{gap:10px}.cc-socket{flex:none;width:40px;height:40px}.cc-connected{flex:none;margin-top:8px;padding:6px 2px}.cc-wire-help{flex:none;margin-top:6px}.cc-control-deck{border-radius:17px;flex:none;width:min(100%,1010px);max-width:none;margin:0 auto;padding:10px 13px 8px;position:static}.cc-controls{gap:10px}.cc-controls>button{min-height:44px;font-size:21px}.cc-controls>button>span{font-size:13px}.cc-hint-display{min-height:0;max-height:48px;margin-top:10px;padding:6px 10px;font-size:11px;line-height:1.4;overflow:auto}.cc-feedback-row{flex-direction:row;flex:none;gap:12px;width:100%;max-width:none;min-height:28px;margin:0}.cc-feedback-row p{max-height:32px;font-size:11px;line-height:1.4;overflow:auto}.cc-feedback-row button{min-height:32px;padding:6px 12px}.cc-levels{flex-wrap:nowrap;flex:none;gap:7px;margin:0;padding:3px;overflow:auto}.cc-levels button{flex:none;width:28px;height:28px}@media (width<=850px){.cc-machines{grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);gap:10px}.cc-crt{padding:16px 8px 5px}.cc-screen-heading{gap:5px;padding:10px 8px}.cc-screen-heading .arcade-pixel-title{height:18px}.cc-leds{display:none}.cc-screen-foot{padding:6px 8px;font-size:7px}.cc-screen-foot span:last-child{display:none}.cc-brand{font-size:6px}.cc-code-line{font-size:11px}}@media (width<=650px){.code-arcade{padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.cc-gameplay{gap:7px;min-height:570px}.cc-top{gap:6px;min-height:34px}.cc-top button{min-height:34px;padding:5px 7px;font-size:9px}.cc-top>span{max-width:48%;font-size:9px;line-height:1.35}.cc-mission{padding:6px 9px}.cc-mission>span{font-size:7px}.cc-mission p{font-size:11px}.cc-machines{grid-template-rows:minmax(0,1fr) 146px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"code output""patch patch";gap:8px;max-width:none}.cc-code-monitor{grid-area:code}.cc-output-monitor{grid-area:output}.cc-crt{border-width:2px;border-radius:20px;padding:13px 5px 4px}.cc-screen{border-width:4px;border-radius:15px}.cc-screen-heading{padding:9px 7px}.cc-screen-heading .arcade-pixel-title{height:15px}.cc-screen-heading button{padding:4px 0;font-size:9px}.cc-code-preview{padding:8px 0}.cc-code-line{padding-left:3px;padding-right:7px;font-size:11px}.cc-code-line:before{min-width:10px;margin-right:5px;font-size:8px}.cc-editor{padding:8px 6px;font-size:11px;line-height:1.7}.cc-output{padding:9px;font-size:17px}.cc-crt-foot{padding:5px 3px 0}.cc-brand{display:none}.cc-vents{font-size:7px}.cc-screen-foot{padding:5px 7px;font-size:6px}.cc-screw{width:6px;height:6px;top:5px}.cc-screw-tl{left:12px}.cc-screw-tr{right:12px}.cc-variable-watch{padding:4px 7px;font-size:8px}.cc-variable-watch>span{font-size:7px}.cc-variable-watch>div{max-height:22px}.cc-target{padding:6px 7px}.cc-target summary{font-size:8px}.cc-target pre{max-height:44px;font-size:11px}.cc-challenge-fields{flex-wrap:nowrap;padding:0 5px 5px}.cc-challenge-fields label{padding:5px}.cc-challenge-fields label>span{font-size:7px;line-height:1.4}.cc-challenge-fields textarea{height:34px;min-height:34px;font-size:11px}.cc-patch-box{border-radius:16px;grid-area:patch;place-self:stretch center;width:min(100%,430px);height:100%;padding:5px 8px;box-shadow:inset 0 2px #ba91d070,inset -4px -3px #1e173d}.cc-patch-heading{padding:0 3px 4px;font-size:8px}.cc-patch-grid{border-width:3px;border-radius:11px;flex-direction:column;height:auto;min-height:0;padding:5px 12px}.cc-socket-column{flex-direction:row;justify-content:space-around;gap:12px}.cc-socket{border-width:3px;width:36px;height:36px}.cc-connected{margin-top:4px;padding:3px;font-size:8px}.cc-wire-help,.cc-patch-box:before,.cc-patch-box:after{display:none}.cc-control-deck{border-width:2px;border-radius:13px;padding:7px 7px 6px}.cc-controls{gap:6px}.cc-controls>button{border-width:2px;border-radius:9px;flex-direction:column;gap:1px;min-height:43px;font-size:16px}.cc-controls>button>span{font-size:9px}.cc-controls small{font-size:7px}.cc-hint-display{max-height:37px;margin-top:8px;padding:5px 7px;font-size:9px}.cc-feedback-row{gap:7px;min-height:25px}.cc-feedback-row p{max-height:29px;font-size:9px}.cc-feedback-row button{min-height:30px;padding:5px;font-size:9px}.cc-levels{gap:5px}.cc-levels button{width:24px;height:24px;font-size:9px}.cc-mini-crt{border-width:8px;border-radius:18px;gap:9px}.cc-start-menu{gap:28px}.cc-start-logo p{margin-top:17px}}@media (width>=651px) and (height<=650px){.cc-gameplay{gap:6px;min-height:400px}.cc-top{min-height:30px}.cc-top button{min-height:30px;padding:4px 8px}.cc-mission{padding:5px 12px}.cc-mission>span{display:none}.cc-patch-grid{padding:10px 8px}.cc-socket{border-width:3px;width:30px;height:30px}.cc-socket-column{gap:7px}.cc-wire-help{display:none}.cc-screen-heading{padding:8px 12px}.cc-screen-heading .arcade-pixel-title{height:17px}.cc-crt{padding-top:13px}.cc-crt-foot{padding-top:5px}.cc-control-deck{padding:7px 10px}.cc-controls>button{min-height:36px}.cc-hint-display{max-height:35px;margin-top:8px;padding:4px 8px}.cc-levels button{width:24px;height:24px}.cc-feedback-row{min-height:22px}}@media (width>=651px){.cc-patch-grid{min-height:calc(var(--wire-count,2) * 50px + 28px)}}@media (width>=651px) and (height<=650px){.cc-gameplay{min-height:460px}.cc-patch-grid{min-height:calc(var(--wire-count,2) * 37px + 23px)}}.cc-patch-box{justify-self:center;width:100%;max-width:330px}.cc-patch-grid{aspect-ratio:1;touch-action:none;user-select:none;background-color:#13101e;background-image:linear-gradient(90deg,#82769d36 1px,#0000 1px),linear-gradient(#82769d36 1px,#0000 1px);background-size:20% 20%;border:3px solid #12131f;border-radius:12px;flex:none;width:100%;height:auto;min-height:0;padding:0;display:block;overflow:hidden}:root[data-theme=dark] .cc-patch-grid{background-image:linear-gradient(90deg,#3c414836 1px,#0000 1px),linear-gradient(#3c414836 1px,#0000 1px);border:3px solid #414b5a}.cc-flow-cells{z-index:2;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:absolute;inset:0}.cc-flow-cell{color:#101321;touch-action:none;isolation:isolate;background:0 0;border:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;font-weight:700;display:grid;position:relative;font-size:clamp(9px,1vw,13px)!important}:root[data-theme=dark] .cc-flow-cell{color:#70717a}.cc-flow-cell:hover{background:#ffffff08}:root[data-theme=dark] .cc-flow-cell:hover{background:#1e232a08}.code-arcade .cc-flow-cell:focus-visible{outline-offset:-3px;background:#ffffff10;outline:2px solid #fff}:root[data-theme=dark] .code-arcade .cc-flow-cell:focus-visible{background:#1e232a10;outline:2px solid #414b5a}.cc-flow-endpoint:before{content:"";background:var(--socket);width:62%;height:62%;box-shadow:0 0 9px color-mix(in srgb,var(--socket) 24%,transparent);z-index:-1;border-radius:50%;position:absolute}.cc-flow-endpoint.selected:before{outline-offset:3px;outline:2px solid #fff}:root[data-theme=dark] .cc-flow-endpoint.selected:before{outline:2px solid #414b5a}.cc-flow-endpoint.connected:before{box-shadow:0 0 12px color-mix(in srgb,var(--socket) 38%,transparent)}.cc-patch-grid svg{overflow:hidden}.cc-flow-wire{fill:none;stroke-width:22px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px)}.cc-flow-draft{opacity:.7}.cc-flow-signal{fill:none;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 62;opacity:0}.cc-patch-box.signalling .cc-flow-signal{opacity:.9;animation:.8s linear infinite cc-flow-current}@keyframes cc-flow-current{to{stroke-dashoffset:-134px}}@media (width<=650px){.cc-machines{grid-template-rows:minmax(0,1fr) 184px}.cc-patch-box{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 162px;align-content:center;column-gap:10px;width:100%;max-width:430px;padding:7px 10px;display:grid}.cc-patch-grid{grid-area:1/2/4;width:162px;height:162px;min-height:0}.cc-patch-heading{flex-wrap:wrap;grid-column:1;align-self:end;padding:0;font-size:8px;line-height:1.6}.cc-connected{grid-column:1;align-self:center;margin:7px 0;padding:5px 2px;font-size:8px}.cc-wire-help{text-align:left;grid-column:1;align-self:start;margin:0;font-size:8px;display:block}.cc-flow-cell{font-size:9px!important}}@media (width>=651px) and (height<=650px){.cc-patch-box{max-width:205px;padding:7px}.cc-patch-grid{min-height:0}.cc-patch-heading{padding-bottom:5px}.cc-connected{margin-top:5px;padding:4px 2px}}@media (prefers-reduced-motion:reduce){.cc-flow-signal{animation:none!important}}