*{box-sizing:border-box}html,body,#stage{margin:0;width:100%;height:100%;min-height:100dvh;overflow:hidden;background:#030812}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff}#stage{position:relative;isolation:isolate;background:radial-gradient(circle at 50% 40%,#13223a 0,#050916 58%,#02040a 100%)}#scene{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}.construction{position:fixed;z-index:4;left:50%;top:10%;width:min(92vw,980px);transform:translateX(-50%);text-align:center;pointer-events:none;filter:drop-shadow(0 0 24px #45d7ff66)}.yp{font-weight:1000;letter-spacing:.34em;padding-left:.34em;font-size:clamp(13px,1.5vw,20px);background:linear-gradient(90deg,#35e8ff,#875dff,#ff4dd8,#ff4b4b,#ffd84b,#5dff9a,#35e8ff);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ypHue 12s linear infinite;text-shadow:0 0 22px #68eaff44}.construction h1{margin:.16em 0 0;font-size:clamp(38px,8vw,112px);line-height:.88;letter-spacing:.035em;font-weight:1000;color:#f7fbff;text-shadow:0 0 5px #fff,0 0 16px #46d8ff,0 0 38px #6d5cff,0 0 75px #c43cff}.construction p{margin:14px 0 0;font-size:clamp(12px,1.6vw,18px);letter-spacing:.14em;text-transform:uppercase;color:#cbeeff;text-shadow:0 0 12px #3fe1ff}.hud{position:fixed;z-index:6;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:9px;align-items:center;justify-content:center;padding:8px;border:1px solid #69dcff70;border-radius:18px;background:linear-gradient(135deg,#07111dd9,#160d2bd9);backdrop-filter:blur(15px) saturate(1.5);box-shadow:0 0 28px #398cff35,inset 0 0 20px #8a4cff12}.hud button,.return{appearance:none;border:1px solid #6edcff99;background:#091a32;color:#fff;border-radius:12px;padding:10px 14px;min-height:42px;font-weight:800;font-size:12px;letter-spacing:.03em;text-decoration:none;cursor:pointer;box-shadow:inset 0 0 14px #43d9ff15,0 0 12px #36aaff20;transition:transform .18s,box-shadow .18s,border-color .18s}.hud button:hover,.return:hover{transform:translateY(-2px);border-color:#fff;box-shadow:0 0 20px #43dcff66,0 0 28px #a84cff33}.return{background:linear-gradient(90deg,#102544,#21113c)}#stage.hit{animation:screenShake .55s cubic-bezier(.36,.07,.19,.97)}#stage.hit .construction h1{animation:titleZap .55s linear}.construction.struck{animation:constructionPulse .8s ease-out}@keyframes ypHue{to{background-position:250% 0}}@keyframes screenShake{0%,100%{transform:translate(0)}10%{transform:translate(-10px,5px) rotate(-.25deg)}20%{transform:translate(11px,-7px) rotate(.3deg)}35%{transform:translate(-8px,-4px)}50%{transform:translate(8px,6px)}65%{transform:translate(-5px,3px)}80%{transform:translate(3px,-2px)}}@keyframes titleZap{0%,100%{opacity:1;filter:none}15%{opacity:.15;filter:brightness(4)}22%{opacity:1}35%{opacity:.3}45%{opacity:1;filter:brightness(2.5)}}@keyframes constructionPulse{0%{filter:drop-shadow(0 0 24px #45d7ff66)}30%{filter:drop-shadow(0 0 55px #fff) brightness(1.5)}100%{filter:drop-shadow(0 0 24px #45d7ff66)}}
@media(max-width:700px){.construction{top:max(5%,env(safe-area-inset-top))}.construction h1{font-size:clamp(34px,13vw,68px)}.construction p{font-size:10px;margin-top:10px}.hud{width:calc(100% - 18px);gap:6px;padding:6px}.hud button,.return{flex:1;padding:8px 5px;min-height:40px;font-size:10px;text-align:center}.yp{font-size:11px}}
@media(max-height:560px){.construction{top:4%}.construction p{display:none}.hud{bottom:7px}.hud button,.return{min-height:34px;padding:6px 9px}}
@media(prefers-reduced-motion:reduce){.yp{animation:none}#stage.hit,.construction.struck,#stage.hit .construction h1{animation:none}}