body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--yellow:#e8c96a;--yellow-dim:#b89940;--bg:#1c1c1c;--surface:#272727;--surface-alt:#303030;--border:#3a3a3a;--text:#eee;--text-muted:#888;--font:"VT323",monospace}*{box-sizing:border-box}body{font-family:"VT323",monospace;font-family:var(--font);font-size:19px;background-color:#1c1c1c;background-color:var(--bg);color:#eee;color:var(--text);margin:0}a{color:#e8c96a;color:var(--yellow);text-decoration:none}a:hover{color:#b89940;color:var(--yellow-dim)}h1,h2,h3,h4,h5,h6{font-family:"VT323",monospace;font-family:var(--font);color:#eee;color:var(--text)}hr.retro{border:none;border-top:1px solid #3a3a3a;border-top:1px solid var(--border);margin:24px 0;opacity:1}.pub-card{border:1px solid var(--border);border-radius:10px;background:var(--surface);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.4);transition:box-shadow .15s,-webkit-transform .15s;transition:transform .15s,box-shadow .15s;transition:transform .15s,box-shadow .15s,-webkit-transform .15s}.pub-card:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.5)}.pub-card .overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.65) 40%,transparent)}.pub-card .overlay__badge{position:absolute;top:8px;left:8px;background:var(--yellow);color:#fff;font-family:var(--font);font-size:.8em;border-radius:6px;padding:2px 8px}.pub-card .overlay__text{position:absolute;bottom:10px;left:10px;right:10px;font-size:.85em;font-family:var(--font);color:#eee;line-height:1.4}.lab{--bg:#bfbba8;--surface:#d0ccba;--surface-alt:#c4c0ae;--border:#9a9688;--text:#1c1c18;--text-muted:#6a6858;--yellow:#7b3090;--yellow-dim:#5c2070;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}.lab:before{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 0);background-size:32px 32px}.lab:after,.lab:before{content:"";position:fixed;inset:0;pointer-events:none}.lab:after{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 4px);z-index:1}.lab__vignette{position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.25) 100%)}.lab__pixel,.lab__vignette{pointer-events:none;z-index:1}.lab__pixel{position:absolute;width:3px;height:3px;background:var(--border);opacity:0;-webkit-animation:pixel-drift ease-in-out infinite;animation:pixel-drift ease-in-out infinite}@-webkit-keyframes pixel-drift{0%,to{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}30%{opacity:.35}70%{opacity:.35}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes pixel-drift{0%,to{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}30%{opacity:.35}70%{opacity:.35}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.lab__console{display:flex;align-items:center;grid-gap:40px;gap:40px;z-index:10;margin-top:-60px}.lab__console-center,.lab__controls-left,.lab__controls-right{display:flex;flex-direction:column;align-items:center}.lab__controls-left,.lab__controls-right{align-self:center;position:relative}.lab__led-row{display:flex;align-items:center;grid-gap:8px;gap:8px;align-self:flex-start;margin-bottom:12px;margin-left:8px}.lab__led{width:8px;height:8px;border-radius:50%;background:#c22;-webkit-animation:led-blink 2s ease-in-out infinite;animation:led-blink 2s ease-in-out infinite}@-webkit-keyframes led-blink{0%,to{box-shadow:0 0 4px rgba(204,34,34,.4);opacity:.7}50%{box-shadow:0 0 10px rgba(204,34,34,.8);opacity:1}}@keyframes led-blink{0%,to{box-shadow:0 0 4px rgba(204,34,34,.4);opacity:.7}50%{box-shadow:0 0 10px rgba(204,34,34,.8);opacity:1}}.lab__led-label{font-family:var(--font);font-size:.7em;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.lab__screen{background:#9aa890;border-radius:14px;padding:20px;box-shadow:inset 0 3px 10px rgba(0,0,0,.2),0 2px 0 hsla(0,0%,100%,.06)}.lab__hub{position:relative;width:580px;height:580px;justify-content:center;grid-gap:20px;gap:20px}.lab__center,.lab__hub{display:flex;flex-direction:column;align-items:center}.lab__center{text-align:center}.lab__menu-list{display:flex;flex-direction:column;align-items:center;grid-gap:14px;gap:14px}.lab__side-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--border);margin-bottom:16px;opacity:.85}.lab__play{background:linear-gradient(180deg,#4a5242,#3a4234);border:2px solid #2e3a28;border-radius:22px;width:140px;padding:10px 0;text-align:center;color:#6a7a60;font-family:var(--font);font-size:1.15em;letter-spacing:3px;text-transform:lowercase;cursor:default;white-space:nowrap;box-shadow:0 4px 0 #1e2a18,0 5px 10px rgba(0,0,0,.18);transition:all .3s;opacity:.6}.lab__play--unlocked{background:linear-gradient(180deg,#5a6a52,#3e4e38);color:#c8d4c0;cursor:pointer;opacity:1;-webkit-animation:play-float 4s ease-in-out infinite;animation:play-float 4s ease-in-out infinite;box-shadow:0 4px 0 #1e2a18,0 5px 10px rgba(0,0,0,.18),0 0 20px rgba(90,106,82,.3)}.lab__play--unlocked:hover{background:linear-gradient(180deg,#6a7a62,#4e5e48);box-shadow:0 4px 0 #1e2a18,0 5px 10px rgba(0,0,0,.18),0 0 30px rgba(90,106,82,.5)}.lab__play--unlocked:active{box-shadow:0 1px 0 #1e2a18}@-webkit-keyframes play-float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes play-float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes lab-pulse{0%,to{box-shadow:0 4px 0 #1a1810,0 5px 10px rgba(0,0,0,.2)}50%{box-shadow:0 4px 0 #1a1810,0 5px 10px rgba(0,0,0,.2),0 0 20px rgba(90,106,82,.15)}}@keyframes lab-pulse{0%,to{box-shadow:0 4px 0 #1a1810,0 5px 10px rgba(0,0,0,.2)}50%{box-shadow:0 4px 0 #1a1810,0 5px 10px rgba(0,0,0,.2),0 0 20px rgba(90,106,82,.15)}}.lab__title{color:var(--text);font-family:var(--font);font-size:2em;letter-spacing:5px;text-transform:uppercase}.lab__subtitle{margin-top:4px;margin-bottom:12px;color:var(--text-muted);font-family:var(--font);font-size:.85em;letter-spacing:2px}.lab__menu-item{background:linear-gradient(180deg,#5a6a52,#3e4e38);border:2px solid #2e3a28;border-radius:22px;color:#c8d4c0;font-family:var(--font);font-size:1.15em;padding:10px 28px;cursor:pointer;letter-spacing:3px;text-transform:lowercase;transition:box-shadow .15s,background .15s;white-space:nowrap;box-shadow:0 4px 0 #1e2a18,0 5px 10px rgba(0,0,0,.18);-webkit-animation:lab-float 4s ease-in-out infinite;animation:lab-float 4s ease-in-out infinite}.lab__menu-item:hover{background:linear-gradient(180deg,#6a7a62,#4e5e48);box-shadow:0 2px 0 #1e2a18,0 3px 6px rgba(0,0,0,.18),0 0 20px rgba(90,106,82,.3)}.lab__menu-item:active{background:linear-gradient(180deg,#3e4e38,#2e3a28);box-shadow:0 1px 0 #1e2a18,0 1px 3px rgba(0,0,0,.15)}.lab__menu-item--selected{background:linear-gradient(180deg,#7a8a72,#5a6a52);box-shadow:0 4px 0 #1e2a18,0 5px 10px rgba(0,0,0,.18),0 0 28px rgba(122,138,114,.4);color:#e8f0e0}@-webkit-keyframes lab-float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes lab-float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}.lab__branding{margin-top:14px;font-size:.7em;letter-spacing:3px;text-transform:uppercase;opacity:.8}.lab__branding,.lab__hint{font-family:var(--font);color:var(--text-muted);text-align:center}.lab__hint{position:absolute;bottom:100%;left:0;right:0;margin-bottom:10px;white-space:nowrap;font-size:.85em;letter-spacing:2px;-webkit-animation:hint-bounce 1s ease-in-out infinite,hint-fade 4s ease-out forwards;animation:hint-bounce 1s ease-in-out infinite,hint-fade 4s ease-out forwards}@-webkit-keyframes hint-bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@keyframes hint-bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}}@-webkit-keyframes hint-fade{0%,65%{opacity:.8}to{opacity:0}}@keyframes hint-fade{0%,65%{opacity:.8}to{opacity:0}}.lab__dpad{display:grid;grid-template-columns:40px 40px 40px;grid-template-rows:40px 40px 40px;width:120px;height:120px}.lab__dpad-btn{background:linear-gradient(180deg,#44423a,#3a3830);border:1px solid #2a2820;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#6a6858;font-size:12px;box-shadow:0 4px 0 #1a1810,0 5px 8px rgba(0,0,0,.2);transition:background .1s,box-shadow .1s,-webkit-transform .1s;transition:background .1s,box-shadow .1s,transform .1s;transition:background .1s,box-shadow .1s,transform .1s,-webkit-transform .1s}.lab__dpad-btn:hover{background:linear-gradient(180deg,#54524a,#4a4840)}.lab__dpad-btn--pressed{background:linear-gradient(180deg,#2e2c26,#3a3830)!important;box-shadow:0 1px 0 #1a1810!important;-webkit-transform:translateY(2px);transform:translateY(2px)}.lab__dpad-up{grid-column:2;grid-row:1;border-radius:4px 4px 0 0}.lab__dpad-left{grid-column:1;grid-row:2;border-radius:4px 0 0 4px}.lab__dpad-right{grid-column:3;grid-row:2;border-radius:0 4px 4px 0}.lab__dpad-down{grid-column:2;grid-row:3;border-radius:0 0 4px 4px}.lab__dpad-up:after{content:"▲"}.lab__dpad-right:after{content:"►"}.lab__dpad-down:after{content:"▼"}.lab__dpad-left:after{content:"◄"}.lab__dpad-center{grid-column:2;grid-row:2;background:#3a3830}.lab__ab{display:flex;grid-gap:24px;gap:24px;-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}.lab__ab-btn{width:68px;height:68px;border-radius:50%;background:linear-gradient(180deg,#8a3898,#6a2078);border:2px solid #5a1860;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-size:1.1em;color:#e8d0f0;box-shadow:0 5px 0 #3a0e38;cursor:pointer;transition:box-shadow .1s,-webkit-transform .1s;transition:box-shadow .1s,transform .1s;transition:box-shadow .1s,transform .1s,-webkit-transform .1s}.lab__ab-btn:hover{background:linear-gradient(180deg,#9a48a8,#7a2888)}.lab__ab-btn--pressed{box-shadow:0 1px 0 #3a0e38!important;-webkit-transform:translateY(2px);transform:translateY(2px)}.lab__footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;z-index:10}.lab__controls-help{display:flex;grid-gap:20px;gap:20px;font-family:var(--font);font-size:.7em;color:var(--text-muted);letter-spacing:1px;opacity:.8}.lab__controls-help span{white-space:nowrap}.lab__controls-help--mobile{display:none}.lab__help-toggle{display:none;background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;color:var(--text-muted);font-family:var(--font);font-size:.65em;padding:4px 12px;cursor:pointer;letter-spacing:1px}.lab__social-inline{display:flex;grid-gap:20px;gap:20px}.lab__social-inline a{color:var(--text-muted);opacity:.8;transition:opacity .2s,color .2s}.lab__social-inline a:hover{opacity:1;color:var(--yellow)}.lab__back{position:fixed;top:20px;left:24px;color:var(--text-muted);font-family:var(--font);font-size:.9em;text-decoration:none;letter-spacing:1px;z-index:10;opacity:.8;transition:opacity .2s,color .2s}.lab__back:hover{opacity:1;color:var(--yellow)}.retro-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:500;-webkit-animation:retro-fade .15s ease-out;animation:retro-fade .15s ease-out}@-webkit-keyframes retro-fade{0%{opacity:0}to{opacity:1}}@keyframes retro-fade{0%{opacity:0}to{opacity:1}}.retro-window{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:94vw;max-width:1100px;max-height:88vh;background:var(--bg);border:3px solid #3a3830;border-radius:4px;z-index:501;display:flex;flex-direction:column;-webkit-animation:crt-on .3s ease-out;animation:crt-on .3s ease-out}.retro-window--full{height:80vh}@-webkit-keyframes crt-on{0%{-webkit-transform:translate(-50%,-50%) scaleY(.005);transform:translate(-50%,-50%) scaleY(.005);opacity:.6}40%{-webkit-transform:translate(-50%,-50%) scaleY(.005);transform:translate(-50%,-50%) scaleY(.005);opacity:1}to{-webkit-transform:translate(-50%,-50%) scaleY(1);transform:translate(-50%,-50%) scaleY(1);opacity:1}}@keyframes crt-on{0%{-webkit-transform:translate(-50%,-50%) scaleY(.005);transform:translate(-50%,-50%) scaleY(.005);opacity:.6}40%{-webkit-transform:translate(-50%,-50%) scaleY(.005);transform:translate(-50%,-50%) scaleY(.005);opacity:1}to{-webkit-transform:translate(-50%,-50%) scaleY(1);transform:translate(-50%,-50%) scaleY(1);opacity:1}}.retro-window__titlebar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#3a3830;border-bottom:2px solid #2a2820;-webkit-user-select:none;user-select:none;flex-shrink:0}.retro-window__title{font-family:var(--font);color:#c8c4b4;font-size:1em;letter-spacing:3px;text-transform:uppercase}.retro-window__close{background:linear-gradient(180deg,#8a3898,#6a2078);border:1px solid #5a1860;border-radius:10px;color:#e8d0f0;font-family:var(--font);cursor:pointer;padding:2px 10px;font-size:1em;box-shadow:0 2px 0 #3a0e38;transition:background .15s}.retro-window__close:hover{background:linear-gradient(180deg,#9a48a8,#7a2888)}.retro-window__close:active{box-shadow:none}.retro-window__body{--bg:#eeeadc;--surface:#e2ddd0;--surface-alt:#d8d4c6;--border:#c0baa8;--text:#1c1c18;--text-muted:#5a5848;--yellow:#7b3090;--yellow-dim:#5c2070;padding:24px;overflow-y:auto;flex:1 1;background:#eeeadc;box-shadow:inset 0 0 40px hsla(0,0%,100%,.25)}.retro-window__body--no-pad{padding:0}.retro-window__body::-webkit-scrollbar{width:8px}.retro-window__body::-webkit-scrollbar-track{background:#eeeadc}.retro-window__body::-webkit-scrollbar-thumb{background:#c0baa8;border:1px solid #eeeadc;border-radius:4px}.retro-window__body::-webkit-scrollbar-thumb:hover{background:#7b3090}.lab__game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#2a3228;font-family:var(--font);text-align:center;background:rgba(154,168,144,.92);z-index:2;padding:16px}.lab__game-title{font-size:1.8em;margin:0 0 8px;letter-spacing:3px}.lab__game-sub{font-size:.9em;color:#4a5a42;margin:0 0 20px}.lab__game-btn{background:linear-gradient(180deg,#5a6a52,#3e4e38);border:2px solid #2e3a28;border-radius:22px;color:#c8d4c0;font-family:var(--font);font-size:1em;padding:10px 28px;cursor:pointer;letter-spacing:2px;box-shadow:0 4px 0 #1e2a18,0 5px 10px rgba(0,0,0,.18);transition:background .15s}.lab__game-btn:hover{background:linear-gradient(180deg,#6a7a62,#4e5e48)}.lab__game-btn:active{box-shadow:0 1px 0 #1e2a18}.lab__game-hint{font-size:.7em;margin-top:16px;color:#4a5a42}.lab__game-sprite{image-rendering:pixelated;margin-bottom:12px}@media (max-width:900px){.lab{flex-direction:column;justify-content:flex-start;align-items:center;padding-top:16px}.lab__console{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;grid-gap:20px;gap:20px;margin-top:0;width:100%}.lab__console-center{order:0;flex-basis:100%;display:flex;flex-direction:column;align-items:center}.lab__controls-left{order:1}.lab__controls-right{order:2}.lab__title{font-size:1.3em;letter-spacing:3px}.lab__subtitle{font-size:.7em;margin-bottom:8px}.lab__screen{padding:10px;width:calc(100vw - 40px);box-sizing:border-box}.lab__hub{width:calc(100vw - 60px);height:calc(100vw - 60px)}.lab__play{width:100px;font-size:.85em;padding:8px 0}.lab__menu-item{font-size:.85em;padding:7px 18px;letter-spacing:2px}.lab__dpad{grid-template-columns:32px 32px 32px;grid-template-rows:32px 32px 32px;width:96px;height:96px}.lab__dpad-btn{font-size:10px}.lab__ab-btn{width:48px;height:48px;font-size:.85em}.lab__ab{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}.lab__branding{font-size:.6em}.lab__led-row{margin-bottom:8px}.project-card{flex-direction:column!important}.project-card__image{width:100%!important;max-height:220px;border-right:none!important;border-bottom:1px solid var(--border)}.article-card__image{width:140px!important}.retro-window{width:95vw;max-height:85vh}.retro-window__body{padding:16px}.lab__footer{flex-direction:column;grid-gap:8px;gap:8px;align-items:center;padding:8px 16px}.lab__controls-help{display:none}.lab__controls-help--mobile{display:flex;grid-gap:10px;gap:10px;font-size:.6em;flex-wrap:wrap;justify-content:center}.lab__help-toggle{display:block}.lab__game-title{font-size:1.3em;letter-spacing:2px}.lab__game-sub{font-size:.75em;margin-bottom:14px}.lab__game-btn{font-size:.85em;padding:8px 20px}.lab__game-hint{font-size:.6em}.lab__game-sprite{max-width:80%;height:auto}}@media (max-width:500px){.lab__hub{width:calc(100vw - 30px);height:calc(100vw - 30px)}.lab__screen{padding:6px;width:calc(100vw - 20px)}.lab__menu-item{font-size:.7em;padding:6px 12px;letter-spacing:1px}.lab__play{width:80px;font-size:.75em;padding:6px 0}.lab__title{font-size:1em;letter-spacing:2px}.lab__subtitle{font-size:.6em}.lab__dpad{grid-template-columns:28px 28px 28px;grid-template-rows:28px 28px 28px;width:84px;height:84px}.lab__dpad-btn{font-size:8px}.lab__ab-btn{width:40px;height:40px;font-size:.75em}.lab__ab{grid-gap:16px;gap:16px}.lab__game-title{font-size:1.1em}.lab__game-sub{font-size:.65em;margin-bottom:10px}.lab__game-btn{font-size:.75em;padding:7px 16px}}
/*# sourceMappingURL=main.f15b35b6.chunk.css.map */