/* Country Shapes identity: a cartographer's desk. Almendra, parchment on a dark walnut desk, sepia ink,
   graticule lines, a compass rose and hatched land. One look in light and dark mode. */
.qzg-country-shapes .page-head h1 { font-family: "Almendra", Georgia, serif; font-weight: 400; }
.qzg-country-shapes .qz-stage {
  --g-stage: #3a2618; --g-ink: #3d2b1f; --g-muted: #6b5640; --g-card: #f1e5c6; --g-card2: #e6d5ab; --g-line: #b49a6a;
  --g-accent: #9b2c2c; --g-accent-ink: #fff8e7; --g-ok: #2f6b4f; --g-bad: #a8322d; --g-ok-soft: #d5e6cf; --g-bad-soft: #f2d2c4; --g-focus: #2f6b4f;
  --g-font: "Almendra", Georgia, serif; --g-body: Georgia, "Iowan Old Style", serif; --g-r: 3px; --g-btn-r: 4px; --g-shadow: 0 16px 34px rgba(0,0,0,.45); --g-hero-h: 540px;
  background:
    repeating-linear-gradient(92deg, rgba(0,0,0,.0) 0 22px, rgba(0,0,0,.09) 22px 24px, rgba(255,255,255,.03) 24px 60px),
    repeating-linear-gradient(88deg, rgba(120,70,30,.25) 0 3px, transparent 3px 11px),
    linear-gradient(180deg, #4a3020, #2e1d12);
}
.qzg-country-shapes .qz .card {
  background: radial-gradient(ellipse at 30% 20%, #f7eccf, #ead9ad 70%, #dcc58f); border: 1px solid #8a6b3d;
  box-shadow: 0 1px 0 rgba(255,255,255,.4) inset, 0 16px 34px rgba(0,0,0,.45);
}
.qzg-country-shapes .qz .main { background: radial-gradient(ellipse at 30% 20%, #f7eccf, #ead9ad 70%, #dcc58f); }
.qzg-country-shapes .qz .main::before { content: ""; position: absolute; inset: 8px; border: 1.5px solid #3d2b1f; outline: 1px solid #3d2b1f; outline-offset: 3px; pointer-events: none; opacity: .5; z-index: 1; }
.qzg-country-shapes .qz h2, .qzg-country-shapes .qz .prompt, .qzg-country-shapes .qz .qtitle { font-weight: 400; }
.qzg-country-shapes .qz .prompt { font-style: italic; font-size: clamp(22px, 3.4vw, 30px); }
.qzg-country-shapes .qz .btn.primary { font-family: "Almendra SC", Georgia, serif; font-size: 20px; letter-spacing: .06em; background: #9b2c2c; border: 2px solid #3d2b1f; box-shadow: 3px 3px 0 #3d2b1f; }
.qzg-country-shapes .qz .btn.ghost { font-family: "Almendra SC", Georgia, serif; font-size: 17px; border: 1.5px solid #3d2b1f; border-radius: 4px; }

.qzg-country-shapes .qz .hero-card { background: radial-gradient(ellipse at 30% 20%, #fbf2da, #ecdcb2 80%); border: 1.5px solid #3d2b1f; outline: 1px solid #3d2b1f; outline-offset: -7px; box-shadow: 0 20px 44px rgba(0,0,0,.5); }
.qzg-country-shapes .qz .pill { font-family: "Almendra SC", Georgia, serif; font-weight: 400; font-size: 16px; background: #3d2b1f; color: #f1e5c6; border: 0; border-radius: 2px; letter-spacing: .1em; }
.qzg-country-shapes .qz .play { font-size: 26px !important; }
.qzg-country-shapes .qz .tswitch input:checked + i { background: #2f6b4f; }

.qzg-country-shapes .qz .qhead { border-bottom: 1.5px solid #3d2b1f; position: relative; z-index: 2; }
.qzg-country-shapes .qz .qhead .sc { background: transparent; border: 1.5px solid #3d2b1f; color: #9b2c2c; font-family: "Almendra", Georgia, serif; font-size: 18px; border-radius: 2px; }
.qzg-country-shapes .qz .prog { background: #e6d5ab; height: 4px; }
.qzg-country-shapes .qz .prog i { background: repeating-linear-gradient(90deg, #3d2b1f 0 10px, transparent 10px 14px); }
.qzg-country-shapes .qz .shape { width: min(100%, 330px); border-radius: 50%; padding: 30px; position: relative;
  background: radial-gradient(circle, #f6ecd2 55%, #e2cd9b 100%); box-shadow: 0 0 0 2px #3d2b1f, 0 0 0 7px #e6d5ab, 0 0 0 8.5px #3d2b1f, 0 10px 24px rgba(0,0,0,.25); }
.qzg-country-shapes .qz .shape::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: linear-gradient(#3d2b1f, #3d2b1f) 50% 0 / 1px 100% no-repeat, linear-gradient(#3d2b1f, #3d2b1f) 0 50% / 100% 1px no-repeat; opacity: .2; }
.qzg-country-shapes .qz .shape path.land { fill: #c79a64; stroke: #3d2b1f; stroke-width: .9; vector-effect: non-scaling-stroke; }
.qzg-country-shapes .qz .shape path.hatch { fill: url(#cshatch); }
@media (max-width: 520px) { .qzg-country-shapes .qz .shape { width: min(100%, 250px); padding: 22px; } }
@media (prefers-reduced-motion: no-preference) { .qzg-country-shapes .qz .media .shape svg { animation: inkin .7s ease-out; } @keyframes inkin { from { opacity: 0; transform: scale(.94) rotate(-4deg); filter: blur(2px); } } }
.qzg-country-shapes .qz .scale-note { font-style: italic; font-weight: 400; }
.qzg-country-shapes .qz .choice { font-family: "Almendra", Georgia, serif; font-weight: 400; font-size: 20px; background: rgba(255,250,235,.6); border: 1.5px dashed #6b5640; border-radius: 3px; }
@media (hover: hover) { .qzg-country-shapes .qz .choice:hover:not(:disabled) { border-style: solid; border-color: #3d2b1f; background: #fffaf0; } }
.qzg-country-shapes .qz .choice.right { border-style: solid; background: var(--g-ok-soft); }
.qzg-country-shapes .qz .choice.wrong { border-style: solid; background: var(--g-bad-soft); }
.qzg-country-shapes .qz .choice .k { font-family: Georgia, serif; background: transparent; border: 1px solid #6b5640; border-radius: 50%; }
.qzg-country-shapes .qz .after.open { background: rgba(230,213,171,.6); border-top: 1.5px solid #3d2b1f; }
.qzg-country-shapes .qz .bulbico { color: #9b2c2c; }
.qzg-country-shapes .qz .quit, .qzg-country-shapes .qz .after { position: relative; z-index: 2; }
.qzg-country-shapes .qz .result .big { color: #9b2c2c; font-weight: 400; }
.qzg-country-shapes .qz .stat { background: transparent; border: 1px solid #8a6b3d; }
.qzg-country-shapes .qz .stat b { color: #9b2c2c; font-weight: 400; }
.qzg-country-shapes .qz .more a { font-family: "Almendra", Georgia, serif; font-weight: 400; font-size: 17px; }
.qzg-country-shapes .qz .more a[aria-current="page"] { background: #3d2b1f; color: #f1e5c6; }
.qzg-country-shapes .qz .seg { background: #e6d5ab; } .qzg-country-shapes .qz .seg button[aria-pressed="true"] { background: #fbf2da; }
.qzg-country-shapes .qz .qhead .sc, .qzg-country-shapes .qz .stat b, .qzg-country-shapes .qz .result .big, .qzg-country-shapes .qz .qnum, .qzg-country-shapes .qz .tring b { font-family: Georgia, "Times New Roman", serif; font-variant-numeric: lining-nums tabular-nums; }