.startup-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;overflow:hidden;isolation:isolate;background:#07100f;color:#fff5dc;font-family:Georgia,Times New Roman,serif;outline:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;opacity:1;transition:opacity .32s ease}.startup-screen.leaving{opacity:0;pointer-events:none}.startup-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 35%,#204438,#07100f 72%)}.startup-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;transition:opacity 1.4s ease-in-out}.startup-art.visible{opacity:1}.startup-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.startup-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,#020707f5,#02070796 16%,transparent 42%),linear-gradient(90deg,#02070735,transparent 28%,transparent 72%,#02070735)}.startup-caption{position:absolute;left:max(5vw,env(safe-area-inset-left));bottom:19%;max-width:440px;text-shadow:0 2px 14px #000;transition:opacity 1.4s ease-in-out}.startup-caption>span{font:10px/1.5 system-ui,sans-serif;letter-spacing:.25em;color:#d1bd8b}.startup-caption h1{margin:8px 0;font-size:clamp(24px,2.6vw,46px);font-weight:500;line-height:1.1}.startup-caption p{margin:0;max-width:340px;font:13px/1.55 system-ui,sans-serif;color:#e2ddcf}.startup-bottom{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));text-align:center;display:grid;justify-items:center;gap:12px}.startup-progress{width:min(230px,45vw);height:2px;background:#e8ce8826;overflow:hidden}.startup-progress i{display:block;width:35%;height:100%;background:#b7e7bd;box-shadow:0 0 12px #8ffcb6;animation:startup-connect 2s ease-in-out infinite}.startup-progress.complete i{width:100%;animation:none}.startup-status{margin:0;min-height:18px;color:#dedacc;font:12px/1.5 system-ui,sans-serif;letter-spacing:.04em}.startup-continue{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:100%;padding:8px 12px;border:0;border-radius:0;background:none;color:#fff1c9;cursor:pointer;font:600 clamp(19px,2vw,34px)/1.35 Georgia,serif;text-wrap:balance;text-shadow:0 2px 5px #000,0 0 24px #ffd18b80;animation:startup-beckon 2.8s ease-in-out infinite}.startup-continue:hover{background:none;color:#fff}.startup-continue:focus-visible,.startup-offline-actions button:focus-visible{outline:2px solid #f8df9a;outline-offset:4px}.startup-offline-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.startup-offline-actions button{padding:8px 16px;min-height:44px;color:#fff1ce;border:1px solid #dbc08075;background:#10251ddd;border-radius:6px;font:13px system-ui,sans-serif;cursor:pointer}.startup-fallback-logo{position:absolute;left:0;right:0;top:20%;text-align:center;font-weight:900;font-size:clamp(42px,10vw,120px);letter-spacing:.06em;color:#e3c994;text-shadow:0 4px #453c29,0 0 50px #65d5a340}.startup-fallback-logo span{display:block;margin-top:18px;font:12px system-ui,sans-serif;letter-spacing:.12em}@keyframes startup-connect{0%,to{transform:translate(-100%)}50%{transform:translate(285%)}}@keyframes startup-beckon{0%,to{opacity:1;text-shadow:0 2px 5px #000,0 0 24px #ffd18b90}50%{opacity:.72;text-shadow:0 2px 5px #000,0 0 10px #ffd18b40}}@media (max-width: 1100px){.startup-caption{bottom:24%;max-width:280px}.startup-caption p{font-size:12px}}@media (max-aspect-ratio: 3/4){.startup-caption{bottom:25%;left:7%;right:7%;max-width:none}.startup-caption h1{font-size:clamp(25px,6vw,40px)}.startup-caption p{max-width:310px}.startup-bottom{bottom:max(24px,env(safe-area-inset-bottom));left:20px;right:20px;gap:9px}.startup-continue{max-width:480px;font-size:clamp(19px,4.8vw,27px)}.startup-shade{background:linear-gradient(0deg,#020707fa,#0207079c 24%,transparent 50%)}}@media (max-height: 500px) and (min-aspect-ratio: 3/4){.startup-caption{left:max(24px,env(safe-area-inset-left));bottom:29%;max-width:250px}.startup-caption>span,.startup-caption p{display:none}.startup-caption h1{font-size:23px}.startup-bottom{bottom:max(12px,env(safe-area-inset-bottom));gap:5px}.startup-continue{font-size:20px;padding:4px}.startup-status{font-size:11px}}@media (prefers-reduced-motion: reduce){.startup-art,.startup-caption{transition-duration:.2s}.startup-continue,.startup-progress i{animation:none}.startup-screen{transition-duration:.1s}}@media (min-aspect-ratio: 21/9){.startup-art img{object-fit:contain}}