/* Retro PWA installation page. Loaded after the original inline CSS. */
body.retro-install{--ink:var(--retro-ink,#182525);--ink-muted:var(--retro-muted,#344747);min-height:100vh;overflow-x:hidden;color:var(--retro-ink,#182525);background:var(--retro-desktop,#BD9CE8);background-image:repeating-linear-gradient(0deg,transparent 0 3px,#00000008 3px 4px);font-family:Verdana,Arial,sans-serif}
.retro-install .skip-link{position:absolute;top:-100px;left:10px;z-index:100;padding:12px;background:#fff;color:#000080;font:bold 12px 'Courier New',monospace}.retro-install .skip-link:focus{top:10px}
.retro-install .topbar{max-width:1060px;margin:22px auto 0;padding:12px 18px;background:var(--retro-panel,#CBB5EF);border:2px solid;border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff);box-shadow:5px 5px #0005}.retro-install .logo{font:900 clamp(19px,3vw,29px)/1.2 'Courier New',monospace;letter-spacing:-1.5px}.retro-install .logo span{color:var(--retro-link,#513477)}
.retro-install .vibe-button{min-height:38px;padding:7px 11px;border:3px solid;border-radius:0;box-shadow:1px 1px #222;border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff);background:var(--retro-panel,#CBB5EF);color:var(--retro-ink,#182525);font:bold 11px/1.3 Verdana,sans-serif;cursor:pointer}
.retro-install .retro-menu{max-width:1060px;margin:auto;display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:10px 18px;background:var(--retro-tint,#E1CEF6);border:1px solid var(--retro-edge-dark,#343434);font:13px 'Courier New',monospace}.retro-install .retro-menu a{color:var(--retro-link,#513477);text-underline-offset:3px}.retro-install .retro-menu span{margin-left:auto;font-size:11px;color:var(--retro-muted,#344747)}
.retro-install .install-shell{width:min(calc(100% - 32px),1060px);max-width:none;margin:0 auto 30px;padding:28px;background:var(--retro-tint,#E1CEF6);border:1px solid var(--retro-edge-dark,#253B3B);box-shadow:5px 5px #0005}
.retro-install .hero{margin:0 0 20px;padding:0 36px 32px;overflow:hidden;text-align:left;background:var(--retro-paper,#F3E7FF);border:2px solid;border-radius:0;box-shadow:5px 5px #0003;border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff)}
.retro-install .install-window-bar{display:flex;justify-content:space-between;gap:12px;margin:3px -33px 0;padding:8px 10px;background:var(--retro-title,#513477);color:var(--retro-title-ink,#fff);font:bold 12px/1.4 'Courier New',monospace}.retro-install .install-address{margin:0 -36px 30px;padding:9px 12px;background:var(--retro-panel,#CBB5EF);border-bottom:1px solid var(--retro-edge-dark,#777);font:11px/1.4 'Courier New',monospace}.retro-install .install-address span{font-weight:bold;margin-right:12px}
.retro-install .eyebrow{margin:0 0 16px;padding:5px 8px;border:0;border-radius:0;background:var(--retro-accent,#FFBBD9);color:var(--retro-accent-ink,#182525);font:bold 10px/1.4 'Courier New',monospace;letter-spacing:1px}.retro-install h1{max-width:820px;margin:0 0 18px;color:var(--retro-ink,#182525);font:900 clamp(42px,7vw,70px)/.94 'Courier New',monospace;letter-spacing:-5px}.retro-install .hero p{max-width:800px;margin:0;color:var(--retro-muted,#344747);font:17px/1.6 Georgia,serif}
.retro-install .phone-grid{gap:16px}.retro-install .phone-card{padding:24px;border:2px solid;border-radius:0;box-shadow:4px 4px #0003;background:var(--retro-paper,#F3E7FF);border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff)}.retro-install .phone-card h2{color:var(--retro-ink,#182525);font:bold 27px/1.15 'Courier New',monospace}.retro-install .phone-card .sub,.retro-install .install-status{color:var(--retro-muted,#344747);font:12px/1.55 'Courier New',monospace}.retro-install .steps{color:var(--retro-muted,#344747);font:14px/1.55 Verdana,sans-serif}.retro-install .steps li{padding:8px 0}.retro-install .steps strong{color:var(--retro-ink,#182525)}
.retro-install .install-btn{border:3px solid;border-radius:0;box-shadow:3px 3px #0004;border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff);background:var(--retro-accent,#FFBBD9);color:var(--retro-accent-ink,#182525);font:bold 17px 'Courier New',monospace}.retro-install .install-btn:hover{transform:none;box-shadow:3px 3px #0004}
.retro-install .done{max-width:none;margin:20px 0 0;padding:20px;border:2px dashed var(--retro-title,#513477);border-radius:0;box-shadow:none;background:var(--retro-tint,#E1CEF6);color:var(--retro-ink,#182525);font:14px/1.6 Verdana,sans-serif}.retro-install .done strong{font:bold 22px 'Courier New',monospace}
.retro-install .install-footer{max-width:1060px;margin:0 auto 30px;padding:18px;background:var(--retro-panel,#CBB5EF);border:2px solid;border-color:var(--retro-edge-light,#fff) var(--retro-edge-dark,#52505B) var(--retro-edge-dark,#52505B) var(--retro-edge-light,#fff);color:var(--retro-muted,#344747);font:11px/1.9 'Courier New',monospace}.retro-install .install-footer a{display:inline-block;padding:5px 2px;color:var(--retro-link,#513477)}
.retro-install :is(a,button):focus-visible{outline:3px solid #B13B00;outline-offset:3px}.retro-install[data-retro-mode="dark"]{color-scheme:dark}
@media(max-width:680px){.retro-install .topbar{margin:0;padding:10px}.retro-install .logo{font-size:20px}.retro-install .vibe-button{padding:6px;font-size:10px}.retro-install .retro-menu{gap:0;justify-content:space-between;padding:3px 9px;font-size:11px}.retro-install .retro-menu a{padding:12px 3px}.retro-install .retro-menu span{display:none}.retro-install .install-shell{width:100%;margin:0;padding:12px 12px 22px}.retro-install .hero{padding:0 18px 27px}.retro-install .install-window-bar{margin:3px -15px 0}.retro-install .install-address{margin:0 -18px 25px}.retro-install h1{font-size:40px;letter-spacing:-3px}.retro-install .hero p{font-size:16px}.retro-install .phone-grid{grid-template-columns:1fr}.retro-install .phone-card{padding:21px 18px}.retro-install .install-footer{margin:0;padding:18px 12px}}
@media(prefers-reduced-motion:reduce){.retro-install *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}