.startup-screen{--start-accent:#d92d20;--start-ink:#17243a;--start-muted:#68758a;--start-bg:#fcfaf9;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;box-sizing:border-box;background:var(--start-bg);color:var(--start-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.startup-screen *{box-sizing:border-box}
.startup-screen:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 42%,#ffe2db80,transparent 62%)}
.startup-scene{position:relative;width:260px;height:230px;display:grid;place-items:center;margin-bottom:8px}
.startup-core{position:relative;z-index:3;display:grid;place-items:center;width:86px;height:86px;background:#fff;border:1px solid #fff;border-radius:25px;box-shadow:0 15px 48px #90291c15,0 1px 5px #90291c0a;animation:startup-breathe 3.5s ease-in-out infinite}
.startup-core img{width:57px;height:57px;object-fit:contain;filter:none!important}
.startup-title{margin:0 20px;text-align:center;font-size:clamp(21px,3vw,30px);font-weight:600;letter-spacing:.04em;line-height:1.5}
.startup-tagline{margin:10px 18px 25px;font-size:13px;letter-spacing:.14em;color:var(--start-muted);text-align:center}
.startup-loading{width:116px;height:3px;border-radius:8px;background:color-mix(in srgb,var(--start-accent) 12%,transparent);overflow:hidden;margin-top:2px}
.startup-loading:after{content:"";display:block;width:42%;height:100%;background:var(--start-accent);border-radius:8px;animation:startup-load 2s ease-in-out infinite}
.startup-status{margin:12px 0 0;font-size:11px;letter-spacing:.08em;color:var(--start-muted)}
.startup-art{position:absolute;inset:0;width:100%;height:100%;color:var(--start-accent);overflow:visible}
.startup-orbit{transform-origin:130px 115px;animation:startup-spin 14s linear infinite}
.startup-orbit--reverse{animation-direction:reverse;animation-duration:22s}
.startup-ripple{transform-origin:130px 115px;animation:startup-ripple 3s ease-out infinite}
.startup-ripple--late{animation-delay:-1.5s}
.startup-node{animation:startup-node 2.8s ease-in-out infinite;animation-delay:var(--delay,0s)}
.startup-flow{stroke-dasharray:7 15;animation:startup-flow 3s linear infinite}
.startup-flow--reverse{animation-direction:reverse}
.startup-screen[data-startup-style="2"]{--start-accent:#2476e9;--start-bg:#f5f9ff;--start-ink:#18345c;--start-muted:#6a819f}
.startup-screen[data-startup-style="2"]:before{background:radial-gradient(ellipse at 50% 40%,#d9eaffaa,transparent 66%)}
.startup-screen[data-startup-style="2"]:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#4e8bd009 1px,transparent 1px),linear-gradient(90deg,#4e8bd009 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,#0009,transparent 76%)}
.startup-screen[data-startup-style="2"] .startup-core{border-radius:23px;box-shadow:0 14px 44px #2562ac19}
.startup-screen[data-startup-style="3"]{--start-accent:#ff7160;--start-bg:#111923;--start-ink:#f4f6fa;--start-muted:#9aa6b7}
.startup-screen[data-startup-style="3"]:before{background:radial-gradient(ellipse at 50% 40%,#a640372b,transparent 58%)}
.startup-screen[data-startup-style="3"]:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#b5c8e509 1px,transparent 1px),linear-gradient(90deg,#b5c8e509 1px,transparent 1px);background-size:46px 46px;transform:perspective(360px) rotateX(45deg) scale(1.5);transform-origin:center 78%;mask-image:linear-gradient(transparent 20%,#0007 72%,transparent)}
.startup-screen[data-startup-style="3"] .startup-core{background:#242a33;border-color:#7d484244;box-shadow:0 0 65px #ef4c2f22,0 20px 35px #0004}
.startup-screen[data-startup-style="3"] .startup-core img{filter:drop-shadow(0 0 8px #ed43323d)!important}
.startup-screen[data-startup-style="3"] .startup-orbit{animation-duration:24s}
.startup-screen[data-startup-style="neutral"] .startup-scene{width:140px;height:130px}
.startup-screen[data-startup-style="neutral"] .startup-core{box-shadow:0 10px 30px #a62a1910}
.startup-paused *,.startup-paused:before,.startup-paused:after,.startup-paused *:before,.startup-paused *:after{animation-play-state:paused!important}
#boot-splash{position:fixed;inset:0;z-index:99990;min-height:100vh;transition:opacity .12s ease,visibility .12s ease}
#boot-splash.boot-splash--hide{opacity:0;visibility:hidden;pointer-events:none}
@keyframes startup-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes startup-spin{to{transform:rotate(360deg)}}
@keyframes startup-ripple{0%{opacity:.5;transform:scale(.75)}90%,100%{opacity:0;transform:scale(1.35)}}
@keyframes startup-node{0%,100%{opacity:.35}45%{opacity:1}}
@keyframes startup-flow{to{stroke-dashoffset:-88}}
@keyframes startup-load{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}
@media(prefers-reduced-motion:reduce){.startup-screen *,.startup-screen *:after{animation:none!important}.startup-loading:after{width:100%;opacity:.55}}
@media(max-width:600px){.startup-scene{transform:scale(.85);margin-bottom:-12px}.startup-title{font-size:23px}.startup-tagline{font-size:11px;letter-spacing:.07em}}

/* Approved raster artwork: eight cycling phases in a 4x2 atlas; no boot timers. */
.startup-screen[data-startup-style="1"]{--start-bg:#faf9f6;--start-ink:#2b3035;--start-muted:#7b8087;padding:82px 16px 32px;min-height:300px}
.startup-screen[data-startup-style="1"]:before{display:none}
.startup-brand{position:absolute;top:40px;left:48px;display:flex;align-items:center;gap:17px;font-size:clamp(15px,2.1vw,28px);font-weight:600;letter-spacing:.015em;z-index:1}
.startup-brand img{width:44px;height:44px;object-fit:contain}
.startup-brand span{border-left:1px solid #d9d7d3;padding-left:17px}
.startup-screen[data-startup-style="1"] .startup-scene{width:min(620px,88vw,58vh);height:auto;aspect-ratio:1;margin:0}
.pelican-cycle{position:absolute;inset:0;background-image:url('/startup/pelican-cycle.webp');background-size:400% 200%;background-repeat:no-repeat;background-position:0 0;animation:pelican-pedal 1.2s steps(1,end) infinite,pelican-bob 2.4s ease-in-out infinite}
.startup-screen[data-startup-style="1"] .startup-title{font-size:clamp(25px,3vw,44px);line-height:1.5;letter-spacing:.07em;font-weight:600;margin:3px 16px 0}
.startup-screen[data-startup-style="1"] .startup-status{font-size:clamp(13px,1.7vw,21px);line-height:1.6;letter-spacing:.08em;margin:8px 16px 0;text-align:center}
.pelican-loading-dots{display:flex;gap:15px;margin-top:23px;align-items:center;justify-content:center}
.pelican-loading-dots span{width:9px;height:9px;border-radius:50%;background:#db3022;animation:pelican-dot 1.2s ease-in-out infinite}
.pelican-loading-dots span:nth-child(2){animation-delay:-.8s}.pelican-loading-dots span:nth-child(3){animation-delay:-.4s}
@keyframes pelican-pedal{0%,100%{background-position:0 0}12.5%{background-position:33.333333% 0}25%{background-position:66.666667% 0}37.5%{background-position:100% 0}50%{background-position:0 100%}62.5%{background-position:33.333333% 100%}75%{background-position:66.666667% 100%}87.5%{background-position:100% 100%}}
@keyframes pelican-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes pelican-dot{0%,100%{opacity:.25}45%{opacity:1}}
.preview-thumb .startup-brand,.preview-thumb .pelican-loading-dots{display:none}
.preview-thumb[data-startup-style="1"]{padding:0;min-height:0}
.preview-thumb[data-startup-style="1"] .startup-scene{width:155px;height:155px;aspect-ratio:1;transform:none;margin:0}
@media(max-width:600px){
 .startup-brand{top:24px;left:22px;gap:11px;font-size:16px}.startup-brand img{width:33px;height:33px}.startup-brand span{padding-left:11px}
 .startup-screen[data-startup-style="1"] .startup-scene{transform:none;width:min(88vw,390px,54vh);height:auto;margin:0}
 .startup-screen[data-startup-style="1"]{padding-top:80px;padding-bottom:24px}.pelican-loading-dots{margin-top:19px}
}
@media(max-height:480px){.startup-brand{top:15px;left:20px;font-size:15px}.startup-brand img{width:28px;height:28px}.startup-screen[data-startup-style="1"]{padding-top:52px;padding-bottom:14px}.startup-screen[data-startup-style="1"] .startup-scene{width:min(42vh,230px)}.startup-screen[data-startup-style="1"] .startup-title{font-size:23px}.pelican-loading-dots{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.pelican-cycle,.pelican-loading-dots span{animation:none!important}.pelican-cycle{background-position:0 0}.pelican-loading-dots span{opacity:.6}}

/* Explicit preview playback is an opt-in; production still respects reduced motion. */
@media(prefers-reduced-motion:reduce){
 .startup-motion-requested .pelican-cycle{animation:pelican-pedal 1.2s steps(1,end) infinite,pelican-bob 2.4s ease-in-out infinite!important}
 .startup-motion-requested .pelican-loading-dots span{animation:pelican-dot 1.2s ease-in-out infinite!important}
}

#main-preview:fullscreen[data-startup-style="1"] .startup-scene{width:min(620px,88vw,58vh)}
#main-preview:fullscreen .startup-brand{top:40px;left:48px;font-size:28px}
#main-preview:fullscreen .startup-brand img{width:44px;height:44px}

.preview-thumb[data-startup-style="1"]{padding:0;min-height:0}
.preview-thumb[data-startup-style="1"] .startup-scene{width:155px;height:155px;transform:none;margin:0}
@media(max-height:480px){#main-preview:fullscreen[data-startup-style="1"] .startup-scene{width:min(42vh,230px)}}