/* Score-Sheet */
@font-face { font-family: 'Heavitas'; src: url('../uploads/HEAVITAS.TTF') format('truetype'); font-weight: 400; font-display: swap; }
@keyframes qm-fall { 0% { transform: translateY(0) rotate(0deg); } 100% { transform: translateY(150vh) rotate(760deg); } }
@font-face { font-family: 'DSEG7'; src: url('https://cdn.jsdelivr.net/npm/dseg@0.46.0/fonts/DSEG7-Classic/DSEG7Classic-Bold.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'DSEG14'; src: url('https://cdn.jsdelivr.net/npm/dseg@0.46.0/fonts/DSEG14-Classic/DSEG14Classic-Bold.woff2') format('woff2'); font-display: swap; }
@layer qmbase{
:root { --ink: #0A0A0A; --paper: #FFFFFF; --yellow: #F8EC27; --grey: #8C8C86; --sans: 'Helvetica Neue', Helvetica, Arial, sans-serif; --display: 'Heavitas', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
:is([style*="var(--display)"],.qscx) { font-weight: 400 !important; font-synthesis: none; }
body { margin: 0; font-family: var(--sans); background: #0A0A0A; }
a { color: #0A0A0A; text-decoration: none; }
a:hover { color: #6B6410; }
button, select, input { font-family: inherit; }
* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
[data-qm-sheet] { break-inside: avoid; }
input[data-qm-range] { -webkit-appearance: none; appearance: none; height: 6px; border-radius: 999px; outline: none; cursor: pointer; }
input[data-qm-range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #F8EC27; border: 3px solid #0A0A0A; box-shadow: 0 0 0 1px rgba(248,236,39,0.6); }
input[data-qm-range]::-moz-range-thumb { width: 16px; height: 16px; border-radius: 50%; background: #F8EC27; border: 3px solid #0A0A0A; }
[data-qm-quiz] { break-before: page; }
@media screen {
    [data-qm-paper][data-qm-multi] { background: transparent !important; box-shadow: none !important; padding: 0 !important; }
    [data-qm-multi] [data-qm-quiz] { background: #FFFFFF; padding: 0.5in 0.5in 0.85in; min-height: 11in; box-sizing: border-box; box-shadow: 0 20px 60px rgba(0,0,0,0.4); }
    [data-qm-multi] [data-qm-quiz] + [data-qm-quiz] { margin-top: 0.5in; }
  }
@media print {
    @page { size: letter; margin: 0; }
    html, body, #dc-root, #dc-root > div, #dc-root div:is([style*="min-height: 100vh"],.qsex), [data-qm-printroot] { background: #FFFFFF !important; }
    :is([style*="var(--display)"],.qscx) { font-family: 'Heavitas', 'Arial Black', 'Helvetica Neue', Arial, sans-serif !important; visibility: visible !important; }
    [data-qm-paper] { width: auto !important; overflow: visible !important; }
    [data-qm-noprint], header, footer { display: none !important; }
    [data-qm-printroot] { padding: 0 !important; }
    [data-qm-paper] { box-shadow: none !important; padding: 0.5in !important; max-width: none !important; background: #FFFFFF !important; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
    [data-qm-paper][data-qm-multi] { padding: 0 !important; }
    [data-qm-multi] [data-qm-quiz] { padding: 0.5in 0.5in 0.85in !important; background: #FFFFFF !important; box-sizing: border-box; height: 11in; overflow: hidden; }

  }
}
.qo2{max-width: 1280px;margin: 0 auto;padding: 36px 40px 80px}
.qo3{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 16px}
.qo4{margin: 14px 0 0;font-family: var(--display);font-weight: 400;font-size: clamp(34px, 5vw, 50px);line-height: 0.98;text-transform: uppercase;color: var(--paper)}
.qo5{margin: 0;font-size: 12px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(250,250,247,0.55)}
.qo6{display: flex;align-items: center;gap: 9px;border: 0;background: transparent;padding: 0;cursor: pointer}
.qo7{border: 0;border-radius: 999px;background: #7A2BD9;padding: 11px 18px;font-size: 12px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;cursor: pointer;color: #FFFFFF}
.qo8{border: 2px solid var(--yellow);border-radius: 999px;background: transparent;padding: 9px 16px;font-size: 12px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;cursor: pointer;color: var(--yellow)}
.qo9{border: 2px solid rgba(250,250,247,0.24);border-radius: 999px;background: transparent;padding: 9px 16px;font-size: 12px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;cursor: pointer;color: rgba(250,250,247,0.8)}
.qoa{margin-top: 26px;border-radius: 26px;background: #0E0E0C;border: 1px solid rgba(250,250,247,0.12);padding: 28px}
.qob{display: flex;justify-content: space-between;align-items: center;gap: 12px}
.qoc{height: 26px;width: auto;display: block;filter: invert(1)}
.qoe{margin: 0;font-family: var(--display);font-weight: 400;font-size: 28px;line-height: 1;text-transform: uppercase;color: var(--yellow)}
.qof{margin: 0;font-size: 13px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(250,250,247,0.5)}
.qog{margin-top: 20px;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 48px}
.qoh{position: relative;container-type: inline-size;padding: 4px 0 6px;text-align: center;color: #F8EC27}
.qoi{position: relative;margin: 22px auto 0;width: fit-content;max-width: 100%;box-sizing: border-box;background: transparent;padding: 0;box-shadow: inset 0 0 0 3px rgba(250,250,247,0.08)}
.qoj{margin: 0;font-family: 'DSEG7', monospace;font-size: 34cqi;line-height: 1;letter-spacing: 0;color: rgba(248,236,39,0.07)}
.qok{position: absolute;left: 0;right: 0;top: 0;text-align: center;margin: 0;font-family: 'DSEG7', monospace;font-size: 34cqi;line-height: 1;letter-spacing: 0;color: #F8EC27;text-shadow: 0 0 14px rgba(248,236,39,0.55)}
.qol{margin-top: 30px;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px}
.qom{font-size: clamp(11px, 1.3vw, 14px);font-weight: 700;line-height: 1.1;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.qon{font-size: clamp(9px, 1vw, 11px);font-weight: 700;white-space: nowrap;opacity: 0.9}
.qoo{margin-top: 16px;display: flex;flex-direction: column;gap: 12px}
.qop{border-radius: 20px;background: #1C1C18;border: 2px solid var(--yellow);padding: 16px 18px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px}
.qoq{border: 0;border-radius: 999px;background: #3FB27A;padding: 12px 24px;font-size: 13px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;cursor: pointer;color: #FFFFFF}
.qor{border: 0;border-radius: 999px;background: #C8483F;padding: 12px 24px;font-size: 13px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;cursor: pointer;color: #FFFFFF}
.qos{border: 2px solid rgba(250,250,247,0.25);border-radius: 999px;background: transparent;padding: 10px 16px;font-size: 12px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;cursor: pointer;color: rgba(250,250,247,0.75)}
.qot{margin-top: 24px;display: flex;flex-direction: column;gap: 18px}
.qou{border-radius: 20px;background: rgba(250,250,247,0.05);border: 1px solid rgba(250,250,247,0.12);padding: 18px}
.qov{margin: 0;font-family: var(--display);font-weight: 400;font-size: 18px;line-height: 1;text-transform: uppercase;color: var(--paper)}
.qow{margin: 8px 0 0;font-size: 13px;line-height: 1.4;color: rgba(250,250,247,0.5)}
.qox{margin-top: 12px;display: flex;flex-wrap: wrap;gap: 6px;max-height: 180px;overflow-y: auto}
.qoy{margin-top: 12px;display: flex;gap: 6px}
.qoz{flex: 1;min-width: 0;box-sizing: border-box;border: 2px solid rgba(250,250,247,0.2);border-radius: 999px;background: rgba(250,250,247,0.05);padding: 9px 14px;font-size: 14px;color: var(--paper)}
.qs0x{border: 0;border-radius: 999px;background: var(--yellow);padding: 9px 14px;font-size: 12px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;cursor: pointer;color: var(--ink)}
.qs1x{display: flex;flex-direction: column;gap: 16px;min-width: 0}
.qs2x{border-radius: 20px;background: var(--yellow);padding: 16px 20px;color: var(--ink);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px}
.qs3x{margin: 0;font-family: var(--display);font-weight: 400;font-size: 26px;line-height: 1;text-transform: uppercase}
.qs4x{margin: 6px 0 0;font-size: 14px;font-weight: 700}
.qs5x{width: 100%;display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));gap: 14px}
.qs6x{flex: 1;min-width: 0;display: flex;align-items: center;gap: 8px}
.qs7x{margin: 0;min-width: 0;font-family: var(--display);font-weight: 400;font-size: 16px;line-height: 1.05;text-transform: uppercase}
.qs8x{margin: 0;font-family: var(--display);font-weight: 400;font-size: 30px;line-height: 1;font-variant-numeric: tabular-nums}
.qs9x{padding: 14px}
.qsax{width: 100%;box-sizing: border-box;border: 2px solid rgba(250,250,247,0.2);border-radius: 999px;background: rgba(250,250,247,0.05);padding: 9px 12px;font-size: 13px;color: var(--paper)}
.qsbx{font-size: 9px;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;white-space: nowrap;opacity: 0.7}
.qscx{font-size: 12px;font-weight: 700;line-height: 1.15;overflow-wrap: normal;hyphens: none}
.qsdx{font-size: 10px;font-weight: 700}
.qsex{margin: 0;font-size: 12px;font-weight: 700;color: var(--yellow)}
.qsfx{flex: none;border: 0;border-radius: 999px;background: var(--yellow);padding: 6px 12px;font-size: 11px;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;cursor: pointer;color: var(--ink)}
.qsgx{margin-top: 10px;width: 100%;border: 2px solid rgba(250,250,247,0.2);border-radius: 999px;background: transparent;padding: 8px 12px;font-size: 11px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;cursor: pointer;color: rgba(250,250,247,0.75)}
.qshx{border: 0;border-radius: 999px;background: #8B3FE8;padding: 15px 30px;font-size: 14px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;cursor: pointer;color: #FFFFFF}
.qsix{border-radius: 20px;background: var(--yellow);padding: 18px 22px;color: var(--ink)}
.qsjx{margin: 0;font-family: var(--display);font-weight: 400;font-size: 24px;line-height: 1;text-transform: uppercase}
.qskx{margin: 8px 0 0;font-size: 15px;font-weight: 700}
.qslx{border-radius: 20px;background: rgba(250,250,247,0.04);border: 1px solid rgba(250,250,247,0.1);padding: 14px 16px}
.qsmx{margin: 0 0 8px;font-size: 12px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(250,250,247,0.5)}
.qsnx{font-size: 14px;font-weight: 700;color: var(--paper)}
.qsox{display: flex;flex-wrap: wrap;gap: 5px;margin-top: 4px}
.qspx{padding: 3px 9px;border-radius: 999px;background: rgba(248,236,39,0.16);font-size: 11px;font-weight: 700;color: var(--yellow)}
.qsqx{position: absolute;inset: 0;pointer-events: none}
.qsrx{position: relative;text-align: center;max-width: 760px}
.qssx{margin: 0;font-size: 14px;font-weight: 700;letter-spacing: 0.2em;text-transform: uppercase;opacity: 0.75}
.qstx{margin: 18px 0 0;font-family: var(--display);font-weight: 400;font-size: clamp(40px, 8vw, 96px);line-height: 0.92;text-transform: uppercase}
.qsux{margin: 18px 0 0;font-family: var(--display);font-weight: 400;font-size: clamp(48px, 9vw, 120px);line-height: 0.9}
.qsvx{margin: 18px 0 0;font-size: 20px;font-weight: 700}
.qswx{margin-top: 32px;border: 0;border-radius: 999px;background: #0A0A0A;padding: 15px 30px;font-size: 14px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;cursor: pointer;color: #F8EC27}
.qsxx{position: relative;width: 100%;max-width: 560px;border-radius: 24px;background: #0A0A0A;padding: 26px;color: #FAFAF7}
.qsyx{margin: 0;font-family: var(--display);font-weight: 400;font-size: 26px;line-height: 1;text-transform: uppercase;color: #F8EC27}
.qszx{display: grid;grid-template-columns: 44px 1fr auto;gap: 12px;align-items: center;border-radius: 14px;background: rgba(250,250,247,0.06);padding: 10px 12px}
.qq0{margin: 0;font-size: 17px;font-weight: 700}
.qq1{margin: 3px 0 0;font-size: 12px;color: rgba(250,250,247,0.55)}
.qq2{margin: 0;font-family: var(--display);font-weight: 400;font-size: 24px;color: #F8EC27}
.qq3{border: 0;border-radius: 999px;background: #8B3FE8;padding: 13px 22px;font-size: 13px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;cursor: pointer;color: #FFFFFF}
.qq4{border: 2px solid rgba(250,250,247,0.3);border-radius: 999px;background: transparent;padding: 11px 20px;font-size: 13px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;cursor: pointer;color: #FAFAF7}
.qq5{max-width: 1280px;margin: 0 auto;padding: 0 40px 80px}
.qq6{padding: 5px 11px;border-radius: 999px;background: rgba(250,250,247,0.08);font-size: 12px;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: rgba(250,250,247,0.65)}
.qq7{flex: 1;height: 3px;min-width: 40px;background: rgba(250,250,247,0.14)}
.qq8{margin: 0;font-size: 14px;color: #7BE0A6}
.qq9{margin-top: 16px;border-radius: 20px;background: rgba(250,250,247,0.04);border: 1px solid rgba(250,250,247,0.12);padding: 18px}
.qqa{margin: 0 0 10px;font-size: 12px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(250,250,247,0.55)}
.qqb{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 12px;margin-bottom: 22px}
.qqc{border-radius: 16px;background: rgba(250,250,247,0.05);border-top: 4px solid var(--yellow);padding: 12px 14px}
.qqd{margin: 0 0 6px;font-family: var(--display);font-weight: 400;font-size: 15px;line-height: 1;text-transform: uppercase;color: var(--paper)}
.qqe{display: grid;grid-template-columns: 22px 1fr auto;gap: 8px;align-items: baseline;padding: 5px 0;border-top: 1px solid rgba(250,250,247,0.08);font-size: 13px}
.qqf{font-weight: 700;color: var(--paper)}
.qqg{font-family: var(--display);font-weight: 400;font-size: 14px;color: var(--yellow)}
.qqh{margin: 0 0 8px;font-size: 12px;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: rgba(250,250,247,0.55)}
.qqi{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 10px}
.qqk{min-width: 680px}
.qql{display: grid;grid-template-columns: 1.4fr repeat(5, 70px) 90px 90px;justify-items: center;gap: 10px;padding: 0 0 8px;border-bottom: 2px solid var(--yellow);font-size: 11px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: rgba(250,250,247,0.55)}
.qqm{justify-self: start}
.qqn{display: grid;grid-template-columns: 1.4fr repeat(5, 70px) 90px 90px;justify-items: center;gap: 10px;align-items: center;padding: 9px 0;border-bottom: 1px solid rgba(250,250,247,0.08);font-size: 14px;color: var(--paper)}
.qqo{justify-self: start;font-weight: 700}
.qqp{font-weight: 700;color: var(--yellow)}
.qqq{padding: 3px 9px;border-radius: 999px;background: rgba(63,178,122,0.2);font-size: 11px;font-weight: 700;color: #7BE0A6}
.qqr{padding: 3px 9px;border-radius: 999px;background: rgba(200,72,63,0.2);font-size: 11px;font-weight: 700;color: #FF8A80}

@media (min-width: 960px){
  .qot{display: grid;grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);align-items: start;gap: 22px}
  .qot > :only-child{grid-column: 1 / -1}
}

.qsneed{margin: 8px 0 10px;border-radius: 12px;background: rgba(226,87,76,0.16);border: 1px solid #E2574C;padding: 10px 12px;font-size: 14px;font-weight: 700;line-height: 1.4;color: #FFB4AC}
