/* VOCABULARIA v1.9.126 · Level Atlas: world art (R2 worlds-v1.png) on the English level cards,
   tier colours, word counts, and the Lv.10 dictionary-boss presentation. Presentation only. */
:root{
  --la-beginner:#5fd38a; --la-intermediate:#5fb2ff; --la-expert:#b48cff; --la-god:#ffcf5a;
}
.diffList .diff{position:relative;overflow:hidden;isolation:isolate;border-color:rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(14,22,36,.92),rgba(8,13,24,.96));transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.diffList .diff>*{position:relative;z-index:2}
.diffList .diff .la-world{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.48;
  background-image:var(--la-worlds,none);background-size:200% 300%;background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.95) 100%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.95) 100%);
  transform:scale(1.04);transition:opacity .25s ease,transform .6s ease}
.diffList .diff::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;z-index:3;background:var(--la-band,var(--gold));
  box-shadow:0 0 12px var(--la-band,var(--gold))}
.diffList .diff::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,10,18,.92) 0%,rgba(6,10,18,.55) 55%,rgba(6,10,18,.12) 100%)}
.diffList .diff[data-band="BEGINNER"]{--la-band:var(--la-beginner)}
.diffList .diff[data-band="INTERMEDIATE"]{--la-band:var(--la-intermediate)}
.diffList .diff[data-band="EXPERT"]{--la-band:var(--la-expert)}
.diffList .diff[data-band="GOD"]{--la-band:var(--la-god)}
.diffList .diff b{display:flex;align-items:center;gap:6px;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.diffList .diff b .la-tier{font:700 8.5px/1 "Segoe UI",system-ui,sans-serif;letter-spacing:.12em;padding:3px 6px;border-radius:999px;
  color:#0b1020;background:var(--la-band,var(--gold));text-transform:uppercase}
.diffList .diff span{color:#d6e2f2;text-shadow:0 1px 2px rgba(0,0,0,.85)}
.diffList .diff .la-count{display:block;margin-top:3px;font-size:9.5px;letter-spacing:.02em;color:#f4e3b5;opacity:.95}
.diffList .diff .la-count .la-badge{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:999px;font-weight:700;
  background:rgba(255,207,90,.16);border:1px solid rgba(255,207,90,.45);color:#ffe09a}
.diffList .diff:hover .la-world,.diffList .diff.active .la-world{opacity:.72;transform:scale(1.1)}
.diffList .diff.active{border-color:var(--la-band,var(--gold));outline-color:var(--la-band,var(--gold));
  box-shadow:0 0 0 1px var(--la-band,var(--gold)) inset,0 8px 24px rgba(0,0,0,.45),0 0 22px color-mix(in srgb,var(--la-band,var(--gold)) 35%,transparent)}
.diffList .diff[data-band="GOD"]{border-color:rgba(255,207,90,.4)}
.diffList .diff[data-band="GOD"] b{color:#ffe29c}
.diffList .diff[data-band="GOD"] .la-world{opacity:.6}
.levelBandNote{line-height:1.5}
@media (prefers-reduced-motion:reduce){.diffList .diff,.diffList .diff .la-world{transition:none}}
/* Short portrait screens (fit-screen compact layout): keep one line of text per card. */
@media (max-height:700px){
  .diffList .diff .la-count{display:none}
  .diffList .diff b .la-tier{font-size:7.5px;padding:2px 5px;letter-spacing:.06em}
  .diffList .diff[data-diff="10"] span{font-size:9px}
}

/* ---- Lv.10 dictionary boss: parchment-and-gold question frame (overrides duel-stage !important) ---- */
body #game.la-dictBoss .question{border:1px solid rgba(255,207,90,.6)!important;border-top:2px solid #ffd98a!important;
  background:linear-gradient(150deg,rgba(48,38,18,.96),rgba(20,16,10,.98))!important;
  box-shadow:0 0 0 1px rgba(255,207,90,.22) inset,0 -4px 40px rgba(0,0,0,.5),0 0 30px rgba(255,190,60,.2)!important}
body #game.la-dictBoss .qlabel{color:#ffd98a}
body #game.la-dictBoss .qlabel::before{content:"📖 ";font-weight:700}
body #game.la-dictBoss #qword{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:#fff3d6;text-shadow:0 1px 0 rgba(0,0,0,.6)}
body #game.la-dictBoss #answers .ans{border:1px solid rgba(255,207,90,.4)!important;background:linear-gradient(150deg,#4a3a1c,#2a2010)!important;font-family:Georgia,serif;letter-spacing:.02em}
body #game.la-dictBoss #answers .ans:hover{background:#5a4826!important;border-color:#ffd98a!important}
body #game.la-dictBoss .cardLevel.enemyCardLevel{box-shadow:0 0 18px rgba(255,190,60,.55)}