@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101010;--orange:#ff682c;--muted:#99958f}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#efede7;font-family:'Space Grotesk',Arial,sans-serif;min-height:100svh;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:7px}header{height:104px;display:flex;align-items:center;gap:25px;padding:0 48px;position:relative;z-index:5}.header-note{margin-left:auto;color:var(--muted);font-size:12px;letter-spacing:1.4px}main{position:relative;isolation:isolate;min-height:660px;height:calc(100svh - 192px);max-height:1100px;text-align:center}.title-block{position:relative;z-index:2;pointer-events:none;padding-top:17px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:3px;color:var(--muted);margin:0 0 20px}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:800;line-height:.83;font-size:clamp(100px,12vw,188px);letter-spacing:-.025em;margin:0;color:var(--orange)}h1 span{display:block;font-size:.86em;margin-top:8px}.scene{position:absolute;inset:205px 0 35px;perspective:1000px;overflow:hidden}.appliance{position:absolute;width:min(830px,90vw);left:50%;top:50%;margin-top:-15px;transform:translate(-50%,-50%);animation:levitate 6s ease-in-out infinite;will-change:transform}.appliance img{display:block;width:100%;height:auto;mix-blend-mode:lighten;user-select:none;-webkit-user-drag:none}.aura{position:absolute;width:45%;height:40%;left:27.5%;top:32%;background:radial-gradient(ellipse,#ef4e0e1c,transparent 68%);filter:blur(24px);animation:breathe 5s ease-in-out infinite}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.caption{position:absolute;bottom:18px;left:0;width:100%;display:flex;justify-content:center;gap:17px;align-items:center}.caption p{font-size:16px;color:#b7b1a9;margin:0}.rule{width:32px;height:1px;background:#5b3a29}footer{height:88px;margin:0 48px;border-top:1px solid #ffffff18;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:1.5px;color:var(--muted)}#power{background:none;border:0;display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:2px;padding:12px}.power-icon{color:var(--orange);font-size:22px}#power-label{color:#dad3c7}dialog{position:fixed;inset:0 auto 0 0;width:min(490px,100%);height:100dvh;max-height:none;max-width:100%;margin:0;border:0;border-right:1px solid #ffffff20;background:#191817;color:#efede7;padding:0;box-shadow:20px 0 100px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}.menu-inner{padding:115px 48px 40px}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:72px;line-height:1;letter-spacing:-1px;font-weight:700;margin:32px 0 50px;color:var(--orange)}.home-link,.coming{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-top:1px solid #ffffff25;font-size:20px}.home-link span,.coming span:last-child{font-size:12px;letter-spacing:1px;color:var(--muted)}.coming{color:#a6a09a}.menu-foot{font-size:14px;color:var(--muted);margin-top:65px}.paused .appliance,.paused .aura{animation-play-state:paused}.paused .power-icon{color:var(--muted)}@keyframes levitate{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,calc(-50% - 18px)) rotate(1.5deg)}}@keyframes breathe{50%{opacity:.35;transform:scale(.85)}}@media(min-width:1600px){.scene{top:270px}}@media(max-width:700px){header{height:80px;padding:0 20px;gap:14px}.header-note{display:none}main{height:calc(100svh - 160px);min-height:580px}.title-block{padding-top:40px}.eyebrow{font-size:10px;letter-spacing:1.8px}h1{font-size:clamp(88px,20vw,140px)}.scene{inset:190px -40px 50px}.appliance{width:650px;max-width:140vw}.caption{bottom:34px}.caption p{font-size:14px}footer{height:80px;margin:0 24px;font-size:10px;letter-spacing:1px}footer>span:first-child{max-width:150px;line-height:1.7}.footer-domain{display:none}#power{font-size:10px;letter-spacing:1px}.menu-inner{padding:100px 32px 32px}}@media(prefers-reduced-motion:reduce){.appliance,.aura{animation:none}*{scroll-behavior:auto!important}}
.appliance{mix-blend-mode:lighten;mask-image:radial-gradient(ellipse at center,#000 46%,transparent 73%)}
.scene{cursor:crosshair;touch-action:manipulation}.scene:focus-visible{outline:1px dashed var(--orange);outline-offset:-16px}
.connector{position:absolute;left:74%;top:76%;width:17%;height:14%;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer;transform:rotate(-12deg);border-radius:35%}.connector:focus-visible{outline:2px dashed var(--orange);outline-offset:3px}
.menu-toggle{position:relative;z-index:20;display:grid;place-items:center;width:64px;height:56px;padding:0;border:0;background:transparent;color:#c7b6a4;border-radius:8px}
.eye-icon{width:60px;height:60px;overflow:visible}
.eye-outline{fill:#25150f;stroke:#ff8544;stroke-width:1.5;stroke-linejoin:round}
.eye-open{transform-origin:32px 34px;transform:scaleY(.02);opacity:0;transition:transform 1.15s cubic-bezier(.2,.65,.3,1),opacity .7s,filter 1.15s}
.eye-closed{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transition:opacity .55s,color .5s}
.menu-toggle:is(:hover,:focus-visible,[aria-expanded=true]) .eye-open{transform:scaleY(1);opacity:1;filter:drop-shadow(0 0 5px #ff682c80)}
.menu-toggle:is(:hover,:focus-visible,[aria-expanded=true]) .eye-closed{opacity:0}
dialog>.menu-toggle{position:absolute;top:24px;left:48px}
@media(max-width:700px){dialog>.menu-toggle{top:12px;left:20px}}
@media(prefers-reduced-motion:reduce){.eye-open,.eye-closed{transition:none}}
.secret-blog{display:inline-block;padding:8px 0;color:inherit;transition:color .6s,text-shadow .6s}.secret-blog:hover,.secret-blog:focus-visible{color:var(--orange);text-shadow:0 0 16px #ff682c80}@media(prefers-reduced-motion:reduce){.secret-blog{transition:none}}
.project-link small{display:block;margin-top:5px;font-size:14px;line-height:1.5;color:var(--muted)}.project-link:hover small{color:var(--orange)}
.games-menu>summary{list-style:none;cursor:pointer}.games-menu>summary::-webkit-details-marker{display:none}.games-menu>summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.games-menu>summary:hover,.games-menu[open]>summary{color:var(--orange)}.games-marker{font-size:22px!important;transition:transform .2s}.games-menu[open] .games-marker{transform:rotate(45deg);color:var(--orange)}.games-links{margin:0 0 22px 4px;padding-left:20px;border-left:1px solid #ff682c66}.games-links .home-link{font-size:18px;padding:18px 0;gap:12px}.games-links .home-link:first-child{border-top:0}.games-links .project-link small{font-size:12px}.games-links .home-link:hover{color:var(--orange)}@media(prefers-reduced-motion:reduce){.games-marker{transition:none}}