/* Vexcor Lab — shared stylesheet for every page (/, /probe, 404).
   Served under a strict CSP (style-src 'self'): no inline styles anywhere, so everything lives here. */

/* ---- fonts (self-hosted; variable files cover all used weights) ---- */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;
  src:url("fonts/inter-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;
  src:url("fonts/inter-cyrillic.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500 700;font-display:swap;
  src:url("fonts/space-grotesk-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;
  src:url("fonts/ibm-plex-mono-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;
  src:url("fonts/ibm-plex-mono-cyrillic.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}

:root{
  --bg:#000000;
  --bg-raised:#161616;
  --bg-card:#111111;
  --border:#262626;
  --border-strong:#3a3a3a;
  --ink:#f5f5f5;
  --ink-secondary:#b3b3b3;
  --ink-muted:#8a8a8a;
  --accent:#4db560;
  --accent-dim:#7fd08e;
  --accent-ink:#1c0f1a;
  --gold:#ffd477;
  --danger:#ff5a5a;
  --radius-sm:6px;
  --radius-md:12px;
  --radius-lg:20px;
  --maxw:1180px;
  --header-h:76px;
  color-scheme:dark;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-h);-webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Inter",-apple-system,"Helvetica Neue",Arial,sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img,svg,picture{display:block;max-width:100%;}
img{height:auto;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}
@media (max-width:640px){.wrap{padding:0 20px;}}

/* ---- accessibility helpers ---- */
:focus-visible{outline:2px solid var(--accent-dim);outline-offset:3px;border-radius:4px;}
.btn-primary:focus-visible,.lang-switch button[aria-pressed="true"]:focus-visible{outline-color:var(--ink);}
.skip{
  position:absolute;left:16px;top:-80px;z-index:100;
  background:var(--accent);color:var(--accent-ink);
  padding:10px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;
}
.skip:focus{top:12px;}

/* ---- nav ---- */
header{
  position:sticky;top:0;z-index:50;
  background:rgba(0,0,0,0.85);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
}
nav{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);}
.logo{display:flex;align-items:baseline;gap:0.28em;font-size:28px;}
.logo .v{font-family:"Space Grotesk",sans-serif;font-weight:700;color:var(--accent);letter-spacing:0.04em;text-transform:uppercase;}
.logo .l{font-family:"Inter",sans-serif;font-weight:400;color:var(--ink);text-transform:lowercase;}
@media (max-width:640px){.logo{font-size:22px;}}
.navlinks{display:flex;align-items:center;gap:36px;}
.navmenu{display:flex;align-items:center;gap:36px;}
.navmenu a{font-size:14px;color:var(--ink-secondary);transition:color .15s ease;}
.navmenu a:hover{color:var(--ink);}
.nav-toggle{
  display:none;order:3;
  width:40px;height:40px;padding:0;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
  background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-md);
  cursor:pointer;
}
.nav-toggle span{display:block;width:16px;height:2px;border-radius:2px;background:var(--ink);transition:transform .15s ease,opacity .15s ease;}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-size:14px;font-weight:500;font-family:"Inter",sans-serif;
  padding:12px 22px;border-radius:var(--radius-md);border:1px solid transparent;
  cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease;
  white-space:nowrap;
}
.btn:active{transform:scale(0.97);}
.btn-primary{background:var(--accent);color:var(--accent-ink);}
.btn-primary:hover{background:#63c574;}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border-strong);}
.btn-ghost:hover{border-color:var(--ink-secondary);}
.btn-sm{padding:9px 16px;font-size:13px;}
.btn-lg{padding:18px 40px;font-size:17px;font-weight:600;border-radius:14px;}

/* ---- language switch ---- */
.lang-switch{display:flex;gap:2px;padding:3px;border:1px solid var(--border-strong);border-radius:999px;}
.lang-switch button{background:none;border:0;color:var(--ink-secondary);font:500 12px "Inter",sans-serif;letter-spacing:.06em;padding:6px 10px;border-radius:999px;cursor:pointer;line-height:1;}
.lang-switch button:hover{color:var(--ink);}
.lang-switch button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);}

/* ---- small screens: links move into a menu panel under the header ---- */
@media (max-width:760px){
  .navlinks{gap:10px;}
  .lang-switch button{padding:6px 8px;}
  .nav-toggle{display:inline-flex;}
  .navmenu{
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    padding:4px 20px 12px;
    background:#000;border-bottom:1px solid var(--border);
  }
  .navmenu a{padding:14px 0;font-size:16px;color:var(--ink);border-bottom:1px solid var(--border);}
  .navmenu a:last-child{border-bottom:0;}
  .js .navmenu{display:none;}
  .js .navmenu.open{display:flex;}
  /* without JavaScript the links stay visible as a second header row */
  html:not(.js) .nav-toggle{display:none;}
  html:not(.js) nav{flex-wrap:wrap;height:auto;padding:16px 0 0;}
  html:not(.js) .navmenu{position:static;order:4;flex-direction:row;gap:24px;padding:0;background:none;border:0;}
  html:not(.js) .navlinks{flex-wrap:wrap;justify-content:flex-end;}
  html:not(.js) .navmenu a{border:0;font-size:14px;}
}
@media (max-width:400px){
  .logo{font-size:19px;}
  .navlinks{gap:8px;}
  .navlinks .btn-sm{padding:8px 11px;font-size:12px;}
  .lang-switch button{padding:6px 7px;}
  .nav-toggle{width:36px;height:36px;}
}

/* ---- section shared ---- */
section{padding:90px 0;border-top:1px solid var(--border);}
.section-tag{font-size:13px;font-family:"IBM Plex Mono",monospace;color:var(--accent);margin-bottom:14px;}
h1,h2{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:clamp(26px,3.4vw,38px);line-height:1.6;letter-spacing:-0.01em;margin:0 0 16px;max-width:640px;}
.section-sub{color:var(--ink-secondary);font-size:16px;max-width:560px;margin:0 0 52px;}

/* ---- intro video ---- */
.intro{padding:0;border-top:none;background:#000;}
.intro-frame{position:relative;}
.intro-video{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:88vh;object-fit:contain;background:#000;margin:0 auto;}
.sound-btn{
  position:absolute;left:50%;bottom:28px;transform:translateX(-50%);
  background:var(--accent);color:var(--accent-ink);border:none;border-radius:999px;
  padding:12px 22px;font:500 14px "Inter",sans-serif;cursor:pointer;
  box-shadow:0 8px 30px rgba(0,0,0,.6);
}
.sound-btn[hidden]{display:none;}
.mute-btn{
  position:absolute;right:20px;bottom:24px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.62);color:var(--ink);border:1px solid var(--border-strong);border-radius:999px;cursor:pointer;
  transition:border-color .15s ease, color .15s ease;
}
.mute-btn:hover{border-color:var(--accent);color:var(--accent);}
.mute-btn[hidden]{display:none;}
.mute-btn .off{display:none;}
.mute-btn.muted{color:var(--danger);border-color:var(--danger);}
.mute-btn.muted .on{display:none;}
.mute-btn.muted .off{display:inline;}
@media (max-width:640px){.mute-btn{right:10px;bottom:10px;width:40px;height:40px;}}
@media (max-width:640px){.sound-btn{bottom:12px;padding:9px 16px;font-size:13px;}}

/* ---- featured PROBE card ---- */
.quick{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;}
.game-feature{
  display:block;overflow:hidden;
  border:1px solid var(--border);border-radius:var(--radius-lg);background:#050505;
  transition:border-color .2s ease,transform .2s ease;
}
.game-feature:hover{border-color:var(--accent-dim);transform:translateY(-3px);}
.feature-frame{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.feature-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-top:1px solid var(--border);background:var(--bg-card);}
.feature-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.feature-meta .game-status{margin:0;}
.feature-name{font-family:"Space Grotesk",sans-serif;font-weight:700;letter-spacing:0.06em;font-size:18px;color:var(--ink);}
.feature-sub{font-size:13px;color:var(--ink-muted);font-family:"IBM Plex Mono",monospace;}
@media (max-width:640px){
  .feature-bar{flex-direction:column;align-items:stretch;}
  .feature-bar .btn{width:100%;}
}
.game-status{display:inline-block;font-size:11px;font-family:"IBM Plex Mono",monospace;padding:3px 9px;border-radius:999px;}
.status-live{background:rgba(77,181,96,0.2);color:#7fd08e;}

/* ---- why / features ---- */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;}
@media (max-width:760px){.feat-grid{grid-template-columns:1fr;}}
.feat{background:var(--bg-card);padding:32px;}
.feat-num{font-family:"IBM Plex Mono",monospace;color:var(--accent-dim);font-size:13px;margin-bottom:16px;}
.feat h3{font-size:17px;font-weight:600;margin:0 0 10px;}
.feat p{font-size:14px;color:var(--ink-secondary);margin:0;}

/* ---- about ---- */
.about-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
@media (max-width:820px){.about-row{grid-template-columns:1fr;gap:32px;}}
.about-row p{color:var(--ink-secondary);font-size:16px;margin:0 0 16px;}

/* ---- contact / cta ---- */
.cta-panel{
  background:linear-gradient(135deg,var(--bg-card),var(--bg-raised));
  border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:64px 48px;text-align:center;
}
@media (max-width:640px){.cta-panel{padding:44px 24px;}}
.cta-panel h2{margin:0 auto 14px;}
.cta-panel .section-sub{margin:0 auto 36px;}
.cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}

/* ---- footer ---- */
footer{border-top:1px solid var(--border);padding:48px 0 32px;}
.footer-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:28px;}
.footer-links{display:flex;gap:24px;flex-wrap:wrap;}
.footer-links a{font-size:13px;color:var(--ink-secondary);}
.footer-links a:hover{color:var(--ink);}
.footer-launch{font-size:12px;color:var(--ink-muted);font-family:"IBM Plex Mono",monospace;margin:0 0 18px;}
.footer-launch time,.launch-note time,.note.launch time{color:var(--ink);}
.launch-note{margin:16px 0 0;font-size:12px;color:var(--ink-muted);font-family:"IBM Plex Mono",monospace;}
.play-panel .note.launch{margin-top:6px;}
.footer-legal{font-size:12px;color:var(--ink-muted);line-height:1.7;border-top:1px solid var(--border);padding-top:24px;margin:0;}

