/* V76 shared UI skin. Game state, controls, canvas sizing, and audio handlers remain native. */
body.v76-experience {
  --v76-ink:#153f35;--v76-accent:#177e59;--v76-pale:#e7f5e9;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:-.015em;
}
body.v76-hoi {--v76-ink:#143d77;--v76-accent:#249a63;--v76-pale:#dfeeff}
body.v76-learn {--v76-ink:#62411d;--v76-accent:#2869bf;--v76-pale:#fff0ca}
body.v76-fly {--v76-ink:#174c83;--v76-accent:#eb754d;--v76-pale:#dcf5ff}
body.v76-run {--v76-ink:#823633;--v76-accent:#e3ad27;--v76-pale:#ffe2cc}
body.v76-racing {--v76-ink:#4b3488;--v76-accent:#1fa976;--v76-pale:#e7defc}
body.v76-experience :is(h1,h2,h3) {font-family:system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.035em;text-wrap:balance}
body.v76-experience :is(button,a,input,textarea):focus-visible {outline:3px solid var(--v76-accent);outline-offset:3px}
body.v76-experience :is(.back,.home-link,.pho-home-link) {
  border-radius:999px!important;font-weight:800!important;
  text-decoration:none;box-shadow:0 6px 18px rgba(20,51,72,.11);
}
body.v76-experience :is(.primary,.primary-button,.secondary,.secondary-button,.box-button) {
  border-radius:999px!important;font-weight:850!important;
  letter-spacing:0!important;text-wrap:balance;
}
body.v76-experience :is(.tool,.icon-btn,.audio-quick,.round-button) {
  border-radius:999px!important;min-width:40px;min-height:40px;
}
body.v76-experience :is(.card,.ask-card,.answer-card,.screen.panel,.result-card,.welcome-card) {border-radius:24px!important}
body.v76-hoi {background:linear-gradient(155deg,#eaf5ff,#f8fbef 52%,#e9f4ff)}
body.v76-hoi .hero {border-radius:26px;background:linear-gradient(125deg,#143d80,#0d3271);color:white;padding:clamp(18px,3vw,38px)}
body.v76-hoi .hero :is(h1,p,.eyebrow) {color:white}
body.v76-hoi .hero .hero-mascot img {object-fit:contain;object-position:center;background:none!important}
body.v76-hoi :is(#ask-form button[type=submit],.daily-message-button) {border-radius:999px;background:#62e58b;color:#13462e;font-weight:850}
body.v76-learn {background:linear-gradient(160deg,#fff6e0,#fffaf0 58%,#eaf5fb)}
body.v76-learn .hero {background:linear-gradient(110deg,#fff2d0,#ffe2a7);border-radius:26px;color:#62411d}
body.v76-learn .hero-mascot {object-fit:contain;background:none!important;box-shadow:none!important}
body.v76-learn :is(.primary,.tab.active) {background:#2869bf;color:#fff}
body.v76-fly {background:#d9f3ff}
body.v76-fly #start-screen {background:linear-gradient(150deg,#e4f8ff,#cbeefe 60%,#fff2d9)}
body.v76-fly #start-screen .hero-mascot img {object-fit:contain;background:none!important}
body.v76-fly #start-screen .primary {background:#ef7953;color:#fff}
body.v76-run {background:#ffe1d1}
body.v76-run #start-screen {background:linear-gradient(160deg,#ffe7d8,#ffc9b6 70%,#fff2cb)}
body.v76-run #start-screen .hero-mascot {background:url('../brand/v76/run.webp') center/contain no-repeat!important;animation:none!important}
body.v76-run #start-screen .primary-button {background:#ffd75a;color:#603c21}
body.v76-racing {background:#ded0f9}
body.v76-racing #start-screen {background:linear-gradient(160deg,#e8defd,#d2c2f2 65%,#f4edff)}
body.v76-racing #start-screen .hero-car-concept {object-fit:contain;background:none!important;border:0!important;box-shadow:none!important}
body.v76-racing #start-screen .primary-button {background:#5ce7b3;color:#184f43}
body.v76-experience :is(.menu-actions button,.mini-actions button,.tabs .tab,.difficulty button,.difficulty-picker button) {border-radius:16px!important}
@media(max-width:700px){
 body.v76-experience :is(.back,.home-link,.pho-home-link) {min-height:40px}
 body.v76-experience :is(.primary,.primary-button) {min-height:46px}
 body.v76-hoi .hero {padding:18px}
}