@font-face{font-family:Fredoka Variable;src:url(/fonts/Fredoka-Variable.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#111827;--color-bg-elevated:#1f2937;--color-text:#f3f4f6;--color-text-muted:#9ca3af;--color-accent:#f59e0b;--focus-ring:#f59e0b;--font-display:"Fredoka Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}body{background-color:var(--color-bg);min-height:100svh;color:var(--color-text);margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;font-weight:700}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:2px}.skip-link{z-index:100;background:var(--color-accent);color:var(--color-bg);border-radius:4px;padding:.6rem 1rem;font-weight:600;text-decoration:none;transition:transform .15s;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{background:var(--color-accent);color:var(--color-bg);cursor:pointer;border:none;border-radius:8px;padding:.65rem 1.25rem;font-weight:600;text-decoration:none;display:inline-block}.button:hover{filter:brightness(1.08)}.site-header{z-index:50;pointer-events:auto;background:linear-gradient(#111827e0,#111827b8);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;height:64px;padding:0 clamp(1rem,3vw,2rem);display:flex;position:fixed;top:0;left:0;right:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1118278c}}.site-header__wordmark{font-family:var(--font-display);letter-spacing:.02em;color:var(--color-text);white-space:nowrap;font-size:1.25rem;font-weight:700;text-decoration:none}.site-header__nav{align-items:center;gap:clamp(.75rem,2vw,1.5rem);display:flex}.site-header__link{color:var(--color-text-muted);white-space:nowrap;border-radius:4px;align-items:center;gap:.4rem;padding:.25rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.site-header__link:hover,.site-header__link.is-active{color:var(--color-text)}.site-header__link svg{flex-shrink:0}.site-header__link--placeholder{color:var(--color-text-muted);opacity:.85}.site-header__link--placeholder:hover{opacity:1}.site-header__soon{text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);border:1px solid;border-radius:999px;margin-left:.15rem;padding:.05rem .4rem;font-size:.7rem;font-style:normal}@media (width<=480px){.site-header__link span:not(.visually-hidden):not(.site-header__soon){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header__soon{display:none}}.site-footer{z-index:1;padding:1.25rem 1.5rem calc(1.25rem + env(safe-area-inset-bottom,0px));background:var(--color-bg);border-top:1px solid #ffffff14;justify-content:center;display:flex;position:relative}.site-footer__link{color:var(--color-text-muted);font-size:.85rem;text-decoration:none}.site-footer__link:hover{color:var(--color-text);text-decoration:underline}.credits{max-width:56rem;margin:0 auto;padding:5rem 1.5rem 4rem}.credits__intro{color:var(--color-text-muted);margin-bottom:2rem}.credits__section-title{margin:2.5rem 0 1rem;font-size:1.15rem}.credits__tech-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.credits__tech-item{background:var(--color-bg-elevated);border:1px solid #ffffff1a;border-radius:10px;padding:.85rem 1rem}.credits__tech-heading{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.credits__tech-name{color:var(--color-text);font-weight:600;text-decoration:none}.credits__tech-name:hover{text-decoration:underline}.credits__tech-license{color:var(--color-text-muted);border:1px solid;border-radius:999px;flex-shrink:0;padding:.05rem .5rem;font-size:.75rem}.credits__tech-role{color:var(--color-text-muted);margin:.3rem 0 0;font-size:.88rem}.credits__assets p{color:var(--color-text-muted);margin:0 0 1rem;line-height:1.6}.credits__assets a{color:var(--color-accent)}.credits__disclaimer{color:var(--color-text-muted);line-height:1.6}.credits__title-note{color:var(--color-text-muted);font-size:.88rem}.credits__back{margin-top:1.5rem}.skyline-hero{text-align:center;background:linear-gradient(#05070f 0%,#111827 32%,#3b2f63 60%,#b6567c 82%,#f59e0b 100%);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:6rem 1.5rem 2rem;display:flex;position:relative;overflow:hidden}.skyline-hero__skyline{z-index:0;background:var(--color-bg);opacity:.92;clip-path:polygon(0% 100%,0% 55%,6% 55%,6% 30%,12% 30%,12% 70%,18% 70%,18% 15%,24% 15%,24% 45%,30% 45%,30% 60%,36% 60%,36% 25%,42% 25%,42% 50%,48% 50%,48% 10%,54% 10%,54% 40%,60% 40%,60% 65%,66% 65%,66% 20%,72% 20%,72% 48%,78% 48%,78% 32%,84% 32%,84% 58%,90% 58%,90% 22%,96% 22%,96% 42%,100% 42%,100% 100%);height:clamp(120px,22vh,240px);position:absolute;bottom:0;left:0;right:0}.skyline-hero__content{z-index:1;max-width:40rem;color:var(--color-text);position:relative}.skyline-hero__heading{text-shadow:0 2px 24px #00000073;margin:0 0 .75rem;font-size:clamp(2rem,6vw,3.5rem)}.game-boot-fallback{min-height:100%}.game-canvas-container{z-index:0;position:fixed;inset:0}.game-loading{pointer-events:none;justify-content:center;align-items:flex-end;padding-bottom:15vh;display:flex;position:absolute;inset:0}.game-loading__bar{background:#ffffff26;border-radius:2px;width:min(280px,60vw);height:4px;position:relative;overflow:hidden}.game-loading__bar:after{content:"";background:#ffffffb3;border-radius:2px;width:40%;animation:1.1s ease-in-out infinite game-loading-sweep;position:absolute;inset:0}@keyframes game-loading-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.game-loading__bar:after{opacity:.4;width:100%;animation:none}}.home{position:relative}.home__hero{z-index:1;opacity:1;visibility:visible;background:linear-gradient(#05070f 0%,#111827 32%,#3b2f63 60%,#b6567c 82%,#f59e0b 100%);justify-content:center;align-items:center;min-height:100dvh;padding:6rem 1.5rem 2rem;transition:opacity .5s,visibility 0s linear .5s;display:flex;position:relative;overflow:hidden}.home__hero--hidden{opacity:0;visibility:hidden;pointer-events:none}.home__hero-content{z-index:1;text-align:center;max-width:40rem;color:var(--color-text);position:relative}.home__title{text-shadow:0 2px 24px #00000073;margin:0 0 .75rem;font-size:clamp(2.5rem,8vw,4.5rem)}.home__tagline{color:#ffffffd9;text-shadow:0 1px 12px #0006;margin:0;font-size:clamp(1rem,2vw,1.15rem)}.home__play-btn{z-index:1;background:var(--color-accent);color:var(--color-bg);font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;margin-top:1.75rem;padding:.9rem 2.4rem;font-size:clamp(1.1rem,3.5vw,1.4rem);font-weight:700;transition:transform .15s,filter .15s;display:inline-flex;position:relative;box-shadow:0 8px 32px #f59e0b59}.home__play-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.home__play-btn:hover{transform:none}}.home__skyline{z-index:0;background:var(--color-bg);opacity:.92;clip-path:polygon(0% 100%,0% 55%,6% 55%,6% 30%,12% 30%,12% 70%,18% 70%,18% 15%,24% 15%,24% 45%,30% 45%,30% 60%,36% 60%,36% 25%,42% 25%,42% 50%,48% 50%,48% 10%,54% 10%,54% 40%,60% 40%,60% 65%,66% 65%,66% 20%,72% 20%,72% 48%,78% 48%,78% 32%,84% 32%,84% 58%,90% 58%,90% 22%,96% 22%,96% 42%,100% 42%,100% 100%);height:clamp(120px,22vh,240px);position:absolute;bottom:0;left:0;right:0}.not-found__code{font-family:var(--font-display);color:var(--color-accent);text-shadow:0 2px 24px #00000073;margin:0 0 .5rem;font-size:clamp(3rem,12vw,6rem);font-weight:700;line-height:1}.not-found__message{color:#ffffffd9;text-shadow:0 1px 12px #0006;margin:0 0 1.75rem}.not-found__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.not-found__secondary-link{color:var(--color-text);text-underline-offset:2px;text-decoration:underline}.portfolio{max-width:72rem;margin:0 auto;padding:5rem 1.5rem 4rem}.portfolio__intro{color:var(--color-text-muted);margin-bottom:2.5rem}.portfolio__empty{color:var(--color-text-muted)}.portfolio__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.portfolio__card{background:var(--color-bg-elevated);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;padding:1.25rem;display:flex}.portfolio__card-thumb{background:linear-gradient(135deg,#f59e0b40,#3b2f6359);border-radius:8px;height:120px;margin-bottom:1rem;position:relative;overflow:hidden}.portfolio__card-image{object-fit:cover;width:100%;height:100%}.portfolio__card-skyline{background:var(--color-bg);opacity:.5;clip-path:polygon(0% 100%,0% 60%,10% 60%,10% 35%,20% 35%,20% 70%,30% 70%,30% 20%,40% 20%,40% 55%,50% 55%,50% 15%,60% 15%,60% 45%,70% 45%,70% 65%,80% 65%,80% 30%,90% 30%,90% 50%,100% 50%,100% 100%);position:absolute;inset:0}.portfolio__card-heading{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.4rem;display:flex}.portfolio__card-title{margin:0;font-size:1.05rem}.portfolio__badge{text-transform:uppercase;letter-spacing:.04em;min-width:0;color:var(--color-accent);white-space:nowrap;text-overflow:ellipsis;border:1px solid;border-radius:999px;flex-shrink:1;max-width:100%;padding:.15rem .5rem;font-size:.65rem;overflow:hidden}.portfolio__card-body{color:var(--color-text-muted);flex-grow:1;margin:0 0 .85rem;font-size:.9rem}.portfolio__tags{flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.portfolio__tag{color:var(--color-text-muted);background:#ffffff0f;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.portfolio__tag--placeholder{border:1px dashed #ffffff40}.portfolio__card-links{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.portfolio__card-link{padding:.5rem 1rem;font-size:.85rem}.resume{max-width:56rem;margin:0 auto;padding:5rem 1.5rem 4rem}.resume__intro{color:var(--color-text-muted);margin-bottom:1.5rem}.resume__pending{background:var(--color-bg-elevated);border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.resume__download--disabled{opacity:.55;cursor:not-allowed}.resume__download--disabled:hover{filter:none}.resume__mobile-note{color:var(--color-text-muted);margin:1rem 0 0;font-size:.85rem}.resume__embed{background:var(--color-bg-elevated);border:1px solid #ffffff1a;border-radius:12px;width:100%;height:70vh;margin-top:1.5rem;display:block}.resume__embed-frame{border:none;width:100%;height:100%}.resume__fallback{text-align:center;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;margin:0;padding:2rem;display:flex}