/* NaughtyMinute Light/Naughty vibe experiment */
.vibe-switch-wrap{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 0 4px}
.vibe-label{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.vibe-switch{display:inline-flex;padding:4px;border:1px solid var(--border);border-radius:999px;background:#150716}
.vibe-switch button{min-width:104px;border:0;border-radius:999px;padding:9px 15px;background:transparent;color:var(--muted);font:inherit;font-size:14px;font-weight:700}
.vibe-switch button[aria-pressed="true"]{color:#fff;background:linear-gradient(135deg,#ff298f,#9b35ef);box-shadow:0 4px 18px #ff16834a}
body[data-vibe="light"]{color-scheme:light;--pink:#7357dc;--light:#6046ca;--ink:#102a4c;--muted:#62728b;--border:#cfdaeb;--bg:#eef4fb;background:radial-gradient(ellipse at 8% 7%,#dceaff,transparent 35%),radial-gradient(ellipse at 94% 4%,#eee7ff,transparent 29%),var(--bg);color:var(--ink)}
body[data-vibe="light"] .header{background:transparent;border-color:#cbd8e9;box-shadow:none}
body[data-vibe="light"] .brand img{filter:none}
body[data-vibe="light"] .nav button,body[data-vibe="light"] .nav a{color:#173354}
body[data-vibe="light"] .nav a:hover,body[data-vibe="light"] .nav button:hover{color:#6046ca}
body[data-vibe="light"] .nav .login,body[data-vibe="light"] .agebadge{border-color:#8f7ae7;color:#253e68;box-shadow:0 0 10px #7862d02b,inset 0 0 9px #7862d01c}
body[data-vibe="light"] .menu-toggle{color:#173354;border-color:#a9b8d0}
body[data-vibe="light"] .vibe-switch{background:#fff;border-color:#cbd8e9;box-shadow:0 8px 24px #244a7914}
body[data-vibe="light"] .vibe-switch button{color:#66758c}
body[data-vibe="light"] .vibe-switch button[aria-pressed="true"]{color:#fff;background:linear-gradient(135deg,#268cff,#7257de);box-shadow:0 5px 18px #2c7ee83d}
body[data-vibe="light"] .hero h1{color:#102a4c}
body[data-vibe="light"] .hero h1 span{color:#7357dc}
body[data-vibe="light"] .hero-copy>p:not(.eyebrow){color:#455b77;text-shadow:none}
body[data-vibe="light"] .hero-art{opacity:.42;filter:saturate(.62) hue-rotate(175deg) brightness(1.55)}
body[data-vibe="light"] .hero-art::after{background:linear-gradient(to top,#eef4fbcc,transparent 38%)}
body[data-vibe="light"] .btn{border-color:#4d9bff;background:linear-gradient(135deg,#249cff,#6b54dc);box-shadow:0 10px 25px #2877db32,inset 0 1px 2px #ffffff70}
body[data-vibe="light"] .btn.outline{color:#173354;background:#ffffffd9;border-color:#6e8fbd;box-shadow:0 8px 20px #244a7915}
body[data-vibe="light"] .perks,body[data-vibe="light"] .game-card,body[data-vibe="light"] .mode-card,body[data-vibe="light"] .plus{background:#fff;border-color:#d1ddeb;box-shadow:0 12px 35px #234d7a12}
body[data-vibe="light"] .perk{color:#173354;border-color:#dbe4f0}
body[data-vibe="light"] .perk:hover{background:#f4f8ff}
body[data-vibe="light"] .perk svg,body[data-vibe="light"] .mode-card>svg{color:#7257dc;filter:none}
body[data-vibe="light"] .perk small,body[data-vibe="light"] .sectionhead p,body[data-vibe="light"] .modes .lead,body[data-vibe="light"] .mode-card small,body[data-vibe="light"] .plus p{color:#66758c}
body[data-vibe="light"] .scriptline,body[data-vibe="light"] .subtle-tag{color:#7257dc}
body[data-vibe="light"] .game-card,body[data-vibe="light"] .mode-card{color:#102a4c}
body[data-vibe="light"] .game-card:hover{box-shadow:0 16px 36px #315e941f;border-color:#8da7ca}
body[data-vibe="light"] .card-copy{background:#fff}
body[data-vibe="light"] .card-copy .desc{color:#60718a}
body[data-vibe="light"] .card-arrow,body[data-vibe="light"] .mode-card .tiny-arrow{color:#6046ca;background:#f1f4ff;border-color:#baaef0}
body[data-vibe="light"] .mode-card:hover{background:#f7f9ff;border-color:#8e7ce0}
body[data-vibe="light"] .plus-title>svg,body[data-vibe="light"] .plus h2 span,body[data-vibe="light"] .price{color:#7357dc;filter:none}
body[data-vibe="light"] .plus-features span,body[data-vibe="light"] .plus-offer>small{color:#66758c}
body[data-vibe="light"] .plus-features svg{color:#7257dc;border-color:#bbb0ed}
body[data-vibe="light"] .footer{border-color:#d4dfed}
body[data-vibe="light"] .footer-logo{filter:grayscale(1) sepia(1) saturate(1050%) hue-rotate(195deg) brightness(.74)}
body[data-vibe="light"] .footer-links button,body[data-vibe="light"] .footer-links a,body[data-vibe="light"] .socials button,body[data-vibe="light"] .responsible{color:#60718a}
body[data-vibe="light"] dialog{background:radial-gradient(ellipse at 90% 0,#e8e2ff,transparent 65%),#f8fbff;color:#102a4c;border-color:#c8d5e8}
body[data-vibe="light"] dialog::backdrop{background:#10213c99}
body[data-vibe="light"] dialog p,body[data-vibe="light"] .howto,body[data-vibe="light"] .gamemeta{color:#60718a}
body[data-vibe="light"] .close{background:#fff;color:#173354;border-color:#a9b8d0}
body[data-vibe="light"] .question{color:#102a4c}
body[data-vibe="light"] .answer{background:#fff;color:#173354;border-color:#b7c7dc}
body[data-vibe="light"] .game-picker button{background:#fff;color:#173354;border-color:#b7c7dc}
body[data-vibe="light"] .share-url{background:#fff;color:#173354;border-color:#a9bad1}
@media(max-width:730px){.vibe-switch-wrap{padding-top:10px;flex-direction:column;gap:6px}.vibe-switch button{min-width:118px}.vibe-label{font-size:12px}body[data-vibe="light"] .nav{background:#f8fbfff5;border-color:#cbd8e8;box-shadow:0 15px 30px #284b7424}}

/* Light-mode game dialog legibility and full-color flags */
body[data-vibe="light"] .gamehead strong{color:#235fb8}
body[data-vibe="light"] .pill{color:#235fb8;border-color:#6e9bdb;background:#edf5ff}
body[data-vibe="light"] .note{color:#516b8d!important}
body[data-vibe="light"] .game-status{color:#235fb8}
body[data-vibe="light"] .skip{color:#315f9e}
body[data-vibe="light"] .flags-picture{width:220px;height:124px;overflow:visible}
body[data-vibe="light"] .flags-picture img{content:url('/naughtyminute-flags-light.png?v=20260918-3');position:static;width:100%;height:100%;max-width:100%;object-fit:contain;mix-blend-mode:normal;filter:none}

/* Light homepage game art: blue rather than pink */
body[data-vibe="light"] .slim{color:#fff;background:linear-gradient(135deg,#267fe8,#6554d9);border-color:#5d82d7;box-shadow:0 7px 18px #315fa32b}
body[data-vibe="light"] .access-label{color:#235fb8}
body[data-vibe="light"] .card-art{background:linear-gradient(135deg,#d8eaff,#ebe8ff)}
body[data-vibe="light"] .card-art:not(.card-flags) img{filter:grayscale(1) sepia(1) saturate(800%) hue-rotate(185deg) brightness(.82);mix-blend-mode:normal;opacity:.9}
body[data-vibe="light"] .card-art.card-flags{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d8eaff,#ebe8ff)}
body[data-vibe="light"] .card-art.card-flags img{content:url('/naughtyminute-flags-light.png?v=20260918-3');position:static;width:72%;height:90%;max-width:72%;object-fit:contain;mix-blend-mode:normal;filter:none;opacity:1}


/* Light game prompt cards: high-contrast pale blue surfaces */
body[data-vibe="light"] dialog .question,
body[data-vibe="light"] dialog .question-card,
body[data-vibe="light"] dialog .scenario-card,
body[data-vibe="light"] dialog .swipe-card,
body[data-vibe="light"] dialog .hot-card{background:linear-gradient(145deg,#d9ebff,#edf5ff)!important;color:#102a4c!important;border-color:#6ea8ef!important;text-shadow:none!important;box-shadow:0 8px 20px #244a7918!important}
body[data-vibe="light"] dialog .question *,
body[data-vibe="light"] dialog .question-card *,
body[data-vibe="light"] dialog .scenario-card *,
body[data-vibe="light"] dialog .swipe-card *,
body[data-vibe="light"] dialog .hot-card *{color:#102a4c!important;text-shadow:none!important}


/* Transparent flags on matching Light and Naughty banner surfaces */
body .card-art.card-flags img,body .flags-picture img{content:url('/naughtyminute-flags-light.png?v=20260918-4')!important;mix-blend-mode:normal!important;filter:none!important;opacity:1!important}
body[data-vibe="light"] .card-art.card-flags{background:radial-gradient(circle at 50% 35%,#245d91 0,#123d68 38%,#071d35 100%)!important}
body[data-vibe="naughty"] .card-art.card-flags{background:radial-gradient(circle at 50% 35%,#7a174d 0,#360a2b 42%,#10040f 100%)!important}


/* Clouded flag banner, matching the other featured game artwork */
body .card-art.card-flags{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;isolation:isolate}
body .card-art.card-flags::before{content:"";position:absolute;inset:-18px;z-index:0;filter:blur(10px);transform:scale(1.08);pointer-events:none}
body .card-art.card-flags img{content:url('/naughtyminute-flags-light.png?v=20260918-5')!important;position:relative!important;inset:auto!important;z-index:1!important;width:62%!important;height:88%!important;max-width:62%!important;object-fit:contain!important;display:block!important;visibility:visible!important}
body[data-vibe="light"] .card-art.card-flags{background:#071d35!important}
body[data-vibe="light"] .card-art.card-flags::before{background:radial-gradient(ellipse at 15% 25%,#4c92cf88 0,transparent 34%),radial-gradient(ellipse at 52% 65%,#245e9a88 0,transparent 38%),radial-gradient(ellipse at 86% 18%,#77aee155 0,transparent 32%),linear-gradient(180deg,#16436b,#07172b)}
body[data-vibe="naughty"] .card-art.card-flags{background:#12030f!important}
body[data-vibe="naughty"] .card-art.card-flags::before{background:radial-gradient(ellipse at 13% 30%,#cb165c99 0,transparent 33%),radial-gradient(ellipse at 51% 70%,#6f0a4d99 0,transparent 40%),radial-gradient(ellipse at 88% 20%,#f52e7b66 0,transparent 31%),linear-gradient(180deg,#52072f,#12030f)}


/* Correct Light footer logo */
body[data-vibe="light"] img.footer-logo,body[data-vibe="light"] .footer-logo img{content:url('/naughtyminute-logo-light.png?v=20260918-3')!important;filter:none!important;opacity:1!important}

/* Stronger irregular mist behind flag artwork */
body[data-vibe="light"] .card-art.card-flags::before{opacity:1;background:radial-gradient(ellipse 34% 55% at 4% 22%,#6aa7dcaa 0,transparent 75%),radial-gradient(ellipse 26% 42% at 25% 76%,#174b7fdd 0,transparent 78%),radial-gradient(ellipse 40% 48% at 48% 18%,#4b8fcbbb 0,transparent 76%),radial-gradient(ellipse 30% 60% at 66% 80%,#1d5d97cc 0,transparent 77%),radial-gradient(ellipse 36% 48% at 94% 30%,#74acd999 0,transparent 74%),linear-gradient(180deg,#174871,#06172b)!important}
body[data-vibe="naughty"] .card-art.card-flags::before{opacity:1;background:radial-gradient(ellipse 35% 58% at 3% 24%,#ef2a75aa 0,transparent 73%),radial-gradient(ellipse 28% 45% at 24% 79%,#710c4ddd 0,transparent 77%),radial-gradient(ellipse 42% 50% at 49% 15%,#bd195fbb 0,transparent 76%),radial-gradient(ellipse 31% 62% at 69% 82%,#700846cc 0,transparent 76%),radial-gradient(ellipse 37% 48% at 96% 28%,#f0448499 0,transparent 73%),linear-gradient(180deg,#650937,#12030f)!important}


/* Light prompt surface: style the wrapper that owns the question text */
body[data-vibe="light"] dialog div:has(> .question),
body[data-vibe="light"] dialog [class*="card"]:has(.question),
body[data-vibe="light"] dialog div:has(> .hot-question),
body[data-vibe="light"] dialog [class*="card"]:has(.hot-question){background:linear-gradient(145deg,#d7eaff,#eef6ff)!important;color:#102a4c!important;border-color:#2585ef!important;text-shadow:none!important;box-shadow:0 8px 20px #244a7918!important}
body[data-vibe="light"] dialog div:has(> .question) *,
body[data-vibe="light"] dialog [class*="card"]:has(.question) *,
body[data-vibe="light"] dialog div:has(> .hot-question) *,
body[data-vibe="light"] dialog [class*="card"]:has(.hot-question) *{color:#102a4c!important;text-shadow:none!important}
body[data-vibe="light"] dialog .question,body[data-vibe="light"] dialog .hot-question{background:transparent!important}


/* Runtime-tagged Red Flag question surface in Light mode */
body[data-vibe="light"] dialog .vibe-light-flag-prompt{background:linear-gradient(145deg,#d7eaff,#eef6ff)!important;color:#102a4c!important;border-color:#2585ef!important;text-shadow:none!important;box-shadow:0 8px 20px #244a7918!important}
body[data-vibe="light"] dialog .vibe-light-flag-prompt *{color:#102a4c!important;text-shadow:none!important}


/* Light homepage calendar perk: blue icon and interaction state */
body[data-vibe="light"] #perkCalendar,
body[data-vibe="light"] #perkCalendar:hover,
body[data-vibe="light"] #perkCalendar:focus,
body[data-vibe="light"] #perkCalendar:focus-visible,
body[data-vibe="light"] #perkCalendar:active{border-color:#4d9bff!important;box-shadow:0 0 0 2px #4d9bff33,0 10px 24px #244a7914!important;outline:none!important}
body[data-vibe="light"] #perkCalendar svg{color:#268cff!important;filter:none!important}