/* The complete opt-in game UI. Website mode deliberately keeps its original CSS. */
.vibe-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.2em;pointer-events:none;line-height:1;font-style:normal;flex-shrink:0}
.vibe-icon-art,.vibe-back-art{display:none}
.vibe-icon .vibe-emoji{font-size:inherit;line-height:inherit}
html[data-vibe-theme="app"] .vibe-icon{display:inline-grid!important;width:1.45em;height:1.45em;vertical-align:-.32em;font-size:inherit;line-height:1}
html[data-vibe-theme="app"] .vibe-icon .vibe-emoji,html[data-vibe-theme="app"] .vibe-back-content{display:none!important}
html[data-vibe-theme="app"] .vibe-icon-art{display:block!important;width:100%!important;height:100%!important;max-width:none;object-fit:contain;padding:0!important;border:0!important;background:transparent!important;pointer-events:none}
html[data-vibe-theme="app"] .vibe-icon-unavailable::after{content:"◆";font-size:.9em;color:#ffda76}
html[data-vibe-theme="app"] .vibe-back-art{display:block;width:26px;height:26px;pointer-events:none}
html[data-vibe-theme="app"]{
  --app-surface:linear-gradient(145deg,#153d80,#0c2456 62%,#171849);
  --app-inset:#081b43;--app-line:#3978c1;--app-text:#f3f8ff;--app-muted:#bfd1ef;
  --app-gold:#ffdc78;--app-ink:#142b55;--app-cream:#fffdf4;
  --vibe-a11y-outline:#ffdc78;
}
html[data-vibe-theme="app"] body{background:radial-gradient(ellipse at 50% -10%,#1c4eaa 0,transparent 48%),linear-gradient(#071739,#040d23);color:var(--app-text)}
html[data-vibe-theme="app"] body:has(.app){padding-bottom:calc(86px + env(safe-area-inset-bottom));overscroll-behavior-y:contain}
html[data-vibe-theme="app"] .app{min-height:calc(100dvh - 86px);background:transparent;max-width:680px;padding:16px 14px 24px;box-shadow:none}
html[data-vibe-theme="app"] .screen.active{padding-bottom:16px}
html[data-vibe-theme="app"] :is(button,a,[role="button"]):focus-visible{outline:3px solid #ffe78d;outline-offset:4px}
html[data-vibe-theme="app"] :is(button,a){-webkit-tap-highlight-color:transparent}
html[data-vibe-theme="app"] button:disabled{cursor:not-allowed}
html[data-vibe-theme="app"] .topbar{display:flex;align-items:center;gap:12px;min-height:80px;padding:12px 14px;margin:-16px -14px 18px;background:linear-gradient(#15386f,#0a204d);border-bottom:1px solid #62c9f2;box-shadow:0 5px 16px #0005;top:0}
html[data-vibe-theme="app"] .topbar>div{min-width:0;flex:1}
html[data-vibe-theme="app"] .topbar :is(h1,h2){color:#fff;margin:0;font-size:clamp(20px,5vw,26px);line-height:1.25;text-shadow:0 2px 0 #0004}
html[data-vibe-theme="app"] .topbar p{color:#c1d8f5;font-size:12px;line-height:1.4;margin:4px 0 0}
html[data-vibe-theme="app"] .topbar .back{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;flex:0 0 48px;padding:0;white-space:nowrap;overflow:hidden;border:2px solid #92eaff;border-radius:16px;background:linear-gradient(#7b62f0,#344598);box-shadow:inset 0 2px 0 #fff5,0 4px 0 #051537;font-size:20px}
html[data-vibe-theme="app"] .bottom{height:calc(78px + env(safe-area-inset-bottom));padding:7px 10px max(7px,env(safe-area-inset-bottom));background:linear-gradient(#102956f5,#071630fa);border-top:1px solid #62c9f2;box-shadow:0 -5px 17px #0005}
html[data-vibe-theme="app"] .bottom-inner{max-width:660px;gap:8px;height:64px;padding:0}
html[data-vibe-theme="app"] .nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:58px;padding:5px 8px;border-radius:16px;color:#c3d6f1;font-size:12px;font-weight:700}
html[data-vibe-theme="app"] .nav b{display:block;height:32px;font-size:22px;line-height:1}
html[data-vibe-theme="app"] .nav b .vibe-icon{width:32px;height:32px}
html[data-vibe-theme="app"] .nav.active{color:#ffe58d;background:linear-gradient(#264a85,#223369);box-shadow:inset 0 0 0 1px #f4cc6580,0 3px 7px #0004}
html[data-vibe-theme="app"] .a11y-quick-button{width:42px;height:42px;bottom:calc(91px + env(safe-area-inset-bottom));inset-inline-start:10px;border:1px solid #76b6dd;background:linear-gradient(#235087,#101f4b);box-shadow:0 4px 12px #0005;font-size:20px;opacity:.94}
/* Every legacy panel gets its own foreground palette, not just the page background. */
html[data-vibe-theme="app"] :is(.boss-cycle-card,.boss-settings,.boss-shop,.boss-selection-summary,.additional-achievements,.additional-achievement,.achievement,.daily-mission-item,.daily-boost-box,.event-mission-item,.friends-card,.plan-card,.purchase-card,.grammar-box,.learning-index-summary,.learning-index-reward,.learning-index-item,.fight-card,.public-room,.custom-match,.review-item,.improvement-box,.quiz-summary>div,.receipt-grid>div,.pet-arena-room,.pet-arena-invite,.pet-arena-friend,.pet-arena-rank){
  --ink:var(--app-text);--muted:var(--app-muted);color:var(--app-text);background:var(--app-surface);border:1px solid var(--app-line);border-radius:22px;box-shadow:inset 0 1px 0 #c4ecff22,0 7px 0 #04122d,0 15px 24px #0003;
}
html[data-vibe-theme="app"] :is(.boss-settings,.boss-shop,.additional-achievements,.daily-boost-box,.grammar-box){padding:18px}
html[data-vibe-theme="app"] :is(.boss-cycle-card h3,.boss-settings h3,.boss-shop h3,.achievement b,.additional-achievement b,.additional-achievements h3,.daily-mission-copy b,.plan-card h3,.grammar-box h3,.friends-card h3,.event-mission-top h3){color:#f5f9ff}
html[data-vibe-theme="app"] :is(.boss-cycle-card p,.boss-shop>p,.boss-selection-summary small,.boss-shop-item small,.boss-odds-note,.boss-reward-preview-head small,.boss-odds-grid small,.boss-reward-line small,.daily-mission-copy p,.daily-mission-footer small,.event-mission-item>p,.event-mission-top time,.additional-achievement small,.learning-index-item small,.learning-index-reward small,.plan-card p){color:#bfd1ef!important;opacity:1}
html[data-vibe-theme="app"] :is(.section-head span,.counter,.site-footer,.site-footer a,.usage,.profile-email){color:#bfd1ef}
html[data-vibe-theme="app"] :is(.profile-card,.profile-design-panel,.visual-theme-panel,.tile,.level-btn,.game-card,.song-card,.phrase-card,.lesson-card,.daily-card){--ink:#f3f8ff;--muted:#bfd1ef}
html[data-vibe-theme="app"] .usage{background:#102f61;color:#d5e6fc;border:1px solid #426a9b}
html[data-vibe-theme="app"] :is(.avatar,.profile-avatar,.friend-avatar){background:#122f65;border:1px solid #80b3e6}
html[data-vibe-theme="app"] .profile-avatar .vibe-icon{width:47px;height:47px}
html[data-vibe-theme="app"] .section-head{margin:25px 3px 13px}
html[data-vibe-theme="app"] .section-head h2{font-size:20px}
html[data-vibe-theme="app"] .tile-icon .vibe-icon{width:43px;height:43px}
html[data-vibe-theme="app"] .tile-icon{border-radius:18px;background:linear-gradient(150deg,#0c2352,#274887)!important;border-color:#66b6e080;width:58px;height:58px}
html[data-vibe-theme="app"] .game-card .vibe-icon{width:45px;height:45px}
html[data-vibe-theme="app"] .game-card small .vibe-icon{width:1.4em;height:1.4em}
html[data-vibe-theme="app"] :is(.disco-ball,.fight-icon,.football-icon,.race-icon,.boss-icon){background:#071a4266;border:1px solid #8bd4ff60;box-shadow:inset 0 2px 0 #fff2}
html[data-vibe-theme="app"] :is(.disco-ball,.fight-icon,.football-icon,.race-icon,.boss-icon) .vibe-icon{width:48px;height:48px}
html[data-vibe-theme="app"] .app-theme-intro{border-color:#467dc2;box-shadow:inset 0 1px 0 #a8f0ff30,0 9px 0 #03132f,0 18px 28px #0003}
html[data-vibe-theme="app"] .app-theme-bubble{border:2px solid #fcdf86;background:#fffaf0;box-shadow:0 5px 0 #ab832f55,0 10px 20px #0003}
html[data-vibe-theme="app"] .app-theme-bubble::after{background:#fffaf0;border-color:#fcdf86}
/* Learning is a readable cream speech card inside the game world. */
html[data-vibe-theme="app"] :is(.learn-card,.quiz-box,#gameArea,.boss-question,.football-question,.fight-question,.race-question,.pet-arena-question,.challenge,.usage-box,.result-panel){
  --ink:#142b55;--muted:#526585;--purple:#4d3fb2;--green:#19734e;--red:#a02e45;color:#142b55;background:linear-gradient(150deg,#fffef9,#f4f7ff);border:2px solid #84dcff;border-radius:27px;box-shadow:inset 0 0 0 3px #fff,0 7px 0 #0e376d,0 17px 29px #0005;
}
html[data-vibe-theme="app"] .learn-card{position:relative;overflow:hidden;padding:25px 20px 23px;min-height:320px;border-color:#f8d774;text-align:center}
html[data-vibe-theme="app"] .learn-card::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#f1bc4b,#fff1ac,#dc9c32)}
html[data-vibe-theme="app"] .learn-card .word{color:#123976;-webkit-text-fill-color:#123976;font-size:clamp(32px,9vw,48px);font-weight:900;line-height:1.2;overflow-wrap:anywhere;margin:23px 0 11px;text-shadow:0 2px 0 #8ccfff25}
html[data-vibe-theme="app"] .learn-card .meaning{color:#24365a;-webkit-text-fill-color:#24365a;font-size:22px;font-weight:700;margin:10px 0 17px}
html[data-vibe-theme="app"] .learn-card .pronounce{color:#516582;font-size:14px}
html[data-vibe-theme="app"] .learn-card .tag{display:inline-flex;border:1px solid #bdc8e5;background:#e8edfa;color:#4b3d9d;font-size:12px}
html[data-vibe-theme="app"] :is(.learn-card .example,.examples,.rule,.tip){background:#e9eff9;color:#223a60;border:1px solid #c3d4eb;border-radius:17px;padding:14px;line-height:1.7}
html[data-vibe-theme="app"] .grammar-box :is(.rule,.tip,.examples){background:#09204b;color:#e2efff;border-color:#386299}
html[data-vibe-theme="app"] .grammar-box :is(.rule p,.tip p,.examples p){color:inherit}
html[data-vibe-theme="app"] .speak{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;min-height:48px;margin-top:17px;border:2px solid #95e8ff;border-radius:20px;background:linear-gradient(#278dcc,#2455a3);box-shadow:inset 0 2px 0 #ffffff70,0 4px 0 #163978;font-size:26px}
html[data-vibe-theme="app"] .speak .vibe-icon{width:35px;height:35px}
html[data-vibe-theme="app"] .counter{font-size:13px;line-height:1.6}
html[data-vibe-theme="app"] .pill{min-height:43px;padding:10px 14px;border-radius:14px;font-size:12px;box-shadow:inset 0 1px 0 #fff2}
html[data-vibe-theme="app"] .pill-row{padding-bottom:9px;scrollbar-width:none}
html[data-vibe-theme="app"] .pill-row::-webkit-scrollbar{display:none}
html[data-vibe-theme="app"] :is(.text-input,.input){color:#152b53;background:#f4f8ff;border:2px solid #91afd3;border-radius:14px;min-height:48px;color-scheme:light;font-size:16px;box-shadow:inset 0 2px 5px #183d6920}
html[data-vibe-theme="app"] :is(.text-input,.input)::placeholder{color:#617290;opacity:1}
html[data-vibe-theme="app"] :is(.answer,.match-btn,.scramble,.picture-option,.disco-option,.fight-answer,.pet-arena-answer){color:#173462;background:linear-gradient(#fff,#eaf2ff);border:2px solid #b3cae7;border-radius:15px;box-shadow:0 3px 0 #8aabc9;min-height:48px}
html[data-vibe-theme="app"] :is(.answer.correct,.match-btn.done,.picture-option.correct,.disco-option.good,.pet-arena-answer.correct){color:#07472c;background:#c9f5df;border-color:#43b584;box-shadow:0 3px 0 #1a805a}
html[data-vibe-theme="app"] :is(.answer.wrong,.match-btn.wrong,.picture-option.wrong,.disco-option.bad,.pet-arena-answer.wrong){color:#791f35;background:#ffe0e8;border-color:#e97a91;box-shadow:0 3px 0 #b14360}
/* Boss preparation, rewards and the shop use the same dark panel system. */
html[data-vibe-theme="app"] .boss-hub{gap:17px}
html[data-vibe-theme="app"] .boss-cycle-card{padding:17px}
html[data-vibe-theme="app"] .boss-cycle-card.selected{border:2px solid #f7d37c;box-shadow:inset 0 0 0 2px #f7d37c22,0 7px 0 #03142f,0 0 22px #dec77715}
html[data-vibe-theme="app"] .boss-cycle-card.used{opacity:1;border-color:#537198}
html[data-vibe-theme="app"] .boss-used{background:#243569;color:#dbe6ff;border:1px solid #7b8fce}
html[data-vibe-theme="app"] .boss-choice-grid{gap:9px}
html[data-vibe-theme="app"] .boss-choice{min-height:61px;border:1px solid #6297cc;background:linear-gradient(#1c3f7c,#102959);color:#e4efff!important;-webkit-text-fill-color:currentColor!important;border-radius:17px;box-shadow:0 3px 0 #020e25;font-size:15px;line-height:1.3;padding:10px 6px}
html[data-vibe-theme="app"] .boss-choice small{font-size:10px;color:#c3d4f0;opacity:1;line-height:1.4}
html[data-vibe-theme="app"] .boss-choice.active{color:#392800!important;border:2px solid #ffe9a1;background:linear-gradient(#ffe58b,#f4b83b);box-shadow:inset 0 1px 0 #fff8,0 4px 0 #9a6417}
html[data-vibe-theme="app"] .boss-choice.active small{color:#634a20}
html[data-vibe-theme="app"] .boss-choice .vibe-icon{width:22px;height:22px;vertical-align:-5px}
html[data-vibe-theme="app"] .boss-choice[data-boss-health-mode="individual"] .vibe-icon-art{filter:hue-rotate(205deg)}
html[data-vibe-theme="app"] .boss-settings>h3{margin:24px 0 12px;font-size:18px}
html[data-vibe-theme="app"] .boss-settings>h3:first-child{margin-top:0}
html[data-vibe-theme="app"] .boss-selection-summary{background:#071b42;border-color:#5473b0;border-radius:17px;padding:13px}
html[data-vibe-theme="app"] .boss-selection-summary span{font-size:15px;color:#ffe08e;line-height:1.5}
html[data-vibe-theme="app"] .boss-selection-summary small{font-size:12px;line-height:1.6}
html[data-vibe-theme="app"] .boss-settings>p{font-size:13px;line-height:1.65}
html[data-vibe-theme="app"] :is(.boss-reward-preview,.boss-reward-reveal){color:#ecf6ff;background:#0a1c46;border:1px solid #816fac;border-radius:18px;padding:14px;box-shadow:inset 0 1px 0 #fff1}
html[data-vibe-theme="app"] .boss-odds-grid{gap:9px}
html[data-vibe-theme="app"] .boss-odds-grid>div{background:#112957;border-color:#315c94;border-radius:16px;padding:12px;min-height:106px;color:#fff}
html[data-vibe-theme="app"] .boss-odds-grid>div.guaranteed{background:linear-gradient(#2e3761,#293b56);border-color:#aa873d}
html[data-vibe-theme="app"] .boss-odds-grid>div:is(.special,.pet-exclusive,.relic-exclusive){background:linear-gradient(#3b2b69,#20295c);border-color:#9f71dc}
html[data-vibe-theme="app"] .boss-odds-grid>div.pet-exclusive{background:linear-gradient(#174448,#142e4c)!important;border-color:#68c6b0!important}
html[data-vibe-theme="app"] .boss-odds-grid>div.relic-exclusive{background:linear-gradient(#504128,#2c2b49)!important;border-color:#d6b765!important}
html[data-vibe-theme="app"] .boss-odds-grid b{font-size:12px;margin:7px 0 4px}
html[data-vibe-theme="app"] .boss-odds-grid small{font-size:10px;line-height:1.45}
html[data-vibe-theme="app"] .boss-odds-grid em{font-size:11px;background:#543a94;padding:5px 8px;top:10px;left:10px}
html[data-vibe-theme="app"] .boss-odds-note{font-size:11px!important}
html[data-vibe-theme="app"] .boss-section-head span{font-size:11px;color:#a9dfff}
html[data-vibe-theme="app"] .boss-section-head>b{background:#283950;border:1px solid #d5b75d;color:#ffe297;font-size:13px}
html[data-vibe-theme="app"] .boss-shop>p{font-size:12px;line-height:1.6}
html[data-vibe-theme="app"] .boss-shop-grid{gap:13px}
html[data-vibe-theme="app"] .boss-shop-item{grid-template-columns:50px minmax(0,1fr);gap:12px;background:linear-gradient(135deg,#1b3971,#10214d);border:1px solid #42659d;border-radius:20px;padding:14px;box-shadow:inset 0 1px 0 #fff2,0 4px 0 #040d24;color:#f4f7ff}
html[data-vibe-theme="app"] .boss-shop-icon{width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#172955,#573795);border:1px solid #ad96e769;font-size:27px}
html[data-vibe-theme="app"] .boss-shop-item b{font-size:14px;line-height:1.35}
html[data-vibe-theme="app"] .boss-shop-item small{font-size:12px;line-height:1.5;margin-top:4px}
html[data-vibe-theme="app"] .boss-shop-item em{font-size:11px;color:#9ee9d0;margin-top:5px}
html[data-vibe-theme="app"] .boss-shop-item button{grid-column:1/-1;min-height:44px;background:linear-gradient(#ffe791,#f8c452);border:1px solid #ffefb0;border-radius:12px;color:#433016;font-size:14px;box-shadow:0 3px 0 #93712b;font-weight:900}
html[data-vibe-theme="app"] .boss-shop-item button:disabled{background:#2d4669;color:#ccd8e7;border-color:#7387a2;box-shadow:none}
html[data-vibe-theme="app"] .boss-reward-preview-head small{font-size:11px;line-height:1.5}
html[data-vibe-theme="app"] .boss-reward-preview-head>span{color:#f2dbff;background:#512e73;font-size:11px}
html[data-vibe-theme="app"] .boss-pet-boost.empty{background:#102a56;border-color:#4b71a4;color:#cee3ff}
html[data-vibe-theme="app"] .boss-battle-tools{background:#091b40;border-color:#446da3;color:#f1f8ff}
html[data-vibe-theme="app"] .boss-result{background:var(--app-surface);color:#f5f8ff;border:1px solid #edc970;box-shadow:0 10px 35px #0006}
html[data-vibe-theme="app"] .boss-reward-title{color:#ffe39a}
html[data-vibe-theme="app"] .boss-reward-line{border-color:#466081;color:#f2f8ff}
html[data-vibe-theme="app"] .boss-reward-line b{font-size:14px}
html[data-vibe-theme="app"] .boss-reward-line small{font-size:11px}
html[data-vibe-theme="app"] .boss-reward-line>span{background:#1c3866;border:1px solid #5079b7}
html[data-vibe-theme="app"] .boss-reward-line.boss-pet{background:linear-gradient(#153f47,#142b4c)}
html[data-vibe-theme="app"] .boss-option.flame-masked::after{content:"להבה";background-image:url('assets/ui/v80/flame.svg'),url('assets/ui/v80/flame.svg'),linear-gradient(110deg,#b82a14,#e6770d,#b82a14);background-size:27px 27px,27px 27px,100% 100%;background-position:10% 50%,90% 50%,center;background-repeat:no-repeat}
/* Preserve six main achievements, then the smaller collectible squares. */
html[data-vibe-theme="app"] .achievement-grid{gap:11px}
html[data-vibe-theme="app"] .achievement{min-height:107px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;padding:13px 7px}
html[data-vibe-theme="app"] .achievement>span{display:block;width:47px;height:47px;line-height:1;font-size:31px}
html[data-vibe-theme="app"] .achievement b{font-size:12px;line-height:1.4;margin-top:7px}
html[data-vibe-theme="app"] :is(.achievement.locked,.additional-achievement.locked){filter:none;opacity:1;background:linear-gradient(#142b4e,#101e3b);border-color:#52637e}
html[data-vibe-theme="app"] :is(.achievement.locked,.additional-achievement.locked) .vibe-icon{filter:saturate(.22);opacity:.8}
html[data-vibe-theme="app"] .additional-achievements{margin-top:18px;border-radius:24px;padding:14px}
html[data-vibe-theme="app"] .additional-achievements-head{margin-bottom:13px}
html[data-vibe-theme="app"] .additional-achievements-head h3{font-size:16px}
html[data-vibe-theme="app"] .additional-achievements-head span{font-size:11px}
html[data-vibe-theme="app"] .additional-achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
html[data-vibe-theme="app"] .additional-achievement{min-height:127px;aspect-ratio:auto;border-radius:16px;padding:12px 6px 16px;box-shadow:inset 0 1px 0 #fff1,0 4px 0 #06112c;justify-content:flex-start}
html[data-vibe-theme="app"] .additional-achievement-icon{font-size:27px;line-height:1}
html[data-vibe-theme="app"] .additional-achievement b{font-size:11px;line-height:1.35;overflow:visible;margin-top:8px}
html[data-vibe-theme="app"] .additional-achievement small{font-size:10px;line-height:1.45}
html[data-vibe-theme="app"] .additional-achievement.claimed{background:linear-gradient(#13464c,#113344);border-color:#53b69c}
html[data-vibe-theme="app"] .additional-achievement.unlocked:not(.claimed){background:linear-gradient(#4a3d63,#263358);border-color:#efd78d}
html[data-vibe-theme="app"] .additional-achievement-reward.claimed{color:#a5f2d2!important}
html[data-vibe-theme="app"] .additional-achievement-progress{height:5px;inset:auto 8px 7px;background:#375074}
html[data-vibe-theme="app"] .additional-achievement-claim{min-height:34px;font-size:10px;line-height:1.3;padding:7px;background:#c9a6ff;color:#201649;border:1px solid #f0d9ff;border-radius:9px}
html[data-vibe-theme="app"] .daily-mission-item{margin-bottom:5px;padding:16px}
html[data-vibe-theme="app"] .daily-mission-item.complete{background:linear-gradient(135deg,#154b4e,#132e4a);border-color:#67cbb0}
html[data-vibe-theme="app"] :is(.daily-mission-item.claimed,.event-mission-item.claimed){opacity:1}
html[data-vibe-theme="app"] :is(.daily-mission-icon,.event-mission-icon,.daily-icon){background:#0a2256;border:1px solid #78a6de;width:50px;height:50px}
html[data-vibe-theme="app"] :is(.daily-mission-reward,.daily-mission-reward small){color:#ffe298}
html[data-vibe-theme="app"] .daily-mission-progress{background:#2b4772}
html[data-vibe-theme="app"] .daily-mission-footer button{min-height:42px;border:1px solid #9fc6fb;color:#e6f5ff;background:#24487e;font-size:12px}
html[data-vibe-theme="app"] .daily-mission-footer button.claim{background:linear-gradient(#ffe38c,#f7c54c);color:#513c1a;border-color:#fff0b3}
html[data-vibe-theme="app"] .daily-mission-footer button:disabled{background:#253954;color:#b7c9df;border-color:#526f91}
html[data-vibe-theme="app"] :is(.daily-missions-hero,.event-missions-panel)::after{content:"";width:80px;height:80px;background:url('assets/ui/v80/gift.svg') center/contain no-repeat;opacity:.13}
html[data-vibe-theme="app"] .case-banner::after{content:"";width:60px;height:60px;background:url('assets/ui/v80/sparkles.svg') center/contain no-repeat;opacity:.15}
html[data-vibe-theme="app"] .event-mission-prizes span{color:#e6d5ff;background:#412e70;border:1px solid #8b6eba}
html[data-vibe-theme="app"] .event-mission-prizes em{color:#ffe39c;background:#554228;border:1px solid #b89750}
html[data-vibe-theme="app"] :is(.plan-price,.plan-card.pro .plan-price){color:#ffdf86}
html[data-vibe-theme="app"] .admin-note{color:#c5d9f3;background:#102954;border:1px solid #456fa4;border-radius:15px}
html[data-vibe-theme="app"] :is(.plan-card.featured,.plan-card.pro){border-color:#b9954a;background:linear-gradient(145deg,#313b74,#1a2656)}
html[data-vibe-theme="app"] :is(.friend-meta span,.player-id){color:#d3eaff;background:#15346b;border:1px solid #6383b7}
html[data-vibe-theme="app"] :is(.learning-index-tabs button,.mode-btn,.football-mode,.bot-level,.pet-arena-choice){color:#d9ebff;background:#112d60;border:1px solid #688bbe;min-height:43px}
html[data-vibe-theme="app"] :is(.learning-index-tabs button.active,.mode-btn.active,.football-mode.active,.bot-level.active,.pet-arena-choice.active){color:#382700;background:linear-gradient(#ffe998,#eabc4b);border-color:#fff0b1}
html[data-vibe-theme="app"] :is(.primary,.secondary,.ghost){min-height:47px;border-radius:15px;font-size:15px;padding:11px 14px;line-height:1.3}
html[data-vibe-theme="app"] :is(.danger,[onclick*="resetProgress"]){background:linear-gradient(#a43e60,#752949)!important;color:#fff1f4!important;border:1px solid #e59bad!important;box-shadow:0 4px 0 #401a34!important}
html[data-vibe-theme="app"] .primary:disabled{background:#354b6a!important;border-color:#68809e!important;color:#c8d9eb!important;box-shadow:none!important;opacity:1}
html[data-vibe-theme="app"] .profile-card.profile-styled{background:var(--app-surface);border-color:var(--profile-accent,#ffd675);color:#fff}
html[data-vibe-theme="app"] .a11y-dialog{--ink:#172b4f;--muted:#526583;color:#172b4f;background:#f7faff;border:2px solid #7bcbfa;border-radius:24px;color-scheme:light}
html[data-vibe-theme="app"] .a11y-dialog :is(h2,h3,p,label){color:inherit;text-shadow:none}
html[data-vibe-theme="app"] .a11y-dialog button{color:#20366b;background:#e2ebfa}
/* Standalone support, collection, downloads and legal screens share the chosen appearance. */
html[data-vibe-theme="app"] body:not(:has(.app)) :is(.card,.support-card,.form-card,.confirmation-card){--ink:#f3f8ff;--muted:#bfd1ef;color:#f3f8ff;background:var(--app-surface);border:1px solid #5292ca;box-shadow:inset 0 1px 0 #fff3,0 10px 28px #0005;border-radius:25px}
html[data-vibe-theme="app"] body:not(:has(.app)) :is(.updated,.note,.muted,.subtitle,.file-meta){color:#c2d6f0}
html[data-vibe-theme="app"] body:not(:has(.app)) :is(.intro p,.brand small,.showcase>p,.legal){color:#c2d6f0}
html[data-vibe-theme="app"] body:not(:has(.app)) .back{min-width:48px;min-height:48px;border:1px solid #8dd3f0;background:linear-gradient(#6c5fe2,#2c3c84);border-radius:15px;box-shadow:0 4px 0 #071434}
html[data-vibe-theme="app"] .app-icon{background:linear-gradient(#244985,#132757);border:1px solid #70b8e3;border-radius:19px}
html[data-vibe-theme="app"] .app-icon .vibe-icon{width:45px;height:45px}
html[data-vibe-theme="app"] .card .download{background:linear-gradient(#ffe28b,#f6be40);color:#4a3311;border:1px solid #ffeeb4;box-shadow:0 4px 0 #8c6725}
html[data-vibe-theme="app"] body:not(:has(.app)) :is(.card>p,.privacy-note,.success-view p){color:#c2d6f0}
html[data-vibe-theme="app"] body:not(:has(.app)) .card .wait{background:#0b234d;border-color:#4c86b6}
html[data-vibe-theme="app"] body:not(:has(.app)) .card .wait :is(b,span){color:#d8eaff}
html[data-vibe-theme="app"] body:not(:has(.app)) .hero::after{content:"";width:76px;height:76px;background:url('assets/ui/v80/speech.svg') center/contain no-repeat;opacity:.16}
html[data-vibe-theme="app"] body:not(:has(.app)) :is(.notice,.contact){background:#122f60;color:#e6f3ff;border-color:#6da1d3}
html[data-vibe-theme="app"] body:not(:has(.app)) :is(input,select,textarea){color:#eef6ff;background:#092048;border:1px solid #6091c2;color-scheme:dark;min-height:46px;font-size:16px}
html[data-vibe-theme="app"] body:not(:has(.app)) a:not(.download):not(.choose):not(.open-case):not(.vibe-update-download){color:#ade3ff}
html[data-vibe-theme="app"] body:not(:has(.app)) .actions a.home{color:#4a2700}
html[data-vibe-theme="app"] :is(.shell,.card,.screen){min-width:0}
html[data-vibe-theme="app"] .shell .topbar{margin:0 0 16px;border-radius:22px;top:8px}
html[data-vibe-theme="app"] .shell :is(.report-kpi,.student-health span,.stat,.exam-control,.section-card,.bulk-box){background:#102954;color:#f2f8ff;border-color:#5279ab}
html[data-vibe-theme="app"] .shell :is(.input,label,.card h2){color:#ecf6ff}
html[data-vibe-theme="app"] .shell .input{background:#081c42;color-scheme:dark}
html[data-vibe-theme="app"] .shell .auth .btn.primary{background:linear-gradient(#ffe38f,#f6c454);color:#453318;border:1px solid #fff0b1;box-shadow:0 4px 0 #7d662b}
/* An update prompt is shown only inside an out-of-date Android wrapper. */
.vibe-update-dialog{direction:rtl;width:min(420px,calc(100vw - 32px));box-sizing:border-box;border:2px solid #89d8fb;border-radius:28px;padding:25px 22px;text-align:center;background:radial-gradient(circle at 50% 0,#3a5299,#102853 60%,#151c47);color:#f5f9ff;box-shadow:0 20px 90px #0009;font-family:Arial,sans-serif}
.vibe-update-dialog::backdrop{background:#020a1ac9;backdrop-filter:blur(7px)}
.vibe-update-dialog h2{font-size:24px;color:#fff;margin:10px 0}
.vibe-update-dialog p{color:#c6ddf8;font-size:14px;line-height:1.7;margin:9px 0 16px}
.vibe-update-dialog small{display:block;color:#ffe297;font-size:12px}
.vibe-update-dialog .vibe-update-download{display:block;text-decoration:none!important;text-align:center;color:#3c2a10!important;background:linear-gradient(#ffe994,#ffc247);border:2px solid #fff0b7;box-shadow:0 4px 0 #947121;border-radius:15px;padding:14px;font-size:17px;font-weight:900;margin:21px 0 13px}
.vibe-update-dialog .vibe-update-note{font-size:11px;line-height:1.6;color:#bad0eb;margin:14px 0 5px}
.vibe-update-dialog .vibe-update-later{min-height:44px;color:#d6e9ff;background:none;border:0;font-size:13px;text-decoration:underline;cursor:pointer}
@media(min-width:520px){html[data-vibe-theme="app"] .boss-shop-grid{grid-template-columns:1fr 1fr}html[data-vibe-theme="app"] .additional-achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:380px){html[data-vibe-theme="app"] .app{padding:12px 10px 20px}html[data-vibe-theme="app"] .topbar{margin:-12px -10px 16px;padding:11px 10px;gap:9px}html[data-vibe-theme="app"] .topbar h2{font-size:21px}html[data-vibe-theme="app"] .topbar p{font-size:11px}html[data-vibe-theme="app"] .boss-settings,html[data-vibe-theme="app"] .boss-shop{padding:13px}html[data-vibe-theme="app"] .boss-choice{font-size:13px}html[data-vibe-theme="app"] .additional-achievement-grid{gap:6px}html[data-vibe-theme="app"] .additional-achievement b{font-size:10px}html[data-vibe-theme="app"] .learn-card{padding:22px 15px}html[data-vibe-theme="app"] .daily-mission-head{flex-wrap:wrap}html[data-vibe-theme="app"] .daily-mission-reward{margin-inline-start:auto}}
@media(prefers-reduced-motion:reduce){html[data-vibe-theme="app"] *,html[data-vibe-theme="app"] *::before,html[data-vibe-theme="app"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html.vibe-reduced-motion[data-vibe-theme="app"] *,html.vibe-reduced-motion[data-vibe-theme="app"] *::before,html.vibe-reduced-motion[data-vibe-theme="app"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.vibe-high-contrast[data-vibe-theme="app"] :is(.boss-settings,.boss-cycle-card,.boss-shop,.boss-shop-item,.additional-achievement,.achievement,.daily-mission-item,.event-mission-item,.learn-card,.quiz-box,.grammar-box,.friends-card,.plan-card){background:#000!important;color:#fff!important;border-color:#fff!important;box-shadow:none!important;--ink:#fff;--muted:#fff}
html.vibe-high-contrast[data-vibe-theme="app"] :is(.learn-card .word,.learn-card .meaning,.learn-card .pronounce,.boss-shop-item b,.boss-shop-item small,.additional-achievement b,.additional-achievement small){color:#fff!important;-webkit-text-fill-color:#fff!important}
