:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.landing-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;font-family:Courier New,Courier,monospace}.container-9-16{width:100%;max-width:56.25vh;max-height:100vh;aspect-ratio:9 / 16;background-color:#000;display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-sizing:border-box;position:relative}.container-9-16 header,.container-9-16 main,.container-9-16 footer{text-align:center;width:100%}.container-9-16 main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.logo-container{margin-bottom:20px}#logo{max-width:100%;height:auto}section{margin:20px 0}footer{font-size:.8em;position:static}.projects-link-container{margin-top:2rem}.projects-link{display:inline-block;padding:1rem 2.5rem;background:#00ffff1a;border:2px solid #0ff;color:#0ff;text-decoration:none;font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;box-shadow:0 0 20px #00ffff4d;text-shadow:0 0 10px rgba(0,255,255,.5)}.projects-link:hover{background:#0ff3;box-shadow:0 0 30px #0ffc;transform:scale(1.05);border-color:#fff;color:#fff}@media (max-width: 600px){.container-9-16{max-width:100vw;max-height:177.78vw;padding:10px}}@media (min-aspect-ratio: 9/16){.container-9-16{height:100vh;width:56.25vh}}@media (max-aspect-ratio: 9/16){.container-9-16{width:100vw;height:177.78vw}}.container-9-16{width:100%;max-width:100vw;height:100vh;margin:0 auto;background-color:#000;position:relative;overflow:hidden;display:flex;flex-direction:column}@media (min-width: 600px){.container-9-16{max-width:56.25vh}}@media (max-width: 480px){.container-9-16{max-width:100vw}}.main-header{position:absolute;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;background:linear-gradient(180deg,#000c,#0000)}.main-nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.nav-logo{font-family:"Press Start 2P",cursive;font-size:1.2rem;color:#fff;text-decoration:none;text-shadow:0 0 10px rgba(255,255,255,.5)}.nav-links{display:flex;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-size:.9rem;transition:color .3s}.nav-links a:hover{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5)}@media (max-width: 768px){.main-header{padding:.5rem 1rem}.nav-logo{font-size:.8rem}.nav-links{gap:1rem}.nav-links a{font-size:.7rem}}.project-card{display:block;background:#141428cc;border:1px solid rgba(0,255,255,.2);border-radius:8px;overflow:hidden;text-decoration:none;color:#fff;transition:all .3s ease;cursor:pointer}.project-card:hover{transform:translateY(-5px);border-color:#0ff9;box-shadow:0 10px 30px #00ffff4d}.project-card-image{width:100%;height:200px;background:linear-gradient(135deg,#1a1a2e,#0f0f1e);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-card-image img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.project-card-placeholder{font-size:4rem;font-weight:700;color:#00ffff4d;font-family:"Press Start 2P",cursive}.project-card-content{padding:1.5rem}.project-card-title{font-family:"Press Start 2P",cursive;font-size:1rem;margin:0 0 .5rem;color:#0ff}.project-card-description{font-size:.9rem;margin:0 0 1rem;color:#ccc;line-height:1.5}.project-card-category{display:inline-block;padding:.3rem .8rem;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:4px;font-size:.7rem;color:#0ff;text-transform:uppercase}@media (max-width: 768px){.project-card-image{height:150px}.project-card-placeholder{font-size:3rem}.project-card-title,.project-card-description{font-size:.8rem}}.projects-page{width:100%;height:100%;padding:6rem 2rem 2rem;overflow-y:auto;background:linear-gradient(180deg,#0a0a0a,#1a1a2e)}.projects-title{font-family:"Press Start 2P",cursive;font-size:2rem;color:#0ff;text-align:center;margin:0 0 3rem;text-shadow:0 0 10px rgba(0,255,255,.5)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.projects-page{padding:5rem 1rem 1rem}.projects-title{font-size:1.2rem;margin-bottom:2rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}}.project-page{width:100%;height:100%;position:relative;background:#000}.project-back{position:absolute;top:1rem;left:1rem;z-index:1000;padding:.5rem 1rem;background:#000c;color:#0ff;text-decoration:none;border:1px solid #0ff;border-radius:4px;font-size:.9rem;transition:all .3s ease}.project-back:hover{background:#0ff3;box-shadow:0 0 10px #00ffff80}.project-iframe{width:100%;height:100%;border:none;display:block}.project-not-found{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.project-not-found h1{font-family:"Press Start 2P",cursive;color:#0ff;margin-bottom:2rem}.project-not-found a{color:#0ff;text-decoration:none;padding:.5rem 1rem;border:1px solid #0ff;transition:all .3s ease}.project-not-found a:hover{background:#0ff3}@media (max-width: 768px){.project-back{font-size:.7rem;padding:.4rem .8rem}}@font-face{font-family:Sonic Genesis;src:url(/assets/sonic-genesis-mega-drive-font.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}.sup-game-container{width:100%;height:100vh;position:relative;overflow:hidden;background:#000}.sup-viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.sup-viewport-inner{width:100%;height:100%;background:#000;position:relative;overflow:hidden}.sup-viewport-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#ffffff05,#00000026 70%,#0000004d),linear-gradient(180deg,#00000005,#0000001f);z-index:20;pointer-events:none}.sup-viewport-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px);opacity:.18;z-index:21;pointer-events:none;mix-blend-mode:screen}.sup-viewport-inner.is-cases:before,.sup-viewport-inner.is-cases:after{opacity:0}.sup-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.sup-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#141e3c99,#000000d9);z-index:30;font-family:Sonic Genesis,Cascadia Mono,Fira Code,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}.sup-loader-panel{width:min(82%,420px);padding:1.1rem 1.2rem 1rem;background:#080c18eb;border:2px solid #243150;box-shadow:0 12px 30px #0009,inset 0 0 0 1px #ffffff0d}.sup-loader-title{color:#e8f2ff;font-size:.85rem;margin-bottom:.7rem}.sup-loader-bar{height:10px;background:#0a0f22;border:1px solid #1b2744;box-shadow:inset 0 0 0 1px #00000059;overflow:hidden}.sup-loader-bar-fill{display:block;height:100%;background:linear-gradient(90deg,#4de3ff,#86f7ff 60%,#fff);box-shadow:0 0 12px #4de3ff59;transition:width .2s ease}.sup-loader-meta{display:flex;justify-content:space-between;gap:.5rem;margin-top:.6rem;font-size:.7rem;color:#93a9d6}.sup-loader-current{margin-top:.6rem;font-size:.65rem;color:#5fc1ff;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sup-viewport-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);z-index:2;pointer-events:none}.sup-viewport-placeholder h2{font-size:3rem;margin:0;color:#667eea;text-transform:uppercase;letter-spacing:.2em}.sup-viewport-placeholder p{font-size:1rem;color:#888;margin:.5rem 0}.sup-active-section{margin-top:2rem!important;font-size:1.2rem!important;color:#0f8!important;font-family:monospace}.sup-status-bar{position:absolute;top:0;left:0;right:0;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(102,126,234,.3);padding:.75rem 1.5rem;display:flex;align-items:center;gap:1rem;z-index:60;font-family:Sonic Genesis,Cascadia Mono,Fira Code,Consolas,monospace}.sup-status-bar-item{display:flex;align-items:center;gap:.5rem}.sup-status-bar-label{font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.sup-status-bar-value{font-size:.9rem;color:#fff;font-weight:600;text-transform:capitalize}.sup-status-bar-divider{color:#444;font-size:.9rem}.sup-genesis-hud{position:absolute;left:0;right:0;top:0;padding:1rem;z-index:60;pointer-events:none;font-family:Sonic Genesis,Cascadia Mono,Fira Code,Consolas,monospace;--hud-bg: #0b1020;--hud-edge: #1d2a4a;--hud-accent: #4de3ff;--hud-text: #e8f2ff;--hud-dim: #7f96c1;background:linear-gradient(180deg,#0a0f1fd9,#0a0f1f80 60%,#0a0f1f00)}.sup-genesis-hud:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 3px);opacity:.35;pointer-events:none;z-index:0}.sup-genesis-hud-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.sup-hud-tile{background:linear-gradient(180deg,#182140,#0b1126);border:2px solid var(--hud-edge);border-radius:6px;padding:.45rem .6rem .55rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:inset 0 0 0 1px #ffffff0d,0 6px #00000059;text-transform:uppercase}.sup-hud-label{font-size:clamp(.48rem,.35vw + .4rem,.6rem);letter-spacing:.18em;color:var(--hud-dim)}.sup-hud-value{font-size:clamp(.7rem,.55vw + .55rem,.95rem);font-weight:700;color:var(--hud-text);text-shadow:0 0 8px rgba(77,227,255,.25);line-height:1.1}.sup-hud-need{--hud-accent: #4de3ff}.sup-hud-need-bar{height:8px;background:#0a0f22;border:1px solid #1b2744;box-shadow:inset 0 0 0 1px #00000059;overflow:hidden}.sup-hud-need-fill{height:100%;transition:width .3s ease;background:linear-gradient(90deg,var(--hud-accent) 0%,rgba(255,255,255,.85) 100%);box-shadow:0 0 10px #4de3ff59}.sup-hud-need .sup-hud-value{align-self:flex-end;font-variant-numeric:tabular-nums}.sup-hud-need.is-energy{--hud-accent: #7cbcff}.sup-hud-need.is-hunger{--hud-accent: #6dff9d}.sup-hud-need.is-fun{--hud-accent: #ffd36a}.sup-hud-need.is-social{--hud-accent: #ff86b2}.sup-control-panel{position:absolute;bottom:0;left:0;right:0;z-index:50;padding:1.5rem;background:linear-gradient(180deg,#0000,#000000b3 30%,#000000e6);pointer-events:none}.sup-control-panel>*{pointer-events:auto}.sup-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;max-width:1200px;margin:0 auto}.sup-menu-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.4rem;min-height:90px;background:linear-gradient(180deg,#1b2440f2,#0a0f20f2);border:2px solid #243150;border-radius:8px;padding:1rem 1.2rem;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;cursor:pointer;width:100%;text-align:left;font-family:Sonic Genesis,Cascadia Mono,Fira Code,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 4px #05070f,0 10px 20px #0006,inset 0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sup-menu-item.active{border-color:#4de3ff;box-shadow:0 4px #05070f,0 12px 24px #4de3ff33,inset 0 0 0 1px #4de3ff40}.sup-menu-item.active .sup-menu-arrow{color:#4de3ff}.sup-menu-item:before{content:"";position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border:1px solid rgba(255,255,255,.06);pointer-events:none;z-index:0}.sup-menu-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 3px);opacity:.15;pointer-events:none;z-index:0}.sup-menu-item:hover{border-color:#4de3ff;transform:translateY(-2px);box-shadow:0 6px #05070f,0 14px 24px #4de3ff33,inset 0 0 0 1px #ffffff14}.sup-menu-content{position:relative;z-index:1;max-width:85%}.sup-menu-item h3{font-size:1.1rem;font-weight:700;margin:0 0 .25rem;color:#e8f2ff;text-shadow:0 0 10px rgba(77,227,255,.2)}.sup-menu-item p{font-size:.6rem;color:#93a9d6;margin:0;letter-spacing:.05em;line-height:1.3}.sup-menu-arrow{font-size:1.1rem;color:#4de3ff;transition:transform .2s ease;position:absolute;right:.8rem;bottom:.8rem;z-index:1;padding:.15rem .35rem;border:2px solid #243150;border-radius:4px;background:#0b1126e6;box-shadow:inset 0 0 0 1px #ffffff0f}.sup-menu-item:hover .sup-menu-arrow{transform:translate(4px)}.sup-cases-panel{display:flex;align-items:center;justify-content:center;gap:1rem;max-width:600px;margin:0 auto}.sup-cases-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.sup-cases-nav{display:flex;gap:.5rem}.sup-cases-button{background:#111827f2;border:2px solid #26324f;color:#e8f2ff;font-family:Sonic Genesis,Cascadia Mono,Fira Code,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;padding:.6rem 1rem;border-radius:8px;cursor:pointer;transition:transform .2s ease,border-color .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sup-cases-button:hover{border-color:#4de3ff;transform:translateY(-2px)}.sup-cases-button.is-back{background:linear-gradient(135deg,#4de3ff26,#111827f2)}.sup-cases-info h3{margin:0 0 .5rem;font-size:1.2rem;letter-spacing:.08em}.sup-cases-info p{margin:0;color:#9fb0d8;line-height:1.5}.sup-about-panel{display:flex;align-items:center;justify-content:center;gap:1rem;max-width:600px;margin:0 auto}.sup-about-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.sup-mode-toggle{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem;font-family:Sonic Genesis,Cascadia Mono,Fira Code,Consolas,monospace;text-transform:uppercase;letter-spacing:.1em}.sup-mode-label{font-size:.75rem;color:#5a6a8a;transition:color .3s ease}.sup-mode-label.active{color:#4de3ff;text-shadow:0 0 10px rgba(77,227,255,.4)}.sup-toggle-switch{position:relative;width:56px;height:28px;background:linear-gradient(180deg,#0b1126,#182140);border:2px solid #243150;border-radius:14px;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease;box-shadow:inset 0 2px 4px #0006,0 2px #0000004d}.sup-toggle-switch:hover{border-color:#4de3ff}.sup-toggle-switch:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:10px;background:linear-gradient(180deg,rgba(77,227,255,.1) 0%,transparent 100%);pointer-events:none}.sup-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:linear-gradient(180deg,#4de3ff,#2a9fd6);border-radius:50%;transition:transform .3s ease,background .3s ease;box-shadow:0 2px 4px #0006,0 0 8px #4de3ff4d}.sup-toggle-switch.is-manual .sup-toggle-thumb{transform:translate(28px);background:linear-gradient(180deg,#6dff9d,#3dc46a);box-shadow:0 2px 4px #0006,0 0 8px #6dff9d4d}.sup-touch-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;touch-action:none;user-select:none;-webkit-user-select:none}.sup-joystick{position:absolute;width:120px;height:120px;z-index:100;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.sup-joystick.is-active{opacity:1}.sup-joystick-base{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b112680,#18214080);border:2px solid rgba(36,49,80,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 20px #0000004d,0 4px 8px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sup-joystick-thumb{width:44px;height:44px;background:linear-gradient(180deg,#4de3ffb3,#2a9fd6b3);border:2px solid rgba(255,255,255,.25);border-radius:50%;transition:transform .05s ease-out;box-shadow:0 4px 8px #0000004d,0 0 12px #4de3ff4d}@media (max-width: 768px){.sup-status-bar{padding:.5rem 1rem;font-size:.8rem}.sup-status-bar-label,.sup-status-bar-value{font-size:.75rem}.sup-genesis-hud{top:0;padding:.6rem .7rem}.sup-genesis-hud-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.sup-hud-tile{padding:.4rem .5rem .5rem}.sup-hud-label{font-size:.5rem}.sup-hud-value{font-size:.78rem}.sup-control-panel{padding:1rem;padding-bottom:calc(1rem + 7vh + env(safe-area-inset-bottom,0px))}.sup-menu{grid-template-columns:repeat(2,1fr);gap:.75rem}.sup-menu-item{min-height:70px;padding:.8rem 1rem}.sup-menu-item h3{font-size:.9rem}.sup-menu-item p{font-size:.5rem}.sup-menu-arrow{font-size:.9rem;right:.6rem;bottom:.6rem;padding:.1rem .25rem}.sup-cases-panel{flex-direction:row}.sup-cases-controls{flex-direction:row;flex-wrap:wrap;justify-content:center}.sup-cases-button{padding:.5rem .8rem;font-size:.8rem}.sup-about-controls{justify-content:center}.sup-mode-toggle{gap:.5rem;margin-bottom:.75rem}.sup-mode-label{font-size:.65rem}.sup-toggle-switch{width:48px;height:24px}.sup-toggle-thumb{width:16px;height:16px;top:2px;left:2px}.sup-toggle-switch.is-manual .sup-toggle-thumb{transform:translate(24px)}.sup-joystick{width:100px;height:100px}.sup-joystick-thumb{width:36px;height:36px}}@media (max-width: 480px){.sup-control-panel{padding:.75rem;padding-bottom:calc(.75rem + 7vh + env(safe-area-inset-bottom,0px))}.sup-menu{grid-template-columns:repeat(2,1fr);gap:.5rem}.sup-menu-item{min-height:60px;padding:.6rem .8rem}.sup-menu-item h3{font-size:.8rem}.sup-menu-item p{display:none}.sup-menu-arrow{font-size:.8rem;right:.5rem;bottom:.5rem}.sup-joystick{width:90px;height:90px}.sup-joystick-thumb{width:32px;height:32px}.sup-mode-toggle{margin-bottom:.5rem}.sup-toggle-switch{width:44px;height:22px}.sup-toggle-thumb{width:14px;height:14px}.sup-toggle-switch.is-manual .sup-toggle-thumb{transform:translate(22px)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}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;background:#000;color:#fff}.main-content{flex:1;width:100%;height:100%;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00ffff80}