/* Currency Quiz identity: banknote engraving. Cinzel capitals, deep note green and old gold, guilloche rosettes,
   fine wavy security lines and a banknote for every question. One look in light and dark mode. */
.qzg-currencies .page-head h1 { font-family: "Cinzel", Georgia, serif; font-weight: 900; letter-spacing: .02em; }
.qzg-currencies .qz-stage {
  --g-stage: #163a2c; --g-ink: #10291f; --g-muted: #4b5f55; --g-card: #f3efe0; --g-card2: #e4e8d6; --g-line: #b9c2a8;
  --g-accent: #1e4d3a; --g-accent-ink: #f3efe0; --g-ok: #1f7a4a; --g-bad: #9e2a2b; --g-ok-soft: #d4ecd9; --g-bad-soft: #f3d8d3; --g-focus: #b08d3c;
  --g-font: "Cinzel", Georgia, serif; --g-r: 10px; --g-btn-r: 6px; --g-shadow: 0 16px 34px rgba(0,0,0,.4); --g-hero-h: 540px;
  background:
    repeating-radial-gradient(circle at 0 0, transparent 0 14px, rgba(143,209,168,.06) 14px 15px),
    repeating-radial-gradient(circle at 100% 100%, transparent 0 14px, rgba(217,194,122,.06) 14px 15px),
    #163a2c;
}
.qzg-currencies .qz .card { border: 1.5px solid #b08d3c; outline: 1px solid rgba(176,141,60,.6); outline-offset: -6px;
  background: repeating-linear-gradient(45deg, rgba(30,77,58,.035) 0 2px, transparent 2px 6px), repeating-linear-gradient(-45deg, rgba(176,141,60,.04) 0 2px, transparent 2px 6px), #f3efe0; }
.qzg-currencies .qz h2, .qzg-currencies .qz .qtitle { font-weight: 900; letter-spacing: .03em; }
.qzg-currencies .qz .prompt { font-weight: 700; letter-spacing: .01em; }
.qzg-currencies .qz .btn.primary { font-family: "Cinzel", Georgia, serif; font-weight: 900; letter-spacing: .14em; background: linear-gradient(180deg, #2a6b50, #1e4d3a); border: 2px solid #b08d3c; box-shadow: 0 0 0 3px #1e4d3a; }
.qzg-currencies .qz .btn.ghost { font-family: "Cinzel", Georgia, serif; font-weight: 700; letter-spacing: .06em; border: 1.5px solid #1e4d3a; }

.qzg-currencies .qz .hero-card { outline: 1px solid #b08d3c; outline-offset: -8px; box-shadow: 0 0 0 6px #f3efe0, 0 0 0 8px #b08d3c, 0 24px 50px rgba(0,0,0,.5); }
.qzg-currencies .qz .pill { font-family: "Cinzel", Georgia, serif; font-weight: 700; letter-spacing: .2em; background: #b08d3c; color: #10291f; border: 0; border-radius: 99px; font-size: 13px; }
.qzg-currencies .qz .tswitch input:checked + i { background: #1e4d3a; }

.qzg-currencies .qz .qhead { background: #1e4d3a; color: #f3efe0; border-bottom: 2px solid #b08d3c; }
.qzg-currencies .qz .qhead .sc { background: transparent; color: #d9c27a; border: 1px solid #b08d3c; font-family: "Cinzel", Georgia, serif; }
.qzg-currencies .qz .ttrack { stroke: rgba(243,239,224,.2); } .qzg-currencies .qz .tarc { stroke: #d9c27a; }
.qzg-currencies .qz .prog i { background: linear-gradient(90deg, #b08d3c, #d9c27a); }
.qzg-currencies .qz .namecard.note { position: relative; overflow: hidden; max-width: 520px; aspect-ratio: 2.3 / 1; align-content: center; padding: 18px 70px; border-radius: 8px;
  background: radial-gradient(ellipse at center, #f8f5e6 30%, #dfe8d3 100%); border: 2px solid #1e4d3a; box-shadow: inset 0 0 0 5px #f3efe0, inset 0 0 0 6.5px #b08d3c, 0 10px 24px rgba(16,41,31,.25); }
.qzg-currencies .qz .note .guil { position: absolute; inset: 0; width: 100%; height: 100%; }
.qzg-currencies .qz .note > span { position: relative; }
.qzg-currencies .qz .note .big { color: #1e4d3a; font-weight: 900; letter-spacing: .03em; }
.qzg-currencies .qz .note .lab { color: #7a5d1e; letter-spacing: .3em; }
.qzg-currencies .qz .note .corner { position: absolute; font-family: "Cinzel", Georgia, serif; font-weight: 900; font-size: 26px; color: #1e4d3a; }
.qzg-currencies .qz .note .corner.tl { top: 10px; left: 16px; } .qzg-currencies .qz .note .corner.br { bottom: 8px; right: 16px; }
.qzg-currencies .qz .note .serial { font-family: "Courier New", monospace; font-size: 12px; color: #9e2a2b; letter-spacing: .15em; }
@media (max-width: 520px) { .qzg-currencies .qz .namecard.note { padding: 16px 40px; aspect-ratio: 1.9 / 1; } .qzg-currencies .qz .note .corner { font-size: 18px; } }
@media (prefers-reduced-motion: no-preference) { .qzg-currencies .qz .media .note { animation: notein .5s ease-out; } @keyframes notein { from { transform: translateY(-14px) rotate(-2deg); opacity: 0; } } }
.qzg-currencies .qz .choice { background: #fbf9ef; border: 1.5px solid #9aa98a; border-radius: 6px; box-shadow: inset 0 0 0 3px #fbf9ef, inset 0 0 0 4px #d6dcc4; }
@media (hover: hover) { .qzg-currencies .qz .choice:hover:not(:disabled) { border-color: #1e4d3a; box-shadow: inset 0 0 0 3px #fbf9ef, inset 0 0 0 4px #b08d3c; } }
.qzg-currencies .qz .choice.right { background: var(--g-ok-soft); border-color: var(--g-ok); }
.qzg-currencies .qz .choice.wrong { background: var(--g-bad-soft); border-color: var(--g-bad); }
.qzg-currencies .qz .after.open { background: #e9ecdc; }
.qzg-currencies .qz .bulbico { color: #b08d3c; }
.qzg-currencies .qz .result .big { color: #1e4d3a; font-weight: 900; }
.qzg-currencies .qz .stat { background: #e4e8d6; border: 1px solid #b9c2a8; }
.qzg-currencies .qz .stat b { color: #1e4d3a; font-weight: 900; }
.qzg-currencies .qz .more a[aria-current="page"] { background: #1e4d3a; color: #f3efe0; }