/* Optional install affordance. Scoped styles leave the game layout unchanged. */
.btn.varden-install-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;color:var(--cyan,#00d9ff);border-color:var(--cyan,#00d9ff);background:#062039;min-height:48px}
.varden-install-button img{width:22px;height:22px;flex:none}
html[data-varden-installed="true"] [data-varden-install]{display:none!important}
@media(display-mode:standalone){[data-varden-install]{display:none!important}}
.varden-install-dialog{box-sizing:border-box;width:min(94vw,460px);max-width:460px;max-height:calc(100dvh - 28px);margin:auto;padding:24px;color:var(--text,#f8f7f2);background:#071d32;border:1px solid #2bb8dd;border-radius:22px;box-shadow:0 20px 70px #0009;overflow-y:auto;overscroll-behavior:contain;font:inherit;text-align:start}
.varden-install-dialog::backdrop{background:#000a}
.varden-install-backdrop{position:fixed;inset:0;z-index:10000;background:#000a}
.varden-install-dialog.varden-install-fallback{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;z-index:10001;display:block}
.varden-install-heading{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;margin-bottom:18px}
.varden-install-heading h2{font-size:1.35rem;line-height:1.6;font-weight:800;margin:0;min-width:0}
.varden-install-close{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;min-width:40px;border:1px solid #446078;border-radius:50%;background:#0b253c;padding:9px;cursor:pointer}
.varden-install-close img{display:block;width:20px;height:20px}
.varden-install-steps{list-style:none;padding:0;margin:0;display:grid;gap:20px}
.varden-install-steps li{display:flex;align-items:center;gap:14px;min-width:0;font-size:1.05rem;line-height:1.8}
.varden-install-steps li>span:last-child{min-width:0;overflow-wrap:break-word}
.varden-install-step-icon,.varden-install-step-number{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;min-height:46px;border:1px solid #ad8e4d;border-radius:12px;color:var(--gold,#ffd16d);font-weight:800}
.varden-install-step-icon img{width:28px;height:28px;display:block}.varden-install-step-icon.cyan{border-color:#00a9cb}
.varden-install-hint,.varden-install-recovery,.varden-install-browser{font-size:.82rem;line-height:1.8;color:var(--muted,#b9c7d9);margin:18px 0 0}
.varden-install-recovery{margin-top:10px;padding-top:12px;border-top:1px solid #31516e}
.varden-install-browser{margin:-3px 0 18px}
.varden-install-dialog .varden-install-dismiss{display:block;min-width:120px;min-height:46px;margin:20px auto 0;border-color:#4ba9cc;color:var(--text,#f8f7f2)}
@media(max-width:600px){.varden-install-dialog{width:calc(100vw - 20px);max-width:460px;margin:auto auto max(10px,env(safe-area-inset-bottom));padding:22px 20px}.varden-install-heading h2{font-size:1.2rem}.varden-install-steps li{font-size:1rem}.home-actions .varden-install-button{width:100%}}
@media(max-width:340px){.varden-install-dialog{padding:18px 15px}.varden-install-heading h2{font-size:1.1rem}.varden-install-steps li{font-size:.94rem;gap:10px}.varden-install-step-icon,.varden-install-step-number{flex-basis:40px;width:40px;min-height:40px}}
@media(max-width:600px){.varden-install-dialog.varden-install-fallback{inset:auto 10px max(10px,env(safe-area-inset-bottom)) 10px;transform:none;margin:0}}
