html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:ivory}canvas{touch-action:none}.mobileTerminalPage{width:100%;height:100%;background:#0e1016}.mobileTerminalPage iframe{display:block;width:100%;height:100%;border:0;background:#0e1016}@font-face{font-family:BangersLocal;src:url(/bangers-v20-latin-regular.woff) format("woff");font-display:swap}.loadingScene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;isolation:isolate;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(126,231,135,.12),transparent 32%),linear-gradient(145deg,#191111,#241a1a 48%,#101217);color:#d8f7b8;font-family:Courier New,monospace;pointer-events:none;opacity:1;transition:opacity .36s ease,visibility .36s ease}.loadingScene.isHidden{visibility:hidden;opacity:0}.loadingPanel{width:min(520px,calc(100vw - 48px));transform:perspective(900px) rotateX(58deg) rotate(-8deg);filter:drop-shadow(0 34px 24px rgba(0,0,0,.38))}.loadingTitle{margin:0 0 18px;color:#7ee787;font-size:18px;font-weight:700;letter-spacing:0;text-align:center;text-shadow:0 0 12px rgba(126,231,135,.65)}.loadingBar3d{--progress-scale: 0;position:relative;height:48px;transform-style:preserve-3d}.loadingTrack,.loadingFill,.loadingBarTop,.loadingBarSide{border-radius:6px}.loadingTrack{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:1px solid #3c4a63;background:#121720;box-shadow:inset 0 0 0 2px #ffffff0a}.loadingFill{position:absolute;top:5px;right:5px;bottom:5px;left:5px;overflow:hidden;background:linear-gradient(90deg,#46b66f,#7ee787 58%,#e3b341);box-shadow:0 0 22px #7ee7878a;transform:scaleX(var(--progress-scale));transform-origin:left center;transition:transform .18s ease}.loadingGlow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.48) 42%,transparent 70%);transform:translate(-60%);animation:loadingSweep 1.1s linear infinite}.loadingBarTop{position:absolute;left:0;right:0;top:-16px;height:16px;background:linear-gradient(180deg,#2f3a4d,#1a202d);transform:rotateX(72deg);transform-origin:bottom}.loadingBarSide{position:absolute;right:-20px;top:0;width:20px;height:48px;background:linear-gradient(90deg,#111721,#293241);transform:rotateY(68deg);transform-origin:left}.loadingMeta{display:flex;justify-content:space-between;margin-top:16px;color:#9ca8ba;font-size:16px}@keyframes loadingSweep{to{transform:translate(120%)}}@media(prefers-reduced-motion:reduce){.loadingGlow{animation:none}.loadingFill{transition:none}}@media(max-width:640px){.loadingPanel{width:min(360px,calc(100vw - 32px));transform:perspective(780px) rotateX(54deg) rotate(-6deg)}.loadingTitle{font-size:15px}}.htmlScreen iframe{display:block;width:1024px;height:670px;border:none;border-radius:20px;background:#000}.htmlScreen{width:1024px;height:670px;overflow:hidden;border-radius:20px}.portfolioTitle{pointer-events:none}.portfolioTitle div{color:#f8f7f3;font-family:BangersLocal,Impact,sans-serif;font-size:190px;line-height:.9;letter-spacing:0;text-align:center;white-space:nowrap;text-shadow:3px 3px 0 #d8d2c7,7px 7px 0 rgba(0,0,0,.34),0 12px 30px rgba(0,0,0,.42);transform:skew(-8deg);transform-origin:center}@media(max-width:640px){.portfolioTitle{display:none}}