@font-face{font-family:PixelDeck;src:url('./pixeldeck-mono.woff') format('woff');font-display:swap}*{box-sizing:border-box}:root{color-scheme:dark;--bg:#101b2b;--panel:#192b40;--deep:#080f1b;--green:#b9ef82;--ink:#142523;--muted:#8cabb1;--line:#3c5959;--cream:#e1ecd0;--blue:#7ed0cd;--mono:PixelDeck,monospace}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.55 var(--mono);height:100dvh;display:flex;flex-direction:column;overflow:hidden;border:8px solid #080f1b}button,input,select,textarea{font:inherit}button{cursor:pointer;padding:7px 11px;border:1px solid var(--line);border-radius:0;background:#223a47;color:var(--green);font-size:14px;line-height:1.4}button:hover{background:#3a5454;color:#e5ffc7}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--green);outline-offset:2px}button.selected,button.active,.accent{background:var(--green);color:var(--ink);border-color:var(--green)}input,select{min-width:0;max-width:100%;border:1px solid var(--line);border-radius:0;padding:7px;background:var(--deep);color:var(--cream);font-size:14px}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;vertical-align:middle}input[type=number]{width:75px}input[type=color]{width:44px;padding:2px;height:30px}input[type=search]{width:100%}label{display:inline-flex;align-items:center;gap:8px;font-size:14px}a{color:var(--green)}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:20px;font-weight:400;color:var(--green)}h2{font-size:18px;font-weight:400;color:var(--green);margin:20px 0 14px}small,.muted{color:var(--muted)}code,pre{font-family:var(--mono)}em{font-style:normal;color:var(--green)}.computer-toolbar{flex:none;display:flex;align-items:stretch;background:var(--green);color:var(--ink);height:52px;border-bottom:5px solid var(--deep);gap:2px}.wordmark{display:flex;align-items:center;padding:0 16px;color:var(--ink);text-decoration:none;font-size:24px;gap:7px}.wordmark span{font-size:12px}.computer-toolbar nav{display:flex;flex:1;min-width:0}.computer-toolbar button{background:transparent;color:var(--ink);border:0;min-width:47px;padding:2px 12px}.computer-toolbar button b{font-size:22px;line-height:1}.computer-toolbar button span{font-size:12px;display:block}.computer-toolbar button.active,.computer-toolbar button:hover{background:var(--panel);color:var(--green)}.computer-toolbar .run-button{background:#233d34;color:var(--green);display:flex;align-items:center;gap:7px;padding:0 18px}.projectbar{flex:none;display:flex;align-items:center;gap:12px;padding:6px 10px;border-bottom:2px solid var(--line);background:#152536;min-height:42px;font-size:12px}.projectbar #screenTitle{color:var(--blue);min-width:120px}.projectbar input{border:0;background:none;max-width:230px;padding:0;color:var(--cream);font-size:14px}.projectbar #savedStatus{margin-left:auto;color:var(--muted);font-size:12px}.projectbar button{font-size:12px;padding:4px 9px}main{flex:1;min-height:0;overflow:hidden;position:relative}.view{height:100%;overflow:auto}.computer-status{flex:none;display:flex;gap:20px;justify-content:space-between;background:var(--green);color:var(--ink);font-size:12px;padding:4px 10px;border-top:4px solid var(--deep);white-space:nowrap;overflow:hidden}.section-label{color:var(--blue);font-size:12px;letter-spacing:1px;padding:12px 0;border-bottom:2px solid var(--line);margin-bottom:15px}#terminalPanel{display:grid;grid-template-columns:1fr 320px}#terminal{overflow:auto;padding:32px;cursor:text;background:#101d2d}.terminal-line{white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.65em;line-height:1.65}.terminal-line.heading{font-size:25px;line-height:1.8;color:var(--green)}.terminal-line.muted{color:var(--muted)}.terminal-line.error{color:#ff9c94}.terminal-line.input{color:var(--blue);margin-top:12px}.terminal-line.link{color:#dfeab0}#commandForm{display:flex;gap:14px;align-items:center;margin:14px 0}#commandForm label{color:var(--green);font-size:18px}#commandInput{flex:1;background:transparent;border:0;padding:0;font-size:18px;outline:none;color:var(--green)}.boot-sidebar{background:var(--panel);border-left:2px solid var(--line);padding:18px 22px;overflow:auto}.boot-sidebar button{display:block;width:100%;text-align:left;margin-bottom:14px;padding:12px}.boot-sidebar small{display:block;margin-top:8px;font-size:12px;line-height:1.6}.boot-sidebar p{font-size:14px;line-height:2;margin:20px 0}.boot-sidebar em{margin-right:10px}#codePanel{display:grid;grid-template-columns:minmax(0,1fr) 280px}.code-workbench{display:flex;flex-direction:column;min-height:0;overflow:hidden}.filebar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:#203447;font-size:12px}.filebar>div{display:flex;gap:6px}.filebar input{width:160px}.filebar button{font-size:12px}.code-shell{display:flex;flex:1;min-height:0;overflow:hidden;background:#1a2b40;padding-top:10px}.code-content{position:relative;flex:1;min-width:0;overflow:hidden}.code-shell pre,.code-shell textarea,#lineNumbers{font:16px/26px var(--mono);tab-size:4;font-variant-ligatures:none;letter-spacing:0;margin:0}.code-shell pre,.code-shell textarea{position:absolute;inset:0;white-space:pre;overflow:auto;resize:none;padding:0 18px 30px 12px;border:0;width:100%;height:100%}.code-shell pre{pointer-events:none;scrollbar-width:none;color:#d9e3d3}.code-shell textarea{color:transparent;-webkit-text-fill-color:transparent;background:transparent;caret-color:var(--green);outline:none}.code-shell textarea::selection{background:#7da58066}.keyword{color:var(--green)}.string{color:#f6d482}.number{color:var(--blue)}.comment{color:#8296a6}#lineNumbers{width:62px;text-align:right;padding-right:12px;overflow:hidden;user-select:none;background:#243b4d;color:#8fa9ac;border-right:2px solid var(--line)}.editor-footer{display:flex;justify-content:space-between;gap:15px;padding:4px 12px;font-size:12px;background:#203747;color:var(--muted)}#codeFeedback{font-size:13px;padding:8px 12px;border-top:1px solid var(--line);min-height:37px;color:var(--blue)}#codeFeedback.error{color:#ff9c94}.reference-sidebar{overflow:auto;background:#142334;padding:16px;border-left:2px solid var(--line)}.reference-sidebar p{font-size:13px;color:var(--muted);margin:12px 0}.reference-sidebar pre{font-size:12px;line-height:1.8;white-space:pre-wrap;color:var(--green);overflow-wrap:anywhere}.reference-sidebar button,.reference-sidebar select{width:100%;margin:5px 0;font-size:12px}#variables{font-size:12px;color:#f6d482;overflow-wrap:anywhere}.variable{margin:6px 0}.variable span{color:var(--blue)}#log{font-size:12px;color:#9ab1ac;margin-top:15px}.log-line.error{color:#ff9c94}.asset-view{padding:20px 24px;background:var(--panel)}.tool-heading{display:flex;align-items:center;gap:20px;border-bottom:2px solid var(--line);padding-bottom:14px;margin-bottom:18px}.tool-heading>span{color:var(--muted);font-size:12px}.tool-heading>button{margin-left:auto}.asset-toolbar,.draw-tools,.palette-edit,.map-toolbar,.music-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.asset-toolbar button,.draw-tools button{font-size:12px}.sprite-layout{display:grid;grid-template-columns:150px 1fr;gap:24px}.sprite-bank input{font-size:12px}.sprite-bank{border-right:1px solid var(--line);padding-right:15px;max-height:calc(100dvh - 240px);overflow:auto}#spriteBank{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px}.sprite-cell{padding:6px 3px;min-width:0;overflow:hidden}.sprite-cell canvas{display:block;width:32px;height:32px;image-rendering:pixelated;margin:0 auto 5px}.sprite-cell span{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis}.pixel-workbench{min-width:0;max-width:900px;margin:0 auto;width:100%}.sprite-stage{display:flex;gap:30px;align-items:center;justify-content:center;margin:18px 0}#spriteEditor{width:min(42vh,352px);height:auto;border:3px solid var(--green);touch-action:none;image-rendering:pixelated;cursor:crosshair}.animation-preview{display:flex;flex-direction:column;gap:12px;width:115px}.animation-preview canvas{width:112px;height:112px;border:3px solid var(--line);image-rendering:pixelated}.animation-preview label{font-size:12px}.animation-preview button{font-size:12px}.palette{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:14px 0}.palette button{height:28px;width:28px;padding:0;border:2px solid #080f1b}.palette button.selected{outline:2px solid #f1f3df;outline-offset:1px}.palette-edit{justify-content:center;font-size:12px}.palette-edit button{font-size:12px}.timeline-heading{display:flex;align-items:center;gap:10px;border-top:2px solid var(--line);padding-top:14px;font-size:12px}.timeline-heading span{margin-right:auto;color:var(--blue)}.timeline-heading button{font-size:12px}#frameStrip{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}#frameStrip button{font-size:11px;padding:4px;min-width:42px}#frameStrip canvas{width:32px;height:32px;display:block;image-rendering:pixelated}.asset-note{font-size:13px;color:var(--muted);margin:10px 0 16px;line-height:1.8}.asset-note code{color:var(--green)}#tileBank{display:flex;gap:7px;overflow:auto;margin-bottom:12px;min-height:50px}#tileBank button{padding:5px;flex-shrink:0}#tileBank canvas{width:32px;height:32px;image-rendering:pixelated}.map-scroll{overflow:auto;max-height:calc(100dvh - 360px);border:2px solid var(--line);background:var(--deep)}#mapEditor{display:block;image-rendering:pixelated;touch-action:none;cursor:crosshair;max-width:none}.map-footer{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:8px 0;gap:10px}#soundCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}.sound-card{padding:18px;background:#142435;border:2px solid var(--line)}.sound-card header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.sound-card strong{font-weight:400;color:var(--green)}.sound-card label{display:flex;justify-content:space-between;margin:12px 0;gap:12px}.sound-card canvas{width:100%;height:55px;background:var(--deep);image-rendering:pixelated}.tracker-wrap{overflow:auto;border:2px solid var(--line);background:#101d2b}.tracker-header,.tracker-row{display:grid;grid-template-columns:48px repeat(4,minmax(130px,1fr));min-width:590px}.tracker-header{position:sticky;top:0;background:#263e4a;z-index:1}.tracker-header>div{padding:8px;border-right:1px solid var(--line)}.tracker-header select{width:100%;font-size:12px}.tracker-header label{font-size:12px;display:flex;flex-wrap:wrap}.tracker-header input{width:100%}.tracker-row>span{padding:5px;text-align:center;color:var(--muted);font-size:13px}.tracker-row button{border:0;border-right:1px solid #314552;background:none;letter-spacing:2px;color:#dfeacb;padding:5px}.tracker-row:nth-child(4n+2){border-top:1px solid var(--line)}.tracker-row button.note-on{color:var(--green);background:#203b3b}.tracker-row.current{outline:2px solid var(--green);outline-offset:-2px;background:#305249}.song-order{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:13px}.song-order input{width:220px}#musicStatus{color:var(--blue)}.cartridge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.cart{border:2px solid var(--line);background:#122333;padding:12px;position:relative}.cart canvas{display:block;width:100%;aspect-ratio:16/9;background:#080f1b;image-rendering:pixelated;object-fit:contain;border:3px solid #304740}.cart h3{font-size:16px;font-weight:400;color:var(--green);margin:12px 0 4px}.cart p{font-size:12px;color:var(--muted);min-height:40px}.cart button{margin:8px 6px 0 0;font-size:12px}.cart-settings{display:flex;gap:25px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted)}#runPanel{display:flex;flex-direction:column;align-items:center;background:#080f1b;padding:10px 20px;overflow:auto}.run-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;font-size:13px;margin-bottom:12px}.run-toolbar #gameTitle{color:var(--green);margin-right:auto}.run-toolbar #runStatus{color:var(--muted);font-size:12px}.run-toolbar button{font-size:12px;padding:5px 9px}.screen-shell{position:relative;margin:auto;flex-shrink:0;border:8px solid #345247;outline:4px solid #172b30;max-width:100%}#gameCanvas{display:block;image-rendering:pixelated;background:#10121c;touch-action:none;outline:none;width:768px;height:432px;max-width:100%;object-fit:contain}#gameCanvas:fullscreen{width:100vw!important;height:100vh!important;object-fit:contain;background:#080f1b}#pauseOverlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:#080f1bdc;color:var(--green);font-size:26px}.play-hint{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;font-size:12px;color:var(--muted);padding:14px}.touch-controls{display:none;align-items:center;gap:20px;width:100%;max-width:430px;justify-content:space-between;margin:12px 0}.touch-controls>button{width:52px;height:52px;background:var(--green);color:var(--ink);font-size:24px;touch-action:none}.dpad{display:grid;grid-template-columns:repeat(3,42px);gap:4px}.dpad button{height:40px;touch-action:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.dpad button:nth-child(3){grid-column:2}.dpad button:nth-child(4){grid-column:3}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialog-heading h2{margin:0}dialog{border:3px solid var(--green);border-radius:0;background:var(--bg);color:var(--cream);max-width:min(850px,94vw);max-height:88dvh;padding:24px;box-shadow:12px 12px 0 #080f1b;overflow:auto}dialog::backdrop{background:#050b15ce}dialog p{margin:15px 0;font-size:14px;line-height:1.8}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}#docs details{border-bottom:1px solid var(--line);padding:13px 0}#docs summary{cursor:pointer;color:var(--green)}#docs pre{background:var(--deep);padding:16px;overflow:auto;font-size:14px;line-height:1.8}#docs p{color:var(--muted)}.export-option{display:block;width:100%;text-align:left;margin:15px 0;padding:15px}.export-option strong{font-weight:400;font-size:17px;display:block}.export-option span{display:block;font-size:13px;color:var(--muted);margin-top:8px}#toast{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--green);color:var(--ink);border:4px solid var(--deep);padding:12px 20px;font-size:14px;pointer-events:none;opacity:0;z-index:10}#toast.visible{opacity:1}@media(max-width:1000px){.wordmark{padding:0 10px}.wordmark span{display:none}.computer-toolbar button{padding:2px 8px}.computer-toolbar button span{font-size:10px}#codePanel{grid-template-columns:minmax(0,1fr) 220px}#terminalPanel{grid-template-columns:1fr 260px}.boot-sidebar{padding:14px}.sprite-layout{grid-template-columns:110px 1fr;gap:14px}.tool-heading>span{display:none}}@media(max-width:760px){body{border:4px solid var(--deep)}.computer-toolbar{height:45px}.wordmark{font-size:20px;padding:0 8px}.computer-toolbar button{min-width:32px;padding:2px 5px}.computer-toolbar button b{font-size:20px}.computer-toolbar button span{display:none}.computer-toolbar .run-button{padding:0 10px}.projectbar{gap:8px;padding:6px}.projectbar #screenTitle{display:none}.projectbar input{max-width:160px;flex:1}.projectbar #savedStatus{display:none}.projectbar button{font-size:10px;padding:5px}.computer-status{font-size:10px;gap:8px}#resourceMeter{display:none}#terminalPanel{display:block}.boot-sidebar{display:none}#terminal{height:100%;padding:22px 15px}.terminal-line.heading{font-size:21px}.terminal-line{font-size:14px}#codePanel{display:block}.reference-sidebar{display:none}.code-workbench{height:100%}.filebar{padding:6px;gap:5px}.filebar input{width:130px}.code-shell pre,.code-shell textarea,#lineNumbers{font:15px/24px var(--mono)}#lineNumbers{width:45px;padding-right:6px}.asset-view{padding:14px 12px}.tool-heading{gap:8px}.tool-heading h1{font-size:18px}.tool-heading button{font-size:12px}.sprite-layout{display:block}.sprite-bank{max-height:none;border:0;padding:0;margin-bottom:15px}.sprite-bank input{display:none}#spriteBank{display:flex;overflow:auto;max-width:100%;padding:2px}.sprite-cell{min-width:50px}.sprite-cell canvas{width:24px;height:24px}.sprite-stage{gap:16px}#spriteEditor{width:min(58vw,320px)}.animation-preview{width:90px}.animation-preview canvas{width:80px;height:80px}.animation-preview button{font-size:10px}.draw-tools{gap:5px}.draw-tools button{font-size:11px;padding:5px 8px}.asset-toolbar label,.map-toolbar label,.music-toolbar label{font-size:12px}.asset-toolbar{gap:5px}.asset-toolbar select{max-width:110px}.asset-toolbar button{font-size:10px;padding:6px}.timeline-heading{flex-wrap:wrap}.timeline-heading span{width:100%}.map-scroll{max-height:calc(100dvh - 390px)}.map-footer{font-size:10px}.map-footer span:last-child{display:none}.map-toolbar{gap:8px}.map-toolbar button{font-size:11px}.map-toolbar select{max-width:130px}#runPanel{padding:10px 8px}.run-toolbar{gap:6px}.run-toolbar button{font-size:10px}.run-toolbar #runStatus{display:none}.play-hint{font-size:10px;gap:10px}.touch-controls{display:flex}.screen-shell{border-width:4px}.computer-status #computerHint{font-size:9px}.cartridge-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.music-toolbar button{font-size:12px}.song-order{font-size:12px}dialog{padding:16px}.dialog-heading h2{font-size:16px}}@media(pointer:coarse){.touch-controls{display:flex}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* 2.0 workbenches follow the same flat PixelDeck computer chrome. */
.world-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;min-height:0}.world-tools{display:flex;flex-direction:column;gap:9px;background:var(--panel,#142334);padding:16px;border-right:2px solid #324956}.world-tools p,.world-tools small{font-size:13px;line-height:1.6;color:#9aacb5}.world-tools label{display:flex;flex-direction:column;gap:6px}.world-tools textarea{width:100%;background:#080f1b;color:#b9ef82;border:1px solid #456653;padding:8px;font:14px/1.6 monospace;resize:vertical}.world-tools input,.world-tools select{min-width:0;width:100%}.button-row{display:flex;gap:8px}.button-row>*{flex:1;min-width:0}.world-workbench{min-width:0}.world-scroll{overflow:auto;max-height:62vh;border:2px solid #456653;background:#080f1b}.world-scroll canvas{image-rendering:pixelated;display:block;touch-action:none}.state-editor{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center;padding:12px;border:1px solid #456653}.state-editor .section-label{width:100%}.state-editor input:not([type=checkbox]){width:100px}.state-editor #stateFrames{width:140px}.debug-tools{display:grid;gap:8px}.debug-tools small{font-size:12px;line-height:1.5}.debug-tools pre{white-space:pre-wrap;max-height:240px;overflow:auto;font-size:12px}.break-row{color:#ef997b}#breakpointList{font-size:13px;line-height:1.8}#completions{max-height:160px;overflow:auto;background:#142334;display:flex;flex-wrap:wrap;gap:5px;padding:8px;border-top:1px solid #b9ef82}#completions[hidden]{display:none}#completions button{font-size:13px;padding:6px}#lineNumbers{cursor:pointer}#lineNumbers .bp{background:#75434a;color:#ffe9c8}#worldStatus{font-size:14px;color:#b9ef82}#objectExample{white-space:pre-wrap;font-size:14px;line-height:1.6}.computer-toolbar nav{overflow-x:auto}.code-workbench{position:relative}#codeFeedback.error{border-left:4px solid #ef997b}.world-tools button,.state-editor button{min-height:34px}@media(max-width:800px){.world-layout{grid-template-columns:1fr}.world-tools{display:grid;grid-template-columns:1fr 1fr;border:0}.world-tools .section-label,.world-tools p,.world-tools small{grid-column:1/-1}.world-scroll{max-height:45vh}.state-editor{padding:8px}.computer-toolbar nav button{flex-shrink:0}.filebar{flex-wrap:wrap}.filebar>div{flex-wrap:wrap}}

@media(max-width:800px){.world-workbench{order:-1}}@media(max-width:760px){#codePanel .reference-sidebar{display:block;border-left:0;border-top:2px solid var(--line)}#codePanel .code-workbench{height:100%;min-height:360px}}

/* 3.0: a small computer first; advanced tools stay one step away. */
.boot-screen{position:fixed;inset:0;z-index:1000;background:#030609;color:#b9ef82;padding:clamp(24px,7vw,90px);display:flex;flex-direction:column;justify-content:space-between;border:10px solid #182334;font:18px/1.8 var(--mono)}.boot-content{max-width:800px}.boot-brand{display:flex;align-items:center;gap:18px;margin-bottom:26px}.boot-brand strong{font-weight:400;font-size:clamp(22px,4vw,40px);letter-spacing:1px}.pd-mark{background:#b9ef82;color:#080f1b;display:inline-grid;place-items:center;width:54px;height:54px;font-size:25px;border:4px solid #b9ef82;box-shadow:4px 4px 0 #355040}#bootVersion{color:#c1c9c7;font-size:20px}#bootClock{display:block;color:#789397;margin-top:8px}#bootStatus{margin-top:36px;min-height:2em;font-size:16px}.boot-screen>button{align-self:flex-start;background:transparent;border:0;color:#8ca79c;padding:8px 0}.booting>header,.booting>.projectbar,.booting>main,.booting>footer{visibility:hidden}.boot-cursor{font-size:22px}.tool-menu{position:relative;flex:none;align-self:center}.tool-menu>summary{cursor:pointer;list-style:none;padding:8px 12px;font-size:13px}.tool-menu>summary::-webkit-details-marker{display:none}.tool-menu[open]>summary{background:#192b40;color:#b9ef82}.tool-menu>div{position:absolute;right:0;top:100%;z-index:40;background:#132333;border:2px solid #456653;padding:10px;min-width:235px;display:flex;flex-direction:column;gap:8px;box-shadow:6px 6px 0 #080f1b}.tool-menu button{text-align:left}.tool-menu small{float:right;margin-left:14px}.computer-toolbar .tool-menu button{padding:10px;color:#b9ef82;background:#223a47;font-size:14px}.computer-toolbar{height:54px}.computer-toolbar nav button{min-width:72px}.computer-toolbar nav button span{font-size:13px}.computer-toolbar .wordmark{font-size:22px;padding:0 16px}.computer-toolbar .run-button{min-width:104px}.projectbar #savedStatus{font-size:12px}.projectbar button{font-size:13px}.projectbar #screenTitle{min-width:70px}#terminalPanel{display:block;background:#0c1726}.start-screen{max-width:1000px;margin:auto;padding:30px clamp(18px,5vw,70px);}.start-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.start-heading .section-label{border:0;margin:0;padding:0;font-size:13px}.start-heading time{font-size:13px;color:#8cabb1}.start-screen h1{font-size:clamp(23px,3vw,34px);margin-bottom:8px}.start-instruction{color:#8cabb1;font-size:16px;margin-bottom:28px}.current-cartridge{border-top:2px solid #456653;border-bottom:2px solid #456653;padding:20px 0}.current-cartridge>.muted{font-size:12px;letter-spacing:1px}.current-cartridge h2{margin:6px 0 20px;font-size:22px;color:#e1ecd0;overflow-wrap:anywhere}.start-actions,.start-secondary{display:flex;gap:12px;flex-wrap:wrap}.start-actions button{font-size:16px;padding:12px 18px}.start-actions small{font-size:12px;margin-left:18px;color:inherit}.start-secondary{margin-top:20px}.start-secondary button{background:transparent;font-size:14px}.start-tip{margin:20px 0;color:#8cabb1;font-size:14px}.start-tip button{padding:0;border:0;background:transparent;font-size:14px}.start-screen #terminal{background:#080f1b;border-left:3px solid #456653;padding:12px 16px;max-height:220px;overflow:auto}.start-screen .terminal-line{font-size:13px;min-height:1.5em}.start-screen .terminal-line.heading{font-size:16px}.start-screen #commandForm{margin:6px 0}.start-screen #commandInput,.start-screen #commandForm label{font-size:16px}.local-note{font-size:12px;color:#789397;margin-top:16px}#codePanel{grid-template-columns:minmax(0,1fr)}#codePanel .reference-sidebar{display:none}body.show-reference #codePanel{grid-template-columns:minmax(0,1fr) 280px}body.show-reference #codePanel .reference-sidebar{display:block}.reference-sidebar details>summary,.advanced-sprites>summary{cursor:pointer;color:#b9ef82;padding:12px 0;font-size:14px;border-bottom:1px solid #456653}.reference-sidebar details{margin-bottom:18px}.filebar>span>small{font-size:12px;color:#8cabb1;margin-left:10px}.filebar #codeTools{margin-left:auto}.filebar #codeTools>div{display:flex;flex-direction:column}.filebar #codeTools input{width:100%}.advanced-sprites{margin:14px 0}.advanced-sprites .state-editor{border:0;padding:8px 0}.cartridge-grid .cart button{font-size:14px}.cart-settings{opacity:.85}.cart-settings label{font-size:13px}body[data-loading="true"] #pauseButton{pointer-events:none;opacity:.4}
@media(max-width:760px){.computer-toolbar{height:50px}.computer-toolbar nav button{min-width:40px}.computer-toolbar nav button span{display:block;font-size:10px}.computer-toolbar nav button b{font-size:18px}.computer-toolbar .wordmark{padding:0 8px;font-size:18px}.computer-toolbar .run-button{min-width:36px;padding:0 8px}.computer-toolbar .run-button span{display:none}.tool-menu>summary{padding:8px 6px;font-size:11px}.projectbar button{font-size:11px}.start-screen{padding:20px 16px}.start-heading{margin-bottom:20px}.start-heading time{font-size:11px}.start-heading .section-label{font-size:11px}.start-actions{gap:8px}.start-actions button{font-size:14px;padding:10px 12px}.start-actions small{display:none}.start-secondary{gap:7px}.start-secondary button{font-size:12px;padding:9px}.start-screen .current-cartridge h2{font-size:19px}.start-screen #terminal{max-height:160px}.filebar>span>small{display:none}body.show-reference #codePanel{display:block}body.show-reference #codePanel .code-workbench{height:75%;min-height:320px}.boot-brand{gap:12px}.pd-mark{width:42px;height:42px;font-size:20px}.boot-screen{font-size:15px;border:6px solid #182334}.boot-brand strong{font-size:20px}#bootVersion{font-size:16px}#bootStatus{font-size:13px}}

/* Quiet, pixel-sharp console boot. The cartridge splash uses the supplied logo. */
.boot-screen{background:#000;padding:24px;border-color:#243043}.boot-brand{display:block;margin:0 0 16px}.boot-brand img{display:block;width:256px;height:256px;image-rendering:pixelated;margin:-64px 0 -64px -4px}.boot-brand strong{display:none}#bootVersion{margin-top:22px}.boot-content{padding-top:4px}.boot-screen>button{font-size:13px}#languageSelect{width:56px;min-width:48px;align-self:center;padding:5px 3px;font-size:12px;background:#101b2b;color:#b9ef82;border:1px solid #456653}.computer-toolbar nav{min-width:0}.computer-toolbar nav button{min-width:60px}@media(max-width:760px){.computer-toolbar .wordmark{display:none}.computer-toolbar nav button{min-width:36px;padding:3px 5px}.computer-toolbar{gap:2px}#languageSelect{width:46px;min-width:46px;font-size:11px}.boot-screen{padding:16px}.boot-brand img{width:256px;height:256px}.tool-menu>div{max-width:calc(100vw - 24px)}}

@media(max-width:420px){.computer-toolbar nav button{min-width:32px;padding:3px}.computer-toolbar nav button span{font-size:9px}.computer-toolbar #helpButton{min-width:26px;padding:2px}.computer-toolbar .run-button{min-width:30px;padding:0 5px}.tool-menu>summary{padding:8px 4px}}

/* PixelDeck integration */
.projectbar{flex-wrap:wrap}.projectbar #pixeldeckShare{margin-left:auto}.tool-menu a{display:block;padding:12px;color:var(--green,#b9ef82);text-decoration:none}.tool-menu a:hover{background:#294238}
#pixeldeckPublish{max-width:min(560px,94vw)}#pixeldeckPublish p{line-height:1.7}#pixeldeckPublish a{color:#b9ef82;padding:12px;display:inline-block}#pixeldeckPublish [hidden]{display:none}#pixeldeckStatus{white-space:pre-wrap;overflow-wrap:anywhere;color:#d5e8bb}
@media(max-width:650px){.projectbar #pixeldeckShare{width:100%;margin:0;min-height:42px}.projectbar #projectTitle{min-width:90px;flex:1}.projectbar #savedStatus{display:none}}