:root {
  --mg-canvas: #F3F5FA;
  --mg-surface: #FFFFFF;
  --mg-raised: #FFFFFF;
  --mg-sunken: #EBEFF6;
  --mg-hover: #E6EBF4;
  --mg-rule: #E1E6EF;
  --mg-rule-strong: #78829A;
  --mg-ink: #141D3A;
  --mg-ink-2: #56617E;
  --mg-on-ink: #FFFFFF;
  --mg-ink-hover: #26335E;
  --mg-navy: #141D3A;
  --mg-navy-hi: #22305C;
  --mg-on-navy: #FFFFFF;
  --mg-on-navy-2: #A9B4D0;
  --mg-blue: #0A84FF;
  --mg-blue-text: #0060CC;
  --mg-blue-tint: #E6F0FF;
  --mg-focus: var(--mg-blue);
  --mg-ok: #0E9447;
  --mg-ok-text: #0D7A3C;
  --mg-ok-tint: #E2F5E9;
  --mg-warn: #B57300;
  --mg-warn-text: #8A5700;
  --mg-warn-tint: #FFF2D6;
  --mg-alarm: #E5484D;
  --mg-alarm-text: #B42330;
  --mg-alarm-hover: #8E1620;
  --mg-alarm-tint: #FDECEC;
  --mg-on-alarm: #FFFFFF;
  --mg-chart-1: var(--mg-blue);
  --mg-chart-2: #7B859C;
  --mg-chart-3: var(--mg-ink);
  --mg-cat-1: #0D8282;
  --mg-cat-2: #6945D3;
  --mg-cat-3: #3A76A3;
  --mg-cat-4: #797115;
  --mg-cat-5: #A3295A;
  --mg-cat-other: #8A909E;
  --mg-cat-1-tint: #DBECEC;
  --mg-cat-2-tint: #E9E3F8;
  --mg-cat-3-tint: #E1EAF1;
  --mg-cat-4-tint: #EBEADC;
  --mg-cat-5-tint: #F1DFE6;
  --mg-cat-other-tint: #EDEEF0;
  --mg-cat-1-navy: #4CC2BE;
  --mg-cat-2-navy: #9C86F0;
  --mg-cat-3-navy: #6FA6D6;
  --mg-cat-4-navy: #C9BC4A;
  --mg-cat-5-navy: #E0709C;
  --mg-seq-1: #E6EBF4;
  --mg-seq-2: #B7C2DA;
  --mg-seq-3: #7F90B6;
  --mg-seq-4: #46598A;
  --mg-seq-5: #141D3A;
  --mg-div-under: #8A5700;
  --mg-div-under-2: #E9C77E;
  --mg-div-mid: #E6EBF4;
  --mg-div-over-2: #93D3AC;
  --mg-div-over: #0D7A3C;
  --mg-chart-grid: var(--mg-rule);
  --mg-chart-axis: var(--mg-ink-2);
  --mg-scrim: rgba(10,15,30,0.48);
  --mg-scrim-soft: rgba(10,15,30,0.15);
  --mg-graf-1: #1F78F0;
  --mg-graf-2: #EB6834;
  --mg-graf-3: #1BAF7A;
  --mg-graf-4: #EDA100;
  --mg-graf-5: #E87BA4;
  --mg-graf-6: #008300;
  --mg-graf-7: #6250D6;
  --mg-graf-wash: rgba(31,120,240,0.10);
  --mg-graf-compare: #9AA3B5;
  --mg-graf-grid: #EDF0F5;
  --mg-graf-base: #C3CAD7;
  --mg-graf-label: #7D879E;
  --mg-graf-q1: #E3EEFD;
  --mg-graf-q2: #B7D3F6;
  --mg-graf-q3: #86B6EF;
  --mg-graf-q4: #4F93E6;
  --mg-graf-q5: #2A6FD0;
  --mg-graf-q6: #184F95;
  --mg-graf-qi1: #141D3A;
  --mg-graf-qi2: #141D3A;
  --mg-graf-qi3: #141D3A;
  --mg-graf-qi4: #FFFFFF;
  --mg-graf-qi5: #FFFFFF;
  --mg-graf-qi6: #FFFFFF;
  --mg-graf-water: #E3EAF5;
  --mg-graf-none: #F7F8FB;
  --mg-space-1: 4px;
  --mg-space-2: 8px;
  --mg-space-3: 12px;
  --mg-space-4: 16px;
  --mg-space-5: 20px;
  --mg-space-6: 24px;
  --mg-space-7: 32px;
  --mg-space-8: 48px;
  --mg-space-9: 64px;
  --mg-radius-dot: 999px;
  --mg-radius-field: 12px;
  --mg-radius-card: 20px;
  --mg-radius-sheet: 28px;
  --mg-shadow-card: 0 1px 2px rgba(20,29,58,0.05), 0 10px 28px -18px rgba(20,29,58,0.22);
  --mg-shadow-float: 0 2px 6px rgba(20,29,58,0.08), 0 24px 48px -16px rgba(20,29,58,0.3);
  --mg-control: 40px;
  --mg-control-touch: 44px;
  --mg-control-sm: 32px;
  --mg-row: 44px;
  --mg-row-tight: 34px;
  --mg-row-list: 52px;
  --mg-row-list-compact: 34px;
  --mg-row-list-spacious: 60px;
  --mg-chart-stroke: 2px;
  --mg-chart-stroke-tv: 4px;
  --mg-chart-point: 4px;
  --mg-chart-band: 0.16;
  --mg-chart-gap: 2px;
  --mg-dot: 10px;
  --mg-stem: 4px;
  --mg-rail: 240px;
  --mg-page-max: 1440px;
  --mg-measure: 66ch;
  --mg-z-sticky: 10;
  --mg-z-popover: 20;
  --mg-z-overlay: 30;
  --mg-z-dialog: 40;
  --mg-z-toast: 50;
  --mg-font: Manrope, system-ui, -apple-system, Segoe UI, sans-serif;
  --mg-text-xs: 12px;
  --mg-text-sm: 13px;
  --mg-text-md: 14px;
  --mg-text-lg: 17px;
  --mg-text-xl: 22px;
  --mg-text-2xl: 28px;
  --mg-text-3xl: 36px;
  --mg-text-display: 64px;
  --mg-motion-quick: 140ms cubic-bezier(0.2, 0, 0, 1);
  --mg-motion-data: 520ms cubic-bezier(0.2, 0, 0, 1);
  --mg-motion-rise: 520ms cubic-bezier(0.34, 1.56, 0.64, 1);
  --mg-motion-enter: 220ms cubic-bezier(0, 0, 0.2, 1);
  --mg-motion-exit: 160ms cubic-bezier(0.4, 0, 1, 1);
  --mg-dur-instant: 80ms;
  --mg-dur-quick: 140ms;
  --mg-dur-base: 220ms;
  --mg-dur-exit: 160ms;
  --mg-dur-rise: 520ms;
  --mg-dur-story: 900ms;
  --mg-stagger: 70ms;
  --mg-dur-bar-stagger: 40ms;
  --mg-dur-row-stagger: 30ms;
  --mg-dur-overlap: 120ms;
  --mg-delay-skeleton: 300ms;
  --mg-dur-live: 2400ms;
  --mg-dur-moment: 6000ms;
  --mg-dur-pulse: 1600ms;
  --mg-dur-confetti: 2500ms;
  --mg-dur-spin: 3200ms;
  --mg-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --mg-ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --mg-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --mg-ease-rise: cubic-bezier(0.34, 1.56, 0.64, 1);
  --mg-move-sm: 8px;
  --mg-move-md: 16px;
  --mg-move-lg: 40px;
  --mg-press-scale: 0.98;
  --mg-tv-label: clamp(14px, 1.4cqi, 26px);
  --mg-tv-body: clamp(18px, 2.2cqi, 42px);
  --mg-tv-num: clamp(24px, 3cqi, 60px);
  --mg-tv-display: clamp(56px, 12cqi, 240px);
  --mg-image-overlay-day: rgba(255,255,255,0.72);
  --mg-image-overlay-night: rgba(10,15,30,0.56);
  --mg-report-drawer-scrim: var(--mg-scrim-soft);
  --mg-button-radius: var(--mg-radius-field);
  --mg-button-height: var(--mg-control);
  --mg-button-height-sm: var(--mg-control-sm);
  --mg-button-pad-x: 18px;
  --mg-button-pad-x-sm: 14px;
  --mg-button-border: 1.5px;
  --mg-button-weight: 700;
  --mg-field-radius: var(--mg-radius-field);
  --mg-field-height: var(--mg-control);
  --mg-field-pad-x: 14px;
  --mg-field-border: 1.5px;
  --mg-chip-radius: var(--mg-radius-dot);
  --mg-chip-disabled-opacity: 0.4;
  --mg-seg-radius: calc(var(--mg-radius-field) - 4px);
  --mg-seg-track-radius: var(--mg-radius-field);
  --mg-toggle-radius: var(--mg-radius-dot);
  --mg-avatar-radius: var(--mg-radius-dot);
  --mg-badge-radius: var(--mg-radius-dot);
  --mg-card-radius: var(--mg-radius-card);
  --mg-card-shadow: var(--mg-shadow-card);
  --mg-dialog-radius: var(--mg-radius-sheet);
  --mg-menu-radius: var(--mg-radius-field);
  --mg-menu-item-radius: calc(var(--mg-radius-field) - 4px);
  --mg-nav-item-radius: var(--mg-radius-field);
  --mg-popover-radius: var(--mg-radius-field);
  --mg-tab-radius: var(--mg-radius-field);
  --mg-table-radius: var(--mg-radius-field);
  --mg-table-row: var(--mg-row);
  --mg-spilkort-pad: var(--mg-space-4);
  --mg-spilkort-pad-sm: var(--mg-space-3);
  --mg-spilkort-art-w: 112px;
  --mg-spilkort-go: var(--mg-control-sm);
  --mg-spilkort-chip-pad: 0.3em 0.7em;
  --mg-spilkort-dagens-ord-bg: #F6F8FC;
  --mg-spilkort-dagens-ord-ink: #141D3A;
  --mg-spilkort-dagens-ord-muted: #56617E;
  --mg-spilkort-dagens-ord-edge: #D3D9E6;
  --mg-spilkort-dagens-ord-art: #E7EBF4;
  --mg-spilkort-dagens-ord-case: #FFFFFF;
  --mg-spilkort-dagens-ord-hit: #0A6FE0;
  --mg-spilkort-dagens-ord-hit-edge: #0A4FA8;
  --mg-spilkort-dagens-ord-near: #FFC23D;
  --mg-spilkort-dagens-ord-near-ink: #141D3A;
  --mg-spilkort-dagens-ord-miss: #5F6883;
  --mg-spilkort-dagens-ord-on-tile: #FFFFFF;
  --mg-spilkort-dagens-ord-grid: #141D3A0F;
  --mg-spilkort-dagens-ord-focus: #0A6FE0;
  --mg-spilkort-dagens-ord-shadow: 0 3px 0 #D3D9E6;
  --mg-spilkort-dagens-ord-shadow-hover: 0 5px 0 #C3CADA, 0 14px 26px -18px #141D3A59;
  --mg-spilkort-dagens-ord-radius: var(--mg-radius-field);
  --mg-spilkort-dagens-ord-tile-radius: 4px;
  --mg-spilkort-dagens-ord-go-radius: 8px;
  --mg-spilkort-dagens-ord-font: 'Spilkort Bricolage', var(--mg-font);
  --mg-spilkort-timeguessr-bg: #F3EFE4;
  --mg-spilkort-timeguessr-ink: #262522;
  --mg-spilkort-timeguessr-muted: #5E5B53;
  --mg-spilkort-timeguessr-edge: #D4D0C6;
  --mg-spilkort-timeguessr-frame: #FFFDF8;
  --mg-spilkort-timeguessr-stamp: #B8352E;
  --mg-spilkort-timeguessr-on-stamp: #FFFDF8;
  --mg-spilkort-timeguessr-gold: #9C7A2E;
  --mg-spilkort-timeguessr-chip-ink: #3F3A31;
  --mg-spilkort-timeguessr-lines: #8A7A5C2E;
  --mg-spilkort-timeguessr-focus: #225AA3;
  --mg-spilkort-timeguessr-shadow: 0 1px 0 #D4D0C6, 0 16px 30px -24px #3B2F1A66;
  --mg-spilkort-timeguessr-shadow-hover: 0 1px 0 #D4D0C6, 0 22px 36px -22px #3B2F1A80;
  --mg-spilkort-timeguessr-photo-shadow: 0 1px 2px #3B2F1A33, 0 10px 18px -12px #3B2F1A73;
  --mg-spilkort-timeguessr-radius: 6px;
  --mg-spilkort-timeguessr-font: Georgia, 'Times New Roman', serif;
  --mg-spilkort-timeguessr-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --mg-spilkort-skribbl-bg: #FFFFFF;
  --mg-spilkort-skribbl-ink: #141D3A;
  --mg-spilkort-skribbl-muted: #4A566F;
  --mg-spilkort-skribbl-stroke: #141D3A;
  --mg-spilkort-skribbl-paper: #FFFAF0;
  --mg-spilkort-skribbl-sun: #FFD23F;
  --mg-spilkort-skribbl-sun-ink: #141D3A;
  --mg-spilkort-skribbl-sun-tint: #FFF4CC;
  --mg-spilkort-skribbl-sun-tint-ink: #6B4A00;
  --mg-spilkort-skribbl-c0: #1D4FB8;
  --mg-spilkort-skribbl-c1: #B42330;
  --mg-spilkort-skribbl-c2: #8A5A00;
  --mg-spilkort-skribbl-c3: #0B6B3A;
  --mg-spilkort-skribbl-c4: #5A38C2;
  --mg-spilkort-skribbl-doodle: #141D3A12;
  --mg-spilkort-skribbl-focus: #1D4FB8;
  --mg-spilkort-skribbl-shadow: 0 3px 0 #141D3A;
  --mg-spilkort-skribbl-shadow-hover: 0 6px 0 #141D3A;
  --mg-spilkort-skribbl-radius: 22px 18px 24px 16px / 16px 24px 18px 22px;
  --mg-spilkort-ordspil-felt: #1F6B4A;
  --mg-spilkort-ordspil-felt-deep: #17523A;
  --mg-spilkort-ordspil-felt-line: #FFFFFF14;
  --mg-spilkort-ordspil-ink: #FFFAF0;
  --mg-spilkort-ordspil-muted: #D6E7DB;
  --mg-spilkort-ordspil-wood: #E8C27A;
  --mg-spilkort-ordspil-wood-hi: #F3DAA6;
  --mg-spilkort-ordspil-wood-edge: #9A6B2A;
  --mg-spilkort-ordspil-wood-ink: #141D3A;
  --mg-spilkort-ordspil-gold: #FFD23F;
  --mg-spilkort-ordspil-focus: #0E2F22;
  --mg-spilkort-ordspil-shadow: inset 0 0 0 1px #9A6B2A, 0 3px 0 #9A6B2A, 0 12px 24px -16px #0E2F2299;
  --mg-spilkort-ordspil-shadow-hover: inset 0 0 0 1px #9A6B2A, 0 5px 0 #9A6B2A, 0 18px 30px -16px #0E2F22B3;
  --mg-spilkort-ordspil-radius: 14px;
  --mg-spilkort-ordspil-tile-radius: 4px;
  --mg-spilkort-ordspil-font: 'Spilkort Outfit', var(--mg-font);
  --mg-spilkort-lykkehjul-bg: #FFF6E5;
  --mg-spilkort-lykkehjul-ink: #3A2400;
  --mg-spilkort-lykkehjul-muted: #7A5A2A;
  --mg-spilkort-lykkehjul-edge: #F0D9A8;
  --mg-spilkort-lykkehjul-focus: #9A5B00;
  --mg-spilkort-lykkehjul-accent: #A85F00;
  --mg-spilkort-lykkehjul-shadow: 0 1px 2px #3A24001A, 0 6px 16px #3A240022;
  --mg-spilkort-lykkehjul-shadow-hover: 0 2px 4px #3A240024, 0 12px 24px #3A24002E;
  --mg-spilkort-lykkehjul-radius: var(--mg-radius-card);
  --mg-spilkort-mystery-bg: #F4F0FF;
  --mg-spilkort-mystery-ink: #25164F;
  --mg-spilkort-mystery-muted: #5E5189;
  --mg-spilkort-mystery-edge: #D9CFF5;
  --mg-spilkort-mystery-focus: #5B34C9;
  --mg-spilkort-mystery-accent: #6A3FDB;
  --mg-spilkort-mystery-shadow: 0 1px 2px #25164F1A, 0 6px 16px #25164F22;
  --mg-spilkort-mystery-shadow-hover: 0 2px 4px #25164F24, 0 12px 24px #25164F2E;
  --mg-spilkort-mystery-radius: var(--mg-radius-card);
  --mg-spilkort-skrab-bg: #EEF7F1;
  --mg-spilkort-skrab-ink: #0F2F20;
  --mg-spilkort-skrab-muted: #3F6753;
  --mg-spilkort-skrab-edge: #C6E0D0;
  --mg-spilkort-skrab-focus: #12763F;
  --mg-spilkort-skrab-accent: #17824A;
  --mg-spilkort-skrab-shadow: 0 1px 2px #0F2F201A, 0 6px 16px #0F2F2022;
  --mg-spilkort-skrab-shadow-hover: 0 2px 4px #0F2F2024, 0 12px 24px #0F2F202E;
  --mg-spilkort-skrab-radius: var(--mg-radius-card);
  --mg-spilkort-tombola-bg: #FFF0F0;
  --mg-spilkort-tombola-ink: #4A1117;
  --mg-spilkort-tombola-muted: #85454B;
  --mg-spilkort-tombola-edge: #F3CACD;
  --mg-spilkort-tombola-focus: #B3202E;
  --mg-spilkort-tombola-accent: #C2273A;
  --mg-spilkort-tombola-shadow: 0 1px 2px #4A11171A, 0 6px 16px #4A111722;
  --mg-spilkort-tombola-shadow-hover: 0 2px 4px #4A111724, 0 12px 24px #4A11172E;
  --mg-spilkort-tombola-radius: var(--mg-radius-card);
  --mg-spilkort-sparegris-bg: #EAF6FA;
  --mg-spilkort-sparegris-ink: #0B2F3D;
  --mg-spilkort-sparegris-muted: #3C6577;
  --mg-spilkort-sparegris-edge: #C3E1EB;
  --mg-spilkort-sparegris-focus: #0B6E8E;
  --mg-spilkort-sparegris-accent: #0E7A9C;
  --mg-spilkort-sparegris-shadow: 0 1px 2px #0B2F3D1A, 0 6px 16px #0B2F3D22;
  --mg-spilkort-sparegris-shadow-hover: 0 2px 4px #0B2F3D24, 0 12px 24px #0B2F3D2E;
  --mg-spilkort-sparegris-radius: var(--mg-radius-card);
  --mg-spilkort-stack-overlap: var(--mg-space-2);
  --mg-spilkort-stack-max: 5;
  --mg-spilkort-badge-inset: var(--mg-space-3);
  --mg-mt-bg: var(--mg-surface);
  --mg-mt-raised: var(--mg-raised);
  --mg-mt-sunk: var(--mg-sunken);
  --mg-mt-ink: var(--mg-ink);
  --mg-mt-ink-2: var(--mg-ink-2);
  --mg-mt-rule: var(--mg-rule);
  --mg-mt-rule-2: var(--mg-rule-strong);
  --mg-mt-reached: var(--mg-ok);
  --mg-mt-next: var(--mg-blue);
  --mg-mt-gold: var(--mg-warn);
  --mg-mt-heat: var(--mg-alarm);
  --mg-mt-board: var(--mg-navy);
  --mg-mt-board-ink: var(--mg-on-navy);
  --mg-mt-board-ink-2: var(--mg-on-navy-2);
  --mg-mt-board-hi: var(--mg-navy-hi);
  --mg-mt-radius: var(--mg-card-radius);
  --mg-mt-shadow: var(--mg-card-shadow);
  --mg-mt-move: var(--mg-motion-data);
  --mg-mt-pulse: var(--mg-dur-pulse);
  --mg-mt-lift: var(--mg-shadow-float);
  --mg-mt-depth: var(--mg-scrim-soft);
  --mg-mt-light: var(--mg-on-navy);
  --mg-mt-enter: var(--mg-dur-story);
  --mg-mt-stagger: var(--mg-stagger);
  --mg-mt-idle: var(--mg-dur-spin);
  --mg-mt-moment: var(--mg-dur-moment);
  --mg-fx-gold: var(--mg-warn);
  --mg-fx-ok: var(--mg-ok);
  --mg-fx-blue: var(--mg-blue);
  --mg-fx-heat: var(--mg-alarm);
  --mg-fx-light: var(--mg-on-navy);
  --mg-fx-spark: var(--mg-dur-story);
  --mg-fx-fall: var(--mg-dur-confetti);
}
[data-theme="dark"] {
  --mg-canvas: #0A0F1E;
  --mg-surface: #121A2E;
  --mg-raised: #18223A;
  --mg-sunken: #0D1426;
  --mg-hover: #202B47;
  --mg-rule: #26314D;
  --mg-rule-strong: #76839F;
  --mg-ink: #EEF2FA;
  --mg-ink-2: #A3AEC8;
  --mg-on-ink: #141D3A;
  --mg-ink-hover: #FFFFFF;
  --mg-navy: #1B2752;
  --mg-navy-hi: #283770;
  --mg-on-navy: #FFFFFF;
  --mg-on-navy-2: #A9B4D0;
  --mg-blue: #0A84FF;
  --mg-blue-text: #5EA8FF;
  --mg-blue-tint: #10264A;
  --mg-focus: var(--mg-blue);
  --mg-ok: #2FBF6F;
  --mg-ok-text: #5ED593;
  --mg-ok-tint: #0F2A1B;
  --mg-warn: #F2B233;
  --mg-warn-text: #F5C35E;
  --mg-warn-tint: #33260C;
  --mg-alarm: #F0484E;
  --mg-alarm-text: #FF8A8E;
  --mg-alarm-hover: #FFB3B6;
  --mg-alarm-tint: #3A1517;
  --mg-on-alarm: #0A0F1E;
  --mg-chart-1: var(--mg-blue);
  --mg-chart-2: #6E7B99;
  --mg-chart-3: var(--mg-ink);
  --mg-cat-1: #4CC2BE;
  --mg-cat-2: #9C86F0;
  --mg-cat-3: #6FA6D6;
  --mg-cat-4: #C9BC4A;
  --mg-cat-5: #E0709C;
  --mg-cat-other: #626A7A;
  --mg-cat-1-tint: #1B3344;
  --mg-cat-2-tint: #272A4B;
  --mg-cat-3-tint: #202F47;
  --mg-cat-4-tint: #2D3232;
  --mg-cat-5-tint: #31273F;
  --mg-cat-other-tint: #1E2639;
  --mg-cat-1-navy: #4CC2BE;
  --mg-cat-2-navy: #9C86F0;
  --mg-cat-3-navy: #6FA6D6;
  --mg-cat-4-navy: #C9BC4A;
  --mg-cat-5-navy: #E0709C;
  --mg-seq-1: #1B2540;
  --mg-seq-2: #2D3B63;
  --mg-seq-3: #50659A;
  --mg-seq-4: #8C9FCC;
  --mg-seq-5: #EEF2FA;
  --mg-div-under: #F5C35E;
  --mg-div-under-2: #5C4415;
  --mg-div-mid: #26314D;
  --mg-div-over-2: #1E5636;
  --mg-div-over: #5ED593;
  --mg-chart-grid: var(--mg-rule);
  --mg-chart-axis: var(--mg-ink-2);
  --mg-scrim: rgba(0,0,0,0.66);
  --mg-scrim-soft: rgba(0,0,0,0.2);
  --mg-graf-1: #3D8DF5;
  --mg-graf-2: #D95926;
  --mg-graf-3: #199E70;
  --mg-graf-4: #C98500;
  --mg-graf-5: #D55181;
  --mg-graf-6: #008300;
  --mg-graf-7: #9085E9;
  --mg-graf-wash: rgba(61,141,245,0.14);
  --mg-graf-compare: #6E7B99;
  --mg-graf-grid: #1C2640;
  --mg-graf-base: #3A4664;
  --mg-graf-label: #7C88A6;
  --mg-graf-q1: #16233F;
  --mg-graf-q2: #1C3A6A;
  --mg-graf-q3: #225597;
  --mg-graf-q4: #2F72C6;
  --mg-graf-q5: #5598E7;
  --mg-graf-q6: #9EC5F4;
  --mg-graf-qi1: #EEF2FA;
  --mg-graf-qi2: #EEF2FA;
  --mg-graf-qi3: #FFFFFF;
  --mg-graf-qi4: #FFFFFF;
  --mg-graf-qi5: #0A0F1E;
  --mg-graf-qi6: #0A0F1E;
  --mg-graf-water: #0B1221;
  --mg-graf-none: #182236;
  --mg-shadow-card: 0 0 0 1px rgba(255,255,255,0.04), 0 10px 28px -18px rgba(0,0,0,0.6);
  --mg-shadow-float: 0 0 0 1px rgba(255,255,255,0.06), 0 24px 48px -16px rgba(0,0,0,0.75);
  --mg-spilkort-dagens-ord-bg: #121A31;
  --mg-spilkort-dagens-ord-ink: #EEF2FA;
  --mg-spilkort-dagens-ord-muted: #AAB4CC;
  --mg-spilkort-dagens-ord-edge: #2B3757;
  --mg-spilkort-dagens-ord-art: #1A2440;
  --mg-spilkort-dagens-ord-case: #1C2747;
  --mg-spilkort-dagens-ord-hit: #0A6FE0;
  --mg-spilkort-dagens-ord-hit-edge: #06397A;
  --mg-spilkort-dagens-ord-near: #F2B52E;
  --mg-spilkort-dagens-ord-near-ink: #141D3A;
  --mg-spilkort-dagens-ord-miss: #4A5372;
  --mg-spilkort-dagens-ord-on-tile: #FFFFFF;
  --mg-spilkort-dagens-ord-grid: #FFFFFF0D;
  --mg-spilkort-dagens-ord-focus: #7FB2FF;
  --mg-spilkort-dagens-ord-shadow: 0 3px 0 #0A0F1E;
  --mg-spilkort-dagens-ord-shadow-hover: 0 5px 0 #0A0F1E, 0 14px 26px -18px #000000B3;
  --mg-spilkort-timeguessr-bg: #211C15;
  --mg-spilkort-timeguessr-ink: #F1E9D8;
  --mg-spilkort-timeguessr-muted: #C4B79D;
  --mg-spilkort-timeguessr-edge: #3D3428;
  --mg-spilkort-timeguessr-frame: #EAE2D0;
  --mg-spilkort-timeguessr-stamp: #FF8B7E;
  --mg-spilkort-timeguessr-on-stamp: #211C15;
  --mg-spilkort-timeguessr-gold: #D9B46A;
  --mg-spilkort-timeguessr-chip-ink: #3F3A31;
  --mg-spilkort-timeguessr-lines: #C4B79D1F;
  --mg-spilkort-timeguessr-focus: #8DB4FF;
  --mg-spilkort-timeguessr-shadow: 0 1px 0 #3D3428, 0 16px 30px -22px #000000B3;
  --mg-spilkort-timeguessr-shadow-hover: 0 1px 0 #3D3428, 0 22px 36px -20px #000000CC;
  --mg-spilkort-timeguessr-photo-shadow: 0 1px 2px #00000080, 0 10px 18px -10px #000000B3;
  --mg-spilkort-skribbl-bg: #171C30;
  --mg-spilkort-skribbl-ink: #EEF2FA;
  --mg-spilkort-skribbl-muted: #B4BDD3;
  --mg-spilkort-skribbl-stroke: #04070F;
  --mg-spilkort-skribbl-paper: #FFFAF0;
  --mg-spilkort-skribbl-sun: #FFD23F;
  --mg-spilkort-skribbl-sun-ink: #141D3A;
  --mg-spilkort-skribbl-sun-tint: #33260C;
  --mg-spilkort-skribbl-sun-tint-ink: #FFE08A;
  --mg-spilkort-skribbl-c0: #8DB4FF;
  --mg-spilkort-skribbl-c1: #FF8A8E;
  --mg-spilkort-skribbl-c2: #FFD23F;
  --mg-spilkort-skribbl-c3: #5FD89B;
  --mg-spilkort-skribbl-c4: #B9A4FF;
  --mg-spilkort-skribbl-doodle: #EEF2FA0D;
  --mg-spilkort-skribbl-focus: #8DB4FF;
  --mg-spilkort-skribbl-shadow: 0 3px 0 #04070F, 0 0 0 1px #FFFFFF1F;
  --mg-spilkort-skribbl-shadow-hover: 0 6px 0 #04070F, 0 0 0 1px #FFFFFF2E;
  --mg-spilkort-ordspil-felt: #143F2F;
  --mg-spilkort-ordspil-felt-deep: #0D2B20;
  --mg-spilkort-ordspil-felt-line: #FFFFFF0D;
  --mg-spilkort-ordspil-ink: #FFF6E3;
  --mg-spilkort-ordspil-muted: #BFD5C7;
  --mg-spilkort-ordspil-wood: #C99A52;
  --mg-spilkort-ordspil-wood-hi: #DDB574;
  --mg-spilkort-ordspil-wood-edge: #6E4A1A;
  --mg-spilkort-ordspil-wood-ink: #141D3A;
  --mg-spilkort-ordspil-gold: #FFD23F;
  --mg-spilkort-ordspil-focus: #FFD23F;
  --mg-spilkort-ordspil-shadow: inset 0 0 0 1px #6E4A1A, 0 3px 0 #6E4A1A, 0 12px 24px -14px #000000CC;
  --mg-spilkort-ordspil-shadow-hover: inset 0 0 0 1px #6E4A1A, 0 5px 0 #6E4A1A, 0 18px 30px -14px #000000E6;
  --mg-spilkort-lykkehjul-bg: #231A0B;
  --mg-spilkort-lykkehjul-ink: #FFF1D6;
  --mg-spilkort-lykkehjul-muted: #D9BF8E;
  --mg-spilkort-lykkehjul-edge: #4A3716;
  --mg-spilkort-lykkehjul-focus: #FFC764;
  --mg-spilkort-lykkehjul-accent: #FFB84A;
  --mg-spilkort-lykkehjul-shadow: 0 1px 2px #0000004D, 0 6px 16px #00000066;
  --mg-spilkort-lykkehjul-shadow-hover: 0 2px 4px #00000066, 0 12px 24px #00000080;
  --mg-spilkort-mystery-bg: #1B1530;
  --mg-spilkort-mystery-ink: #EEE9FF;
  --mg-spilkort-mystery-muted: #C2B8E6;
  --mg-spilkort-mystery-edge: #3A2F66;
  --mg-spilkort-mystery-focus: #B9A2FF;
  --mg-spilkort-mystery-accent: #B9A2FF;
  --mg-spilkort-mystery-shadow: 0 1px 2px #0000004D, 0 6px 16px #00000066;
  --mg-spilkort-mystery-shadow-hover: 0 2px 4px #00000066, 0 12px 24px #00000080;
  --mg-spilkort-skrab-bg: #102019;
  --mg-spilkort-skrab-ink: #E4F5EA;
  --mg-spilkort-skrab-muted: #A9CDB8;
  --mg-spilkort-skrab-edge: #25463A;
  --mg-spilkort-skrab-focus: #7FE0A8;
  --mg-spilkort-skrab-accent: #7FE0A8;
  --mg-spilkort-skrab-shadow: 0 1px 2px #0000004D, 0 6px 16px #00000066;
  --mg-spilkort-skrab-shadow-hover: 0 2px 4px #00000066, 0 12px 24px #00000080;
  --mg-spilkort-tombola-bg: #2A1215;
  --mg-spilkort-tombola-ink: #FFE6E8;
  --mg-spilkort-tombola-muted: #E8B3B8;
  --mg-spilkort-tombola-edge: #53262B;
  --mg-spilkort-tombola-focus: #FF9AA3;
  --mg-spilkort-tombola-accent: #FF9AA3;
  --mg-spilkort-tombola-shadow: 0 1px 2px #0000004D, 0 6px 16px #00000066;
  --mg-spilkort-tombola-shadow-hover: 0 2px 4px #00000066, 0 12px 24px #00000080;
  --mg-spilkort-sparegris-bg: #0F2028;
  --mg-spilkort-sparegris-ink: #DFF3FA;
  --mg-spilkort-sparegris-muted: #9FC6D6;
  --mg-spilkort-sparegris-edge: #23424F;
  --mg-spilkort-sparegris-focus: #6FD3F2;
  --mg-spilkort-sparegris-accent: #6FD3F2;
  --mg-spilkort-sparegris-shadow: 0 1px 2px #0000004D, 0 6px 16px #00000066;
  --mg-spilkort-sparegris-shadow-hover: 0 2px 4px #00000066, 0 12px 24px #00000080;
  --mg-mt-bg: var(--mg-canvas);
  --mg-mt-raised: var(--mg-raised);
  --mg-mt-sunk: var(--mg-sunken);
  --mg-mt-ink: var(--mg-ink);
  --mg-mt-ink-2: var(--mg-ink-2);
  --mg-mt-rule: var(--mg-rule);
  --mg-mt-rule-2: var(--mg-rule-strong);
  --mg-mt-reached: var(--mg-ok);
  --mg-mt-next: var(--mg-blue);
  --mg-mt-gold: var(--mg-warn);
  --mg-mt-heat: var(--mg-alarm);
  --mg-mt-board: var(--mg-navy);
  --mg-mt-board-ink: var(--mg-on-navy);
  --mg-mt-board-ink-2: var(--mg-on-navy-2);
  --mg-mt-board-hi: var(--mg-navy-hi);
  --mg-mt-depth: var(--mg-scrim);
  --mg-mt-light: var(--mg-on-navy);
  --mg-fx-gold: var(--mg-warn);
  --mg-fx-ok: var(--mg-ok);
  --mg-fx-blue: var(--mg-blue);
  --mg-fx-heat: var(--mg-alarm);
  --mg-fx-light: var(--mg-on-navy);
}
@supports not (width: 1cqi) {
  :root {
    --mg-tv-label: clamp(16px, 1.4vw, 26px);
    --mg-tv-body: clamp(24px, 2.2vw, 42px);
    --mg-tv-num: clamp(32px, 3vw, 60px);
    --mg-tv-display: clamp(110px, 12vw, 240px);
  }
}