#cybered-update{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:11000;max-width:calc(100vw - 20px);color:#e9f7ff;background:#102235;border:1px solid #526c86;border-radius:12px;box-shadow:0 4px 18px #0005;font:12px/1.5 system-ui,sans-serif;letter-spacing:normal;text-align:left;pointer-events:auto}
#cybered-update summary{padding:10px 14px;min-height:24px;cursor:pointer;list-style-position:inside;color:#c4edff;font-weight:600}
#cybered-update>div{padding:4px 16px 16px;width:270px;max-width:calc(100vw - 54px);box-sizing:content-box}
#cybered-update strong{font:700 15px/1.5 system-ui,sans-serif;color:#fff}
#cybered-update p{margin:8px 0 12px;color:#cbdcea;font:13px/1.5 system-ui,sans-serif;letter-spacing:normal}
#cybered-update button{width:auto;min-height:44px;margin:0;padding:10px 14px;border:1px solid #96dcff;border-radius:8px;background:#173d57;color:#fff;font:600 13px/1.5 system-ui,sans-serif;letter-spacing:normal;cursor:pointer}
#cybered-update :focus-visible{outline:3px solid #86e9ff;outline-offset:3px}
#cybered-update button:disabled{opacity:.65;cursor:wait}
@media(max-width:650px){body:not(:has(#game-welcome)) #cybered-update{position:relative;right:auto;bottom:auto;width:max-content;max-width:calc(100% - 36px);margin:12px 18px 18px auto}}
body:has(#hero-select.hidden) #cybered-update{display:none}

.cybered-screen-version{display:block;width:fit-content;max-width:100%;box-sizing:border-box;margin:8px 0 12px;padding:5px 11px;border:1px solid #79b2ca70;border-radius:999px;background:#102d41;color:#d1f4ff;font:600 12px/1.5 system-ui,sans-serif;letter-spacing:.2px;text-transform:none}
#hero-select .cybered-screen-version{align-self:center;margin:0 0 4px}
#player-dialog .cybered-screen-version,#account-dialog .cybered-screen-version{margin-top:12px}

/* Waiting status lines spin and pulse; waiting screens get the loader and Star Catcher (loading-play.js). */
.cybered-waiting{animation:cybered-pulse 1.6s ease-in-out infinite}
.cybered-waiting::before{content:'';display:inline-block;width:.85em;height:.85em;margin-right:.45em;vertical-align:-.1em;border:2px solid #8aeee244;border-top-color:#8aeee2;border-radius:50%;animation:cybered-spin .9s linear infinite}
@keyframes cybered-pulse{0%,100%{opacity:1}50%{opacity:.6}}
@keyframes cybered-spin{to{transform:rotate(360deg)}}
/* Every waiting screen copies the games' expedition loader (#loading in each game's style.css). */
.cybered-loader{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:24px;overflow:auto;background:radial-gradient(ellipse at 50% 25%,#163447 0%,#091824 48%,#050d16 100%);color:#e5f4fa;font:400 13px/normal Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:normal;text-align:center;text-transform:none}
.cybered-loader-panel{width:min(480px,100%);margin:auto 0;padding:32px 0}
.cybered-loader-orbit{position:relative;width:106px;height:106px;margin:0 auto 32px;border:1px solid #4d7e9466;border-radius:50%;transform:rotate(-25deg)}
.cybered-loader-orbit span{position:absolute;inset:10px;border:1px solid #a7e8ef;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;animation:cybered-spin 2.6s linear infinite}
.cybered-loader-orbit i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:34px;color:#b6f3ef;text-shadow:0 0 30px #68d5e566}
.cybered-loader-eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:#88e9ef}
.cybered-loader-title{margin:18px 0 12px;font-size:clamp(24px,4vw,32px);font-weight:450;letter-spacing:-.8px;color:#e5f4fa}
.cybered-loader-detail{min-height:40px;margin:13px 0 26px;font-size:13px;line-height:1.7;color:#acc7d6}
.cybered-loader-meter{display:flex;justify-content:space-between;margin-bottom:12px;font-size:9px;letter-spacing:1.6px;color:#92bacd}
.cybered-loader-percent{color:#bcf5ef}
.cybered-loader-bar{height:4px;overflow:hidden;border-radius:3px;background:#244252}
.cybered-loader-bar span{display:block;width:0;height:100%;background:#94e3e5;transition:width .25s}
.cybered-loader-stages{display:flex;justify-content:space-between;margin:18px 0 32px;padding:0;list-style:none;font-size:10px;letter-spacing:1px;color:#637f91}
.cybered-loader-stages li{margin:0;padding:0}.cybered-loader-stages li.active{color:#d3f5f6}.cybered-loader-stages li.complete{color:#86c6bb}
.cybered-loader-hint{margin:0 0 10px;font-size:11px;line-height:1.8;color:#91acbc;overflow-wrap:anywhere}
.cybered-loader-elapsed{font-size:10px;color:#678598}
/* The games' own startup screen keeps its look and gains the game below its meter; it scrolls instead of clipping. */
#loading:has(.cybered-boot-play){justify-content:flex-start}
#loading:has(.cybered-boot-play)>.loading-panel{margin:auto 0}
@media(max-height:900px){.cybered-loader-orbit,#loading:has(.cybered-boot-play) .loading-orbit{width:72px;height:72px;margin-bottom:20px}.cybered-loader-orbit i,#loading:has(.cybered-boot-play) .loading-orbit i{font-size:26px}.cybered-loader-panel{padding:12px 0}.cybered-loader-stages,#loading:has(.cybered-boot-play) #loading-stages{margin-bottom:20px}}
.cybered-play{margin-top:24px;padding:12px;border:1px solid #4d7e9455;border-radius:6px;background:#06111bcc;text-align:left;letter-spacing:normal}
.cybered-play-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:10px;color:#92bacd;font:400 10px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:1px}
.cybered-play-head strong{color:#88e9ef;font:650 10px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase}
.cybered-play-score{margin-left:auto;color:#ffd86b;font:650 12px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;white-space:nowrap}
.cybered-play-canvas{display:block;width:100%;height:220px;border-radius:4px;background:#0a1b2e;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none}
.cybered-play-canvas:focus-visible{outline:3px solid #f4ce83;outline-offset:3px}
.cybered-play-hint{margin:8px 0 0;color:#678598;font:400 10px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;text-align:center}
@media(prefers-reduced-motion:reduce){.cybered-loader-orbit span{animation:none}}