/* ---- scroll reveal (only hides content when JavaScript is running) ---- */
.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease;}
.js .reveal.in{opacity:1;transform:translateY(0);}

/* ---- home: you set the risk ---- */
.concept{border-top:none;padding-top:96px;}
.big{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:clamp(40px,6.4vw,84px);line-height:1.02;letter-spacing:-0.025em;margin:0 0 22px;max-width:980px;}
.big em{font-style:normal;color:var(--accent);}
.big-sub{font-size:clamp(17px,1.6vw,20px);color:var(--ink-secondary);max-width:640px;margin:0 0 56px;line-height:1.6;}

.gcharge{max-width:760px;}
.gmult{font-family:"Helvetica Neue",Arial,sans-serif;font-size:64px;font-weight:900;letter-spacing:-.02em;color:var(--gold);text-shadow:0 0 30px rgba(255,212,119,.35);line-height:1;margin:0 0 18px;font-variant-numeric:tabular-nums;}
.gbar{position:relative;height:110px;overflow:hidden;background:rgba(9,6,14,.72);border:1px solid rgba(255,212,119,.22);border-radius:12px;box-shadow:0 8px 26px rgba(3,2,7,.45);}
.gsegs{position:absolute;inset:9px 11px;display:flex;gap:4px;}
.gsegs i{flex:1;border-radius:4px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.06);transition:background .08s;}
.gsegs i.on{background:linear-gradient(180deg,#ffe29a,#ff9d57);box-shadow:0 0 10px rgba(255,180,90,.6);}
.glabel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:900;letter-spacing:.09em;font-size:16px;color:#fff9f4;text-shadow:0 2px 12px rgba(0,0,0,.9);}
.ladder-axis{max-width:760px;display:flex;justify-content:space-between;gap:16px;margin-top:14px;font-size:13px;color:var(--ink-muted);font-family:"IBM Plex Mono",monospace;}
.ladder-axis span:last-child{text-align:right;}
@media (max-width:640px){.gmult{font-size:44px;}.gbar{height:84px;}.gsegs{inset:8px 9px;gap:3px;}.glabel{font-size:13px;letter-spacing:.06em;}}

/* ---- home: react vs decide ---- */
.duel{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
@media (max-width:820px){.duel{grid-template-columns:1fr;}}
.lane{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);overflow:hidden;}
.lane.me{border-color:rgba(77,181,96,0.55);}
.lane canvas{display:block;width:100%;height:auto;aspect-ratio:640/300;background:#050505;}
.lane .cap{padding:18px 22px 22px;}
.lane-note{margin:8px 0 0;font-size:12px;color:var(--ink-muted);}
.lane .who{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;}
.lane.me .who{color:var(--accent);}
.lane h3{font-family:"Space Grotesk",sans-serif;font-size:24px;font-weight:700;margin:6px 0 0;}

/* ---- PROBE page ---- */
.p-hero{padding:0;border-top:none;background:#000;position:relative;}
.p-hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:78vh;object-fit:cover;}
.p-hero .cta{position:absolute;left:0;right:0;bottom:6%;display:flex;justify-content:center;}
@media (max-width:640px){.p-hero .cta{position:static;padding:22px 0 30px;background:#000;}}
.back{display:inline-block;margin-bottom:28px;font-size:14px;color:var(--ink-muted);}
.back:hover{color:var(--ink);}
.p-lead{font-size:19px;color:var(--ink-secondary);max-width:640px;margin:0 0 40px;line-height:1.65;}
.p-lead b{color:var(--ink);font-weight:500;}
.meter{display:flex;gap:6px;height:56px;max-width:820px;}
.meter i{flex:1;border-radius:6px;background:#161616;border:1px solid #262626;}
@media (max-width:640px){.meter{gap:3px;height:44px;}.meter i{border-radius:4px;}}
.meter-scale{display:flex;justify-content:space-between;gap:16px;max-width:820px;margin-top:12px;font-size:15px;}
.meter-scale b{display:block;font-size:20px;font-weight:600;}
.meter-scale span{color:var(--ink-muted);}
.meter-scale .hi{text-align:right;}
.meter-scale .hi b{color:var(--gold);}
.vs{display:flex;gap:40px;flex-wrap:wrap;margin-top:44px;font-size:17px;color:var(--ink-muted);}
@media (max-width:640px){.vs{gap:12px;}}
.vs b{color:var(--ink-secondary);font-weight:500;}
.vs .me{color:var(--ink);}
.vs .me b{color:var(--accent);font-weight:600;}

.how{display:grid;grid-template-columns:0.8fr 1.3fr 1.3fr;gap:22px;align-items:start;}
@media (max-width:900px){.how{grid-template-columns:1fr;}}
.how .shot{height:260px;border:1px solid var(--border);border-radius:16px;background:#050505;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;}
.how .shot img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;}
.how .shot picture{display:contents;}
.how .shot.tall img{height:90%;width:auto;}
.how .shot.fill img{width:100%;height:100%;object-fit:cover;}
.how .shot .tag{position:absolute;top:26px;left:0;right:0;text-align:center;font-family:"Space Grotesk",sans-serif;font-size:46px;font-weight:700;color:var(--gold);text-shadow:0 0 24px rgba(255,212,119,.35);}
.how .shot.bar img{width:90%;margin-top:80px;}
.how .num{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--accent);margin:22px 0 6px;}
.how h3{font-family:"Space Grotesk",sans-serif;font-size:24px;font-weight:700;margin:0 0 6px;}
.how p{font-size:15px;color:var(--ink-secondary);margin:0;}

.extras{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
@media (max-width:1000px){.extras{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.extras{grid-template-columns:1fr;}}
.extra{border:1px solid var(--border);border-radius:16px;background:var(--bg-card);overflow:hidden;}
.extra .img{height:170px;background:#050505;overflow:hidden;}
.extra .img picture{display:contents;}
.extra .img img{width:100%;height:100%;object-fit:cover;display:block;}
.extra .img.lock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:0 12px;background:radial-gradient(circle at 50% 45%,#12301a,#050505 70%);}
.extra .img.lock b{font-family:"Space Grotesk",sans-serif;font-size:24px;letter-spacing:.08em;color:var(--accent);}
.extra .img.lock span{font-family:"IBM Plex Mono",monospace;font-size:12px;color:#9a9a9a;}
.extra .t{padding:20px 22px 24px;}
.extra h3{font-family:"Space Grotesk",sans-serif;font-size:19px;font-weight:700;margin:0 0 6px;}
.extra p{font-size:14px;color:var(--ink-secondary);margin:0;line-height:1.55;}

/* operators: integration facts */
.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;}
@media (max-width:1000px){.specs{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.specs{grid-template-columns:1fr;}}
.spec{background:var(--bg-card);padding:24px 26px 26px;}
.spec dt{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dim);margin:0 0 10px;}
.spec dd{margin:0;font-size:14px;color:var(--ink-secondary);line-height:1.55;}
.spec dd b{display:block;font-size:17px;font-weight:600;color:var(--ink);margin-bottom:4px;}

.stats{display:flex;gap:64px;flex-wrap:wrap;margin-bottom:44px;}
@media (max-width:640px){.stats{gap:28px 40px;}}
.stats b{display:block;font-family:"Space Grotesk",sans-serif;font-size:52px;font-weight:700;line-height:1;}
@media (max-width:640px){.stats b{font-size:40px;}}
.stats b.gold{color:var(--gold);}
.stats span{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin-top:10px;}
.play-panel{text-align:center;}
.play-panel .stats{justify-content:center;}
.play-panel .section-sub{margin:0 auto 32px;}
.play-panel .note{display:block;margin-top:14px;font-size:12px;color:var(--ink-muted);font-family:"IBM Plex Mono",monospace;}

/* ---- 404 ---- */
.notfound{border-top:none;padding:120px 0 130px;text-align:center;}
.notfound .code{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:clamp(88px,18vw,200px);line-height:1;letter-spacing:-0.03em;color:var(--accent);margin:0 0 12px;}
.notfound h1,.notfound .section-sub{margin-left:auto;margin-right:auto;}
.notfound .section-sub{margin-bottom:36px;}

/* ---- Space Grotesk has no Cyrillic: Russian headings use Inter ---- */
html[lang="ru"] h1,html[lang="ru"] h2,html[lang="ru"] h3,html[lang="ru"] .feature-name,html[lang="ru"] .stats b,html[lang="ru"] .extra .img.lock b,html[lang="ru"] .big,html[lang="ru"] .lane h3{font-family:"Inter",sans-serif;}

/* ---- reduced motion ---- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .js .reveal,.js .reveal.in{opacity:1;transform:none;transition:none;}
  .btn,.game-feature,.gsegs i,.nav-toggle span,.navmenu a{transition:none;}
  .btn:active,.game-feature:hover{transform:none;}
}

/* ---- PROBE page charge meter: 16 lit segments, pale gold to orange ---- */
.meter i:nth-child(1){background:rgb(255,226,154);border-color:transparent;box-shadow:0 0 8px rgba(255,180,90,0.2);}
.meter i:nth-child(2){background:rgb(255,221,150);border-color:transparent;box-shadow:0 0 8.9px rgba(255,180,90,0.22);}
.meter i:nth-child(3){background:rgb(255,217,145);border-color:transparent;box-shadow:0 0 9.9px rgba(255,180,90,0.24);}
.meter i:nth-child(4){background:rgb(255,212,141);border-color:transparent;box-shadow:0 0 10.8px rgba(255,180,90,0.26);}
.meter i:nth-child(5){background:rgb(255,208,136);border-color:transparent;box-shadow:0 0 11.7px rgba(255,180,90,0.28);}
.meter i:nth-child(6){background:rgb(255,203,132);border-color:transparent;box-shadow:0 0 12.7px rgba(255,180,90,0.3);}
.meter i:nth-child(7){background:rgb(255,198,127);border-color:transparent;box-shadow:0 0 13.6px rgba(255,180,90,0.32);}
.meter i:nth-child(8){background:rgb(255,194,123);border-color:transparent;box-shadow:0 0 14.5px rgba(255,180,90,0.34);}
.meter i:nth-child(9){background:rgb(255,189,118);border-color:transparent;box-shadow:0 0 15.5px rgba(255,180,90,0.36);}
.meter i:nth-child(10){background:rgb(255,185,114);border-color:transparent;box-shadow:0 0 16.4px rgba(255,180,90,0.38);}
.meter i:nth-child(11){background:rgb(255,180,109);border-color:transparent;box-shadow:0 0 17.3px rgba(255,180,90,0.4);}
.meter i:nth-child(12){background:rgb(255,175,105);border-color:transparent;box-shadow:0 0 18.3px rgba(255,180,90,0.42);}
.meter i:nth-child(13){background:rgb(255,171,100);border-color:transparent;box-shadow:0 0 19.2px rgba(255,180,90,0.44);}
.meter i:nth-child(14){background:rgb(255,166,96);border-color:transparent;box-shadow:0 0 20.1px rgba(255,180,90,0.46);}
.meter i:nth-child(15){background:rgb(255,162,91);border-color:transparent;box-shadow:0 0 21.1px rgba(255,180,90,0.48);}
.meter i:nth-child(16){background:rgb(255,157,87);border-color:transparent;box-shadow:0 0 22px rgba(255,180,90,0.5);}

/* draft preview from the back office (?preview=N) */
.preview-badge{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:1000;padding:8px 14px;border-radius:999px;background:#f2c14e;color:#111;font:600 12px/1 "IBM Plex Mono",monospace;letter-spacing:.04em;box-shadow:0 6px 24px rgba(0,0,0,.5);pointer-events:none;}