/* Recreated startup/shutdown sequences, not recordings or running OS binaries. */
.power-screen{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0b246a;color:#fff;font-family:Tahoma,Arial,sans-serif}.power-stage{width:min(560px,calc(100vw - 38px));padding:32px;box-sizing:border-box;text-align:center}.boot-brand{font-size:clamp(28px,5vw,50px);font-weight:bold;letter-spacing:-1px}.boot-edition{font-size:15px;margin-top:6px}.power-stage>p{font-size:14px;margin-top:30px;min-height:38px}.boot-flag{width:92px;height:74px;display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 auto 24px;transform:skewY(-8deg)}.boot-flag i{background:#e34836}.boot-flag i:nth-child(2){background:#71a94b}.boot-flag i:nth-child(3){background:#497ccb}.boot-flag i:nth-child(4){background:#efc63d}.boot-progress{border:1px solid #bcc4d4;border-radius:3px;max-width:290px;height:16px;margin:20px auto;overflow:hidden;background:#07102b}.boot-progress span{display:block;width:28%;height:100%;background:repeating-linear-gradient(90deg,#3c8deb 0 8px,transparent 8px 11px);animation:boot-travel 1.35s linear infinite}.power-skip{position:absolute;bottom:20px;right:20px;font:12px Tahoma,sans-serif;background:#ffffff12;border:1px solid #ffffff66;border-radius:3px;color:inherit;padding:9px 14px}.power-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.power-message>small{display:block;margin:22px auto;max-width:460px;font:12px/1.6 Tahoma,sans-serif;color:#aaa}.power-message .bevel-button{color:#111}.power-screen[data-phase=off]{background:#000!important}.power-screen[data-phase=off] .power-message{padding:18px}.power-screen[data-phase=shutdown]{background:#315b90}
.power-screen[data-power-os="95"],.power-screen[data-power-os="98"]{background:linear-gradient(#80bae3,#edf7ff 60%,#66a9da)}.power-screen[data-power-os="95"] .power-stage,.power-screen[data-power-os="98"] .power-stage{color:#142956}.power-screen[data-power-os="95"] .boot-brand,.power-screen[data-power-os="98"] .boot-brand{font-family:Arial,sans-serif;font-weight:900;font-style:italic}.power-screen[data-power-os="95"][data-phase=shutdown] .power-stage,.power-screen[data-power-os="98"][data-phase=shutdown] .power-stage{background:#c0c0c0;border:3px outset #ddd;color:#000;box-shadow:3px 3px #0004}.power-screen[data-power-os="2000"] .power-stage{background:#d4d0c8;color:#000;border:2px outset #eee;box-shadow:4px 4px #0004}.power-screen[data-power-os="2000"] .boot-brand{font-size:35px}.power-screen[data-power-os="2000"] .boot-progress{background:white;border-radius:0}.power-screen[data-power-os="xp"]{background:#000}.power-screen[data-power-os="xp"][data-phase=shutdown]{background:linear-gradient(#00309c 0 16%,#5a7edc 16% 84%,#00309c 84%);}.power-screen[data-power-os="xp"] .boot-brand{font:italic 700 48px 'Trebuchet MS',sans-serif}.power-screen[data-power-os="xp"] .boot-progress{height:14px;width:200px}
.boot-mac{width:90px;height:106px;border:3px solid #111;background:#eee;border-radius:8px;margin:0 auto 20px;position:relative;box-shadow:6px 6px #0003}.boot-mac span{display:block;border:2px solid #111;background:#fff;margin:10px;font:bold 26px/48px monospace;color:#111}.boot-mac i{position:absolute;right:14px;bottom:12px;width:24px;height:3px;background:#111}.power-screen[data-power-os=system7]{background:#aaa;color:#000}.power-screen[data-power-os=mac9]{background:#cac7dd;color:#111}.power-screen[data-power-os=system7] .power-stage,.power-screen[data-power-os=mac9] .power-stage{background:#eee;border:2px solid #111;box-shadow:3px 3px #000}.power-screen[data-power-os=system7] .boot-brand,.power-screen[data-power-os=mac9] .boot-brand{font:700 30px 'Chicago',Tahoma,sans-serif}.power-screen[data-power-os=system7] .boot-progress,.power-screen[data-power-os=mac9] .boot-progress{background:#fff;border:1px solid #111;border-radius:0}.power-screen[data-power-os=system7] .boot-progress span{background:#000}.power-screen[data-power-os=mac9] .boot-progress span{background:repeating-linear-gradient(#abc0ee 0 3px,#7084bd 3px 6px)}
.boot-linux{font-size:80px;margin:0 auto 16px}.power-screen[data-power-os=ubuntu]{background:radial-gradient(ellipse at 30% 60%,#88354b,#2c102b 75%)}.power-screen[data-power-os=ubuntu] .boot-brand{font-weight:normal;letter-spacing:1px;text-transform:lowercase}.power-screen[data-power-os=ubuntu] .boot-progress{border:0;background:none;width:110px;height:20px}.power-screen[data-power-os=ubuntu] .boot-progress span{width:100%;background:radial-gradient(circle,#fff 0 4px,transparent 5px) 0/22px 20px;animation:boot-pulse 1s ease-in-out infinite}.power-screen[data-power-os=kde]{background:linear-gradient(135deg,#073b71,#057eb8)}.power-screen[data-power-os=kde] .boot-linux{animation:boot-rotate 6s linear infinite}.power-screen[data-power-os=kde] .boot-progress span{background:linear-gradient(#a5daef,#1982b3)}
@keyframes boot-travel{from{transform:translateX(-110%)}to{transform:translateX(460%)}}@keyframes boot-pulse{50%{opacity:.25}}@keyframes boot-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.power-screen *{animation:none!important;transition:none!important}.boot-progress span{width:100%}}@media(max-width:400px){.power-stage{padding:24px 14px}.power-message>p{font-size:24px}.boot-brand{font-size:30px!important}}