:root{--bg:#d9efff;--foreground:#1a1a1a;--card:#fff;--muted:#4a5568;--red:#e52521;--green:#00aa00;--gold:#f7b801;--sky:#b8e0ff;--sky-light:#d9efff;--dark:#1a1a1a;--cream:#fff8e1;--brick:#c84c0c;--header:#fff;--footerText:#4a5568;--shadow:#1a1a1a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--foreground);font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}button{cursor:pointer}.pixel,h1,h2,h3,h4,h5,h6{font-family:"Press Start 2P",cursive}.container{width:min(100% - 2rem,80rem);margin-inline:auto}.site-main{min-height:40vh}.min-page{min-height:100vh}.arcade-gradient{background:linear-gradient(180deg,#b8e0ff 0%,#d9efff 60%,#e8f6ff 100%)}
.pixel-border{border:3px solid var(--dark);box-shadow:6px 6px 0 0 var(--shadow)}.pixel-border-sm{border:2px solid var(--dark);box-shadow:4px 4px 0 0 var(--shadow)}.pixel-border-xs{border:2px solid var(--dark);box-shadow:3px 3px 0 0 var(--shadow)}
.site-header{position:sticky;top:0;z-index:50;border-bottom:4px solid var(--dark);background:var(--header)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;padding-bottom:.75rem}.brand{background:var(--red);padding:.5rem .75rem;color:#fff;font-family:"Press Start 2P",cursive;font-size:.75rem;transition:.15s transform}.brand:hover,.nav-link:hover,.book-btn:hover,.icon-btn:hover{transform:translateY(-2px)}.desktop-nav{display:none;align-items:center;gap:.25rem}.nav-link{padding:.5rem 1rem;font-family:"Press Start 2P",cursive;font-size:.75rem;transition:.15s}.nav-link:hover,.nav-link.active{color:var(--red)}.nav-actions{display:none;align-items:center;gap:.75rem}.hud{display:flex;gap:.5rem;font-family:"Press Start 2P",cursive;font-size:.75rem}.hud span{display:flex;align-items:center;gap:.25rem}.icon{width:1.5rem;height:1.5rem;display:inline-block;flex:none}.icon-sm{width:1rem;height:1rem}.icon-nav{width:1rem;height:1rem}.gold{color:var(--gold)}.red{color:var(--red)}.icon-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--header);color:var(--foreground);border-radius:0;transition:.15s}.theme-moon{display:none}.book-btn{background:var(--green);padding:.5rem 1rem;color:white;font-family:"Press Start 2P",cursive;font-size:.75rem;transition:.15s}.mobile-menu-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--header);color:var(--foreground)}.mobile-menu-btn .close-icon{display:none}.mobile-menu-btn.open .menu-icon{display:none}.mobile-menu-btn.open .close-icon{display:block}.mobile-panel{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;background:var(--header);border-top:0 solid var(--dark);transition:grid-template-rows .25s ease,opacity .25s ease,border-width .25s}.mobile-panel.open{grid-template-rows:1fr;opacity:1;border-top-width:4px}.mobile-nav{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.5rem;padding:0 1rem;transition:padding .25s}.mobile-panel.open .mobile-nav{padding:1rem}.mobile-link{padding:.5rem;font-family:"Press Start 2P",cursive;font-size:.75rem}.mobile-link.active{color:var(--red)}.mobile-book{margin-top:.5rem;padding:.75rem 1rem;background:var(--green);color:#fff;text-align:center;font-family:"Press Start 2P",cursive;font-size:.75rem}
.hero{position:relative;overflow:hidden}.hero-grid{display:grid;align-items:center;gap:3rem;padding-top:4rem;padding-bottom:4rem}.cloud{position:absolute;display:none;pointer-events:none}.cloud-left{left:5%;top:12%}.cloud-right{right:8%;top:18%}.cloud-svg{opacity:.8}.world-tag{display:inline-block;background:#fff;padding:.5rem 1rem;font-size:.75rem;color:var(--dark)}.hero-copy h1{margin:1.5rem 0 0;font-size:1.875rem;line-height:1.5;color:var(--foreground)}.hero-copy h1 span{background:var(--gold);padding:0 .5rem;color:var(--dark);line-height:1.65}.hero-copy>p{max-width:32rem;margin:1.5rem 0 0;font-size:1.125rem;line-height:1.625;color:var(--muted)}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.arcade-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:"Press Start 2P",cursive;font-size:.75rem;transition:transform .15s}.arcade-btn:hover{transform:translateY(-2px)}.arcade-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--shadow)}.arcade-btn.red{background:var(--red);color:#fff}.arcade-btn.white{background:#fff;color:var(--dark)}.arcade-btn.green{background:var(--green);color:#fff}.arcade-btn:hover .icon{transform:translateX(4px)}.arcade-btn .icon{transition:transform .15s}.stats{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2.5rem}.stat{display:flex;align-items:flex-start;gap:.75rem}.stat-icon{margin-top:.25rem;color:var(--red)}.stat-icon .icon{width:1.25rem;height:1.25rem}.stat-value{margin:0;font-size:1.125rem}.stat-label{margin:.3rem 0 0;font-size:.75rem;color:var(--muted)}.avatar-wrap{position:relative;margin:auto;width:100%;max-width:28rem}.floating-blocks{position:absolute;right:2rem;top:-2rem;display:flex;gap:.75rem}.floating-blocks div{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;background:var(--gold);color:var(--dark);font-family:"Press Start 2P",cursive}.player-card{background:#fff;padding:.75rem}.player-card img{width:100%;aspect-ratio:1;object-fit:cover}.player-info{margin-top:.75rem;border-top:2px solid var(--dark);padding:.75rem}.player-info p:first-child{margin:0;font-size:.875rem}.player-info p:last-child{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 0;font-size:.75rem;color:#4a5568}.status-dot{width:.5rem;height:.5rem;background:var(--gold);border-radius:50%}.pipe{position:absolute;left:2rem;bottom:-1.5rem;display:none}.pipe div{border:4px solid var(--dark);background:var(--green)}.pipe div:first-child{width:5rem;height:4rem}.pipe div:last-child{width:6rem;height:3rem}.ground-strip{height:1rem;background:var(--green);border-top:4px solid var(--dark)}.hero>.ground-strip{margin-top:2rem}.brick-pattern{background-color:var(--brick);background-image:linear-gradient(335deg,rgba(0,0,0,.15) 23px,transparent 23px),linear-gradient(155deg,rgba(0,0,0,.15) 23px,transparent 23px),linear-gradient(335deg,rgba(0,0,0,.15) 23px,transparent 23px),linear-gradient(155deg,rgba(0,0,0,.15) 23px,transparent 23px);background-size:58px 58px;background-position:0 0,29px 0,29px -29px,0 29px}.hero-bricks,.footer-bricks{height:4rem;border-bottom:4px solid var(--dark)}.checker-pattern{background-color:#d9efff;background-image:linear-gradient(45deg,#c8e4f8 25%,transparent 25%),linear-gradient(-45deg,#c8e4f8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c8e4f8 75%),linear-gradient(-45deg,transparent 75%,#c8e4f8 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.levels-section{padding:4rem 0}.section-center{text-align:center}.section-center h2{margin:0;font-size:1.5rem;line-height:1.4}.section-center p{max-width:36rem;margin:.75rem auto 0;color:var(--muted)}.levels-grid{display:grid;gap:1.5rem;margin-top:3rem}.level-card{background:#fff;transition:transform .15s}.level-card:hover{transform:translateY(-4px)}.level-card a{height:100%;min-height:230px;display:flex;flex-direction:column;padding:1.5rem}.level-no{font-size:.75rem;color:var(--gold)}.level-card h3{margin:.75rem 0 0;color:var(--red);font-size:1rem}.level-card p{flex:1;margin:.5rem 0 0;font-size:.875rem;line-height:1.625;color:var(--muted)}.enter{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--dark)}.level-card:hover .enter{color:var(--red)}.level-card:hover .enter .icon{transform:translateX(4px)}.enter .icon{transition:transform .15s}.cta-section,.packages-section,.process-section{border-top:4px solid var(--dark);background:#fff;padding:4rem 0}.cta-btn{margin-top:2rem}.cta-section .section-center>p{max-width:36rem}.page-section{padding-top:4rem;padding-bottom:4rem}.section-header{max-width:48rem}.eyebrow{display:inline-block;background:var(--gold);padding:.5rem 1rem;color:var(--dark);font-size:.75rem}.section-header h1{margin:1.5rem 0 0;font-size:1.875rem;line-height:1.25}.section-header p{max-width:42rem;margin:1rem 0 0;font-size:1.125rem;color:var(--muted)}
.projects-grid{display:grid;gap:2rem;margin-top:3rem}.project-card{background:#fff;padding:.75rem;transition:transform .15s}.project-card:hover{transform:translateY(-4px)}.project-image{border:2px solid var(--dark)}.project-image img{width:100%;aspect-ratio:4/3;object-fit:cover}.project-meta{display:flex;justify-content:space-between;margin-top:1rem}.project-meta span{font-size:.75rem;color:var(--muted)}.project-card h3{margin:.75rem 0 0;font-size:1.125rem}.project-card>p{margin:.5rem 0 0;font-size:.875rem;line-height:1.625;color:var(--muted)}.metric{display:inline-block;margin-top:1rem;background:var(--gold);padding:.375rem .75rem;color:var(--dark);font-size:.75rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.tags li{border:2px solid var(--dark);padding:.25rem .5rem;font-size:.625rem;color:var(--foreground)}
.services-grid{display:grid;gap:1.5rem;margin-top:3rem}.service-card{background:#fff;padding:1.5rem;transition:transform .15s}.service-card:hover{transform:translateY(-4px)}.service-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--cream)}.service-icon .icon{color:var(--dark)}.service-card h3{margin:1rem 0 0;font-size:1rem}.service-card p{margin:.5rem 0 0;font-size:.875rem;line-height:1.625;color:var(--muted)}.packages-section .section-center{margin-bottom:2.5rem}.packages-grid{display:grid;gap:2rem}.package-card{display:flex;flex-direction:column;background:#fff;padding:1.5rem;transition:transform .15s}.package-card:hover{transform:translateY(-4px)}.powerup{font-size:.75rem;color:var(--red)}.package-card h3{margin:.5rem 0 0;font-size:1.125rem}.price{margin:.75rem 0 0;font-size:1.25rem;color:var(--dark)}.timeline{margin:.25rem 0 0;font-size:.875rem;color:var(--muted)}.package-card ul{flex:1;list-style:none;margin:1rem 0 0;padding:0;color:var(--muted);font-size:.875rem}.package-card li{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.package-card li span{color:var(--dark)}.choose{margin-top:1.5rem;width:100%;border:2px solid var(--dark);background:#fff;padding:.75rem;text-align:center;font-size:.75rem;color:var(--dark);transition:.15s}.choose:hover{background:var(--dark);color:#fff}
.about-grid{display:grid;gap:3rem;margin-top:3rem}.profile-holder{width:100%;max-width:24rem;margin:auto}.profile-card{background:#fff;padding:.75rem}.profile-card img{width:100%;aspect-ratio:1;object-fit:cover}.profile-info{margin-top:.75rem;border-top:2px solid var(--dark);padding:.75rem}.profile-info>p{margin:0;font-size:.875rem}.profile-rows{margin-top:.75rem;font-size:.875rem}.profile-rows>div{display:flex;justify-content:space-between;margin:.5rem 0}.profile-rows span{color:var(--muted)}.profile-rows b{font-weight:400}.green-text{color:var(--green)}.about-copy{display:flex;flex-direction:column;gap:1.5rem}.about-copy>p{margin:0;line-height:1.625;color:var(--muted)}.inventory-title{margin:0;font-size:1.125rem}.inventory{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.inventory-item{background:#fff;padding:.375rem .75rem;font-size:.75rem}.process-section h2{margin:0;font-size:1.5rem}.process-grid{display:grid;gap:1.5rem;margin-top:2.5rem}.process-step{background:var(--cream);padding:1.5rem}.step-num{font-size:1.5rem;color:var(--gold)}.process-step h3{margin:.75rem 0 0;font-size:1rem}.process-step p{margin:.5rem 0 0;font-size:.875rem;line-height:1.625;color:var(--muted)}.process-cta{text-align:center;margin-top:3rem}
.contact-grid{display:grid;gap:2rem;margin-top:3rem}.contact-form{background:var(--cream);padding:1.5rem}.contact-form h2{margin:0;font-size:1.125rem}.form-stack{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}.contact-form label{display:block}.contact-form label>span,.form-label{display:block;font-size:.75rem}.contact-form input,.contact-form textarea{width:100%;margin-top:.5rem;border:2px solid var(--dark);border-radius:0;background:#fff;color:#1a1a1a;padding:.75rem 1rem;font-size:.875rem;outline:none}.contact-form textarea{resize:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#4a5568}.budget-group{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.budget-btn{border-radius:0;background:#fff;padding:.5rem .75rem;font-size:.625rem;color:var(--dark);transition:.15s}.budget-btn:hover{background:var(--cream)}.budget-btn.selected{background:var(--gold)}.submit-btn{width:100%;margin-top:1.5rem;border-radius:0;background:var(--red);color:#fff;padding:.75rem;font-size:.875rem;transition:transform .15s}.submit-btn:hover{transform:translateY(-2px)}.submit-btn:disabled{opacity:.7}.contact-side{display:flex;flex-direction:column;gap:1.5rem}.info-card,.next-card{padding:1.5rem}.info-card{background:#fff}.next-card{background:var(--gold);color:var(--dark)}.info-card h3,.next-card h3{margin:0;font-size:.875rem}.info-card ul{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.75rem;font-size:.875rem;color:var(--muted)}.info-card li{display:flex;align-items:flex-start;gap:.75rem}.info-card li .icon{margin-top:.125rem;color:var(--dark)}.next-card ol{margin:1rem 0 0;padding-left:1rem;font-size:.875rem}.next-card li{margin:.5rem 0}.toast{position:fixed;right:1rem;bottom:1rem;z-index:1000;max-width:360px;background:#fff;color:#1a1a1a;border:2px solid #1a1a1a;box-shadow:4px 4px 0 #1a1a1a;padding:1rem 1.25rem;font-weight:600;transform:translateY(140%);opacity:0;transition:.25s}.toast.show{transform:translateY(0);opacity:1}
.site-footer .ground-strip{height:1rem}.footer-main{padding:2rem 0}.footer-inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}.footer-copy{margin:0;text-align:center;font-size:.875rem;color:var(--footerText)}.footer-links{display:flex;gap:1rem;font-family:"Press Start 2P",cursive;font-size:.75rem;color:var(--footerText)}.footer-links a:hover{color:var(--red)}.not-found{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.not-found>div{max-width:28rem}.not-found h1{font-size:4.5rem;margin:0}.not-found h2{margin:1rem 0 0}.not-found p{color:var(--muted);font-size:.875rem}.not-found .arcade-btn{margin-top:1.5rem}
.reveal,.reveal-from-left,.reveal-from-right,.reveal-now{opacity:0}.reveal{transform:translateY(20px)}.reveal-from-left{transform:translateX(-30px)}.reveal-from-right{transform:translateX(30px)}.reveal.visible,.reveal-from-left.visible,.reveal-from-right.visible,.reveal-now.visible{opacity:1;transform:none;transition:opacity .4s ease,transform .4s ease;transition-delay:var(--delay,0ms)}.reveal-from-left.visible,.reveal-from-right.visible{transition-duration:.6s}.reveal-from-right.visible{transition-delay:.2s}
body.dark{--bg:#0f172a;--foreground:#f8fafc;--card:#1e293b;--muted:#94a3b8;--header:#1e293b;--footerText:#94a3b8;--shadow:#0b1220}.dark .arcade-gradient{background:linear-gradient(180deg,#172554 0%,#0f172a 60%,#111827 100%)}.dark .checker-pattern{background-color:#172033;background-image:linear-gradient(45deg,#24324a 25%,transparent 25%),linear-gradient(-45deg,#24324a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#24324a 75%),linear-gradient(-45deg,transparent 75%,#24324a 75%)}.dark .player-card,.dark .level-card,.dark .project-card,.dark .service-card,.dark .package-card,.dark .profile-card,.dark .info-card,.dark .inventory-item,.dark .cta-section,.dark .packages-section,.dark .process-section{background:#1e293b}.dark .contact-form,.dark .process-step,.dark .service-icon{background:#334155}.dark .player-info p:last-child,.dark .project-meta span,.dark .project-card>p,.dark .service-card p,.dark .timeline,.dark .package-card ul,.dark .about-copy>p,.dark .profile-rows span,.dark .process-step p,.dark .info-card ul{color:#94a3b8}.dark .theme-sun{display:none}.dark .theme-moon{display:block}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal,.reveal-from-left,.reveal-from-right,.reveal-now{opacity:1;transform:none}}
@media (min-width:768px){.container{width:min(100% - 3rem,80rem)}.brand{font-size:.875rem}.desktop-nav,.nav-actions{display:flex}.mobile-menu-btn,.mobile-panel{display:none}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:6rem;padding-bottom:6rem}.cloud,.pipe{display:block}.hero-copy h1{font-size:3rem;line-height:1.45}.hero>.ground-strip{margin-top:2rem}.levels-section,.cta-section,.packages-section,.process-section{padding-top:6rem;padding-bottom:6rem}.levels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-center h2,.process-section h2{font-size:1.875rem}.page-section{padding-top:6rem;padding-bottom:6rem}.section-header h1{font-size:3rem}.projects-grid,.services-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.packages-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-form{padding:2rem}.footer-inner{flex-direction:row}.footer-copy{flex:1}.not-found h1{font-size:5rem}}
@media (min-width:1024px){.hero-copy h1{font-size:3.75rem}.levels-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.profile-holder{margin-left:0}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-form-wrap{grid-column:span 2}}

/* Contact-form delivery helpers */
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.toast.error{background:#fff0f0;color:#8b0000;border-color:#8b0000;box-shadow:4px 4px 0 #8b0000}

/* CSP-safe reveal delays (replaces inline style attributes) */
.delay-0{--delay:0ms}.delay-100{--delay:100ms}.delay-200{--delay:200ms}.delay-300{--delay:300ms}

/* Real project reference links */
.project-card[href]{display:block;color:inherit;text-decoration:none;cursor:pointer}
.project-card[href]:focus-visible{outline:4px solid var(--gold);outline-offset:5px}
.project-card[href] .project-image{overflow:hidden;background:#f5f5f5}
.project-card[href] .project-image img{transition:transform .22s ease,filter .22s ease}
.project-card[href]:hover .project-image img{transform:scale(1.025)}
.live-link-badge{background:var(--green);color:#fff}
.dark .live-link-badge{color:#fff}

/* Pre-launch project placeholders: unannounced work in production. */
.project-card-wip{cursor:default}
.project-card-wip:hover{transform:translateY(-4px)}
.wip-project-image{overflow:hidden;background:#e8f4ff}
.wip-project-visual{
  aspect-ratio:4/3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:22px;
  background-color:#d9efff;
  background-image:
    linear-gradient(45deg,rgba(255,255,255,.45) 25%,transparent 25%),
    linear-gradient(-45deg,rgba(255,255,255,.45) 25%,transparent 25%),
    linear-gradient(45deg,transparent 75%,rgba(255,255,255,.45) 75%),
    linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.45) 75%);
  background-size:24px 24px;
  background-position:0 0,0 12px,12px -12px,-12px 0
}
.wip-screen-label,.wip-screen-prompt{font-size:8px;line-height:1.5;text-align:center}
.wip-screen-label{background:#fff;border:2px solid var(--dark);box-shadow:3px 3px 0 var(--shadow);padding:8px 10px}
.wip-screen-prompt{color:var(--muted)}
.wip-blocks{display:flex;align-items:flex-end;gap:7px;height:46px}
.wip-blocks span{display:block;width:22px;border:2px solid var(--dark);background:var(--gold);box-shadow:2px 2px 0 var(--shadow)}
.wip-blocks span:nth-child(1){height:18px}.wip-blocks span:nth-child(2){height:28px}.wip-blocks span:nth-child(3){height:40px}.wip-blocks span:nth-child(4){height:30px}.wip-blocks span:nth-child(5){height:22px}
.wip-status-badge{background:var(--gold);color:var(--dark)}
.dark .wip-project-visual{background-color:#172554;background-image:none}
.dark .wip-screen-label{background:#1e293b;color:#fff}