/* Game Nuke public portal. One responsive cascade; no external font dependency. */
:root {
  --bg:#070d18; --bg-soft:#0b1423; --surface:#101c2d; --surface-2:#16243a;
  --text:#f0f5fc; --muted:#a4b3c7; --muted-2:#8b9eb7; --blue:#8ab7ff;
  --accent:#76f4bb; --accent-2:#b5f9d7; --accent-soft:rgba(118,244,187,.09);
  --line:rgba(175,195,224,.12); --line-strong:rgba(175,195,224,.24);
  --header-h:76px; --container:1200px; --radius:22px;
  --font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  --ease:cubic-bezier(.2,.8,.2,1); color-scheme:dark;
}
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:calc(var(--header-h) + 24px); background:var(--bg); }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 var(--font); -webkit-font-smoothing:antialiased; }
body.menu-open,body.modal-open { overflow:hidden; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
button { color:inherit; cursor:pointer; }
button,a,summary { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
[hidden] { display:none !important; }
img,svg,canvas,video { display:block; max-width:100%; }
img { height:auto; }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
:where(h1,h2,h3,p,li,td,th,small,strong,a) { overflow-wrap:break-word; }
:where(.container,.nav-shell,.hero-layout,.hero-actions,.section-heading,.feature-bento,.vip-grid,.edition-grid,.footer-main,.content-shell,.dl-portal-grid)>* { min-width:0; }
.container { width:min(calc(100% - 64px),var(--container)); margin-inline:auto; }
.mono { font-family:var(--font-mono); font-variant-numeric:tabular-nums; }
.svg-sprite { position:absolute; width:0; height:0; overflow:hidden; }
.icon { width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.icon-xs { width:14px; height:14px; }
.icon-wa { width:20px; height:20px; fill:currentColor; stroke:none; flex:none; }
.skip-link { position:fixed; left:16px; top:12px; padding:12px 18px; color:var(--bg); background:var(--accent); border-radius:10px; z-index:500; transform:translateY(-150%); }
.skip-link:focus { transform:none; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:10px; min-height:46px; padding:12px 20px; border:1px solid var(--line-strong); border-radius:12px; font-size:14px; font-weight:650; line-height:1.35; text-align:center; transition:background .2s,border-color .2s,transform .2s var(--ease); }
.button-primary { color:#09251a; border-color:var(--accent); background:var(--accent); }
.button-secondary,.button-ghost { color:var(--text); background:rgba(255,255,255,.025); }
.button-lg { min-height:54px; }
.button-xl { min-height:66px; padding:16px 22px; }
.button-block { width:100%; }
.button-copy { display:grid; gap:4px; text-align:left; min-width:0; }
.button-copy strong { font-size:15px; }
.button-copy small { font-size:11px; opacity:.78; }
.button-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; background:rgba(0,0,0,.075); flex:none; }
.button-ghost .button-icon { background:var(--accent-soft); color:var(--accent); }
.button-arrow { margin-left:auto; }
.text-button { display:inline-flex; align-items:center; gap:8px; padding:10px 0; min-height:44px; color:var(--accent); border:0; background:none; font-size:14px; font-weight:600; }
@media (hover:hover) {
  .button-primary:hover { background:var(--accent-2); border-color:var(--accent-2); transform:translateY(-2px); }
  .button-ghost:hover,.button-secondary:hover { border-color:var(--accent); background:var(--accent-soft); }
  .text-button:hover { text-decoration:underline; text-underline-offset:5px; }
}
.button:active { transform:translateY(1px); }
.button[aria-disabled="true"],button:disabled { opacity:.6; cursor:wait; }
/* Navigation */
.site-header { position:sticky; top:0; z-index:100; height:var(--header-h); background:rgba(7,13,24,.97); border-bottom:1px solid var(--line); }
.site-header.scrolled { box-shadow:0 8px 24px rgba(0,0,0,.15); }
.nav-shell { height:100%; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:inline-flex; align-items:center; gap:11px; flex:none; }
.brand-mark { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; overflow:hidden; border:1px solid var(--line-strong); background:var(--surface); flex:none; }
.brand-mark img { width:100%; height:100%; object-fit:contain; }
.brand-copy { display:grid; line-height:1.2; gap:5px; }
.brand-copy strong { font-size:14px; font-weight:750; letter-spacing:.055em; }
.brand-copy>span { font:9px var(--font-mono); letter-spacing:.2em; color:var(--muted); }
.desktop-nav { display:flex; align-items:center; gap:22px; }
.desktop-nav a { padding-block:22px; color:var(--muted); font-size:12px; white-space:nowrap; }
.desktop-nav a:hover,.desktop-nav a.is-active { color:var(--accent); }
.nav-actions { display:flex; align-items:center; gap:10px; }
.nav-icon-btn { display:inline-flex; justify-content:center; align-items:center; gap:6px; height:44px; min-width:44px; border:1px solid var(--line); background:transparent; border-radius:10px; font-size:11px; padding:9px; }
.nav-icon-btn:hover { background:var(--surface-2); }
.nav-download { min-height:42px; padding:11px 16px; font-size:12px; }
.nav-download>span { display:none; }
.nav-community-btn { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:11px; min-height:44px; }
.nav-community-btn .icon-wa { color:var(--accent); }
.language-control { position:relative; }
.language-menu { position:absolute; top:calc(100% + 10px); right:0; width:184px; padding:6px; background:var(--surface); border:1px solid var(--line-strong); border-radius:12px; box-shadow:0 20px 40px #0007; z-index:120; }
.language-menu button { display:flex; justify-content:space-between; gap:10px; width:100%; padding:12px; border:0; background:transparent; border-radius:8px; font-size:13px; text-align:left; }
.language-menu button:hover,.language-menu button[aria-pressed="true"] { color:var(--accent); background:var(--accent-soft); }
.language-menu small { color:var(--muted); }
.menu-toggle { display:none; }
.menu-close-icon { display:none; }
.menu-toggle[aria-expanded="true"] .menu-open-icon { display:none; }
.menu-toggle[aria-expanded="true"] .menu-close-icon { display:block; }
.mobile-drawer { position:fixed; inset:0; z-index:150; visibility:hidden; pointer-events:none; }
.mobile-drawer[data-open="true"] { visibility:visible; pointer-events:auto; }
.drawer-scrim { position:absolute; inset:0; width:100%; border:0; background:#0009; opacity:0; transition:opacity .2s; }
.drawer-panel { position:absolute; top:0; right:0; bottom:0; width:min(400px,100%); padding:24px; background:var(--bg-soft); border-left:1px solid var(--line); overflow-y:auto; overscroll-behavior:contain; transform:translateX(100%); transition:transform .25s var(--ease); }
.mobile-drawer[data-open="true"] .drawer-scrim { opacity:1; }
.mobile-drawer[data-open="true"] .drawer-panel { transform:none; }
.drawer-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.drawer-context { margin:28px 0 12px; font:10px var(--font-mono); color:var(--muted); letter-spacing:.1em; text-transform:uppercase; }
.mobile-nav { display:grid; }
.mobile-nav a { display:flex; align-items:center; gap:12px; min-height:54px; border-bottom:1px solid var(--line); font-size:14px; }
.menu-index { font:10px var(--font-mono); color:var(--muted-2); }
.menu-label { flex:1; }
.mobile-nav .icon { width:16px; color:var(--accent); }
.drawer-release { display:grid; gap:6px; padding:18px 0; font-size:12px; color:var(--muted); }
.drawer-release strong { color:var(--text); font:14px var(--font-mono); }
.drawer-community-card { display:flex; align-items:center; gap:10px; border:1px solid var(--line); padding:12px; border-radius:12px; margin:0 0 16px; }
.drawer-comm-icon { color:var(--accent); width:26px; flex:none; }
.drawer-comm-info { display:grid; flex:1; gap:4px; }
.drawer-comm-info strong { font-size:12px; }
.drawer-comm-info span { font-size:11px; color:var(--muted); }
.drawer-actions { display:grid; gap:8px; }
.drawer-utility { display:flex; justify-content:space-between; gap:12px; margin-top:16px; font-size:12px; color:var(--muted); }
.drawer-utility a { padding-block:8px; }
/* Shared type and content components. */
h2 { font-size:clamp(28px,3vw,42px); line-height:1.18; letter-spacing:-.04em; font-weight:650; margin:12px 0 0; }
.hero-kicker,.section-kicker,.eyebrow { display:block; color:var(--accent); font:10px/1.6 var(--font-mono); letter-spacing:.12em; text-transform:uppercase; }
.sponsor-note { display:flex; align-items:flex-start; gap:8px; color:var(--muted); font-size:11px; line-height:1.65; margin:14px 0 0; max-width:570px; }
.sponsor-note a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.sponsor-note .icon { width:14px; height:14px; margin-top:2px; }
.release-dot,.status-dot,.live-dot-green { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--accent); flex:none; }
/* Footer */
.site-footer { background:var(--bg); }
.footer-accent { display:none; }
.footer-main { display:grid; grid-template-columns:1.2fr 1.1fr .8fr; gap:56px; padding-block:56px; }
.footer-brand p { color:var(--muted); font-size:12px; margin:20px 0 14px; max-width:360px; }
.footer-tagline { font-size:11px; color:var(--muted); }
.footer-tagline a { color:var(--accent); overflow-wrap:anywhere; }
.footer-links { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.footer-links>div { display:grid; align-content:start; gap:4px; }
.footer-links strong { font-size:12px; margin-bottom:8px; }
.footer-links a { display:block; font-size:12px; padding:5px 0; color:var(--muted); }
.footer-links a:hover,.footer-legal-links a:hover { color:var(--accent); }
.footer-release { display:grid; align-content:start; gap:10px; }
.footer-release>span { font:9px var(--font-mono); color:var(--muted-2); letter-spacing:.1em; }
.footer-release strong { font:16px var(--font-mono); }
.footer-release small { font-size:11px; color:var(--muted); }
.footer-release .text-button { font-size:12px; }
.footer-bottom { display:flex; justify-content:space-between; flex-wrap:wrap; gap:18px; padding-block:22px; border-top:1px solid var(--line); font-size:10px; color:var(--muted-2); }
.footer-legal-links { display:flex; gap:18px; flex-wrap:wrap; }
/* Informational pages */
.page-topbar { height:var(--header-h); border-bottom:1px solid var(--line); background:var(--bg-soft); }
.back-home { color:var(--muted); font-size:12px; padding:12px 0; }
.content-page { padding:60px 0 90px; }
.content-hero { max-width:800px; margin-bottom:40px; }
.content-hero h1 { font-size:clamp(32px,5vw,56px); line-height:1.13; letter-spacing:-.045em; margin:16px 0; font-weight:650; }
.content-hero>p { color:var(--muted); max-width:680px; margin:16px 0 0; font-size:15px; }
.content-shell { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:64px; align-items:start; }
.prose { font-size:15px; color:#bac9dc; }
.prose section { scroll-margin-top:24px; border-top:1px solid var(--line); padding:28px 0; }
.prose h2 { font-size:24px; color:var(--text); line-height:1.35; margin:0 0 18px; letter-spacing:-.025em; }
.prose h3 { color:var(--text); font-size:17px; margin:24px 0 10px; }
.prose p { margin:0 0 16px; line-height:1.9; }
.prose p:last-child { margin-bottom:0; }
.prose ul,.prose ol { padding-left:22px; line-height:1.9; }
.prose li+li { margin-top:10px; }
.prose strong { color:var(--text); }
.prose a { color:var(--accent); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.content-aside { position:sticky; top:24px; display:grid; gap:4px; padding:18px 22px; background:var(--surface); border:1px solid var(--line); border-radius:14px; }
.content-aside strong { font:9px var(--font-mono); color:var(--muted); letter-spacing:.1em; margin-bottom:8px; }
.content-aside a { padding-block:8px; font-size:12px; color:var(--muted); }
.content-aside a:hover { color:var(--accent); }
.page-breadcrumbs { display:flex; align-items:center; gap:10px; margin:0 0 24px; font-size:12px; color:var(--muted); }
.page-breadcrumbs a { color:var(--accent); }
.page-updated { font:10px var(--font-mono); color:var(--muted-2); margin-top:20px; }
.fact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:24px 0; }
.fact-grid>div { padding:18px; background:var(--surface); border:1px solid var(--line); border-radius:12px; }
.fact-grid dt { font-size:12px; color:var(--muted); margin-bottom:6px; }
.fact-grid dd { margin:0; color:var(--text); font-size:14px; }
.table-wrap { overflow:auto; max-width:100%; border:1px solid var(--line); border-radius:12px; margin:20px 0; }
.guide-table { width:100%; border-collapse:collapse; font-size:13px; }
.guide-table td,.guide-table th { padding:14px; vertical-align:top; text-align:left; border-bottom:1px solid var(--line); }
.guide-table th { color:var(--text); background:var(--surface); font-weight:600; }
.guide-table tr:last-child td { border-bottom:0; }
.related-guides { margin:26px 0 0; color:var(--muted); font-size:13px; }
.related-guides a { color:var(--accent); text-decoration:underline; text-underline-offset:4px; }
/* Download portal; existing IDs and event handlers are retained. */
.dl-portal-body { background:radial-gradient(ellipse at 50% 0,rgba(92,143,230,.08),transparent 55%),var(--bg); }
.dl-portal-nav { min-height:72px; border-bottom:1px solid var(--line); background:var(--bg-soft); position:relative; z-index:2; }
.dl-portal-nav .nav-container { width:min(calc(100% - 48px),1120px); margin:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:16px; }
.dl-portal-nav .nav-links { display:flex; gap:22px; flex-wrap:wrap; }
.dl-portal-nav .nav-link { font-size:12px; color:var(--muted); padding-block:8px; }
.dl-portal-nav .nav-link:hover { color:var(--accent); }
.dl-portal-body>.particle-canvas { display:none; }
.dl-portal-main { width:min(calc(100% - 48px),1120px); margin:auto; padding:48px 0 56px; }
.dl-portal-header { text-align:center; max-width:740px; margin:0 auto 36px; }
.status-badge { display:inline-flex; align-items:center; gap:9px; padding:8px 12px; background:var(--accent-soft); border:1px solid var(--line-strong); border-radius:8px; font:10px/1.5 var(--font-mono); color:var(--accent); }
.dl-portal-header h1 { font-size:clamp(28px,3.7vw,44px); line-height:1.18; letter-spacing:-.04em; margin:18px 0; font-weight:650; }
.dl-portal-header>p { font-size:14px; color:var(--muted); line-height:1.9; }
.dl-portal-grid { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:24px; }
.dl-card { padding:28px; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); }
.dl-card-title { display:flex; align-items:center; gap:10px; font-size:14px; font-weight:650; margin:0 0 22px; }
.dl-card-title svg { color:var(--accent); flex:none; }
.dl-specs-table { width:100%; table-layout:fixed; border-collapse:collapse; font-size:12px; }
.dl-specs-table th,.dl-specs-table td { padding:14px 0; border-bottom:1px solid var(--line); vertical-align:top; line-height:1.6; overflow-wrap:anywhere; }
.dl-specs-table th { width:42%; font-weight:400; text-align:left; color:var(--muted); padding-right:16px; }
.dl-specs-table td:first-child { width:42%; color:var(--muted); padding-right:16px; }
.dl-specs-table td { text-align:right; color:var(--text); }
.dl-specs-table tr:last-child :is(td,th) { border-bottom:0; }
.dl-cta-btn { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:62px; padding:16px; border:1px solid var(--accent); border-radius:12px; background:var(--accent); color:#09251a; font-size:13px; font-weight:650; text-align:center; line-height:1.45; }
.dl-cta-btn:hover { background:var(--accent-2); }
.dl-cta-btn svg { flex:none; }
.dl-cta-btn.dl-mirror-btn { background:rgba(56,189,248,0.12); border-color:rgba(56,189,248,0.4); color:#38bdf8; margin-top:10px; }
.dl-cta-btn.dl-mirror-btn:hover { background:rgba(56,189,248,0.22); border-color:#38bdf8; color:#ffffff; }
.btn-badge { padding:4px 7px; font:10px var(--font-mono); border-radius:6px; background:rgba(0,0,0,.08); flex:none; }
.dl-subtext { color:var(--muted); font-size:12px; line-height:1.7; text-align:center; margin:14px 0; }
.download-disclosure { color:#bdcbde; font-size:12px; line-height:1.8; border:1px solid var(--line); border-radius:10px; padding:14px; background:var(--bg-soft); margin:16px 0; }
.download-disclosure strong { display:block; color:var(--text); font-size:11px; margin-bottom:5px; }
.download-disclosure p { margin:0; }
.download-disclosure a { color:var(--accent); text-decoration:underline; }
.dl-steps-box { padding:20px; background:var(--bg-soft); border:1px solid var(--line); border-radius:12px; margin-top:24px; }
.box-label { display:block; font:10px var(--font-mono); color:var(--muted); margin-bottom:18px; }
.dl-steps-list { display:grid; gap:18px; }
.dl-step-item { display:flex; align-items:flex-start; gap:12px; }
.step-badge { display:grid; place-items:center; width:24px; height:24px; flex:none; border:1px solid var(--line-strong); border-radius:7px; color:var(--accent); font:10px var(--font-mono); }
.dl-step-item strong { display:block; font-size:12px; }
.dl-step-item p { color:var(--muted); font-size:11px; margin:4px 0 0; }
.dl-community-card { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:15px; background:var(--accent-soft); border:1px solid var(--line); border-radius:12px; margin-top:20px; }
.dl-community-card .card-info { display:flex; align-items:center; gap:12px; min-width:0; }
.dl-community-card .card-icon { display:grid; place-items:center; width:32px; height:32px; flex:none; color:var(--accent); }
.dl-community-card .card-icon svg { width:20px; height:20px; fill:currentColor; }
.dl-community-card strong { display:block; font-size:12px; }
.dl-community-card span { font-size:10px; color:var(--muted); }
.dl-community-card .card-arrow { color:var(--accent); font-size:18px; }
.dl-portal-footer { margin-top:40px; padding-top:22px; border-top:1px solid var(--line); text-align:center; color:var(--muted-2); font-size:11px; }
.dl-footer-links { display:flex; gap:24px; justify-content:center; flex-wrap:wrap; margin-bottom:16px; }
.dl-footer-links a { padding-block:8px; color:var(--muted); }
.final-progress-card { padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--bg-soft); margin:0 0 20px; text-align:center; }
.final-timer-badge { display:flex; justify-content:space-between; gap:10px; color:var(--accent); font:12px var(--font-mono); }
.final-progress-bar-wrap { height:6px; background:var(--line); border-radius:8px; overflow:hidden; margin:16px 0 12px; }
.final-progress-bar { height:100%; width:0; background:var(--accent); transition:width .12s; }
.final-hash-badge { display:grid; gap:10px; margin-top:24px; border:1px solid var(--line); border-radius:12px; background:var(--bg-soft); padding:16px; color:var(--muted); font-size:12px; }
.final-hash-badge .mono { overflow-wrap:anywhere; line-height:1.8; }
.final-copy-btn { justify-self:start; min-height:44px; border:1px solid var(--line-strong); background:var(--accent-soft); color:var(--accent); border-radius:8px; padding:10px 12px; font-size:11px; }
.android-safety-note { margin-top:18px; padding:16px; border:1px solid var(--line); border-radius:12px; font-size:12px; color:var(--muted); line-height:1.8; }
.android-safety-note strong { color:var(--text); }
.redirect-body { min-height:100vh; display:grid; place-items:center; padding:24px; }
.redirect-body main { max-width:540px; text-align:center; }
/* Motion is progressive: text is visible even when scripts fail or are blocked. */
@keyframes reveal { from { opacity:.65; transform:translateY(10px); } to { opacity:1; transform:none; } }
.is-visible[data-reveal] { animation:reveal .4s var(--ease) both; }
.translate-host { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); pointer-events:none; }
.goog-te-banner-frame.skiptranslate,.goog-te-gadget-icon { display:none !important; }
body { top:0 !important; }
/* Shared responsive rules. The drawer breakpoint matches app.js. */
@media (max-width:1180px) {
  .desktop-nav,.nav-download { display:none; }
  .menu-toggle { display:inline-flex; }
  .footer-main { gap:32px; }
}
@media (max-width:900px) {
  .container { width:min(calc(100% - 40px),var(--container)); }
  .footer-main { grid-template-columns:1fr 1fr; gap:32px; }
  .footer-release { grid-column:1/-1; }
  .content-shell { grid-template-columns:minmax(0,1fr); gap:30px; }
  .content-aside { position:static; grid-row:1; }
  .dl-portal-grid { grid-template-columns:minmax(0,1fr); max-width:660px; margin-inline:auto; }
}
@media (max-width:640px) {
  :root { --header-h:68px; --radius:18px; }
  .container { width:calc(100% - 32px); }
  .nav-shell { gap:12px; }
  .brand { gap:8px; }
  .brand-mark { width:34px; height:34px; border-radius:10px; }
  .brand-copy strong { font-size:12px; letter-spacing:.035em; }
  .brand-copy>span { font-size:8px; letter-spacing:.16em; }
  .nav-actions { gap:8px; }
  .nav-community-btn { display:none; }
  .drawer-panel { padding:20px; }
  .footer-main { grid-template-columns:minmax(0,1fr); gap:32px; padding-block:40px; }
  .footer-release { grid-column:auto; }
  .footer-links a { min-height:44px; display:flex; align-items:center; }
  .footer-bottom { gap:14px; font-size:11px; padding-bottom:28px; }
  .footer-legal-links a { display:flex; align-items:center; min-height:44px; }
  .content-page { padding:32px 0 56px; }
  .content-hero { margin-bottom:28px; }
  .content-hero h1 { font-size:34px; }
  .content-hero>p,.prose { font-size:14px; }
  .content-aside { padding:16px; }
  .fact-grid { grid-template-columns:minmax(0,1fr); }
  .page-breadcrumbs { flex-wrap:wrap; }
  .page-topbar .back-home { font-size:11px; }
  .dl-portal-main,.dl-portal-nav .nav-container { width:calc(100% - 32px); }
  .dl-portal-nav .nav-container { gap:12px; flex-wrap:wrap; }
  .dl-portal-nav .nav-links { gap:16px; }
  .dl-portal-nav .nav-link { min-height:44px; display:flex; align-items:center; }
  .dl-portal-main { padding:32px 0 40px; }
  .dl-portal-header { margin-bottom:24px; }
  .dl-portal-header h1 { font-size:30px; }
  .dl-card { padding:20px; }
  .dl-card-title { margin-bottom:18px; }
  .dl-specs-table th,.dl-specs-table td { font-size:11px; }
  .dl-cta-btn { flex-wrap:wrap; padding:14px; }
  .dl-community-card { padding:12px; }
  .dl-community-card .card-info { gap:8px; }
  .final-timer-badge { flex-wrap:wrap; }
}

/* --- Enterprise Google Play Protect & Integrity Guidance --- */
.play-protect-card {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(16, 28, 45, 0.9) 0%, rgba(11, 20, 35, 0.98) 100%);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  position: relative;
  overflow: hidden;
}
.play-protect-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, #38BDF8, #76F4BB);
}
.play-protect-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.play-protect-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 189, 248, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.3);
  display: grid;
  place-items: center;
  color: #38BDF8;
  flex-shrink: 0;
}
.play-protect-header-text {
  display: grid;
  gap: 2px;
}
.play-protect-title {
  font-size: 13.5px;
  font-weight: 700;
  color: #F0F5FC;
  letter-spacing: -0.01em;
}
.play-protect-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 10.5px;
  font-weight: 600;
  color: #76F4BB;
  background: rgba(118, 244, 187, 0.1);
  padding: 2px 7px;
  border-radius: 6px;
  border: 1px solid rgba(118, 244, 187, 0.25);
  width: fit-content;
}
.play-protect-desc {
  font-size: 12px;
  color: #A4B3C7;
  line-height: 1.6;
  margin: 0 0 14px 0;
}
.play-protect-steps {
  display: grid;
  gap: 8px;
}
.play-protect-step {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 9px 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(175, 195, 224, 0.1);
  border-radius: 8px;
}
.play-protect-step-num {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #38BDF8;
  color: #070D18;
  font-size: 11px;
  font-weight: 700;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  margin-top: 1px;
}
.play-protect-step-text {
  font-size: 11.5px;
  color: #CBD5E1;
  line-height: 1.5;
}
.play-protect-step-text strong {
  color: #F0F5FC;
}
.play-protect-tag-key {
  display: inline-block;
  background: rgba(56, 189, 248, 0.15);
  color: #38BDF8;
  padding: 1px 6px;
  border-radius: 4px;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
}
@media (max-width:359px) {
  [data-language-toggle]>.icon:first-child { display:none; }
}