@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{color:#fff;background:#06252e;font-family:Gilroy,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;text-shadow:inherit}html,body,#root{min-height:100%}body{color:#fff;text-shadow:0 0 2px #ffffff3d,0 0 4px #0492bd57,0 0 8px #0492bd2e;background:radial-gradient(circle at 100% 0,#0492bd1a,#0000 34%),radial-gradient(circle,#0492bd14,#0000 52%),linear-gradient(#06252e 0% 100%);min-width:320px;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button,input,select,textarea,.panel,.taskCard,.statCard,.timelineItem,.statusPill{border-radius:8px}button,select,input,textarea{color:#fff;background:#04141cf5;border:1px solid #0492bd47}button{cursor:pointer;padding:.8rem 1rem;font-family:"Press Start 2P",monospace;font-weight:700;transition:border-color .14s,box-shadow .14s,color .14s}button:hover:not(:disabled){border-color:#0492bd;box-shadow:0 0 12px #0492bd4d}button:disabled{cursor:not-allowed;opacity:.45}select,input{width:100%;min-height:44px;padding:.75rem .85rem}textarea{width:100%}.appShell{flex-direction:column;gap:1rem;min-height:100%;padding:1rem;display:flex}.topBar,.panel,.taskCard,.statCard,.timelineItem{background:#040e14e0}.topBar{background:0 0;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem .25rem .85rem;display:flex}.productCopy{color:#fff;min-width:0}.productCopy h1{color:#fff}h1,h2,p{margin:0}h1,h2,button,.statusPill,.eyebrow,.taskLabel,.taskMeta,.statLabel,.blockLabel{text-shadow:0 0 2px #ffffff57,0 0 6px #0492bd6b,0 0 10px #0492bd33;font-family:Gilroy,Arial,sans-serif}h1{color:#dff7fff5;letter-spacing:.03em;text-shadow:0 0 2px #ffffff70,0 0 6px #0492bd80,0 0 11px #0492bd4d,0 0 15px #0492bd2e;max-width:900px;font-family:"Press Start 2P",monospace;font-size:1.7rem;line-height:1.05}h2{color:#fff;font-size:.95rem;line-height:1.2}.topBarActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.statusPill{color:#ffffffb3;text-transform:uppercase;background:#040e14e0;border:1px solid #0492bd47;align-items:center;gap:.55rem;min-height:44px;padding:.7rem .9rem;font-family:"Press Start 2P",monospace;font-size:.6rem;font-weight:700;display:inline-flex}.statusPill span{background:#ffffff4d;border-radius:999px;width:.7rem;height:.7rem}.statusPill.connecting span{background:#0492bd99}.statusPill.connected span{background:#0492bd}.statusPill.connected{color:#fff}.mainGrid{flex:1;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);gap:1rem;display:grid}.column{flex-direction:column;gap:1rem;min-width:0;display:flex}.panel{border:1px solid #0492bd33;padding:1rem}.problemTextFormatted{margin-top:1rem}.probSection{margin-bottom:.5rem}.probSectionHeaderRow{align-items:center;margin-bottom:.2rem;display:flex}button.probSectionHeader{color:#ffb86c;box-shadow:none;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .5rem .5rem 0;font-family:"Press Start 2P",monospace;font-size:.65rem;display:flex}.probSectionHint{color:#ff9d3b99;margin-left:.2rem;font-family:Courier New,Courier,monospace;font-size:.75rem}.probSectionArrow{color:#ff9d3bcc}.probSectionContent{color:#dcf0fff2;white-space:pre-wrap;word-break:break-word;background:#00000059;border-left:2px solid #0492bd66;border-radius:4px;margin:.5rem 0 1.5rem;padding:1rem;font-family:Courier New,Courier,monospace;font-size:.9rem}.editorPanel{flex:1;min-height:0}.blackTerminalWindow{background:#000;border:1px solid #0492bd40;border-radius:4px;min-height:320px;max-height:calc(100vh - 420px);padding:1.2rem;overflow:auto;box-shadow:inset 0 0 10px #000c}.retroTerminalLine{color:#0492bd;text-shadow:0 0 5px #0492bd66;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-family:"Press Start 2P",monospace;font-size:.65rem;line-height:1.8}.statCard strong,.rewardValue{color:#fff;font-family:Courier New,Courier,monospace;font-size:.9rem;font-weight:700}.rewardValue.strong{color:#0492bd}.rewardValue.good{color:#0492bdd9}.rewardValue.weak{color:#0492bd8c;font-family:"Press Start 2P",monospace;font-size:.85rem}.rewardValue.bad{color:#ff3c3cd9;font-family:"Press Start 2P",monospace}.rewardValue.neutral{color:#ffffffbf}.statList{flex-direction:column;gap:.85rem;padding:0 .5rem;display:flex}.statListRow{justify-content:space-between;align-items:center;display:flex}.retroFontWhite{color:#ffffffe6;text-transform:none;text-shadow:0 0 4px #ffffff1f;font-family:Courier New,Courier,monospace;font-size:.85rem}.scorePanel .retroFontWhite,.scorePanel .rewardValue,.scorePanel .feedbackValue{letter-spacing:.03em;font-family:"Press Start 2P",monospace;font-size:.62rem;line-height:1.6}.scorePanel .statListRow{align-items:flex-start;gap:1rem}.scorePanel .retroHeadingBar{margin-bottom:.9rem}.feedbackValue{text-align:right;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;max-width:62%;display:inline-block}.expandableContainer{flex-direction:column;gap:.5rem;margin-top:.5rem;margin-bottom:.5rem;display:flex}.retroToggle{text-align:center;width:100%;padding:.85rem 1rem}.expandableContent{margin-top:.2rem;animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.timelineList{flex-direction:column;gap:.2rem;display:flex}button.historyItemBtn{background:#040e1499;border:1px solid #0492bd26;border-radius:4px;width:100%;margin-bottom:.2rem;padding:.8rem 1rem;transition:none}button.historyItemBtn.active{background:#0492bd26;border-color:#0492bd;transition:none;box-shadow:0 0 8px #0492bd38}button.probSectionHeader.historyItemBtn:hover{box-shadow:0 0 8px #349aba38}button.probSectionHeader.historyItemBtn.active:hover{box-shadow:0 0 8px #0492bd33}button.historyItemBtn.active .probSectionTitleText{color:#e0f7ff}.emptyState{color:#fff6;padding:.5rem;font-family:Gilroy,Arial,sans-serif}.errorBanner{color:#ffffffd9;background:#0492bd14;border:1px solid #0492bd66;border-radius:8px;flex-direction:column;gap:.3rem;padding:.9rem 1rem;font-size:.94rem;display:flex}.crtTvViewport{min-height:100vh;position:relative;overflow:hidden}.crtTvViewport:before{content:"";pointer-events:none;z-index:0;opacity:.92;background:radial-gradient(#0000 54%,#00000024 72%,#00000057 100%);position:fixed;inset:-1.25%;transform:scaleX(1.018)scaleY(1.04)}.crtTvViewport:after{content:"";pointer-events:none;z-index:0;mix-blend-mode:screen;opacity:.8;background:radial-gradient(circle at 50% 48%,#0492bd14,#0000 44%),radial-gradient(circle at 50% 0,#ffffff0a,#0000 28%);position:fixed;inset:0}.crtTvGlass,.crtTvBloom,.crtTvScanlines,.crtTvRgbShift,.crtTvVignette,.crtTvReflection,.crtTvFlicker{pointer-events:none;position:absolute;inset:0}.crtTvGlass{z-index:1;opacity:.9;background:radial-gradient(at 50% 2%,#ffffff14,#0000 24%),radial-gradient(at 50% 100%,#00000029,#0000 40%);position:fixed}.crtTvBloom{mix-blend-mode:screen;z-index:1;opacity:.95;background:radial-gradient(circle at 50% 48%,#0492bd2e,#0000 46%),radial-gradient(circle at 20% 16%,#ffffff0f,#0000 18%),radial-gradient(circle at 82% 24%,#0492bd14,#0000 22%);position:fixed}.crtTvScanlines{z-index:2;opacity:.8;background:repeating-linear-gradient(0deg,#0000002e 0 .16rem,#0000 .16rem .34rem);animation:83.33ms steps(2,end) infinite scanline-dark;position:fixed}.crtTvScanlines:before{content:"";background:repeating-linear-gradient(0deg,#0492bd12 0 .16rem,#0000 .16rem .34rem) 0 .16rem;animation:83.33ms steps(2,end) 2ms infinite scanline-color;position:absolute;inset:0}.crtTvRgbShift{mix-blend-mode:screen;z-index:2;opacity:.55;background:linear-gradient(90deg,#ff000005,#0000 18% 82%,#00ffff05);position:fixed}.crtTvVignette{z-index:3;background:radial-gradient(#0000 48%,#0000003d 70%,#00000094 100%);position:fixed}.crtTvReflection{z-index:3;opacity:.5;background:linear-gradient(110deg,#ffffff1f 0%,#ffffff08 13%,#0000 24%),linear-gradient(250deg,#ffffff0a 0%,#0000 18%);position:fixed}.crtTvFlicker{z-index:4;opacity:0;background:#ffffff06;animation:.17s infinite crt-flicker-anim;position:fixed}.crtTvContent{z-index:0;min-height:100vh;position:relative}@keyframes scanline-dark{0%{background-position-y:0}50%{background-position-y:.16rem}to{background-position-y:.34rem}}@keyframes scanline-color{0%{background-position-y:.16rem}50%{background-position-y:0}to{background-position-y:-.16rem}}@keyframes crt-flicker-anim{0%{opacity:.012}20%{opacity:.036}40%{opacity:.014}60%{opacity:.048}80%{opacity:.018}to{opacity:.03}}.introScreen{z-index:200;justify-content:center;align-items:center;transition:transform .52s cubic-bezier(.4,0,.2,1),opacity .52s;display:flex;position:fixed;inset:0}.introScreen.leaving{opacity:0;transform:translateY(-100%)}.introInner{flex-direction:column;width:min(560px,88vw);display:flex}.introDifficultyPanel{padding:1rem}.titlePrompt{color:#fff2e0;text-align:left;white-space:nowrap;text-shadow:0 0 5px #ff9d3bcc,0 0 15px #ff9d3b99,0 0 25px #ff9d3b66;letter-spacing:.04em;width:100%;margin:0 0 2.5rem;overflow:hidden;font-size:clamp(1.35rem,3.2vw,1.9rem)!important}.termCursor{opacity:0;transition:opacity .1s}.termCursor.on{opacity:1}.taskSelectList{flex-direction:column;gap:0;display:flex}.taskSelectRow{border:none;border-radius:0;transition:background .15s}.taskSelectRow.open{box-shadow:none;background:0 0;border-color:#0000}button.taskSelectBtn{color:#fff;text-align:left;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:.5rem;width:100%;padding:.55rem .35rem;font-family:"Press Start 2P",monospace;font-size:.82rem;transition:color .12s;display:flex}button.taskSelectBtn:hover{box-shadow:none;color:#e0f7ffeb;background:0 0;border:none}.tsChevron{color:#e0f7ffd9;font-family:"Press Start 2P",monospace;font-size:.82rem}.tsDiff{color:#e0f7ffbf;text-shadow:0 0 6px #0492bde6,0 0 12px #0492bd99;font-family:"Press Start 2P",monospace;font-size:.82rem;display:inline-block}button.taskSelectBtn.active .tsDiff{color:#f1fbff;letter-spacing:.05em}button.taskSelectBtn.active{color:#f1fbff;text-shadow:0 0 8px #8fe3ff73}.tsDot{color:#0492bdd9;font-size:.82rem}.tsLabel{color:#e0f7ffeb;letter-spacing:.02em;font-size:.82rem}button.taskSelectBtn.active .tsLabel,button.taskSelectBtn.active .tsChevron,button.taskSelectBtn.active .tsDot{color:#f1fbff}.tsDesc{color:#e8f9ffdb;text-align:left;background:0 0;border-top:none;margin:0;padding:.08rem .35rem .45rem 1.95rem;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.35}.startBtnWrap{justify-content:center;margin-top:2.2rem;display:flex}.introDifficultyPanel .startBtnWrap{margin-top:1.2rem}.introStartBtn{width:100%}button.pixelStartBtn{color:#fff;letter-spacing:.06em;text-shadow:2px 2px #0000008c,0 0 10px #ffffff4d;image-rendering:pixelated;background:#0492bd;border:3px solid #000;border-radius:10px;padding:.7rem 2.4rem;font-family:"Press Start 2P",monospace;font-size:.78rem;transition:box-shadow .1s;box-shadow:0 5px #000,inset 0 3px #ffffff61,inset 0 -3px #00000047}.uiActionBtn{justify-content:center;min-width:180px}button.pixelStartBtn:hover{box-shadow:0 5px #000,inset 0 3px #ffffff61,inset 0 -3px #00000047,0 0 15px #0492bd99}button.pixelStartBtn:active{box-shadow:0 3px #000,inset 0 3px #ffffff61,inset 0 -3px #00000047}.pauseBtn{min-width:150px}.pauseOverlay{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b8;justify-content:center;align-items:center;animation:.15s forwards pauseOverlayIn;display:flex;position:fixed;inset:0}@keyframes pauseOverlayIn{0%{opacity:0}to{opacity:1}}.pauseMenu{background:#050d12;border:4px solid #0492bd;min-width:300px;padding:2.4rem 2.8rem 2.2rem;animation:.18s forwards pauseMenuIn;box-shadow:0 0 0 2px #000,0 0 0 5px #0492bd,0 0 0 7px #000,0 0 40px #0492bd59,inset 0 0 30px #0492bd0a}@keyframes pauseMenuIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pauseTitle{color:#e8f8fff5;text-align:center;letter-spacing:.08em;text-shadow:0 0 4px #ffffff2e,0 0 12px #0492bd38;margin-bottom:2rem;font-family:"Press Start 2P",monospace;font-size:1rem}.pauseItems{flex-direction:column;gap:.5rem;display:flex}.pauseItem{text-align:center;width:100%;padding-inline:1rem;display:block}.pauseItem--exit{margin-top:.5rem}.retroPanel{background:linear-gradient(#0a1a22f5,#040d13f5);border:1px solid #a4e4f738;box-shadow:0 0 0 1px #0492bd2e,inset 0 0 0 1px #cdf5ff0a,0 0 18px #0492bd14}.retroHeadingBar{box-shadow:none;background:0 0;border:none;margin-bottom:.5rem;padding:0}.retroHeadingText{color:#ff9d3b;text-shadow:0 0 5px #ff9d3b3d,0 0 12px #ff9d3b24;font-family:"Press Start 2P",monospace;font-size:1rem}.stepStatePanel{padding:1rem}.stepStateRow{text-align:center;justify-content:space-around;align-items:center;display:flex}.stepStateCol{flex-direction:column;gap:.5rem;display:flex}.stepStateHeading{font-size:1rem}.stepStateValue{letter-spacing:2px;color:#fff;text-transform:uppercase;text-shadow:-2px 0 #0492bde6,2px 0 #fff6;font-family:Arial Black,Impact,sans-serif;font-size:1.4rem;font-style:italic;font-weight:900}@media (width<=1040px){.mainGrid{grid-template-columns:1fr}.topBar{flex-direction:column;align-items:flex-start}.topBarActions{justify-content:flex-start}.stepStateRow{flex-direction:column;gap:1rem}.feedbackValue{text-align:left;max-width:100%}.statListRow{flex-direction:column;align-items:flex-start}}