/* Original PlayHard054 styling inspired by the Liquid Glass design references in readme.txt. */
#phi-install { --phi-ink:#faf7ff; --phi-muted:#e1d8ec; --phi-accent:#c29aff; color:var(--phi-ink); font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
#phi-install *, #phi-install *::before, #phi-install *::after { box-sizing:border-box; }
#phi-install[hidden], #phi-install [hidden] { display:none!important; }
#phi-install button { font:inherit; cursor:pointer; transition:background-color .15s ease; }
#phi-install button:focus-visible { outline:3px solid #f1d9ff; outline-offset:3px; }
#phi-install .phi-card, #phi-install #phi-guide {
	color:var(--phi-ink); background:#2a1b3b; border:1px solid #8c70a5; border-radius:26px;
	box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff08,0 16px 55px #0007;
}
@supports (backdrop-filter:blur(24px)) {
	#phi-install .phi-card, #phi-install #phi-guide {
		background:linear-gradient(145deg,#40304de8,#221631ed);
		backdrop-filter:blur(24px) saturate(145%); -webkit-backdrop-filter:blur(24px) saturate(145%);
	}
}
#phi-install .phi-card { position:fixed; z-index:9995; right:20px; bottom:22px; width:360px; max-width:calc(100vw - 24px); padding:22px; animation:phi-reveal .22s ease-out; }
#phi-install .phi-identity { display:flex; align-items:center; gap:13px; padding-right:20px; }
#phi-install .phi-identity img, #phi-install .phi-app-icon { flex:none; border-radius:16px; object-fit:contain; background:#21132e; border:1px solid #ffffff20; padding:5px; }
#phi-install .phi-eyebrow { display:block; color:#dfc6fa; font-size:10px; font-weight:650; letter-spacing:.11em; margin-bottom:3px; }
#phi-install h2 { color:var(--phi-ink); font-family:inherit; font-size:23px; line-height:1.15; font-weight:650; letter-spacing:-.035em; padding:0; margin:0; }
#phi-install p { color:var(--phi-muted); font:inherit; padding:0; margin:13px 0 17px; }
#phi-install .phi-close { position:absolute; top:8px; right:8px; display:grid; place-items:center; width:40px; min-height:40px; padding:0; color:#e6d9f1; border:0; border-radius:50%; background:transparent; font-size:25px; line-height:1; }
#phi-install .phi-close:hover { background:#ffffff13; color:#fff; }
#phi-install .phi-actions { display:flex; align-items:center; gap:10px; }
#phi-install .phi-primary { display:inline-flex; justify-content:center; align-items:center; gap:12px; min-height:44px; padding:10px 18px; color:#1c102b; font-weight:650; border:1px solid #dabaff; border-radius:14px; background:#c29aff; text-decoration:none; box-shadow:inset 0 1px #ffffff60; }
#phi-install .phi-primary:hover { background:#d6b9ff; }
#phi-install .phi-later { min-height:44px; padding:8px 12px; color:#eadff5; border:0; border-radius:12px; background:transparent; font-weight:550; }
#phi-install .phi-later:hover { background:#ffffff12; }
#phi-install .phi-footer { text-align:center; padding:10px 16px 22px; }
#phi-install .phi-footer button { min-height:44px; padding:8px 12px; border:0; border-radius:12px; color:#dbbee9; background:transparent; font-size:13px; text-decoration:underline; text-underline-offset:4px; }
#phi-install #phi-guide { width:440px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 32px); padding:0; overflow:auto; }
#phi-guide::backdrop { background:#0b0619b3; backdrop-filter:blur(4px); }
#phi-install .phi-dialog-inner { position:relative; padding:28px; }
#phi-install .phi-app-icon { display:block; margin-bottom:17px; }
#phi-install #phi-guide h2 { font-size:29px; margin-bottom:9px; }
#phi-install ol { list-style:decimal; margin:20px 0; padding-left:24px; color:#f5effc; }
#phi-install li { padding:5px 0 5px 5px; }
#phi-install .phi-note { font-size:12px; color:#c7b6d6; }
#phi-install #phi-guide .phi-primary { width:100%; }
html:has(#phi-guide[open]) { overflow:hidden; }
@media(max-width:767px) {
	#phi-install .phi-card { right:12px; left:12px; bottom:max(14px,env(safe-area-inset-bottom,0px)); width:auto; padding:18px; border-radius:23px; }
	html.has-phspb-tabbar #phi-install .phi-card { bottom:calc(86px + env(safe-area-inset-bottom,0px)); }
	#phi-install h2 { font-size:22px; }
	#phi-install .phi-dialog-inner { padding:24px; }
	#phi-install .phi-footer { padding-bottom:calc(20px + env(safe-area-inset-bottom,0px)); }
}
@media(prefers-reduced-motion:reduce) { #phi-install .phi-card { animation:none; } #phi-install button { transition:none; } }
@media(prefers-reduced-transparency:reduce) { #phi-install .phi-card, #phi-install #phi-guide { background:#2a1b3b; backdrop-filter:none; } }
@keyframes phi-reveal { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }