:root{--ground: #2d1b69;--surface: #3d2a85;--surface-sunk: #241356;--ink: #f7f3ff;--ink-soft: #bda9e8;--ink-faint: #9683c4;--rule: #4a3390;--accent: #ffc93c;--accent-ink: #2a1600;--accent-wash: #3a2472;--correct: #0b9d5e;--wrong: #c4173a;--option-1: #e01b41;--option-1-ink: #ffffff;--option-2: #1567d3;--option-2-ink: #ffffff;--option-3: #ffb627;--option-3-ink: #3a2600;--option-4: #16c97d;--option-4-ink: #06301f;--radius: 14px;--radius-lg: 20px;--lift: 4px;--display-font: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--body-font: "Nunito Sans", system-ui, -apple-system, sans-serif;--step--1: .8125rem;--step-0: 1.0625rem;--step-1: 1.25rem;--step-2: 1.5rem;--step-3: 2rem;--step-4: 2.75rem}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--body-font);font-size:var(--step-0);line-height:1.55;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1,h2,h3,button,.mono,.eyebrow{font-family:var(--display-font)}.screen{max-width:34rem;min-height:100dvh;margin:0 auto;padding-block:1.5rem 2rem;padding-inline:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.topbar{max-width:34rem;margin:0 auto;padding:1.5rem 1.25rem 0;display:flex;justify-content:flex-end}.screen>.card:has(.choices){flex:1}.card:not(:has(.media-stack)):not(:has(.choice .media-image)) .choices{margin-top:auto}.eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0}h1{font-size:var(--step-3);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:0;text-wrap:balance}h2{font-size:var(--step-1);font-weight:600;margin:0;text-wrap:balance}p{margin:0}button,input,textarea{font:inherit;color:inherit}:where(button,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{appearance:none;border:none;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius-lg);padding:1rem 1.25rem;font-size:var(--step-1);font-weight:700;cursor:pointer;box-shadow:0 var(--lift) 0 color-mix(in srgb,var(--accent) 70%,#000);transition:transform .12s ease,box-shadow .12s ease}.btn:hover:not(:disabled){transform:translateY(calc(var(--lift) / 2));box-shadow:0 calc(var(--lift) / 2) 0 color-mix(in srgb,var(--accent) 70%,#000)}.btn:active:not(:disabled){transform:translateY(var(--lift));box-shadow:none}.btn:disabled{background:var(--surface);border-color:var(--rule);color:var(--ink-faint);box-shadow:none;cursor:not-allowed}.field{width:100%;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:.85rem 1rem}.code-field{font-family:var(--display-font);font-size:var(--step-2);letter-spacing:.2em;text-align:center;text-transform:uppercase}.card h2,.card>p:first-of-type{font-family:var(--display-font);font-size:var(--step-2);font-weight:600;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.choices{display:flex;flex-direction:column;gap:.6rem}.choices:has(.tinted:nth-child(3)){display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.choice{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:.9rem 1rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}.choice:hover{border-color:var(--accent)}.choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-wash)}.choice-mark{font-family:var(--display-font);font-size:var(--step--1);font-weight:600;color:var(--ink-faint);min-width:1.25rem}.choice.tinted{background:var(--tile);color:var(--tile-ink);border-color:transparent;border-radius:var(--radius-lg);padding:1rem;min-height:3.75rem;font-weight:600;box-shadow:0 var(--lift) 0 color-mix(in srgb,var(--tile) 72%,#000);transition:transform .12s ease,box-shadow .12s ease}.choice.tinted[data-opt="0"]{--tile: var(--option-1);--tile-ink: var(--option-1-ink)}.choice.tinted[data-opt="1"]{--tile: var(--option-2);--tile-ink: var(--option-2-ink)}.choice.tinted[data-opt="2"]{--tile: var(--option-3);--tile-ink: var(--option-3-ink)}.choice.tinted[data-opt="3"]{--tile: var(--option-4);--tile-ink: var(--option-4-ink)}.choice.tinted:hover{border-color:transparent;transform:translateY(calc(var(--lift) / 2));box-shadow:0 calc(var(--lift) / 2) 0 color-mix(in srgb,var(--tile) 72%,#000)}.choice.tinted[aria-pressed=true]{background:var(--tile);outline:3px solid var(--ink);outline-offset:2px;transform:translateY(var(--lift));box-shadow:none}.choice.tinted .choice-mark{color:var(--tile-ink);opacity:.85}@media(prefers-reduced-motion:reduce){.choice.tinted,.choice.tinted:hover{transition:none;transform:none}}.timer{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.timer-value{font-family:var(--display-font);font-variant-numeric:tabular-nums;font-size:var(--step-1);font-weight:600}.timer-track{height:3px;background:var(--rule);overflow:hidden}.timer-fill{height:100%;background:var(--accent);transition:width 1s linear}.timer-fill.low{background:var(--wrong)}.stat{display:flex;flex-direction:column;gap:.15rem}.stat-value{font-family:var(--display-font);font-size:var(--step-4);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.stat-label{font-size:var(--step--1);color:var(--ink-soft)}.board{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:var(--step--1)}.board th{text-align:left;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);padding:0 .5rem .5rem;border-bottom:1px solid var(--rule)}.board td{padding:.55rem .5rem;border-bottom:1px solid var(--rule);color:var(--ink-soft)}.board tr.me td{color:var(--ink);background:var(--accent-wash);font-weight:600}.board .num{text-align:right}.reveal-in{animation:rise .42s cubic-bezier(.2,.7,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.muted{color:var(--ink-soft)}.error{color:var(--wrong);font-size:var(--step--1)}.screen.join{justify-content:center;gap:1rem}.screen.join h1{font-size:var(--step-4)}.join .code-field{border:2px dashed var(--rule);background:var(--surface-sunk);font-size:var(--step-4);font-weight:700;letter-spacing:.14em;font-variant-numeric:tabular-nums;padding:1.1rem .75rem;border-radius:var(--radius-lg)}.join .code-field:focus{border-style:solid;border-color:var(--accent)}.screen.locked{justify-content:center;text-align:center;align-items:center;gap:.85rem}.seal{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--surface),var(--surface-sunk));border:2px solid var(--accent);animation:seal-pulse 3.2s ease-in-out infinite}@keyframes seal-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 32%,transparent)}50%{box-shadow:0 0 0 14px color-mix(in srgb,var(--accent) 0%,transparent)}}.countdown{font-family:var(--display-font);font-weight:700;font-size:var(--step-4);line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}.pct{font-family:var(--display-font);font-weight:700;font-size:clamp(4rem,22vw,6rem);line-height:.95;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.reveal-hero{text-align:center;background:linear-gradient(160deg,var(--surface),var(--surface-sunk));border:1px solid var(--accent);border-radius:var(--radius-lg);padding:1.4rem 1rem;display:flex;flex-direction:column;gap:.1rem}.reveal-hero .cap{font-size:var(--step--1);color:var(--ink-soft);letter-spacing:.04em}.stat-value{font-family:var(--display-font);font-size:var(--step-3);font-weight:700;line-height:1}table .me td{background:var(--accent-wash);border-block:1px solid var(--accent);font-weight:700}table .me td:first-child{border-left:1px solid var(--accent);border-radius:var(--radius) 0 0 var(--radius)}table .me td:last-child{border-right:1px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0}.media-stack{display:flex;flex-direction:column;gap:.6rem}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.media-image{width:100%;max-height:34vh;object-fit:contain;border-radius:var(--radius);background:var(--surface-sunk);display:block}.media-grid .media-image{aspect-ratio:4 / 3;max-height:none;object-fit:cover}.media-audio{width:100%;height:40px}.media-embed{position:relative;aspect-ratio:16 / 9;width:100%;border-radius:var(--radius);overflow:hidden;background:var(--surface-sunk)}.media-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.choice.tinted:has(.media-image){flex-direction:column;align-items:center;text-align:center;gap:.4rem;padding:.7rem .5rem;position:relative}.choice.tinted .media-image{width:100%;max-width:7rem;aspect-ratio:1;object-fit:cover;border-radius:calc(var(--radius) - 4px)}.choice.tinted:has(.media-image) .choice-mark{position:absolute;top:.4rem;left:.55rem;min-width:0;opacity:.75}.choice.tinted{min-width:0}.choice.tinted>span{min-width:0;overflow-wrap:anywhere}.quiz-name{font-family:var(--display-font);font-size:var(--step-0);font-weight:600;color:var(--ink-soft);margin:0;text-wrap:balance}.progress{height:6px;border-radius:99px;background:var(--surface-sunk);overflow:hidden}.progress i{display:block;height:100%;border-radius:99px;background:var(--accent);transition:width .26s ease}@media(prefers-reduced-motion:reduce){.progress i{transition:none}}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;background:var(--surface-sunk);outline-offset:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);cursor:pointer;box-shadow:0 2px color-mix(in srgb,var(--accent) 70%,#000)}input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--accent);border:3px solid var(--surface);cursor:pointer}input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:var(--surface-sunk)}.yours{max-width:34rem;margin:0 auto;padding:0 1.25rem 3rem;display:flex;flex-direction:column;gap:.5rem}.yours-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;text-align:left;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:.8rem 1rem;cursor:pointer}.yours-row:hover{border-color:var(--accent)}.yours-title{font-family:var(--display-font);font-weight:600;min-width:0;overflow-wrap:anywhere}.yours-status{font-size:var(--step--1);white-space:nowrap;flex:0 0 auto}.yours-done{color:var(--accent);font-weight:700}.yours-locked{color:var(--ink-soft)}.yours-open{color:var(--correct)}.row-danger{flex:0 0 auto;background:none;border:1px solid var(--rule);border-radius:var(--radius);color:var(--ink-faint);font-size:var(--step--1);padding:.35rem .7rem;cursor:pointer}.row-danger:hover{border-color:var(--wrong);color:var(--wrong)}.templates{display:flex;flex-direction:column;gap:.5rem}.templates .choice{justify-content:space-between;align-items:flex-start}.templates .choice .preview-banner{font-family:var(--display-font);font-size:var(--step--1);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);border-radius:99px;padding:.3rem .8rem;align-self:flex-start;margin:0}.templates .choice .import-problems{background:var(--surface);border:1px solid var(--wrong);border-radius:var(--radius);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.4rem}.templates .choice .import-problems ul{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem;font-size:var(--step--1);color:var(--ink-soft)}.templates .choice .import-problems strong{color:var(--ink);font-variant-numeric:tabular-nums}.templates .choice .screen>section{display:flex;flex-direction:column;gap:.6rem}.templates .choice .card .stat+.stat{border-left:1px solid var(--rule);padding-left:1rem}.templates .choice .q-card{background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.7rem}.templates .choice .q-card+.q-card{margin-top:.85rem}.templates .choice .q-card .field,.templates .choice .q-card select,.templates .choice .q-card textarea{background:var(--surface-sunk);border:1px solid var(--rule);border-radius:var(--radius);padding:.6rem .75rem;width:100%}.templates .choice .q-card textarea{min-height:4.5rem;resize:vertical;font-family:var(--body-font)}.templates .choice select{background:var(--surface-sunk);border:1px solid var(--rule);border-radius:var(--radius);color:var(--ink);padding:.6rem .75rem;width:100%;font:inherit}.templates .choice .screen .eyebrow+.card,.templates .choice .screen .eyebrow+section{margin-top:.15rem}.templates .choice .editor-actions{position:sticky;bottom:0;display:flex;gap:.6rem;flex-wrap:wrap;padding:.85rem 0;background:linear-gradient(to top,var(--ground) 72%,transparent)}.templates .choice .card .stat-value,.templates .choice table .num{font-variant-numeric:tabular-nums}.templates .choice .link-btn{background:none;border:0;padding:.2rem .35rem;color:var(--accent);font:inherit;font-size:var(--step--1);cursor:pointer;border-radius:var(--radius);text-decoration:underline;text-underline-offset:.2em}.templates .choice .link-btn:hover:not(:disabled){background:color-mix(in oklab,var(--accent) 14%,transparent)}.templates .choice .link-btn:disabled{opacity:.5;cursor:default}.templates .choice .legal-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;justify-content:center;margin:2.5rem auto 1rem;padding-block:1rem;border-top:1px solid color-mix(in oklab,var(--ink) 12%,transparent);max-width:32rem;font-size:var(--step--1)}.templates .choice .legal h2{font-size:var(--step-1);margin:1.75rem 0 .5rem}.templates .choice .legal p,.templates .choice .legal li{line-height:1.65;max-width:38rem}.templates .choice .legal ul{padding-left:1.2rem}.templates .choice .legal li{margin:.35rem 0}.templates .choice .legal .summary ul{margin:.5rem 0 0}.templates .choice .legal .summary ul .find-quiz{max-width:32rem;margin:2rem auto 0;padding-block:1rem;border-top:1px solid color-mix(in oklab,var(--ink) 12%,transparent)}.templates .choice .legal .summary ul .find-row{display:flex;gap:.5rem;align-items:stretch}.templates .choice .legal .summary ul .find-row .field{flex:1;min-width:0}.templates .choice .legal .summary ul .find-row .btn{width:auto;flex-shrink:0;padding-inline:1rem}.templates .choice .legal .summary ul .found{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.5rem}