/* GoodVideoGames PWA install UI. Loaded site-wide. */

/* --- Hide every install element once the app is opened installed --- */
.gvg-pwa-installed .gvg-app-install-ui{display:none !important}
@media (display-mode: standalone){.gvg-app-install-ui{display:none !important}}

.gvg-app-installed-note{display:none}
.gvg-pwa-installed .gvg-app-installed-note{display:block}
@media (display-mode: standalone){.gvg-app-installed-note{display:block}}

/* --- Nav button injected into the header --- */
.gvg-app-navlink{
	display:inline-flex;align-items:center;gap:6px;
	background:#fbbf24;color:#06111f !important;
	font-weight:800;text-decoration:none;
	padding:8px 14px;border-radius:10px;font-size:14px;line-height:1;white-space:nowrap;
	transition:filter .14s ease;
}
.gvg-app-navlink:hover{filter:brightness(1.08)}

/* --- Homepage install card --- */
.gvg-app-home-card{
	font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
	background:linear-gradient(135deg,rgba(11,18,42,.95),rgba(21,8,36,.95));
	border:1px solid rgba(34,211,238,.32);
	box-shadow:0 0 26px rgba(34,211,238,.1);
	border-radius:16px;padding:18px 22px;margin:0 0 22px;color:#f8fafc;
}
.gvg-app-home-copy .k{
	display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
	color:#7df9ff;border:1px solid rgba(125,249,255,.6);background:rgba(0,229,255,.1);
	border-radius:999px;padding:4px 10px;margin-bottom:8px;
}
.gvg-app-home-copy h2{margin:0 0 4px;font-size:20px;font-weight:900;color:#fff;letter-spacing:-.01em}
.gvg-app-home-copy p{margin:0;font-size:13.5px;color:#c7d2fe}
.gvg-app-home-actions{display:flex;gap:10px;flex-wrap:wrap}
.gvg-app-home-actions button{
	cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:800;
	letter-spacing:.02em;transition:filter .14s ease;
}
.gvg-app-home-actions button:hover{filter:brightness(1.08)}
.gvg-app-home-actions .b-ios{background:#f472b6;color:#2b0d1b}
.gvg-app-home-actions .b-android{background:#5dcaa5;color:#06241b}
.gvg-app-home-actions .b-desktop{background:#22d3ee;color:#06111f}

/* --- /app/ page section --- */
.gvg-app-install{
	max-width:760px;margin:0 auto;padding:18px 18px 26px;text-align:center;
	font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8fafc;
}
.gvg-app-installed-note{
	max-width:520px;margin:0 auto;padding:14px 16px;
	border:1px solid rgba(93,202,165,.5);background:rgba(93,202,165,.12);
	border-radius:12px;color:#bff3df;font-size:14px;text-align:center;
}
.gvg-app-installed-note strong{color:#5dcaa5}
.gvg-app-pill{
	display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(125,249,255,.7);
	background:rgba(0,229,255,.1);color:#7df9ff;border-radius:999px;
	font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;margin-bottom:16px;
}
.gvg-app-heading{font-size:30px;font-weight:900;letter-spacing:-.02em;line-height:1.15;max-width:560px;margin:0 auto 12px;color:#fff}
.gvg-app-subtext{color:#c7d2fe;font-size:15px;line-height:1.55;max-width:520px;margin:0 auto 22px}
.gvg-app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;max-width:620px;margin:0 auto}
.gvg-app-card{
	background:#0b1728;border:1px solid rgba(148,163,184,.2);border-radius:14px;
	padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;
	transition:border-color .16s ease,transform .16s ease;
}
.gvg-app-card:hover{border-color:rgba(34,211,238,.6);transform:translateY(-2px)}
.gvg-app-ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1}
.gvg-app-ic.ic-cyan{background:rgba(34,211,238,.14)}
.gvg-app-ic.ic-white{background:rgba(248,250,252,.12)}
.gvg-app-ic.ic-pink{background:rgba(244,114,182,.16)}
.gvg-app-ic.ic-green{background:rgba(132,225,203,.16)}
.gvg-app-name{font-size:16px;font-weight:800}
.gvg-app-os{font-size:12px;color:#8aa0c0}
.gvg-app-cta{
	margin-top:4px;width:100%;cursor:pointer;border:0;border-radius:10px;padding:10px;
	font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;transition:filter .14s ease;
}
.gvg-app-cta:hover{filter:brightness(1.08)}
.gvg-app-cta.cta-gold{background:#fbbf24;color:#06111f}
.gvg-app-cta.cta-cyan{background:#22d3ee;color:#06111f}
.gvg-app-trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;margin-top:24px;font-size:12.5px;color:#aeb8d7}

/* --- Install modal --- */
.gvg-app-modal{
	position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:18px;
	font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.gvg-app-modal.is-open{display:flex}
.gvg-app-modal-backdrop{position:absolute;inset:0;background:rgba(3,7,18,.72)}
.gvg-app-dialog{
	position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;
	background:#07111f;border:1px solid rgba(34,211,238,.3);border-radius:16px;
	box-shadow:0 20px 60px rgba(0,0,0,.5);color:#f8fafc;padding:22px;
}
.gvg-app-close{
	position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:9px;cursor:pointer;
	border:1px solid rgba(148,163,184,.3);background:transparent;color:#f8fafc;font-size:16px;line-height:1;
}
.gvg-app-dialog .k{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7df9ff;margin:0 0 4px}
.gvg-app-dialog h2{margin:0 0 4px;font-size:20px;font-weight:900;color:#fff;letter-spacing:-.01em}
.gvg-app-dialog .lead{margin:0 0 16px;font-size:13.5px;color:#c7d2fe}
.gvg-app-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.gvg-app-tab{
	cursor:pointer;border:1px solid rgba(148,163,184,.3);background:#0b1728;color:#c7d2fe;
	border-radius:10px;padding:9px 13px;font-size:13px;font-weight:800;
}
.gvg-app-tab.is-active{background:#22d3ee;color:#06111f;border-color:#22d3ee}
.gvg-app-panel{display:none}
.gvg-app-panel.is-active{display:block}
.gvg-app-panel h3{margin:0 0 8px;font-size:15px;font-weight:800;color:#fff}
.gvg-app-panel ol{margin:0 0 12px 1.1rem;padding:0;color:#c7d2fe;font-size:14px;line-height:1.65}
.gvg-app-panel li{margin-bottom:5px}
.gvg-app-panel li b{color:#fff}
.gvg-app-note{font-size:12.5px;color:#8aa0c0;background:#0b1728;border:1px solid rgba(148,163,184,.2);border-radius:10px;padding:10px 12px;margin:0 0 12px}
.gvg-app-actions{display:flex;gap:10px;flex-wrap:wrap}
.gvg-app-actions button{cursor:pointer;border:0;border-radius:10px;padding:10px 15px;font-size:13px;font-weight:800;letter-spacing:.02em;transition:filter .14s ease}
.gvg-app-actions button:hover{filter:brightness(1.08)}
.gvg-app-primary{background:#fbbf24;color:#06111f}
.gvg-app-primary[hidden]{display:none}
.gvg-app-secondary{background:transparent;color:#f8fafc;border:1px solid rgba(148,163,184,.35) !important}
.gvg-app-status{font-size:12.5px;color:#7df9ff;margin:10px 0 0;min-height:1em}

@media (max-width:560px){
	.gvg-app-heading{font-size:24px}
	.gvg-app-home-card{flex-direction:column;align-items:flex-start}
}