:root{--gq-bleu-950:#08243f;--gq-bleu-900:#0d3055;--gq-bleu-850:#113b68;--gq-bleu-800:#14487a;--gq-bleu-700:#1a5c96;--gq-bleu-600:#2278b5;--gq-bleu-500:#3b95cd;--gq-bleu-300:#8ec6e5;--gq-bleu-200:#bfe0f1;--gq-creme-50:#fffdf7;--gq-creme-100:#fbf4e4;--gq-creme-200:#f4ead3;--gq-creme-300:#ead9b8;--gq-creme-400:#dcc59a;--gq-creme-500:#c4a97a;--gq-encre-900:#241b12;--gq-encre-800:#33261a;--gq-encre-600:#6b5641;--gq-encre-400:#927c62;--gq-corail-700:#a83319;--gq-corail-600:#cf4526;--gq-corail-500:#ef6a4a;--gq-corail-300:#f9a68e;--gq-corail-100:#fddcd2;--gq-safran-800:#6d4405;--gq-safran-700:#9a6407;--gq-safran-500:#f5b335;--gq-safran-400:#ffc95c;--gq-safran-200:#ffe4a8;--gq-safran-100:#fff2d6;--gq-vert-800:#0e5645;--gq-vert-700:#14705c;--gq-vert-500:#2ba98b;--gq-vert-300:#86d8c1;--gq-vert-100:#d3f0e6;--gq-prune-700:#5b3775;--gq-prune-500:#8b5fa8;--gq-prune-200:#ddc9ea;--gq-white:#fff;--gq-shadow-rgb:36 27 18;--gq-scrim-rgb:8 36 63;--gq-grain-rgb:36 27 18;--gq-family-display:Fredoka, "Trebuchet MS", system-ui, sans-serif;--gq-family-sans:Nunito, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--gq-family-mono:Sono, ui-monospace, monospace;--gq-font-size-1:12px;--gq-font-size-2:13px;--gq-font-size-3:14px;--gq-font-size-4:15px;--gq-font-size-5:16px;--gq-font-size-6:17px;--gq-font-size-display-1:19px;--gq-font-size-display-2:21px;--gq-font-size-display-3:23px;--gq-font-size-display-4:26px;--gq-font-size-display-5:29px;--gq-font-size-display-6:33px;--gq-font-size-display-7:46px;--gq-font-size-display-8:150px;--gq-font-weight-0:300;--gq-font-weight-1:400;--gq-font-weight-2:600;--gq-font-weight-3:700;--gq-font-weight-4:800;--gq-font-variation-0:normal;--gq-font-variation-1:"opsz" 14;--gq-font-variation-2:"opsz" 48;--gq-font-variation-3:"opsz" 96;--gq-font-stretch-1:87.5%;--gq-font-stretch-2:100%;--gq-font-stretch-3:112.5%;--gq-line-height-1:1;--gq-line-height-2:1.15;--gq-line-height-3:1.5;--gq-letter-spacing-00:-1.2px;--gq-letter-spacing-0:-.4px;--gq-letter-spacing-1:0;--gq-letter-spacing-2:.4px;--gq-letter-spacing-3:.8px;--gq-letter-spacing-4:1.2px;--gq-letter-spacing-5:1.8px;--gq-case-1:none;--gq-case-2:uppercase;--gq-case-3:lowercase;--gq-case-4:capitalize;--gq-icon-scale-1:1em;--gq-icon-scale-2:1.15em;--gq-icon-scale-3:1.35em;--gq-icon-scale-4:1.8em;--gq-mark-1:10px;--gq-mark-2:14px;--gq-mark-3:18px;--gq-baseline-nudge-1:-.16em;--gq-icon-gap-1:.3em;--gq-icon-gap-2:.55em;--gq-icon-stroke-1:1.5;--gq-icon-stroke-2:2;--gq-icon-stroke-3:2.5;--gq-space-0:0;--gq-space-1:2px;--gq-space-2:4px;--gq-space-3:6px;--gq-space-4:8px;--gq-space-5:10px;--gq-space-6:12px;--gq-space-7:14px;--gq-space-8:16px;--gq-space-9:18px;--gq-space-10:20px;--gq-space-11:24px;--gq-space-12:30px;--gq-space-13:34px;--gq-space-14:40px;--gq-space-15:48px;--gq-measure-1:34rem;--gq-measure-2:460px;--gq-measure-3:780px;--gq-measure-4:880px;--gq-touch-1:44px;--gq-border-width-1:1px;--gq-border-width-2:2px;--gq-border-width-3:3px;--gq-radius-1:4px;--gq-radius-2:6px;--gq-radius-3:8px;--gq-radius-4:10px;--gq-radius-5:12px;--gq-radius-6:16px;--gq-radius-7:20px;--gq-radius-8:26px;--gq-radius-pill:999px;--gq-radius-circle:50%;--gq-lift-1:2px;--gq-lift-2:3px;--gq-lift-3:5px;--gq-lift-4:8px;--gq-cut-1:polygon(0 3px, 34% 0, 68% 2px, calc(100% - 2px) 0, 100% 34%, calc(100% - 2px) 71%, 100% calc(100% - 3px), 66% 100%, 31% calc(100% - 2px), 2px 100%, 0 68%, 2px 33%);--gq-cut-2:polygon(0 5px, 22% 1px, 49% 6px, 76% 0, calc(100% - 3px) 4px, 100% 26%, calc(100% - 4px) 55%, 100% calc(100% - 6px), 73% calc(100% - 1px), 47% calc(100% - 7px), 19% calc(100% - 2px), 3px calc(100% - 5px), 1px 61%, 5px 29%);--gq-blur-0:0px;--gq-blur-1:2px;--gq-blur-2:4px;--gq-blur-3:8px;--gq-blur-4:16px;--gq-grid-pitch-1:var(--gq-space-4);--gq-grid-pitch-2:var(--gq-space-5);--gq-grid-pitch-3:var(--gq-space-14);--gq-grid-line-1:var(--gq-border-width-1);--gq-grid-line-2:var(--gq-border-width-2);--gq-hatch-angle-1:45deg;--gq-hatch-angle-2:68deg;--gq-hatch-angle-3:-68deg;--gq-tilt-1:.6deg;--gq-tilt-2:1.8deg;--gq-highlight-rgb:255 255 255;--gq-shadow-edge-alpha-1:.1;--gq-shadow-edge-alpha-2:.12;--gq-shadow-edge-alpha-3:.13;--gq-shadow-edge-alpha-4:.14;--gq-shadow-cast-alpha-1:.12;--gq-shadow-cast-alpha-2:.16;--gq-shadow-cast-alpha-3:.2;--gq-shadow-cast-alpha-4:.24;--gq-shadow-cast-offset-1:var(--gq-lift-2);--gq-shadow-cast-offset-2:var(--gq-lift-3);--gq-shadow-cast-offset-3:var(--gq-space-6);--gq-shadow-cast-offset-4:var(--gq-space-10);--gq-shadow-cast-blur-1:var(--gq-lift-3);--gq-shadow-cast-blur-2:var(--gq-space-6);--gq-shadow-cast-blur-3:var(--gq-space-11);--gq-shadow-cast-blur-4:var(--gq-space-14);--gq-shadow-1:0 var(--gq-lift-1) 0 rgb(var(--gq-shadow-rgb) / var(--gq-shadow-edge-alpha-1)), 0 var(--gq-shadow-cast-offset-1) var(--gq-shadow-cast-blur-1) rgb(var(--gq-shadow-rgb) / var(--gq-shadow-cast-alpha-1));--gq-shadow-2:0 var(--gq-lift-2) 0 rgb(var(--gq-shadow-rgb) / var(--gq-shadow-edge-alpha-2)), 0 var(--gq-shadow-cast-offset-2) var(--gq-shadow-cast-blur-2) rgb(var(--gq-shadow-rgb) / var(--gq-shadow-cast-alpha-2));--gq-shadow-3:0 var(--gq-lift-3) 0 rgb(var(--gq-shadow-rgb) / var(--gq-shadow-edge-alpha-3)), 0 var(--gq-shadow-cast-offset-3) var(--gq-shadow-cast-blur-3) rgb(var(--gq-shadow-rgb) / var(--gq-shadow-cast-alpha-3));--gq-shadow-4:0 var(--gq-lift-4) 0 rgb(var(--gq-shadow-rgb) / var(--gq-shadow-edge-alpha-4)), 0 var(--gq-shadow-cast-offset-4) var(--gq-shadow-cast-blur-4) rgb(var(--gq-shadow-rgb) / var(--gq-shadow-cast-alpha-4));--gq-shadow-text-1:0 var(--gq-lift-2) 0 rgb(var(--gq-shadow-rgb) / .35);--gq-shadow-bevel-1:inset 0 var(--gq-border-width-1) 0 rgb(var(--gq-highlight-rgb) / .55);--gq-shadow-well-1:inset 0 var(--gq-lift-1) var(--gq-lift-2) rgb(var(--gq-shadow-rgb) / .14);--gq-drop-cast-alpha-1:.14;--gq-drop-cast-alpha-2:.18;--gq-drop-cast-alpha-3:.22;--gq-drop-cast-offset-1:var(--gq-lift-2);--gq-drop-cast-offset-2:var(--gq-lift-3);--gq-drop-cast-offset-3:var(--gq-space-5);--gq-drop-cast-blur-1:var(--gq-lift-3);--gq-drop-cast-blur-2:var(--gq-space-5);--gq-drop-cast-blur-3:var(--gq-space-10);--gq-dropshadow-1:drop-shadow(0 var(--gq-lift-1) 0 rgb(var(--gq-shadow-rgb) / var(--gq-shadow-edge-alpha-1))) drop-shadow(0 var(--gq-drop-cast-offset-1) var(--gq-drop-cast-blur-1) rgb(var(--gq-shadow-rgb) / var(--gq-drop-cast-alpha-1)));--gq-dropshadow-2:drop-shadow(0 var(--gq-lift-2) 0 rgb(var(--gq-shadow-rgb) / var(--gq-shadow-edge-alpha-2))) drop-shadow(0 var(--gq-drop-cast-offset-2) var(--gq-drop-cast-blur-2) rgb(var(--gq-shadow-rgb) / var(--gq-drop-cast-alpha-2)));--gq-dropshadow-3:drop-shadow(0 var(--gq-lift-3) 0 rgb(var(--gq-shadow-rgb) / var(--gq-shadow-edge-alpha-3))) drop-shadow(0 var(--gq-drop-cast-offset-3) var(--gq-drop-cast-blur-3) rgb(var(--gq-shadow-rgb) / var(--gq-drop-cast-alpha-3)));--gq-duration-1:.1s;--gq-duration-2:.12s;--gq-duration-3:.16s;--gq-duration-4:.22s;--gq-duration-5:.4s;--gq-duration-6:.5s;--gq-duration-7:.65s;--gq-duration-8:.85s;--gq-duration-9:1.1s;--gq-duration-10:1.3s;--gq-duration-11:1.6s;--gq-easing-1:ease;--gq-easing-2:ease-out;--gq-easing-3:linear;--gq-easing-4:cubic-bezier(.34, 1.56, .64, 1);--gq-layer-1:5;--gq-layer-2:9;--gq-layer-3:10;--gq-layer-4:20;--gq-layer-5:30;--gq-layer-6:60;--gq-layer-7:100;--gq-color-canvas:var(--gq-bleu-800);--gq-color-canvas-glow:var(--gq-bleu-700);--gq-color-canvas-deep:var(--gq-bleu-950);--gq-color-surface:var(--gq-creme-100);--gq-color-surface-raised:var(--gq-creme-200);--gq-color-surface-sunken:var(--gq-creme-50);--gq-color-surface-header:var(--gq-creme-200);--gq-color-surface-floating:var(--gq-creme-100);--gq-color-surface-selected:var(--gq-safran-100);--gq-color-surface-cartouche-top:var(--gq-creme-50);--gq-color-surface-cartouche-bottom:var(--gq-creme-200);--gq-color-overlay:rgb(var(--gq-scrim-rgb) / .72);--gq-color-scrim:rgb(var(--gq-scrim-rgb) / .45);--gq-color-grain:rgb(var(--gq-grain-rgb) / .07);--gq-color-on-canvas:var(--gq-color-text-on-canvas);--gq-color-on-canvas-muted:var(--gq-color-text-on-canvas-muted);--gq-color-on-surface:var(--gq-color-text);--gq-color-on-surface-raised:var(--gq-color-text);--gq-color-on-surface-sunken:var(--gq-color-text);--gq-color-on-surface-header:var(--gq-color-text);--gq-color-on-surface-floating:var(--gq-color-text);--gq-color-on-surface-selected:var(--gq-color-text);--gq-color-on-surface-cartouche:var(--gq-color-text);--gq-color-on-overlay:var(--gq-color-text-on-canvas);--gq-color-border:var(--gq-creme-400);--gq-color-border-strong:var(--gq-creme-500);--gq-color-border-subtle:transparent;--gq-color-surface-hover:var(--gq-creme-300);--gq-color-surface-active:var(--gq-creme-400);--gq-color-text:var(--gq-encre-900);--gq-color-text-muted:var(--gq-encre-600);--gq-color-text-faint:var(--gq-encre-400);--gq-color-text-on-accent:var(--gq-encre-900);--gq-color-text-on-canvas:var(--gq-creme-100);--gq-color-text-on-canvas-muted:var(--gq-bleu-200);--gq-color-text-on-success:var(--gq-creme-50);--gq-color-text-on-danger:var(--gq-creme-50);--gq-color-text-on-warning:var(--gq-creme-50);--gq-color-accent:var(--gq-safran-500);--gq-color-accent-hover:var(--gq-safran-400);--gq-color-accent-active:var(--gq-safran-500);--gq-color-success:var(--gq-vert-700);--gq-color-danger:var(--gq-corail-700);--gq-color-warning:var(--gq-safran-700);--gq-color-accent-ink:var(--gq-safran-800);--gq-color-success-ink:var(--gq-color-success);--gq-color-danger-ink:var(--gq-color-danger);--gq-color-warning-ink:var(--gq-color-warning);--gq-color-info:var(--gq-prune-700);--gq-color-accent-wash:color-mix(in srgb, var(--gq-color-accent) 30%, transparent);--gq-color-accent-halo:color-mix(in srgb, var(--gq-color-accent) 55%, transparent);--gq-color-accent-edge:color-mix(in srgb, var(--gq-color-accent) 45%, transparent);--gq-color-danger-wash:color-mix(in srgb, var(--gq-color-danger) 14%, transparent);--gq-color-success-glow:color-mix(in srgb, var(--gq-color-success) 45%, transparent);--gq-color-danger-glow:color-mix(in srgb, var(--gq-color-danger) 45%, transparent);--gq-color-accent-glow:color-mix(in srgb, var(--gq-color-accent) 60%, transparent);--gq-color-accent-ring:color-mix(in srgb, var(--gq-color-accent) 30%, transparent);--gq-color-accent-ring-hover:color-mix(in srgb, var(--gq-color-accent) 45%, transparent);--gq-color-accent-locator:color-mix(in srgb, var(--gq-color-accent) 22%, transparent);--gq-color-tint-1:var(--gq-bleu-200);--gq-color-tint-1-ink:var(--gq-bleu-900);--gq-color-tint-2:var(--gq-safran-200);--gq-color-tint-2-ink:var(--gq-safran-800);--gq-color-tint-3:var(--gq-corail-100);--gq-color-tint-3-ink:var(--gq-corail-700);--gq-color-tint-4:var(--gq-vert-100);--gq-color-tint-4-ink:var(--gq-vert-800);--gq-color-tint-5:var(--gq-prune-200);--gq-color-tint-5-ink:var(--gq-prune-700);--gq-color-tint-6:var(--gq-creme-300);--gq-color-tint-6-ink:var(--gq-encre-800);--gq-color-tint-7:var(--gq-safran-100);--gq-color-tint-7-ink:var(--gq-corail-700);--gq-color-land:var(--gq-creme-200);--gq-color-land-muted:var(--gq-creme-400);--gq-color-land-stroke:var(--gq-creme-500);--gq-color-land-stroke-light:var(--gq-creme-400);--gq-color-land-stroke-mute:var(--gq-creme-500);--gq-color-region-border:var(--gq-encre-600);--gq-color-water-play:var(--gq-bleu-600);--gq-color-water-idle:var(--gq-bleu-850);--gq-color-water-rim:var(--gq-bleu-300);--gq-color-water-rim-idle:var(--gq-bleu-700);--gq-color-water-hatch:var(--gq-bleu-900);--gq-color-river-play:var(--gq-bleu-600);--gq-color-river-idle:var(--gq-bleu-300);--gq-color-zone-correct:var(--gq-vert-500);--gq-color-zone-wrong:var(--gq-corail-500);--gq-color-zone-solved:var(--gq-vert-700);--gq-color-zone-missed:var(--gq-corail-600);--gq-color-zone-correct-flash:var(--gq-vert-300);--gq-color-zone-reveal-flash:var(--gq-safran-200);--gq-color-life-spent:var(--gq-creme-300);--gq-color-spark:var(--gq-white);--gq-color-label-ink:var(--gq-encre-900);--gq-color-label-ink-good:var(--gq-vert-800);--gq-color-label-ink-bad:var(--gq-corail-700);--gq-color-label-ink-capital:var(--gq-safran-800);--gq-color-label-halo:var(--gq-creme-50);--gq-color-pin-halo:var(--gq-creme-50);--gq-font-body:var(--gq-family-sans);--gq-font-display:var(--gq-family-display);--gq-font-numeric:var(--gq-family-mono);--gq-font-label:var(--gq-family-sans);--gq-font-size-caption:var(--gq-font-size-1);--gq-font-size-small:var(--gq-font-size-2);--gq-font-size-body:var(--gq-font-size-3);--gq-font-size-body-lg:var(--gq-font-size-4);--gq-font-size-lead:var(--gq-font-size-5);--gq-font-size-control:var(--gq-font-size-6);--gq-font-size-title-xs:var(--gq-font-size-display-1);--gq-font-size-title-sm:var(--gq-font-size-display-2);--gq-font-size-title-md:var(--gq-font-size-display-3);--gq-font-size-title-lg:var(--gq-font-size-display-4);--gq-font-size-title-xl:var(--gq-font-size-display-5);--gq-font-size-title-2xl:var(--gq-font-size-display-6);--gq-font-size-display:var(--gq-font-size-display-7);--gq-font-size-countdown:var(--gq-font-size-display-8);--gq-font-weight-light:var(--gq-font-weight-0);--gq-font-weight-normal:var(--gq-font-weight-1);--gq-font-weight-semibold:var(--gq-font-weight-2);--gq-font-weight-bold:var(--gq-font-weight-3);--gq-font-weight-extrabold:var(--gq-font-weight-4);--gq-font-variation-text:var(--gq-font-variation-0);--gq-font-variation-display:var(--gq-font-variation-0);--gq-font-stretch-normal:var(--gq-font-stretch-2);--gq-font-stretch-condensed:var(--gq-font-stretch-1);--gq-font-stretch-extended:var(--gq-font-stretch-3);--gq-line-height-flat:var(--gq-line-height-1);--gq-line-height-tight:var(--gq-line-height-2);--gq-line-height-body:var(--gq-line-height-3);--gq-letter-spacing-display:var(--gq-letter-spacing-00);--gq-letter-spacing-tight:var(--gq-letter-spacing-0);--gq-letter-spacing-title:var(--gq-letter-spacing-1);--gq-letter-spacing-numeric:var(--gq-letter-spacing-1);--gq-letter-spacing-caption:var(--gq-letter-spacing-2);--gq-letter-spacing-caption-wide:var(--gq-letter-spacing-3);--gq-letter-spacing-caption-wider:var(--gq-letter-spacing-4);--gq-letter-spacing-caption-widest:var(--gq-letter-spacing-5);--gq-case-heading:var(--gq-case-1);--gq-case-label:var(--gq-case-2);--gq-case-data:var(--gq-case-1);--gq-icon-size:var(--gq-icon-scale-1);--gq-icon-size-lead:var(--gq-icon-scale-2);--gq-icon-size-title:var(--gq-icon-scale-3);--gq-icon-size-hero:var(--gq-icon-scale-4);--gq-icon-baseline:var(--gq-baseline-nudge-1);--gq-icon-gap:var(--gq-space-2xs);--gq-icon-gap-wide:var(--gq-icon-gap-2);--gq-icon-stroke:var(--gq-icon-stroke-2);--gq-icon-stroke-bold:var(--gq-icon-stroke-3);--gq-space-none:var(--gq-space-0);--gq-space-3xs:var(--gq-space-1);--gq-space-2xs:var(--gq-space-2);--gq-space-xs:var(--gq-space-3);--gq-space-sm:var(--gq-space-4);--gq-space-md:var(--gq-space-5);--gq-space-lg:var(--gq-space-6);--gq-space-xl:var(--gq-space-7);--gq-space-2xl:var(--gq-space-8);--gq-space-3xl:var(--gq-space-9);--gq-space-4xl:var(--gq-space-10);--gq-space-5xl:var(--gq-space-11);--gq-space-6xl:var(--gq-space-12);--gq-space-7xl:var(--gq-space-13);--gq-space-8xl:var(--gq-space-14);--gq-space-9xl:var(--gq-space-15);--gq-space-safe-bottom:env(safe-area-inset-bottom,0px);--gq-measure-text:var(--gq-measure-1);--gq-measure-column:var(--gq-measure-2);--gq-measure-column-wide:var(--gq-measure-3);--gq-measure-page:var(--gq-measure-4);--gq-tap-target:var(--gq-touch-1);--gq-mark-size:var(--gq-mark-1);--gq-mark-size-lg:var(--gq-mark-3);--gq-breakpoint-phone:560px;--gq-breakpoint-tablet:900px;--gq-pad-control:var(--gq-space-lg) var(--gq-space-2xl);--gq-pad-field:var(--gq-space-lg) var(--gq-space-2xl);--gq-pad-row:var(--gq-space-lg) var(--gq-space-2xl);--gq-pad-card:var(--gq-space-7xl) var(--gq-space-7xl);--gq-border-width:var(--gq-border-width-1);--gq-border-width-emphasis:var(--gq-border-width-2);--gq-border-width-rule:var(--gq-border-width-3);--gq-radius-xs:var(--gq-radius-1);--gq-radius-sm:var(--gq-radius-2);--gq-radius-md:var(--gq-radius-3);--gq-radius-lg:var(--gq-radius-4);--gq-radius-xl:var(--gq-radius-5);--gq-radius-2xl:var(--gq-radius-6);--gq-radius-3xl:var(--gq-radius-7);--gq-radius-4xl:var(--gq-radius-8);--gq-radius-full:var(--gq-radius-pill);--gq-radius-round:var(--gq-radius-circle);--gq-paper-cut:var(--gq-cut-1);--gq-paper-cut-sheet:var(--gq-cut-2);--gq-paper-rise:calc(var(--gq-lift-1) * -1);--gq-paper-press:var(--gq-lift-1);--gq-paper-edge:var(--gq-color-border-strong);--gq-blur-none:var(--gq-blur-0);--gq-blur-sm:var(--gq-blur-1);--gq-blur-md:var(--gq-blur-2);--gq-blur-lg:var(--gq-blur-3);--gq-blur-xl:var(--gq-blur-4);--gq-grid-pitch-fine:var(--gq-grid-pitch-1);--gq-grid-pitch-coarse:var(--gq-grid-pitch-2);--gq-grid-line:var(--gq-grid-line-1);--gq-color-grid-fine:var(--gq-color-grain);--gq-color-grid-coarse:var(--gq-color-grain);--gq-hatch-angle:var(--gq-hatch-angle-1);--gq-hatch-step:var(--gq-grid-pitch-coarse);--gq-hatch-band:calc(var(--gq-hatch-step) / 2);--gq-hatch-ground:var(--gq-color-canvas-deep);--gq-hatch-ink:var(--gq-color-water-hatch);--gq-hatch:repeating-linear-gradient(var(--gq-hatch-angle), var(--gq-hatch-ground) 0 var(--gq-hatch-band), var(--gq-hatch-ink) var(--gq-hatch-band) var(--gq-hatch-step));--gq-weave-angle-a:var(--gq-hatch-angle-2);--gq-weave-angle-b:var(--gq-hatch-angle-3);--gq-weave-thread:var(--gq-grid-line);--gq-weave-pitch:var(--gq-grid-pitch-fine);--gq-weave-ink:var(--gq-color-grid-fine);--gq-shadow-sm:var(--gq-shadow-1);--gq-shadow-md:var(--gq-shadow-2);--gq-shadow-lg:var(--gq-shadow-3);--gq-shadow-xl:var(--gq-shadow-4);--gq-shadow-text:var(--gq-shadow-text-1);--gq-paper-drop-sm:var(--gq-dropshadow-1);--gq-paper-drop-md:var(--gq-dropshadow-2);--gq-paper-drop-lg:var(--gq-dropshadow-3);--gq-shadow-bevel:var(--gq-shadow-bevel-1);--gq-shadow-well:var(--gq-shadow-well-1);--gq-transition-fast:var(--gq-duration-2);--gq-transition:var(--gq-duration-3);--gq-transition-lift:var(--gq-duration-4);--gq-easing:var(--gq-easing-1);--gq-easing-out:var(--gq-easing-2);--gq-easing-linear:var(--gq-easing-3);--gq-easing-paper:var(--gq-easing-4);--gq-duration-enter:var(--gq-duration-4);--gq-duration-shake:var(--gq-duration-5);--gq-duration-pop:var(--gq-duration-6);--gq-duration-spin:var(--gq-duration-7);--gq-duration-spin-stepped:var(--gq-duration-11);--gq-duration-pulse:var(--gq-duration-8);--gq-duration-pulse-long:var(--gq-duration-10);--gq-duration-reveal:var(--gq-duration-9);--gq-focus-ring-width:var(--gq-border-width-3);--gq-focus-ring-offset:var(--gq-border-width-2);--gq-focus-ring-color:var(--gq-color-info);--gq-focus-ring-radius:var(--gq-radius-sm);--gq-z-tooltip:var(--gq-layer-1);--gq-z-gate:var(--gq-layer-2);--gq-z-overlay:var(--gq-layer-3);--gq-z-dropdown:var(--gq-layer-4);--gq-z-menu:var(--gq-layer-5);--gq-z-celebration:var(--gq-layer-6);--gq-z-toast:var(--gq-layer-7)}*{box-sizing:border-box}html,body{height:100%;margin:0}:focus-visible{outline:var(--gq-focus-ring-width) solid var(--gq-focus-ring-color);outline-offset:var(--gq-focus-ring-offset);border-radius:var(--gq-focus-ring-radius)}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}body{--gq-shell-font:var(--gq-font-body);--gq-shell-color:var(--gq-color-text-on-canvas);--gq-shell-bg:var(--gq-color-canvas);--gq-shell-glow:var(--gq-color-canvas-glow);--gq-shell-glow-size:1500px 1000px;--gq-shell-glow-at:74% -14%;--gq-shell-grain-color:var(--gq-weave-ink);--gq-shell-grain-thread:var(--gq-weave-thread);--gq-shell-grain-pitch:var(--gq-weave-pitch);--gq-shell-grain-gap:calc(var(--gq-shell-grain-pitch) - var(--gq-shell-grain-thread));--gq-shell-grain-angle-a:var(--gq-weave-angle-a);--gq-shell-grain-angle-b:var(--gq-weave-angle-b);font-family:var(--gq-shell-font);font-weight:var(--gq-font-weight-normal);line-height:var(--gq-line-height-body);color:var(--gq-shell-color);background:repeating-linear-gradient(var(--gq-shell-grain-angle-a), transparent 0 var(--gq-shell-grain-gap), var(--gq-shell-grain-color) var(--gq-shell-grain-gap) calc(var(--gq-shell-grain-gap) + var(--gq-shell-grain-thread))), repeating-linear-gradient(var(--gq-shell-grain-angle-b), transparent 0 var(--gq-shell-grain-gap), var(--gq-shell-grain-color) var(--gq-shell-grain-gap) calc(var(--gq-shell-grain-gap) + var(--gq-shell-grain-thread))), radial-gradient(var(--gq-shell-glow-size) at var(--gq-shell-glow-at), var(--gq-shell-glow), var(--gq-shell-bg));flex-direction:column;height:100vh;display:flex;overflow:hidden}@layer zone{#map{--gq-map-land:var(--gq-color-land);--gq-map-land-hover:var(--gq-color-accent);--gq-map-land-muted:var(--gq-color-land-muted);--gq-map-water-play:var(--gq-color-water-play);--gq-map-water-idle:var(--gq-color-water-idle);--gq-map-water-rim:var(--gq-color-water-rim);--gq-map-water-rim-idle:var(--gq-color-water-rim-idle);--gq-map-river-play:var(--gq-color-river-play);--gq-map-river-idle:var(--gq-color-river-idle);--gq-map-correct:var(--gq-color-zone-correct);--gq-map-wrong:var(--gq-color-zone-wrong);--gq-map-solved:var(--gq-color-zone-solved);--gq-map-missed:var(--gq-color-zone-missed);--gq-map-correct-flash:var(--gq-color-zone-correct-flash);--gq-map-reveal-flash:var(--gq-color-zone-reveal-flash);--gq-map-stroke-land:var(--gq-color-land-stroke);--gq-map-stroke-land-light:var(--gq-color-land-stroke-light);--gq-map-stroke-land-mute:var(--gq-color-land-stroke-mute);--gq-map-stroke-region:var(--gq-color-region-border);--gq-map-stroke-width-zone:1.2;--gq-map-stroke-width-hairline:.7;--gq-map-stroke-width-context:.8;--gq-map-stroke-width-dot:1.3;--gq-map-stroke-width-region:2.4;--gq-map-stroke-width-sea:14;--gq-map-stroke-width-sea-rim:15.6;--gq-map-stroke-width-river:2.8;--gq-map-stroke-width-river-near:5.5;--gq-map-stroke-width-river-reveal:4.5;--gq-map-stroke-width-river-idle:1.4;--gq-map-guess:var(--gq-color-accent);--gq-map-guess-real:var(--gq-color-success);--gq-map-pin-halo:var(--gq-color-pin-halo);--gq-map-guess-dash:5 4;--gq-map-locator-dash:4 3;--gq-map-stroke-width-guess:2;--gq-map-stroke-width-guess-pin:2.5;--gq-map-stroke-width-real-pin:1.6;--gq-map-stroke-width-frame:1.5;--gq-map-stroke-width-leader:1;--gq-map-stroke-width-pin-halo:1.4;--gq-map-hatch:var(--gq-hatch);--gq-map-inset-bg:var(--gq-color-canvas-deep);--gq-map-inset-frame:var(--gq-color-accent);--gq-map-inset-title-color:var(--gq-color-accent);--gq-map-locator-fill:var(--gq-color-accent-locator);--gq-map-label-font:var(--gq-font-display);--gq-map-label-font-size:var(--gq-font-size-small);--gq-map-label-font-size-city:var(--gq-font-size-body);--gq-map-label-font-size-inset:var(--gq-font-size-body-lg);--gq-map-label-ink:var(--gq-color-label-ink);--gq-map-label-ink-good:var(--gq-color-label-ink-good);--gq-map-label-ink-bad:var(--gq-color-label-ink-bad);--gq-map-label-ink-capital:var(--gq-color-label-ink-capital);--gq-map-label-halo:var(--gq-color-label-halo);--gq-map-label-halo-width:3.2;--gq-map-label-halo-width-city:3.4;--gq-map-distance-font:var(--gq-font-numeric);--gq-map-distance-color:var(--gq-color-accent);--gq-map-distance-halo:var(--gq-color-canvas-deep);--gq-map-distance-halo-width:3.6;--gq-map-transition:var(--gq-transition) var(--gq-easing);--gq-map-duration-pop:var(--gq-duration-pop);--gq-map-duration-shake:var(--gq-duration-shake);--gq-map-duration-reveal:var(--gq-duration-reveal);--gq-map-shake-amplitude:2px;touch-action:none;width:100%;height:100%;display:block}.country{fill:var(--gq-map-land);stroke:var(--gq-map-stroke-land);stroke-width:var(--gq-map-stroke-width-zone);cursor:pointer;transition:fill var(--gq-map-transition);vector-effect:non-scaling-stroke}.country.locked{pointer-events:none}.outside{fill:var(--gq-map-land-muted);stroke:var(--gq-map-stroke-land-mute);stroke-width:var(--gq-map-stroke-width-context);pointer-events:none;vector-effect:non-scaling-stroke}#map.sea-mode{background:var(--gq-map-hatch)}.sea-bg{fill:var(--gq-map-water-play);pointer-events:none}#map.river-mode{cursor:pointer}.river-out{fill:none;stroke:var(--gq-map-river-idle);stroke-width:var(--gq-map-stroke-width-river-idle);stroke-linecap:round;stroke-linejoin:round;opacity:.75;pointer-events:none}.region-border{fill:none;stroke:var(--gq-map-stroke-region);stroke-width:var(--gq-map-stroke-width-region);stroke-linejoin:round;opacity:.85;pointer-events:none;vector-effect:non-scaling-stroke}.inset-bg{fill:var(--gq-map-inset-bg);opacity:.97}.inset-frame{fill:none;stroke:var(--gq-map-inset-frame);stroke-width:var(--gq-map-stroke-width-frame);opacity:.7}.inset-title{fill:var(--gq-map-inset-title-color);font-family:var(--gq-map-label-font);font-style:italic;font-size:var(--gq-map-label-font-size-inset);pointer-events:none}.locator{fill:var(--gq-map-locator-fill);stroke:var(--gq-map-inset-frame);stroke-width:var(--gq-map-stroke-width-zone);stroke-dasharray:var(--gq-map-locator-dash);pointer-events:none}.leader{stroke:var(--gq-map-inset-frame);stroke-width:var(--gq-map-stroke-width-leader);stroke-dasharray:var(--gq-map-locator-dash);opacity:.5;pointer-events:none}.dot{fill:var(--gq-map-land);stroke:var(--gq-map-stroke-land);stroke-width:var(--gq-map-stroke-width-dot);cursor:pointer;vector-effect:non-scaling-stroke;transition:fill var(--gq-map-transition)}.country-label{fill:var(--gq-map-label-ink);font-family:var(--gq-map-label-font);font-size:var(--gq-map-label-font-size);font-weight:var(--gq-font-weight-semibold);text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:var(--gq-map-label-halo);stroke-width:var(--gq-map-label-halo-width);stroke-linejoin:round}.label-leader{stroke:var(--gq-map-label-ink);stroke-width:var(--gq-map-stroke-width-hairline);opacity:.45;pointer-events:none}.cap-pin{fill:var(--gq-map-guess);stroke:var(--gq-map-pin-halo);stroke-width:var(--gq-map-stroke-width-pin-halo);pointer-events:none;animation:pop var(--gq-map-duration-pop) var(--gq-easing)}.cap-label{fill:var(--gq-map-label-ink-capital);font-family:var(--gq-map-label-font);font-style:italic;font-size:var(--gq-map-label-font-size);font-weight:var(--gq-font-weight-semibold);text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:var(--gq-map-label-halo);stroke-width:var(--gq-map-label-halo-width);stroke-linejoin:round}#map.place-mode{cursor:crosshair}.place-land{fill:var(--gq-map-land);stroke:var(--gq-map-stroke-land-light);stroke-width:var(--gq-map-stroke-width-hairline);vector-effect:non-scaling-stroke;pointer-events:none}.guess-line{stroke:var(--gq-map-guess);stroke-width:var(--gq-map-stroke-width-guess);stroke-dasharray:var(--gq-map-guess-dash);pointer-events:none;opacity:.9}.guess-pin{fill:none;stroke:var(--gq-map-guess);stroke-width:var(--gq-map-stroke-width-guess-pin);pointer-events:none}.guess-dot{fill:var(--gq-map-guess);pointer-events:none}.real-pin{fill:var(--gq-map-guess-real);stroke:var(--gq-map-pin-halo);stroke-width:var(--gq-map-stroke-width-real-pin);pointer-events:none;animation:pop var(--gq-map-duration-pop) var(--gq-easing)}.place-city-label{fill:var(--gq-map-label-ink);font-family:var(--gq-map-label-font);font-size:var(--gq-map-label-font-size-city);font-weight:var(--gq-font-weight-semibold);text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:var(--gq-map-label-halo);stroke-width:var(--gq-map-label-halo-width-city);stroke-linejoin:round}.dist-label{fill:var(--gq-map-distance-color);font-family:var(--gq-map-distance-font);font-size:var(--gq-map-label-font-size-inset);font-weight:var(--gq-font-weight-bold);text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:var(--gq-map-distance-halo);stroke-width:var(--gq-map-distance-halo-width);stroke-linejoin:round}}@layer mode{.river-mode .country.river{stroke:var(--gq-map-river-play);stroke-width:var(--gq-map-stroke-width-river);stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke var(--gq-map-transition), stroke-width var(--gq-transition-fast) var(--gq-easing)}.sea-mode .sea-rim{fill:var(--gq-map-water-rim);stroke:var(--gq-map-water-rim);stroke-width:var(--gq-map-stroke-width-sea-rim);stroke-linejoin:round;pointer-events:none}.sea-mode .country{fill:var(--gq-map-water-play);stroke:var(--gq-map-water-play);stroke-width:var(--gq-map-stroke-width-sea);stroke-linejoin:round;transition:fill var(--gq-map-transition), stroke var(--gq-map-transition)}.sea-mode .sea-out{fill:var(--gq-map-water-idle);stroke:var(--gq-map-water-idle);stroke-width:var(--gq-map-stroke-width-sea);stroke-linejoin:round;pointer-events:none}.sea-mode .sea-out-rim{fill:var(--gq-map-water-rim-idle);stroke:var(--gq-map-water-rim-idle)}.sea-mode .dot{fill:var(--gq-map-water-rim);stroke:var(--gq-map-water-play);stroke-width:var(--gq-map-stroke-width-dot)}.sea-mode .outside,.river-mode .outside{fill:var(--gq-map-land);stroke:var(--gq-map-stroke-land-light);stroke-width:var(--gq-map-stroke-width-hairline)}}@layer state{.river-mode .country.river{fill:none}.country:hover{fill:var(--gq-map-land-hover)}.country.correct{fill:var(--gq-map-correct);animation:pop var(--gq-map-duration-pop) var(--gq-easing)}.country.wrong{fill:var(--gq-map-wrong);animation:shake var(--gq-map-duration-shake) var(--gq-easing)}.country.reveal{animation:reveal var(--gq-map-duration-reveal) var(--gq-easing)}.sea-mode .country:hover,.sea-mode .country.reveal{fill:var(--gq-map-land-hover);stroke:var(--gq-map-land-hover)}.sea-mode .country.correct{stroke:var(--gq-map-correct);transition:none}.sea-mode .country.reveal{animation:reveal-sea var(--gq-map-duration-reveal) var(--gq-easing)}.sea-mode .country.wrong{stroke:var(--gq-map-wrong)}.sea-mode .country.solved{stroke:var(--gq-map-solved)}.sea-mode .country.missed{stroke:var(--gq-map-missed)}.river-mode .country.river.near{stroke:var(--gq-map-land-hover);stroke-width:var(--gq-map-stroke-width-river-near)}.river-mode .country.river.correct{stroke:var(--gq-map-correct);animation:pop-river var(--gq-map-duration-pop) var(--gq-easing)}.river-mode .country.river.wrong{stroke:var(--gq-map-wrong);animation:shake var(--gq-map-duration-shake) var(--gq-easing)}.river-mode .country.river.reveal{animation:reveal-river var(--gq-map-duration-reveal) var(--gq-easing)}.river-mode .country.river.solved{stroke:var(--gq-map-solved)}.river-mode .country.river.missed{stroke:var(--gq-map-missed)}.dot:hover,.dot.near{fill:var(--gq-map-land-hover)}.solved{fill:var(--gq-map-solved)}.missed{fill:var(--gq-map-missed)}.country-label.wrong-lbl{fill:var(--gq-map-label-ink-bad)}.country-label.good-lbl{fill:var(--gq-map-label-ink-good)}}@keyframes reveal-sea{0%,to{fill:var(--gq-map-land-hover);stroke:var(--gq-map-land-hover)}50%{fill:var(--gq-map-reveal-flash);stroke:var(--gq-map-reveal-flash)}}@keyframes pop-river{0%{stroke:var(--gq-map-correct-flash)}60%,to{stroke:var(--gq-map-correct)}}@keyframes reveal-river{0%,to{stroke:var(--gq-map-land-hover);stroke-width:var(--gq-map-stroke-width-river-reveal)}50%{stroke:var(--gq-map-reveal-flash);stroke-width:var(--gq-map-stroke-width-river-reveal)}}@keyframes pop{0%{fill:var(--gq-map-correct-flash)}60%{fill:var(--gq-map-correct)}to{fill:var(--gq-map-correct)}}@keyframes shake{0%,to{transform:none}25%{transform:translateX(calc(var(--gq-map-shake-amplitude) * -1))}75%{transform:translateX(var(--gq-map-shake-amplitude))}}@keyframes reveal{0%,to{fill:var(--gq-map-land-hover)}50%{fill:var(--gq-map-reveal-flash)}}#fx{pointer-events:none;width:100%;height:100%;z-index:var(--gq-z-celebration);display:none;position:fixed;inset:0}
