:root{--blueprint-blue: #0b71bc;--workshop-green: #22b57a;--hazard-yellow: #ffcc0d;--hazard-black: #171713;--strip-height: clamp(48px, 8vh, 65px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:var(--blueprint-blue);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%}body{margin:0;overflow:hidden;background:var(--blueprint-blue)}.upgrade-page{position:relative;width:100%;min-height:100svh;overflow:hidden;background:var(--blueprint-blue);color:#fff;isolation:isolate}.caution-strip{position:absolute;left:0;z-index:3;width:100%;height:var(--strip-height);background-color:var(--hazard-yellow);background-image:repeating-linear-gradient(45deg,var(--hazard-yellow) 0,var(--hazard-yellow) 45px,var(--hazard-black) 45px,var(--hazard-black) 90px);background-size:128px 128px;animation:caution-roll 1.15s linear infinite}.caution-strip--top{top:0}.caution-strip--bottom{bottom:0;animation-direction:reverse}.upgrade-stage{position:absolute;inset:var(--strip-height) 0;overflow:hidden;background:var(--blueprint-blue)}h1{position:absolute;top:clamp(73px,17.5vh,125px);left:clamp(44px,9.15vw,118px);z-index:1;max-width:min(520px,70vw);margin:0;color:#fff;font-size:clamp(46px,5.32vw,68px);font-weight:800;line-height:1.04;letter-spacing:0}.workshop-line{position:absolute;left:50%;bottom:clamp(26px,4.4vh,36px);width:calc(100vw - 90px);height:auto;transform:translate(-50%);-webkit-user-select:none;user-select:none;pointer-events:none}@keyframes caution-roll{to{background-position:128px 0}}@keyframes dot-1-blink{0%{opacity:0}2%{opacity:1}95%{opacity:1}97%{opacity:0}to{opacity:0}}@keyframes dot-2-blink{0%{opacity:0}35%{opacity:0}37%{opacity:1}95%{opacity:1}97%{opacity:0}to{opacity:0}}@keyframes dot-3-blink{0%{opacity:0}68%{opacity:0}70%{opacity:1}95%{opacity:1}97%{opacity:0}to{opacity:0}}.dot{display:inline-block;animation-duration:5.5s;animation-iteration-count:infinite;animation-timing-function:steps(1,end)}.dot-1{animation-name:dot-1-blink}.dot-2{animation-name:dot-2-blink}.dot-3{animation-name:dot-3-blink}@media(prefers-reduced-motion:reduce){.caution-strip{animation:none}}@media(max-width:900px){:root{--strip-height: clamp(42px, 7vh, 54px)}h1{top:clamp(72px,14vh,120px);left:clamp(40px,8vw,110px);font-size:clamp(42px,6.8vw,66px);line-height:1.05}.workshop-line{bottom:clamp(24px,5vh,40px);width:calc(100vw - 80px)}}@media(max-width:720px){:root{--strip-height: clamp(40px, 7vh, 50px)}h1{position:absolute;top:clamp(66px,14vh,96px);left:clamp(28px,6vw,48px);max-width:min(520px,82vw);margin:0;font-size:clamp(36px,8vw,54px);line-height:1.08}.workshop-line{bottom:clamp(20px,6vh,32px);width:min(calc(100vw - 80px),640px)}}@media(max-width:520px){:root{--strip-height: clamp(38px, 7vh, 46px)}h1{top:clamp(62px,13vh,86px);left:clamp(24px,6vw,40px);max-width:min(500px,86vw);font-size:clamp(32px,10vw,48px)}.workshop-line{width:min(calc(100vw - 60px),600px);bottom:clamp(18px,6vh,28px)}}@media(orientation:landscape)and (max-width:720px){h1{top:clamp(48px,10vh,68px);left:clamp(24px,6vw,40px);font-size:clamp(24px,6.5vw,38px);max-width:76vw;line-height:1.08}.workshop-line{width:min(78vw,520px);bottom:clamp(18px,4.5vh,26px)}}