@layer components{.play-theme-root{--play-canvas: oklch(98% .018 292);--play-canvas-strong: oklch(91% .06 292);--play-canvas-gradient: radial-gradient(circle at top left, color-mix(in oklab, oklch(70% .18 292), transparent 78%), transparent 34rem), radial-gradient(circle at bottom right, color-mix(in oklab, oklch(73% .15 190), transparent 84%), transparent 32rem), linear-gradient(145deg, oklch(98% .018 292), oklch(96% .028 246));--play-surface: oklch(100% 0 0);--play-surface-raised: oklch(99% .01 292);--play-surface-glass: color-mix(in oklab, var(--play-surface), transparent 14%);--play-border: oklch(88% .035 286);--play-text: oklch(21% .035 281);--play-text-muted: oklch(47% .04 275);--play-text-inverse: oklch(100% 0 0);--play-action-primary: oklch(38% .125 153);--play-action-primary-hover: oklch(34% .13 153);--play-action-primary-active: oklch(30% .12 153);--play-action-primary-text: oklch(100% 0 0);--play-action-secondary: oklch(46% .22 292);--play-action-secondary-hover: oklch(41% .22 292);--play-action-secondary-active: oklch(35% .2 292);--play-action-secondary-text: oklch(100% 0 0);--play-action-danger: oklch(45% .18 27);--play-action-danger-hover: oklch(39% .17 27);--play-action-danger-text: oklch(100% 0 0);--play-success: oklch(39% .13 153);--play-success-soft: color-mix(in oklab, var(--play-success), var(--play-surface) 84%);--play-success-text: oklch(30% .105 153);--play-error: oklch(47% .19 27);--play-error-soft: color-mix(in oklab, var(--play-error), var(--play-surface) 86%);--play-error-text: oklch(37% .16 27);--play-warning: oklch(60% .145 71);--play-warning-soft: color-mix(in oklab, var(--play-warning), var(--play-surface) 82%);--play-warning-text: oklch(29% .08 67);--play-info: oklch(47% .16 252);--play-info-soft: color-mix(in oklab, var(--play-info), var(--play-surface) 86%);--play-focus: oklch(55% .22 292);--play-answer-a: var(--question-choice-a);--play-answer-a-hover: var(--question-choice-a-hover);--play-answer-a-muted: color-mix(in oklab, var(--play-answer-a), var(--play-surface) 56%);--play-answer-a-text: var(--question-choice-a-text);--play-answer-a-muted-text: var(--play-text);--play-answer-a-ring: var(--question-choice-a-ring);--play-answer-b: var(--question-choice-b);--play-answer-b-hover: var(--question-choice-b-hover);--play-answer-b-muted: color-mix(in oklab, var(--play-answer-b), var(--play-surface) 56%);--play-answer-b-text: var(--question-choice-b-text);--play-answer-b-muted-text: var(--play-text);--play-answer-b-ring: var(--question-choice-b-ring);--play-answer-c: var(--question-choice-c);--play-answer-c-hover: var(--question-choice-c-hover);--play-answer-c-muted: color-mix(in oklab, var(--play-answer-c), var(--play-surface) 56%);--play-answer-c-text: var(--question-choice-c-text);--play-answer-c-muted-text: var(--play-text);--play-answer-c-ring: var(--question-choice-c-ring);--play-answer-d: var(--question-choice-d);--play-answer-d-hover: var(--question-choice-d-hover);--play-answer-d-muted: color-mix(in oklab, var(--play-answer-d), var(--play-surface) 56%);--play-answer-d-text: var(--question-choice-d-text);--play-answer-d-muted-text: var(--play-text);--play-answer-d-ring: var(--question-choice-d-ring);--play-timer-track: color-mix(in oklab, var(--play-text-muted), transparent 82%);--play-timer-success: var(--play-success);--play-timer-warning: oklch(56% .13 71);--play-timer-error: var(--play-error);--play-countdown-danger: oklch(47% .2 27);--play-countdown-warning: oklch(52% .135 68);--play-countdown-success: oklch(39% .13 153);--play-countdown-ready: oklch(45% .22 292);--play-countdown-text-shadow: color-mix(in oklab, black, transparent 72%);--play-radius-control: var(--radius-control);--play-radius-surface: var(--radius-surface);--play-radius-panel: var(--radius-2xl);--play-radius-dialog: var(--radius-dialog);--play-shadow-color: oklch(32% .08 282);--play-shadow-surface: 0 18px 48px color-mix(in oklab, var(--play-shadow-color), transparent 84%);--play-shadow-surface-strong: 0 24px 60px color-mix(in oklab, var(--play-shadow-color), transparent 76%);--play-shadow-action-primary: 0 6px 0 var(--play-action-primary-active), 0 14px 28px color-mix(in oklab, var(--play-action-primary), transparent 76%);--play-shadow-action-primary-hover: 0 4px 0 var(--play-action-primary-active), 0 12px 24px color-mix(in oklab, var(--play-action-primary), transparent 80%);--play-shadow-action-secondary: 0 5px 0 var(--play-action-secondary-active), 0 14px 28px color-mix(in oklab, var(--play-action-secondary), transparent 76%);--play-shadow-action-secondary-hover: 0 3px 0 var(--play-action-secondary-active), 0 12px 24px color-mix(in oklab, var(--play-action-secondary), transparent 80%);--play-shadow-timer: 0 0 14px color-mix(in oklab, currentColor, transparent 62%);--play-status-surface: color-mix(in oklab, var(--play-surface), transparent 6%);--play-status-border: var(--play-border);--play-status-text: var(--play-text);--play-status-muted-text: var(--play-text-muted);--play-status-shadow: 0 8px 24px color-mix(in oklab, var(--play-shadow-color), transparent 92%);--play-status-control-surface: color-mix(in oklab, var(--play-text-muted), transparent 88%);--play-status-control-surface-hover: color-mix(in oklab, var(--play-text-muted), transparent 80%);--play-status-control-text: var(--play-text);--play-status-control-border: color-mix(in oklab, var(--play-text-muted), transparent 68%);--play-status-popover-surface: var(--play-surface-raised);--play-progress-segment-complete: var(--play-action-secondary);--play-progress-segment-answered: var(--play-action-primary);--play-progress-segment-remaining: color-mix(in oklab, var(--play-text-muted), transparent 76%);--play-progress-segment-mixed: color-mix(in oklab, var(--play-action-primary), var(--play-action-secondary) 45%);--play-progress-segment-current: var(--play-focus);--play-progress-segment-border: color-mix(in oklab, var(--play-text-muted), transparent 62%);--play-progress-segment-gap: 2px;--play-progress-segment-height: .5rem;--play-status-bar-height-mobile: 2.5rem;--play-status-bar-height-desktop: 2.75rem;--play-preview-progress-track: color-mix(in oklab, var(--play-text-muted), var(--play-surface) 74%);--play-preview-progress-track-border: color-mix(in oklab, var(--play-text-muted), transparent 52%);--play-preview-progress-track-shadow: inset 0 1px 0 color-mix(in oklab, var(--play-surface), transparent 18%), 0 8px 20px color-mix(in oklab, var(--play-shadow-color), transparent 88%);--play-preview-progress-fill: color-mix(in oklab, var(--play-action-secondary), var(--play-action-primary) 18%);--play-preview-progress-fill-shadow: 0 0 16px color-mix(in oklab, var(--play-preview-progress-fill), transparent 68%);--play-fill-blank-panel-surface: color-mix(in oklab, var(--play-surface), var(--play-canvas) 18%);--play-fill-blank-panel-border: color-mix(in oklab, var(--play-focus), var(--play-border) 62%);--play-fill-blank-panel-shadow: 0 14px 36px color-mix(in oklab, var(--play-shadow-color), transparent 86%);--play-fill-blank-pool-surface: color-mix(in oklab, var(--play-warning), var(--play-surface) 88%);--play-fill-blank-pool-border: color-mix(in oklab, var(--play-warning), var(--play-text) 28%);--play-fill-blank-pool-shadow: 0 10px 28px color-mix(in oklab, var(--play-warning), transparent 82%);--play-fill-blank-chip-surface: color-mix(in oklab, var(--play-warning), var(--play-surface) 62%);--play-fill-blank-chip-surface-hover: color-mix(in oklab, var(--play-warning), var(--play-surface) 54%);--play-fill-blank-chip-border: color-mix(in oklab, var(--play-warning), var(--play-text) 28%);--play-fill-blank-chip-text: var(--play-warning-text);--play-fill-blank-chip-shadow: 0 2px 0 color-mix(in oklab, var(--play-warning), var(--play-text) 34%), 0 10px 20px color-mix(in oklab, var(--play-warning), transparent 76%);--play-fill-blank-used-surface: color-mix(in oklab, var(--play-text-muted), var(--play-surface) 86%);--play-fill-blank-used-border: color-mix(in oklab, var(--play-text-muted), var(--play-surface) 46%);--play-fill-blank-used-text: var(--play-text-muted);--play-fill-blank-slot-empty-surface: color-mix(in oklab, var(--play-info), var(--play-surface) 84%);--play-fill-blank-slot-empty-border: color-mix(in oklab, var(--play-info), var(--play-text) 28%);--play-fill-blank-slot-empty-text: color-mix(in oklab, var(--play-info), var(--play-text) 24%);--play-fill-blank-slot-filled-surface: color-mix(in oklab, var(--play-action-primary), var(--play-surface) 82%);--play-fill-blank-slot-filled-border: color-mix(in oklab, var(--play-action-primary), var(--play-text) 22%);--play-fill-blank-slot-filled-text: var(--play-action-primary);--play-anagram-panel-surface: color-mix(in oklab, var(--play-surface), var(--play-canvas) 16%);--play-anagram-panel-border: color-mix(in oklab, var(--play-focus), var(--play-border) 58%);--play-anagram-panel-shadow: 0 14px 36px color-mix(in oklab, var(--play-shadow-color), transparent 86%);--play-anagram-bank-surface: color-mix(in oklab, var(--play-warning), var(--play-surface) 86%);--play-anagram-bank-border: color-mix(in oklab, var(--play-warning), var(--play-text) 26%);--play-anagram-bank-shadow: inset 0 1px 0 color-mix(in oklab, var(--play-surface), transparent 20%);--play-anagram-accent: var(--question-anagram-accent);--play-anagram-tile-surface: var(--question-anagram-tile-surface);--play-anagram-tile-surface-hover: color-mix(in oklab, var(--play-warning), var(--play-surface) 48%);--play-anagram-tile-border: var(--question-anagram-tile-border);--play-anagram-tile-text: var(--question-anagram-tile-text);--play-anagram-tile-shadow: 0 2px 0 color-mix(in oklab, var(--play-warning), var(--play-text) 32%), 0 10px 20px color-mix(in oklab, var(--play-warning), transparent 76%);--play-anagram-slot-empty-surface: color-mix(in oklab, var(--play-info), var(--play-surface) 84%);--play-anagram-slot-empty-border: color-mix(in oklab, var(--play-info), var(--play-text) 28%);--play-anagram-slot-filled-surface: color-mix(in oklab, var(--play-action-primary), var(--play-surface) 82%);--play-anagram-slot-filled-border: color-mix(in oklab, var(--play-action-primary), var(--play-text) 22%);--play-anagram-slot-filled-text: var(--play-action-primary);--play-anagram-muted-text: var(--play-text-muted);--play-duration-fast: .12s;--play-duration-normal: .22s;--play-duration-slow: .42s;--play-ease-standard: cubic-bezier(.2, 0, 0, 1);--play-ease-emphasized: cubic-bezier(.16, 1, .3, 1);--play-summary-canvas: var(--play-canvas-gradient);--play-summary-surface: var(--play-surface);--play-summary-surface-raised: color-mix(in oklab, var(--play-surface), var(--play-canvas) 22%);--play-summary-border: color-mix(in oklab, var(--play-border), transparent 12%);--play-summary-text: var(--play-text);--play-summary-text-muted: var(--play-text-muted);--play-summary-shadow: 0 18px 50px color-mix(in oklab, var(--play-shadow-color), transparent 86%);--play-summary-accent: var(--play-action-secondary);--play-summary-action: var(--play-action-primary);--play-summary-action-hover: var(--play-action-primary-hover);--play-summary-action-text: var(--play-action-primary-text);--play-summary-action-icon-surface: color-mix(in oklab, var(--play-action-primary-text), transparent 82%);--play-summary-current-player-surface: color-mix(in oklab, var(--play-action-secondary), var(--play-surface) 88%);--play-summary-success-text: var(--play-success-text);--play-summary-success-soft: var(--play-success-soft);--play-summary-error-text: var(--play-error-text);--play-summary-error-soft: var(--play-error-soft);--play-summary-warning-text: var(--play-warning-text);--play-summary-warning-soft: var(--play-warning-soft);--play-summary-filter-surface: color-mix(in oklab, var(--play-text-muted), transparent 90%);--play-summary-filter-active: var(--play-action-secondary);--play-summary-filter-active-text: var(--play-action-secondary-text);--play-summary-medallion-track: color-mix(in oklab, var(--play-text-muted), transparent 72%);--play-summary-medallion-arc: var(--play-action-secondary);--play-summary-medallion-halo: color-mix(in oklab, var(--play-action-secondary), transparent 70%);--play-summary-medallion-spark: var(--play-warning);--play-summary-leaderboard-stage: color-mix(in oklab, var(--play-summary-warning-soft), var(--play-summary-surface-raised) 70%);--play-summary-leaderboard-stage-border: color-mix(in oklab, var(--play-summary-warning-text), transparent 74%);--play-summary-leaderboard-heading-surface: var(--play-summary-warning-soft);--play-summary-leaderboard-heading-text: var(--play-summary-warning-text);--play-summary-leaderboard-row-surface: var(--play-summary-surface-raised);--play-summary-leaderboard-current-surface: var(--play-summary-current-player-surface);--play-summary-leaderboard-current-border: var(--play-summary-accent);--play-summary-leaderboard-badge-surface: var(--play-summary-filter-active);--play-summary-leaderboard-badge-text: var(--play-summary-filter-active-text);--play-summary-leaderboard-first-surface: color-mix(in oklab, var(--play-summary-warning-soft), var(--play-summary-surface) 22%);--play-summary-leaderboard-first-accent: var(--play-summary-warning-text);--play-summary-leaderboard-second-surface: color-mix(in oklab, var(--play-summary-text-muted), var(--play-summary-surface) 84%);--play-summary-leaderboard-second-accent: color-mix(in oklab, var(--play-summary-text-muted), var(--play-summary-text) 32%);--play-summary-leaderboard-third-surface: color-mix(in oklab, var(--play-summary-warning-soft), var(--play-summary-error-soft) 22%);--play-summary-leaderboard-third-accent: color-mix(in oklab, var(--play-summary-warning-text), var(--play-summary-error-text) 24%);--play-summary-leaderboard-shadow: 0 16px 38px color-mix(in oklab, var(--play-shadow-color), transparent 88%);--play-report-canvas: var(--play-summary-canvas);--play-report-surface: var(--play-summary-surface);--play-report-surface-raised: var(--play-summary-surface-raised);--play-report-border: var(--play-summary-border);--play-report-text: var(--play-summary-text);--play-report-text-muted: var(--play-summary-text-muted);--play-report-shadow: var(--play-summary-shadow);--play-report-action: var(--play-summary-action);--play-report-action-hover: var(--play-summary-action-hover);--play-report-action-text: var(--play-summary-action-text);--play-report-action-icon-surface: var(--play-summary-action-icon-surface);--play-report-warning-text: var(--play-summary-warning-text);--play-report-warning-soft: var(--play-summary-warning-soft);--play-report-ring-track: color-mix(in oklab, var(--play-text-muted), transparent 76%);--play-report-ribbon: var(--play-report-accent);--play-report-ribbon-text: oklch(99% .01 90);--play-report-stat-surface: color-mix(in oklab, var(--play-report-award-soft), var(--play-report-surface) 42%);--play-report-star-highlight: color-mix(in oklab, var(--play-report-award), var(--play-report-surface) 42%);--play-report-stage-beam: color-mix(in oklab, var(--play-report-award), transparent 74%);--play-report-stage-mist: color-mix(in oklab, var(--play-report-accent), transparent 82%);--play-report-accuracy-core: color-mix(in oklab, var(--play-report-surface), var(--play-report-award-soft) 24%);--play-report-unknown-accent: color-mix(in oklab, var(--play-text-muted), var(--play-text) 18%);--play-report-unknown-award: color-mix(in oklab, var(--play-text-muted), var(--play-surface) 48%);--play-report-unknown-soft: color-mix(in oklab, var(--play-text-muted), var(--play-surface) 86%);--play-report-perfect-accent: oklch(56% .18 82);--play-report-perfect-award: oklch(70% .16 82);--play-report-perfect-soft: oklch(96% .048 88);--play-report-excellent-accent: oklch(48% .18 142);--play-report-excellent-award: oklch(61% .16 126);--play-report-excellent-soft: oklch(95% .045 142);--play-report-very-good-accent: oklch(49% .17 252);--play-report-very-good-award: oklch(60% .15 245);--play-report-very-good-soft: oklch(95% .042 248);--play-report-progress-accent: oklch(46% .14 178);--play-report-progress-award: oklch(60% .13 175);--play-report-progress-soft: oklch(95% .04 178);--play-report-effort-accent: oklch(49% .15 54);--play-report-effort-award: oklch(62% .15 58);--play-report-effort-soft: oklch(96% .045 62);--play-report-completed-accent: oklch(43% .12 68);--play-report-completed-award: oklch(59% .12 70);--play-report-completed-soft: oklch(95% .038 76);--play-report-retry-accent: oklch(39% .085 196);--play-report-retry-award: oklch(55% .09 188);--play-report-retry-soft: oklch(94% .028 190);--play-report-accent: var(--play-report-unknown-accent);--play-report-award: var(--play-report-unknown-award);--play-report-award-soft: var(--play-report-unknown-soft);--play-report-effect-glow: color-mix(in oklab, var(--play-report-award), transparent 72%);--play-report-effect-spark: var(--play-report-award);color:var(--play-text);background:var(--play-canvas)}.dark .play-theme-root{--play-summary-canvas: radial-gradient(circle at 18% 0%, oklch(42% .11 292 / .28), transparent 30rem), radial-gradient(circle at 88% 20%, oklch(44% .09 205 / .2), transparent 28rem), oklch(16% .028 278);--play-summary-surface: oklch(21% .032 278);--play-summary-surface-raised: oklch(25% .034 278);--play-summary-border: oklch(38% .035 278);--play-summary-text: oklch(95% .012 278);--play-summary-text-muted: oklch(73% .03 278);--play-summary-shadow: 0 20px 56px oklch(5% .02 278 / .42);--play-summary-accent: oklch(78% .14 292);--play-summary-action: oklch(68% .15 153);--play-summary-action-hover: oklch(73% .14 153);--play-summary-action-text: oklch(16% .03 153);--play-summary-action-icon-surface: oklch(18% .04 153 / .22);--play-summary-current-player-surface: oklch(35% .09 292 / .42);--play-summary-success-text: oklch(82% .13 153);--play-summary-success-soft: oklch(34% .08 153 / .46);--play-summary-error-text: oklch(82% .13 27);--play-summary-error-soft: oklch(36% .1 27 / .46);--play-summary-warning-text: oklch(87% .11 78);--play-summary-warning-soft: oklch(38% .09 78 / .48);--play-summary-filter-surface: oklch(31% .03 278);--play-summary-filter-active: oklch(70% .15 292);--play-summary-filter-active-text: oklch(16% .03 292);--play-summary-medallion-track: oklch(43% .04 278);--play-summary-medallion-arc: oklch(76% .15 292);--play-summary-medallion-halo: oklch(68% .15 292 / .3);--play-summary-medallion-spark: oklch(85% .13 78);--play-summary-leaderboard-stage: oklch(27% .04 278);--play-summary-leaderboard-stage-border: oklch(46% .055 78);--play-summary-leaderboard-heading-surface: oklch(36% .075 78 / .62);--play-summary-leaderboard-heading-text: oklch(90% .1 78);--play-summary-leaderboard-row-surface: oklch(25% .034 278);--play-summary-leaderboard-current-surface: oklch(34% .09 292 / .48);--play-summary-leaderboard-current-border: oklch(76% .15 292);--play-summary-leaderboard-badge-surface: oklch(70% .15 292);--play-summary-leaderboard-badge-text: oklch(16% .03 292);--play-summary-leaderboard-first-surface: oklch(38% .075 78);--play-summary-leaderboard-first-accent: oklch(91% .105 78);--play-summary-leaderboard-second-surface: oklch(32% .025 274);--play-summary-leaderboard-second-accent: oklch(84% .025 274);--play-summary-leaderboard-third-surface: oklch(35% .065 48);--play-summary-leaderboard-third-accent: oklch(86% .095 58);--play-summary-leaderboard-shadow: 0 18px 42px oklch(5% .02 278 / .34);--play-report-canvas: var(--play-summary-canvas);--play-report-surface: var(--play-summary-surface);--play-report-surface-raised: var(--play-summary-surface-raised);--play-report-border: var(--play-summary-border);--play-report-text: var(--play-summary-text);--play-report-text-muted: var(--play-summary-text-muted);--play-report-shadow: var(--play-summary-shadow);--play-report-action: var(--play-summary-action);--play-report-action-hover: var(--play-summary-action-hover);--play-report-action-text: var(--play-summary-action-text);--play-report-action-icon-surface: var(--play-summary-action-icon-surface);--play-report-warning-text: var(--play-summary-warning-text);--play-report-warning-soft: var(--play-summary-warning-soft);--play-report-ring-track: oklch(43% .04 278);--play-report-ribbon: var(--play-report-accent);--play-report-ribbon-text: oklch(16% .03 278);--play-report-stat-surface: color-mix(in oklab, var(--play-report-award-soft), var(--play-report-surface) 44%);--play-report-star-highlight: color-mix(in oklab, var(--play-report-award), var(--play-report-surface) 28%);--play-report-stage-beam: color-mix(in oklab, var(--play-report-award), transparent 68%);--play-report-stage-mist: color-mix(in oklab, var(--play-report-accent), transparent 78%);--play-report-accuracy-core: color-mix(in oklab, var(--play-report-surface), var(--play-report-award-soft) 34%);--play-report-unknown-accent: oklch(73% .035 278);--play-report-unknown-award: oklch(54% .035 278);--play-report-unknown-soft: oklch(30% .034 278);--play-report-perfect-accent: oklch(86% .13 86);--play-report-perfect-award: oklch(82% .16 86);--play-report-perfect-soft: oklch(33% .08 82 / .52);--play-report-excellent-accent: oklch(78% .14 142);--play-report-excellent-award: oklch(76% .15 132);--play-report-excellent-soft: oklch(31% .08 142 / .5);--play-report-very-good-accent: oklch(78% .13 252);--play-report-very-good-award: oklch(75% .13 245);--play-report-very-good-soft: oklch(31% .07 248 / .5);--play-report-progress-accent: oklch(75% .12 178);--play-report-progress-award: oklch(73% .12 175);--play-report-progress-soft: oklch(30% .07 178 / .5);--play-report-effort-accent: oklch(79% .12 58);--play-report-effort-award: oklch(76% .13 62);--play-report-effort-soft: oklch(31% .075 62 / .5);--play-report-completed-accent: oklch(78% .1 72);--play-report-completed-award: oklch(74% .11 74);--play-report-completed-soft: oklch(30% .06 76 / .52);--play-report-retry-accent: oklch(76% .08 190);--play-report-retry-award: oklch(72% .08 188);--play-report-retry-soft: oklch(29% .055 190 / .5);--play-report-accent: var(--play-report-unknown-accent);--play-report-award: var(--play-report-unknown-award);--play-report-award-soft: var(--play-report-unknown-soft);--play-report-effect-glow: color-mix(in oklab, var(--play-report-award), transparent 66%);--play-report-effect-spark: var(--play-report-award)}.play-theme-root[data-play-theme=exam-focus]{--play-canvas: oklch(97% .006 260);--play-canvas-strong: oklch(93% .015 260);--play-canvas-gradient: radial-gradient(circle at top right, color-mix(in oklab, oklch(69% .08 252), transparent 86%), transparent 28rem), linear-gradient(180deg, oklch(98% .004 260), oklch(95% .01 260));--play-surface: oklch(100% 0 0);--play-surface-raised: oklch(98.5% .006 260);--play-surface-glass: color-mix(in oklab, var(--play-surface), transparent 5%);--play-border: oklch(88% .012 260);--play-text: oklch(20% .02 260);--play-text-muted: oklch(46% .025 260);--play-action-primary: oklch(44% .15 255);--play-action-primary-hover: oklch(39% .15 255);--play-action-primary-active: oklch(34% .14 255);--play-action-secondary: oklch(37% .065 263);--play-action-secondary-hover: oklch(31% .065 263);--play-action-secondary-active: oklch(25% .055 263);--play-focus: oklch(54% .17 255);--play-info: var(--play-action-primary);--play-answer-a: oklch(45% .17 27);--play-answer-b: oklch(37% .115 153);--play-answer-c: var(--play-action-primary);--play-answer-d: oklch(47% .125 62);--play-countdown-ready: var(--play-action-primary);--play-shadow-color: oklch(27% .025 260);--play-shadow-surface: 0 12px 32px color-mix(in oklab, var(--play-shadow-color), transparent 90%);--play-shadow-surface-strong: 0 18px 42px color-mix(in oklab, var(--play-shadow-color), transparent 84%)}.play-theme-root[data-play-theme=practice-calm]{--play-canvas: oklch(98% .012 205);--play-canvas-strong: oklch(92% .035 205);--play-canvas-gradient: radial-gradient(circle at top left, color-mix(in oklab, oklch(72% .1 200), transparent 82%), transparent 30rem), radial-gradient(circle at bottom right, color-mix(in oklab, oklch(74% .09 235), transparent 86%), transparent 34rem), linear-gradient(145deg, oklch(98% .012 205), oklch(96% .012 230));--play-action-primary: oklch(39% .11 190);--play-action-primary-hover: oklch(34% .105 190);--play-action-primary-active: oklch(29% .095 190);--play-action-secondary: oklch(43% .13 245);--play-action-secondary-hover: oklch(38% .13 245);--play-action-secondary-active: oklch(32% .12 245);--play-focus: oklch(53% .14 205);--play-shadow-color: oklch(29% .045 205)}.play-screen-canvas{color:var(--play-text);background:var(--play-canvas-gradient)}.play-screen-muted{color:var(--play-text);background:var(--play-canvas)}.play-surface-card,.play-surface-raised,.play-surface-glass{color:var(--play-text);border:1px solid var(--play-border);border-radius:var(--play-radius-panel)}.play-surface-card{background:var(--play-surface);box-shadow:var(--play-shadow-surface)}.play-surface-raised{background:var(--play-surface-raised);box-shadow:var(--play-shadow-surface)}.play-surface-glass{background:var(--play-surface-glass);box-shadow:var(--play-shadow-surface-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.play-header-surface{color:var(--play-text);background:color-mix(in oklab,var(--play-surface),transparent 8%);border-color:var(--play-border);box-shadow:0 8px 28px color-mix(in oklab,var(--play-shadow-color),transparent 90%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.play-status-surface{height:var(--play-status-bar-height-mobile);min-height:var(--play-status-bar-height-mobile);color:var(--play-status-text);background:var(--play-status-surface);border-color:var(--play-status-border);box-shadow:var(--play-status-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.play-status-control{color:var(--play-status-control-text);background:var(--play-status-control-surface);border:1px solid var(--play-status-control-border);transition:color var(--play-duration-fast) var(--play-ease-standard),background-color var(--play-duration-fast) var(--play-ease-standard),border-color var(--play-duration-fast) var(--play-ease-standard),box-shadow var(--play-duration-fast) var(--play-ease-standard),transform var(--play-duration-fast) var(--play-ease-standard)}.play-status-control:hover{background:var(--play-status-control-surface-hover)}.play-status-control:focus-visible{outline:2px solid var(--play-focus);outline-offset:2px}.play-status-popover{color:var(--play-status-text);background:var(--play-status-popover-surface);border:1px solid var(--play-status-control-border);box-shadow:var(--play-status-shadow)}.play-status-label{color:var(--play-status-muted-text)}.play-score-cluster{color:var(--play-status-text);font-variant-numeric:tabular-nums}.play-progress-segmented{display:flex;min-width:0;height:var(--play-progress-segment-height);align-items:center;gap:var(--play-progress-segment-gap)}.play-progress-segment{min-width:0;height:100%;flex:1 1 0;border:1px solid var(--play-progress-segment-border);border-radius:9999px;transition:background-color var(--play-duration-fast) var(--play-ease-standard),border-color var(--play-duration-fast) var(--play-ease-standard),box-shadow var(--play-duration-fast) var(--play-ease-standard),opacity var(--play-duration-fast) var(--play-ease-standard),transform var(--play-duration-fast) var(--play-ease-standard)}.play-progress-segment-completed{background:var(--play-progress-segment-complete)}.play-progress-segment-answered{background:var(--play-progress-segment-answered)}.play-progress-segment-remaining{background:var(--play-progress-segment-remaining)}.play-progress-segment-mixed{background:var(--play-progress-segment-mixed)}.play-progress-segment-current{outline:2px solid var(--play-progress-segment-current);outline-offset:1px;transform:scaleY(1.5)}.play-preview-progress-track{background:var(--play-preview-progress-track);border:1px solid var(--play-preview-progress-track-border);box-shadow:var(--play-preview-progress-track-shadow)}.play-preview-progress-fill{background:var(--play-preview-progress-fill);box-shadow:var(--play-preview-progress-fill-shadow)}.play-status-floating-offset{top:calc(var(--play-status-bar-height-desktop) + 1rem)}.play-volume-slider{background:linear-gradient(to right,var(--play-status-control-text) 0 var(--play-volume-percent),var(--play-status-control-surface-hover) var(--play-volume-percent) 100%)}.play-volume-slider::-webkit-slider-thumb{background:var(--play-status-control-text);border-color:var(--play-status-popover-surface)}.play-volume-slider::-moz-range-thumb{background:var(--play-status-control-text);border-color:var(--play-status-popover-surface)}.play-timer-value{color:var(--play-status-text)}.play-timer-value-critical{color:var(--play-error-text)}.play-focus-ring{outline:none}.play-focus-ring:focus-visible{box-shadow:0 0 0 2px var(--play-surface),0 0 0 6px var(--play-focus)}.play-fill-blank-passage-panel{color:var(--play-text);background:var(--play-fill-blank-panel-surface);border:1px solid var(--play-fill-blank-panel-border);box-shadow:var(--play-fill-blank-panel-shadow)}.play-fill-blank-suggestion-panel{color:var(--play-text);background:var(--play-fill-blank-pool-surface);border:1px solid var(--play-fill-blank-pool-border);box-shadow:var(--play-fill-blank-pool-shadow)}.play-fill-blank-choice-chip,.play-fill-blank-choice-chip-used{transition:color var(--play-duration-fast) var(--play-ease-standard),background-color var(--play-duration-fast) var(--play-ease-standard),border-color var(--play-duration-fast) var(--play-ease-standard),box-shadow var(--play-duration-fast) var(--play-ease-standard),opacity var(--play-duration-fast) var(--play-ease-standard),transform var(--play-duration-fast) var(--play-ease-standard)}.play-fill-blank-choice-chip{color:var(--play-fill-blank-chip-text);background:var(--play-fill-blank-chip-surface);border-color:var(--play-fill-blank-chip-border);box-shadow:var(--play-fill-blank-chip-shadow)}.play-fill-blank-choice-chip:hover:not(:disabled){background:var(--play-fill-blank-chip-surface-hover);transform:translateY(-1px)}.play-fill-blank-choice-chip:active:not(:disabled){transform:translateY(1px)}.play-fill-blank-choice-chip:focus-visible{outline:none;box-shadow:0 0 0 2px var(--play-fill-blank-pool-surface),0 0 0 5px var(--play-focus),var(--play-fill-blank-chip-shadow)}.play-fill-blank-choice-chip-used{color:var(--play-fill-blank-used-text);background:var(--play-fill-blank-used-surface);border-color:var(--play-fill-blank-used-border);box-shadow:none;opacity:1}.play-fill-blank-slot{box-shadow:0 1px color-mix(in oklab,var(--play-shadow-color),transparent 88%);transition:color var(--play-duration-fast) var(--play-ease-standard),background-color var(--play-duration-fast) var(--play-ease-standard),border-color var(--play-duration-fast) var(--play-ease-standard),box-shadow var(--play-duration-fast) var(--play-ease-standard)}.play-fill-blank-slot:focus-visible,.play-fill-blank-input:focus-visible{outline:none;box-shadow:0 0 0 2px var(--play-surface),0 0 0 5px var(--play-focus)}.play-fill-blank-slot-focused{box-shadow:0 0 0 2px var(--play-surface),0 0 0 5px var(--play-focus)}.play-fill-blank-slot-empty{color:var(--play-fill-blank-slot-empty-text);background:var(--play-fill-blank-slot-empty-surface);border-color:var(--play-fill-blank-slot-empty-border)}.play-fill-blank-slot-empty:hover:not(:disabled){background:color-mix(in oklab,var(--play-info),var(--play-surface) 78%)}.play-fill-blank-slot-filled{color:var(--play-fill-blank-slot-filled-text);background:var(--play-fill-blank-slot-filled-surface);border-color:var(--play-fill-blank-slot-filled-border)}.play-fill-blank-slot-readonly{color:var(--play-text);background:var(--play-fill-blank-used-surface);border-color:var(--play-fill-blank-used-border)}.play-fill-blank-slot-correct{color:var(--play-success-text);background:var(--play-success-soft);border-color:color-mix(in oklab,var(--play-success),var(--play-text) 20%)}.play-fill-blank-slot-wrong{color:var(--play-error-text);background:var(--play-error-soft);border-color:color-mix(in oklab,var(--play-error),var(--play-text) 20%)}.play-fill-blank-slot-unfilled{color:var(--play-fill-blank-slot-empty-text);background:var(--play-fill-blank-slot-empty-surface);border-color:var(--play-fill-blank-slot-empty-border)}.play-fill-blank-placeholder,.play-fill-blank-slot-remove{color:currentColor}.play-fill-blank-action-progress{color:var(--play-action-primary-text);background:color-mix(in oklab,var(--play-action-primary-text),transparent 82%)}.play-anagram-panel{color:var(--play-text);background:var(--play-anagram-panel-surface);border:1px solid var(--play-anagram-panel-border);box-shadow:var(--play-anagram-panel-shadow)}.play-anagram-bank{color:var(--play-text);background:var(--play-anagram-bank-surface);border:1px solid var(--play-anagram-bank-border);box-shadow:var(--play-anagram-bank-shadow)}.play-anagram-tile-button{transition:opacity var(--play-duration-fast) var(--play-ease-standard),transform var(--play-duration-fast) var(--play-ease-standard)}.play-anagram-tile-button:hover:not(:disabled){transform:translateY(-1px)}.play-anagram-tile-button:active:not(:disabled){transform:translateY(1px)}.play-anagram-tile-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--play-surface),0 0 0 5px var(--play-focus)}.play-anagram-tile-button-dragging{opacity:.72}.play-anagram-tile-button-disabled{opacity:1}.play-anagram-tile{color:var(--play-anagram-tile-text);background:var(--play-anagram-tile-surface);border:2px solid var(--play-anagram-tile-border);box-shadow:var(--play-anagram-tile-shadow);transition:color var(--play-duration-fast) var(--play-ease-standard),background-color var(--play-duration-fast) var(--play-ease-standard),border-color var(--play-duration-fast) var(--play-ease-standard),box-shadow var(--play-duration-fast) var(--play-ease-standard)}.play-anagram-tile-button:hover:not(:disabled) .play-anagram-tile{background:var(--play-anagram-tile-surface-hover)}.play-anagram-tile-placed{color:var(--play-anagram-slot-filled-text);background:transparent;border-color:transparent;box-shadow:none}.play-anagram-slot{box-shadow:0 1px color-mix(in oklab,var(--play-shadow-color),transparent 88%);transition:background-color var(--play-duration-fast) var(--play-ease-standard),border-color var(--play-duration-fast) var(--play-ease-standard),box-shadow var(--play-duration-fast) var(--play-ease-standard)}.play-anagram-slot-empty{background:var(--play-anagram-slot-empty-surface);border-color:var(--play-anagram-slot-empty-border)}.play-anagram-slot-filled{background:var(--play-anagram-slot-filled-surface);border-color:var(--play-anagram-slot-filled-border)}.play-anagram-input{color:var(--play-text);background:var(--play-anagram-slot-empty-surface);border-color:var(--play-anagram-slot-empty-border);box-shadow:0 1px color-mix(in oklab,var(--play-shadow-color),transparent 88%)}.play-anagram-input:focus-visible{outline:none;box-shadow:0 0 0 2px var(--play-surface),0 0 0 5px var(--play-focus)}.play-anagram-muted-text{color:var(--play-anagram-muted-text)}.play-btn-primary,.play-btn-success,.play-btn-secondary,.play-btn-neutral,.play-btn-danger{border-radius:var(--play-radius-control);border:0;cursor:pointer;font-weight:800;transition:transform var(--play-duration-fast) var(--play-ease-standard),box-shadow var(--play-duration-fast) var(--play-ease-standard),background-color var(--play-duration-fast) var(--play-ease-standard),color var(--play-duration-fast) var(--play-ease-standard),opacity var(--play-duration-fast) var(--play-ease-standard)}.play-btn-primary{color:var(--play-action-primary-text);background:var(--play-action-primary);box-shadow:var(--play-shadow-action-primary)}.play-btn-primary:hover{background:var(--play-action-primary-hover);box-shadow:var(--play-shadow-action-primary-hover);transform:translateY(2px)}.play-btn-primary:active{background:var(--play-action-primary-active);box-shadow:0 2px 0 var(--play-action-primary-active);transform:translateY(4px)}.play-btn-secondary{color:var(--play-action-secondary-text);background:var(--play-action-secondary);box-shadow:var(--play-shadow-action-secondary)}.play-btn-secondary:hover{background:var(--play-action-secondary-hover);box-shadow:var(--play-shadow-action-secondary-hover);transform:translateY(2px)}.play-btn-secondary:active{background:var(--play-action-secondary-active);box-shadow:0 2px 0 var(--play-action-secondary-active);transform:translateY(4px)}.play-btn-success{color:var(--play-action-primary-text);background:var(--play-success);box-shadow:0 5px color-mix(in oklab,var(--play-success),var(--play-text) 22%),0 14px 28px color-mix(in oklab,var(--play-success),transparent 76%)}.play-btn-success:hover{background:color-mix(in oklab,var(--play-success),var(--play-text) 10%);transform:translateY(2px)}.play-btn-success:active{box-shadow:0 2px color-mix(in oklab,var(--play-success),var(--play-text) 22%);transform:translateY(4px)}.play-btn-neutral{color:var(--play-text);background:var(--play-surface-raised);box-shadow:0 4px color-mix(in oklab,var(--play-text-muted),transparent 72%)}.play-btn-danger{color:var(--play-action-danger-text);background:var(--play-action-danger);box-shadow:0 4px color-mix(in oklab,var(--play-action-danger),black 20%)}.play-btn-danger:hover{background:var(--play-action-danger-hover);transform:translateY(2px)}.play-btn-primary:disabled,.play-btn-success:disabled,.play-btn-secondary:disabled,.play-btn-neutral:disabled,.play-btn-danger:disabled{cursor:not-allowed;opacity:.55;transform:none;box-shadow:none}.play-answer-a,.play-answer-b,.play-answer-c,.play-answer-d{color:var(--play-answer-a-text);background:var(--play-answer-a)}.play-answer-a:hover{background:var(--play-answer-a-hover)}.play-answer-b{color:var(--play-answer-b-text);background:var(--play-answer-b)}.play-answer-b:hover{background:var(--play-answer-b-hover)}.play-answer-c{color:var(--play-answer-c-text);background:var(--play-answer-c)}.play-answer-c:hover{background:var(--play-answer-c-hover)}.play-answer-d{color:var(--play-answer-d-text);background:var(--play-answer-d)}.play-answer-d:hover{background:var(--play-answer-d-hover)}.play-answer-a-muted{color:var(--play-answer-a-muted-text);background:var(--play-answer-a-muted)}.play-answer-b-muted{color:var(--play-answer-b-muted-text);background:var(--play-answer-b-muted)}.play-answer-c-muted{color:var(--play-answer-c-muted-text);background:var(--play-answer-c-muted)}.play-answer-d-muted{color:var(--play-answer-d-muted-text);background:var(--play-answer-d-muted)}.play-answer-a-selected{box-shadow:0 0 0 2px var(--play-surface),0 0 0 6px var(--play-answer-a-ring)}.play-answer-b-selected{box-shadow:0 0 0 2px var(--play-surface),0 0 0 6px var(--play-answer-b-ring)}.play-answer-c-selected{box-shadow:0 0 0 2px var(--play-surface),0 0 0 6px var(--play-answer-c-ring)}.play-answer-d-selected{box-shadow:0 0 0 2px var(--play-surface),0 0 0 6px var(--play-answer-d-ring)}.play-progress-fill{background:var(--play-action-primary)}.play-timer-track{background:var(--play-timer-track)}.play-timer-fill-success{color:var(--play-timer-success);background:var(--play-timer-success);box-shadow:var(--play-shadow-timer)}.play-timer-fill-warning{color:var(--play-timer-warning);background:var(--play-timer-warning);box-shadow:var(--play-shadow-timer)}.play-timer-fill-error{color:var(--play-timer-error);background:var(--play-timer-error);box-shadow:var(--play-shadow-timer)}.play-rect-timer{color:var(--play-success-text);background:var(--play-success-soft);border-color:color-mix(in oklab,var(--play-success),transparent 62%)}.play-rect-timer-warning{color:var(--play-warning-text);background:var(--play-warning-soft);border-color:color-mix(in oklab,var(--play-warning),transparent 58%)}.play-rect-timer-critical{color:var(--play-error-text);background:var(--play-error-soft);border-color:color-mix(in oklab,var(--play-error),transparent 58%)}.play-exam-timer{color:var(--play-text);background:color-mix(in oklab,var(--play-text-muted),transparent 90%)}.play-exam-timer-warning{color:var(--play-warning-text);background:var(--play-warning-soft)}.play-exam-timer-critical{color:var(--play-text-inverse);background:var(--play-error);box-shadow:0 10px 24px color-mix(in oklab,var(--play-error),transparent 70%)}.play-status-success{color:var(--play-success-text);background:var(--play-success-soft);border-color:color-mix(in oklab,var(--play-success),transparent 70%)}.play-status-warning{color:var(--play-warning-text);background:var(--play-warning-soft);border-color:color-mix(in oklab,var(--play-warning),transparent 66%)}.play-status-error{color:var(--play-error-text);background:var(--play-error-soft);border-color:color-mix(in oklab,var(--play-error),transparent 66%)}.play-question-current{color:var(--play-action-primary);background:var(--play-info-soft);box-shadow:0 0 0 2px var(--play-focus),0 0 0 4px var(--play-surface)}.play-question-answered{color:var(--play-success-text);background:var(--play-success-soft)}.play-question-idle{color:var(--play-text-muted);background:color-mix(in oklab,var(--play-text-muted),transparent 90%)}.play-question-idle:hover{color:var(--play-text);background:color-mix(in oklab,var(--play-text-muted),transparent 84%)}.play-flag-dot{background:var(--play-warning)}.play-feedback-strip-correct,.play-feedback-icon-correct{background:var(--play-success)}.play-feedback-text-correct{color:var(--play-success-text)}.play-feedback-strip-incorrect,.play-feedback-icon-incorrect{background:var(--play-error)}.play-feedback-text-incorrect{color:var(--play-error-text)}.play-feedback-strip-timeout,.play-feedback-icon-timeout{background:var(--play-warning)}.play-feedback-text-timeout{color:var(--play-warning-text)}.play-countdown-danger{background:var(--play-countdown-danger)}.play-countdown-warning{background:var(--play-countdown-warning)}.play-countdown-success{background:var(--play-countdown-success)}.play-countdown-ready{background:var(--play-countdown-ready)}.play-countdown-glow{box-shadow:0 0 70px color-mix(in oklab,currentColor,transparent 48%)}.play-countdown-text{color:var(--play-text-inverse);text-shadow:0 7px 0 var(--play-countdown-text-shadow)}@media(min-width:48rem){.play-status-surface{height:var(--play-status-bar-height-desktop);min-height:var(--play-status-bar-height-desktop)}}.play-report-summary[data-achievement-tier=unknown]{--play-report-accent: var(--play-report-unknown-accent);--play-report-award: var(--play-report-unknown-award);--play-report-award-soft: var(--play-report-unknown-soft)}.play-report-summary[data-achievement-tier=perfect]{--play-report-accent: var(--play-report-perfect-accent);--play-report-award: var(--play-report-perfect-award);--play-report-award-soft: var(--play-report-perfect-soft)}.play-report-summary[data-achievement-tier=excellent]{--play-report-accent: var(--play-report-excellent-accent);--play-report-award: var(--play-report-excellent-award);--play-report-award-soft: var(--play-report-excellent-soft)}.play-report-summary[data-achievement-tier=very-good]{--play-report-accent: var(--play-report-very-good-accent);--play-report-award: var(--play-report-very-good-award);--play-report-award-soft: var(--play-report-very-good-soft)}.play-report-summary[data-achievement-tier=progress]{--play-report-accent: var(--play-report-progress-accent);--play-report-award: var(--play-report-progress-award);--play-report-award-soft: var(--play-report-progress-soft)}.play-report-summary[data-achievement-tier=effort]{--play-report-accent: var(--play-report-effort-accent);--play-report-award: var(--play-report-effort-award);--play-report-award-soft: var(--play-report-effort-soft)}.play-report-summary[data-achievement-tier=completed]{--play-report-accent: var(--play-report-completed-accent);--play-report-award: var(--play-report-completed-award);--play-report-award-soft: var(--play-report-completed-soft)}.play-report-summary[data-achievement-tier=retry]{--play-report-accent: var(--play-report-retry-accent);--play-report-award: var(--play-report-retry-award);--play-report-award-soft: var(--play-report-retry-soft)}.play-report-shell{max-width:82rem}.play-report-summary{--play-report-hero-padding: clamp(.625rem, 3.2cqi, .95rem);--play-report-grid-gap: clamp(.45rem, 2cqi, .75rem);--play-report-column-gap: var(--play-report-grid-gap);--play-report-title-size: clamp(.7rem, 3.4cqi, .88rem);--play-report-title-line: 1.2;--play-report-title-max: 7.25rem;--play-report-award-column-gap: clamp(.32rem, 1.5cqi, .5rem);--play-report-award-size: clamp(5.25rem, 26cqi, 6.75rem);--play-report-award-padding: clamp(.35rem, 1.6cqi, .55rem);--play-report-award-neutral-size: clamp(3.25rem, 14cqi, 4.5rem);--play-report-award-neutral-mark-size: clamp(1.65rem, 7cqi, 2.35rem);--play-report-headline-size: clamp(.95rem, 5.1cqi, 1.35rem);--play-report-divider-margin-start: clamp(.62rem, 2cqi, .86rem);--play-report-divider-margin-end: clamp(.44rem, 1.5cqi, .66rem);--play-report-stars-label-size: clamp(.58rem, 2.15cqi, .66rem);--play-report-stars-gap: clamp(.22rem, 1cqi, .45rem);--play-report-stars-size: clamp(1.9rem, 9cqi, 2.75rem);--play-report-star-icon-size: clamp(1.45rem, 6.2cqi, 2rem);--play-report-meta-margin: clamp(.44rem, 1.45cqi, .66rem);--play-report-meta-min-height: clamp(1.35rem, 5cqi, 1.8rem);--play-report-meta-padding-block: clamp(.12rem, .5cqi, .22rem);--play-report-meta-padding-inline: clamp(.18rem, .8cqi, .36rem);--play-report-meta-gap: clamp(.04rem, .24cqi, .1rem);--play-report-meta-label-size: clamp(.5rem, 1.7cqi, .58rem);--play-report-meta-icon-size: clamp(.48rem, 1.8cqi, .6rem);--play-report-meta-value-size: clamp(.82rem, 3.35cqi, 1.02rem);--play-report-meta-max-width: clamp(8.5rem, 46cqi, 15rem);--play-report-meta-divider: color-mix(in oklab, var(--play-report-text-muted), transparent 72%);--play-report-meta-icon-color: color-mix(in oklab, var(--play-report-text-muted), var(--play-report-text) 18%);--play-report-meta-value-color: color-mix(in oklab, var(--play-report-text), var(--play-report-text-muted) 28%);--play-report-integrity-margin: clamp(.5rem, 2cqi, .75rem);--play-report-integrity-padding-block: clamp(.45rem, 1.8cqi, .7rem);--play-report-integrity-padding-inline: clamp(.65rem, 2.5cqi, .95rem);--play-report-integrity-size: clamp(.72rem, 2.7cqi, .85rem);--play-report-ring-size: clamp(5.25rem, 26cqi, 6.75rem);--play-report-accuracy-inset: clamp(.95rem, 4cqi, 1.35rem);--play-report-accuracy-percent-size: clamp(1.05rem, 5.2cqi, 1.55rem);--play-report-stat-gap: clamp(.38rem, 1.7cqi, .6rem);--play-report-stat-padding: clamp(.55rem, 2.4cqi, .78rem);--play-report-stat-label-gap: clamp(.35rem, 1.4cqi, .55rem);--play-report-stat-label-size: clamp(.66rem, 2.8cqi, .78rem);--play-report-stat-icon-size: clamp(1.45rem, 6cqi, 1.85rem);--play-report-stat-svg-size: clamp(.72rem, 3cqi, .9rem);--play-report-stat-value-margin: clamp(.28rem, 1.3cqi, .48rem);--play-report-stat-value-size: clamp(1.15rem, 5.8cqi, 1.55rem);--play-report-stat-suffix-size: clamp(.62rem, 2.5cqi, .75rem);container:report / inline-size;position:relative;isolation:isolate;overflow:hidden;padding:var(--play-report-hero-padding);color:var(--play-report-text);background:radial-gradient(circle at 78% 16%,var(--play-report-award-soft),transparent 18rem),var(--play-report-surface);border:1px solid var(--play-report-border);box-shadow:var(--play-report-shadow)}.play-report-summary:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,color-mix(in oklab,var(--play-report-award-soft),transparent 34%),transparent 42%),radial-gradient(circle at 52% 42%,color-mix(in oklab,var(--play-report-stage-mist),transparent 18%),transparent 26rem),radial-gradient(circle at 84% 38%,color-mix(in oklab,var(--play-report-award-soft),transparent 34%),transparent 19rem),radial-gradient(circle at 12% 12%,color-mix(in oklab,var(--play-report-accent),transparent 86%),transparent 18rem);pointer-events:none}.play-report-hero-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);grid-template-areas:"award reward" "accuracy reward" "stat stat";gap:var(--play-report-grid-gap);column-gap:var(--play-report-column-gap);align-items:center;margin-top:var(--play-report-grid-gap)}.play-report-title{display:-webkit-box;max-width:var(--play-report-title-max);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--play-report-title-size);line-height:var(--play-report-title-line);text-wrap:balance}.play-report-program-title{display:-webkit-box;max-width:var(--play-report-title-max);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:max(.625rem,calc(var(--play-report-title-size) * .82));line-height:1.25;text-wrap:balance}.play-report-headline{font-size:var(--play-report-headline-size);color:transparent;background:linear-gradient(180deg,color-mix(in oklab,var(--play-report-award),var(--play-report-surface) 18%) 0%,var(--play-report-award) 42%,var(--play-report-accent) 72%,color-mix(in oklab,var(--play-report-text),var(--play-report-award) 18%) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 .9rem 1.9rem color-mix(in oklab,var(--play-report-award),transparent 86%));text-wrap:balance}.play-report-reward-divider{width:min(100%,clamp(10rem,68cqi,24rem));height:1px;margin:var(--play-report-divider-margin-start) auto var(--play-report-divider-margin-end);border-top:1px dashed color-mix(in oklab,var(--play-report-award),transparent 62%);-webkit-mask-image:linear-gradient(90deg,transparent,black 14%,black 86%,transparent);mask-image:linear-gradient(90deg,transparent,black 14%,black 86%,transparent)}.play-report-stars{max-width:min(100%,clamp(12rem,64cqi,27rem));margin-inline:auto;text-align:center}.play-report-stars-label{font-size:var(--play-report-stars-label-size);line-height:1.15;opacity:.74}.play-report-stars-value{gap:var(--play-report-stars-gap);margin-inline:auto;margin-top:clamp(.12rem,.6cqi,.25rem);font-size:var(--play-report-stars-size);filter:drop-shadow(0 .85rem 1.45rem color-mix(in oklab,var(--play-report-award),transparent 82%))}.play-report-star-icon{width:var(--play-report-star-icon-size);height:var(--play-report-star-icon-size);color:var(--play-report-award);filter:drop-shadow(0 .18rem 0 color-mix(in oklab,var(--play-report-accent),transparent 36%)) drop-shadow(0 .45rem .75rem color-mix(in oklab,var(--play-report-award),transparent 68%))}.play-report-award-stage{width:var(--play-report-award-size);padding:var(--play-report-award-padding);isolation:isolate;color:var(--play-report-award);background:radial-gradient(circle at 50% 42%,color-mix(in oklab,var(--play-report-award),transparent 60%),transparent 30%),radial-gradient(ellipse at 50% 82%,color-mix(in oklab,var(--play-report-surface),transparent 4%),transparent 52%),color-mix(in oklab,var(--play-report-award-soft),var(--play-report-surface) 48%);border:1px solid color-mix(in oklab,var(--play-report-award),transparent 78%);box-shadow:inset 0 1px color-mix(in oklab,var(--play-report-surface),transparent 12%),inset 0 -1.15rem 2.2rem color-mix(in oklab,var(--play-report-award),transparent 90%),0 1.35rem 3.2rem color-mix(in oklab,var(--play-report-award),transparent 86%)}.play-report-award-neutral{width:var(--play-report-award-neutral-size);height:var(--play-report-award-neutral-size)}.play-report-award-neutral-mark{width:var(--play-report-award-neutral-mark-size);height:var(--play-report-award-neutral-mark-size)}.play-report-award-stage:before,.play-report-award-stage:after,.play-report-award-halo,.play-report-award-spotlight,.play-report-award-mist{position:absolute;pointer-events:none}.play-report-award-stage:before{content:"";inset:-22% -6% 10%;z-index:0;border-radius:9999px;background:linear-gradient(112deg,transparent 13%,var(--play-report-stage-beam) 37%,transparent 58%),linear-gradient(248deg,transparent 17%,color-mix(in oklab,var(--play-report-stage-beam),transparent 12%) 43%,transparent 62%);clip-path:polygon(18% 0,82% 0,96% 100%,4% 100%);filter:blur(.2rem);opacity:.42;transform:translateY(.35rem) scaleX(.9);animation:play-report-stage-light 1.18s var(--play-ease-emphasized) both}.play-report-award-stage:after{content:"";inset:20% 10% 5%;z-index:1;border-radius:inherit;background:radial-gradient(circle at 50% 42%,color-mix(in oklab,var(--play-report-award),transparent 68%),transparent 42%),radial-gradient(ellipse at 50% 92%,color-mix(in oklab,var(--play-report-text),transparent 94%),transparent 54%);opacity:.68}.play-report-award-halo{inset:-2%;z-index:1;border-radius:inherit;background:radial-gradient(circle at 50% 42%,color-mix(in oklab,var(--play-report-award),transparent 48%),transparent 46%),radial-gradient(circle at 50% 50%,transparent 44%,color-mix(in oklab,var(--play-report-award),transparent 76%) 45%,transparent 67%);filter:blur(.72rem);opacity:.62}.play-report-award-spotlight{inset:-18% 4% 20%;z-index:1;background:linear-gradient(110deg,transparent 21%,var(--play-report-stage-beam),transparent 52%),linear-gradient(250deg,transparent 22%,color-mix(in oklab,var(--play-report-stage-beam),transparent 16%),transparent 56%);clip-path:polygon(28% 0,72% 0,91% 100%,9% 100%);opacity:.36;transform:translateY(.45rem) scaleX(.92);animation:play-report-spotlight-settle .98s var(--play-ease-emphasized) both}.play-report-award-mist{inset:48% -17% 8%;z-index:2;border-radius:9999px;background:radial-gradient(ellipse at 18% 52%,color-mix(in oklab,var(--play-report-stage-mist),transparent 16%),transparent 34%),radial-gradient(ellipse at 56% 48%,color-mix(in oklab,var(--play-report-award),transparent 84%),transparent 38%),radial-gradient(ellipse at 84% 56%,color-mix(in oklab,var(--play-report-accent),transparent 86%),transparent 34%);filter:blur(.72rem);opacity:.5;transform:translate(-.45rem) translateY(.15rem) scale(.96);animation:play-report-mist-settle 1.28s var(--play-ease-emphasized) both}.play-report-award-image{z-index:4;scale:1.08;transform-origin:center 62%;filter:drop-shadow(0 1rem 1.15rem color-mix(in oklab,var(--play-report-text),transparent 88%)) drop-shadow(0 1.15rem 1.55rem color-mix(in oklab,var(--play-report-award),transparent 80%))}.play-report-award-ribbon{color:var(--play-report-ribbon-text);background:linear-gradient(180deg,color-mix(in oklab,var(--play-report-ribbon),white 12%),var(--play-report-ribbon)),var(--play-report-ribbon)}.play-report-award-column{grid-area:award;gap:var(--play-report-award-column-gap)}.play-report-reward-column{grid-area:reward;align-self:center;justify-content:center}.play-report-achievement-copy{max-width:min(100%,clamp(11rem,54cqi,24rem));margin-inline:auto}.play-report-accuracy-column{grid-area:accuracy}.play-report-stat-column{grid-area:stat}.play-report-effect-layer{z-index:3;pointer-events:none}.play-report-stat-item,.play-report-meta-grid,.play-report-meta-item{color:var(--play-report-text);background:color-mix(in oklab,var(--play-report-surface-raised),transparent 3%);border:1px solid var(--play-report-border)}.play-report-meta-grid{position:relative;grid-template-columns:minmax(0,1fr);width:min(100%,var(--play-report-meta-max-width));margin-top:var(--play-report-meta-margin);margin-inline:auto;background:transparent;border:0;box-shadow:none}.play-report-meta-item{position:relative;min-height:var(--play-report-meta-min-height);gap:var(--play-report-meta-gap);padding:var(--play-report-meta-padding-block) var(--play-report-meta-padding-inline);border:0;background:transparent}.play-report-meta-item+.play-report-meta-item{border-top:0}.play-report-meta-item+.play-report-meta-item:before{content:"";position:absolute;inset:0 1rem auto;height:1px;background:linear-gradient(90deg,transparent,var(--play-report-meta-divider) 50%,transparent);opacity:.44}.play-report-meta-item svg{color:var(--play-report-meta-icon-color);opacity:.68}.play-report-meta-label{gap:clamp(.22rem,.9cqi,.38rem);font-size:var(--play-report-meta-label-size);line-height:1.15;opacity:.7}.play-report-meta-icon{width:var(--play-report-meta-icon-size);height:var(--play-report-meta-icon-size)}.play-report-meta-value{padding-left:calc(var(--play-report-meta-icon-size) + clamp(.22rem,.9cqi,.38rem));color:var(--play-report-meta-value-color);font-size:var(--play-report-meta-value-size);line-height:1;opacity:.92}.play-report-integrity-message{margin-top:var(--play-report-integrity-margin);padding:var(--play-report-integrity-padding-block) var(--play-report-integrity-padding-inline);font-size:var(--play-report-integrity-size);line-height:1.35}.play-report-accuracy-ring{color:var(--play-report-text)}.play-report-accuracy-frame{width:var(--play-report-ring-size);height:var(--play-report-ring-size)}.play-report-accuracy-copy{inset:var(--play-report-accuracy-inset);text-align:center}.play-report-accuracy-percent{max-width:100%;font-size:var(--play-report-accuracy-percent-size);line-height:.94}.play-report-accuracy-outer-ring{opacity:.9;filter:drop-shadow(0 0 .55rem color-mix(in oklab,var(--play-report-award),transparent 82%)) drop-shadow(0 .65rem 1.25rem color-mix(in oklab,var(--play-report-text),transparent 94%))}.play-report-accuracy-core{fill:var(--play-report-accuracy-core);filter:drop-shadow(0 .35rem .7rem color-mix(in oklab,var(--play-report-surface),transparent 18%)) drop-shadow(0 .95rem 1.55rem color-mix(in oklab,var(--play-report-award),transparent 90%))}.play-report-accuracy-segment{transform-origin:center;filter:drop-shadow(0 .16rem .34rem color-mix(in oklab,var(--play-report-award),transparent 78%))}.play-report-stat-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--play-report-stat-gap)}.play-report-stat-item{--play-report-stat-indicator: var(--play-report-accent);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:clamp(.35rem,1.2cqi,.65rem);row-gap:.18rem;padding:var(--play-report-stat-padding);color:var(--play-report-text);background:var(--play-report-stat-surface);background-image:linear-gradient(145deg,color-mix(in oklab,var(--play-report-stat-surface),var(--play-report-surface) 26%),var(--play-report-stat-surface));border-color:color-mix(in oklab,var(--play-report-border),var(--play-report-award) 8%);box-shadow:inset 0 1px color-mix(in oklab,var(--play-report-surface),transparent 16%),0 .55rem 1.25rem color-mix(in oklab,var(--play-report-award),transparent 94%)}.play-report-stat-label{min-width:0;gap:var(--play-report-stat-label-gap);font-size:var(--play-report-stat-label-size)}.play-report-stat-icon{width:var(--play-report-stat-icon-size);height:var(--play-report-stat-icon-size)}.play-report-stat-svg{width:var(--play-report-stat-svg-size);height:var(--play-report-stat-svg-size)}.play-report-stat-value-row{justify-content:flex-end;gap:0 .25rem;margin-top:0}.play-report-stat-value{font-size:var(--play-report-stat-value-size)}.play-report-stat-suffix{font-size:var(--play-report-stat-suffix-size)}.play-report-stat-item:before{content:"";position:absolute;inset:0 auto 0 0;width:.16rem;background:var(--play-report-stat-indicator);opacity:.66}.play-report-stat-item:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 8%,color-mix(in oklab,var(--play-report-award),transparent 88%),transparent 34%);pointer-events:none}.play-report-stat-item>*{position:relative;z-index:1}.play-report-stat-icon{color:var(--play-report-stat-indicator);background:color-mix(in oklab,var(--play-report-stat-indicator),transparent 91%);box-shadow:inset 0 1px color-mix(in oklab,var(--play-report-surface),transparent 28%)}.play-report-stat-item[data-result=correct]{--play-report-stat-indicator: var(--play-summary-success-text)}.play-report-stat-item[data-result=incorrect]{--play-report-stat-indicator: var(--play-summary-error-text)}.play-report-stat-item[data-result=timeout]{--play-report-stat-indicator: var(--play-summary-warning-text)}.play-report-stat-item[data-result=streak]{--play-report-stat-indicator: var(--play-report-accent)}.play-report-stat-item[data-result] svg,.play-report-stat-item[data-result] dd>span:first-child{color:var(--play-report-stat-indicator)}@keyframes play-report-stage-light{0%{opacity:0;transform:translateY(.85rem) scaleX(.78)}to{opacity:.42;transform:translateY(.35rem) scaleX(.9)}}@keyframes play-report-spotlight-settle{0%{opacity:0;transform:translateY(1rem) scaleX(.82)}to{opacity:.36;transform:translateY(.45rem) scaleX(.92)}}@keyframes play-report-mist-settle{0%{opacity:0;transform:translate(-1.4rem) translateY(.45rem) scale(.88)}to{opacity:.5;transform:translate(-.45rem) translateY(.15rem) scale(.96)}}@media(prefers-reduced-motion:reduce){.play-report-award-stage:before,.play-report-award-spotlight,.play-report-award-mist{animation:none}}@container report (min-width: 40rem){.play-report-hero-grid{--play-report-hero-padding: clamp(.95rem, 2.5cqi, 1.2rem);--play-report-grid-gap: clamp(.7rem, 1.7cqi, 1rem);--play-report-column-gap: clamp(.85rem, 2cqi, 1.2rem);--play-report-title-size: clamp(.86rem, 1.7cqi, 1rem);--play-report-title-max: 11rem;--play-report-award-column-gap: clamp(.5rem, 1.1cqi, .72rem);--play-report-award-size: clamp(6.75rem, 22cqi, 8.5rem);--play-report-award-padding: clamp(.5rem, 1.2cqi, .7rem);--play-report-headline-size: clamp(1.35rem, 3.35cqi, 1.7rem);--play-report-divider-margin-start: clamp(.72rem, 1.2cqi, .9rem);--play-report-divider-margin-end: clamp(.5rem, .92cqi, .68rem);--play-report-stars-label-size: clamp(.62rem, 1.15cqi, .72rem);--play-report-stars-size: clamp(2.75rem, 6.2cqi, 3.4rem);--play-report-star-icon-size: clamp(2rem, 4.2cqi, 2.45rem);--play-report-meta-min-height: clamp(1.55rem, 3.7cqi, 1.9rem);--play-report-meta-padding-block: clamp(.16rem, .42cqi, .28rem);--play-report-meta-padding-inline: clamp(.28rem, .72cqi, .48rem);--play-report-meta-label-size: clamp(.54rem, .86cqi, .62rem);--play-report-meta-icon-size: clamp(.54rem, .92cqi, .66rem);--play-report-meta-margin: clamp(.48rem, 1cqi, .7rem);--play-report-meta-value-size: clamp(.9rem, 1.58cqi, 1.05rem);--play-report-meta-max-width: clamp(12rem, 32cqi, 16rem);--play-report-ring-size: clamp(7rem, 22cqi, 9rem);--play-report-accuracy-percent-size: clamp(1.55rem, 3.7cqi, 2.05rem);--play-report-stat-gap: clamp(.55rem, 1.3cqi, .75rem);--play-report-stat-padding: clamp(.72rem, 1.5cqi, .95rem);--play-report-stat-label-size: clamp(.74rem, 1.35cqi, .84rem);--play-report-stat-value-size: clamp(1.4rem, 3.1cqi, 1.8rem)}.play-report-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(12rem,.9fr);grid-template-areas:"award reward" "accuracy reward" "stat stat";align-items:center}.play-report-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-report-meta-item+.play-report-meta-item{border-top:0;border-left:0}.play-report-meta-item+.play-report-meta-item:before{inset:.7rem auto .7rem 0;width:1px;height:auto;background:linear-gradient(180deg,transparent,var(--play-report-meta-divider) 50%,transparent)}}@container report (min-width: 56rem){.play-report-hero-grid{--play-report-hero-padding: clamp(.9rem, 1.55cqi, 1.15rem);--play-report-grid-gap: clamp(.65rem, 1.1cqi, .9rem);--play-report-column-gap: clamp(.8rem, 1.45cqi, 1.15rem);--play-report-title-size: clamp(.9rem, 1.2cqi, 1.05rem);--play-report-title-max: 12.5rem;--play-report-award-column-gap: clamp(.48rem, .85cqi, .7rem);--play-report-award-size: clamp(8.5rem, 16cqi, 10rem);--play-report-award-padding: clamp(.55rem, .9cqi, .7rem);--play-report-headline-size: clamp(1.6rem, 2.65cqi, 1.86rem);--play-report-divider-margin-start: clamp(.76rem, 1cqi, .94rem);--play-report-divider-margin-end: clamp(.56rem, .78cqi, .72rem);--play-report-stars-label-size: clamp(.64rem, .88cqi, .74rem);--play-report-stars-size: clamp(3.15rem, 5.4cqi, 3.85rem);--play-report-star-icon-size: clamp(2.25rem, 3.6cqi, 2.65rem);--play-report-meta-margin: clamp(.52rem, .74cqi, .74rem);--play-report-meta-min-height: clamp(1.6rem, 2.7cqi, 1.95rem);--play-report-meta-padding-block: clamp(.18rem, .32cqi, .28rem);--play-report-meta-padding-inline: clamp(.34rem, .52cqi, .5rem);--play-report-meta-label-size: clamp(.56rem, .72cqi, .64rem);--play-report-meta-icon-size: clamp(.56rem, .78cqi, .68rem);--play-report-meta-value-size: clamp(.94rem, 1.22cqi, 1.12rem);--play-report-meta-max-width: clamp(12.5rem, 20cqi, 15.5rem);--play-report-ring-size: clamp(8.5rem, 16cqi, 10rem);--play-report-accuracy-percent-size: clamp(1.75rem, 3.05cqi, 2.3rem);--play-report-stat-gap: clamp(.5rem, .8cqi, .7rem);--play-report-stat-padding: clamp(.62rem, .95cqi, .8rem);--play-report-stat-label-size: clamp(.68rem, 1.05cqi, .8rem);--play-report-stat-icon-size: clamp(1.55rem, 2.45cqi, 1.85rem);--play-report-stat-value-margin: clamp(.26rem, .55cqi, .42rem);--play-report-stat-value-size: clamp(1.25rem, 2.4cqi, 1.65rem)}.play-report-hero-grid{grid-template-columns:minmax(12rem,.88fr) minmax(19rem,1.16fr) minmax(12rem,.88fr);grid-template-areas:"award reward accuracy" "stat stat stat";column-gap:var(--play-report-column-gap);align-items:stretch}.play-report-stat-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}@container report (min-width: 72rem){.play-report-hero-grid{--play-report-hero-padding: clamp(1rem, 1.6cqi, 1.35rem);--play-report-grid-gap: clamp(.8rem, 1.15cqi, 1rem);--play-report-column-gap: clamp(1rem, 1.45cqi, 1.5rem);--play-report-title-size: clamp(1rem, 1.3cqi, 1.2rem);--play-report-title-max: 14rem;--play-report-award-size: clamp(9.5rem, 13.5cqi, 11rem);--play-report-award-padding: clamp(.62rem, .9cqi, .8rem);--play-report-headline-size: clamp(1.75rem, 2.5cqi, 2.05rem);--play-report-divider-margin-start: clamp(.82rem, .96cqi, 1rem);--play-report-divider-margin-end: clamp(.62rem, .74cqi, .82rem);--play-report-stars-label-size: clamp(.66rem, .86cqi, .76rem);--play-report-stars-size: clamp(3.55rem, 5.2cqi, 4.25rem);--play-report-star-icon-size: clamp(2.55rem, 3.7cqi, 3rem);--play-report-meta-min-height: clamp(1.7rem, 2.5cqi, 2.05rem);--play-report-meta-margin: clamp(.56rem, .7cqi, .78rem);--play-report-meta-label-size: clamp(.58rem, .68cqi, .66rem);--play-report-meta-icon-size: clamp(.58rem, .74cqi, .7rem);--play-report-meta-value-size: clamp(.98rem, 1.1cqi, 1.18rem);--play-report-meta-max-width: clamp(13rem, 18cqi, 16.5rem);--play-report-ring-size: clamp(9.5rem, 13.5cqi, 11rem);--play-report-accuracy-percent-size: clamp(2.05rem, 2.85cqi, 2.65rem);--play-report-stat-padding: clamp(.72rem, .95cqi, .95rem);--play-report-stat-label-size: clamp(.76rem, 1.02cqi, .88rem);--play-report-stat-value-size: clamp(1.45rem, 2.1cqi, 1.85rem)}.play-report-hero-grid{grid-template-columns:minmax(14rem,.95fr) minmax(21rem,1.05fr) minmax(14rem,.95fr)}}@container report (max-width: 20rem){.play-report-hero-grid{--play-report-grid-gap: clamp(.32rem, 1.6cqi, .48rem);--play-report-column-gap: clamp(.32rem, 1.4cqi, .48rem);--play-report-title-size: clamp(.64rem, 3.1cqi, .78rem);--play-report-title-max: 6.5rem;--play-report-award-column-gap: clamp(.22rem, 1cqi, .36rem);--play-report-headline-size: clamp(.9rem, 4.3cqi, 1.16rem);--play-report-divider-margin-start: clamp(.44rem, 1.45cqi, .56rem);--play-report-divider-margin-end: clamp(.32rem, 1.15cqi, .44rem);--play-report-stars-label-size: clamp(.54rem, 2cqi, .62rem);--play-report-meta-margin: clamp(.3rem, 1.05cqi, .44rem);--play-report-meta-min-height: clamp(1.25rem, 5cqi, 1.55rem);--play-report-meta-padding-block: clamp(.1rem, .45cqi, .18rem);--play-report-meta-padding-inline: clamp(.18rem, .8cqi, .32rem);--play-report-meta-label-size: clamp(.46rem, 1.5cqi, .54rem);--play-report-meta-icon-size: clamp(.44rem, 1.7cqi, .54rem);--play-report-meta-value-size: clamp(.74rem, 2.8cqi, .88rem);--play-report-meta-max-width: clamp(7.5rem, 44cqi, 11rem);--play-report-stat-gap: clamp(.28rem, 1.3cqi, .42rem);--play-report-stat-padding: clamp(.38rem, 1.6cqi, .5rem);--play-report-stat-label-gap: clamp(.22rem, 1cqi, .34rem);--play-report-stat-label-size: clamp(.58rem, 2.5cqi, .68rem);--play-report-stat-icon-size: clamp(1.12rem, 5cqi, 1.35rem);--play-report-stat-svg-size: clamp(.58rem, 2.4cqi, .72rem);--play-report-stat-value-size: clamp(.98rem, 4.8cqi, 1.2rem);--play-report-stat-suffix-size: clamp(.55rem, 2.2cqi, .66rem)}}@media(max-height:42rem){@container report (min-width: 56rem){.play-report-hero-grid{--play-report-grid-gap: clamp(.5rem, .85cqi, .7rem);--play-report-column-gap: clamp(.7rem, 1.05cqi, 1rem);--play-report-title-size: clamp(.82rem, 1cqi, .98rem);--play-report-title-max: 11.5rem;--play-report-award-column-gap: clamp(.36rem, .65cqi, .55rem);--play-report-award-size: clamp(8.5rem, 12cqi, 9.35rem);--play-report-headline-size: clamp(1.55rem, 2.05cqi, 1.72rem);--play-report-divider-margin-start: clamp(.56rem, .72cqi, .68rem);--play-report-divider-margin-end: clamp(.4rem, .55cqi, .54rem);--play-report-stars-label-size: clamp(.62rem, .78cqi, .7rem);--play-report-stars-size: clamp(3.15rem, 3.7cqi, 3.35rem);--play-report-star-icon-size: clamp(2.2rem, 2.7cqi, 2.4rem);--play-report-meta-margin: clamp(.4rem, .54cqi, .58rem);--play-report-meta-min-height: clamp(1.5rem, 2.2cqi, 1.78rem);--play-report-meta-padding-block: clamp(.14rem, .24cqi, .22rem);--play-report-meta-padding-inline: clamp(.3rem, .42cqi, .44rem);--play-report-meta-label-size: clamp(.52rem, .62cqi, .6rem);--play-report-meta-icon-size: clamp(.52rem, .68cqi, .62rem);--play-report-meta-value-size: clamp(.88rem, 1.05cqi, 1rem);--play-report-meta-max-width: clamp(12rem, 18cqi, 15rem);--play-report-ring-size: clamp(8.5rem, 12cqi, 9.35rem);--play-report-accuracy-percent-size: clamp(1.7rem, 2.6cqi, 2.15rem);--play-report-stat-gap: clamp(.38rem, .62cqi, .55rem);--play-report-stat-padding: clamp(.45rem, .65cqi, .6rem);--play-report-stat-label-size: clamp(.62rem, .88cqi, .72rem);--play-report-stat-icon-size: clamp(1.25rem, 1.8cqi, 1.5rem);--play-report-stat-value-size: clamp(1.1rem, 1.7cqi, 1.35rem)}}}.play-summary-canvas{background:var(--play-summary-canvas)}.play-summary-actions{color:var(--play-summary-text);background:color-mix(in oklab,var(--play-summary-surface),transparent 4%);border-bottom:1px solid var(--play-summary-border)}.play-summary-section{color:var(--play-summary-text);background:var(--play-summary-surface);border:1px solid var(--play-summary-border);border-radius:var(--play-radius-surface);overflow:hidden;padding:clamp(1rem,1.4vw,1.25rem);box-shadow:var(--play-summary-shadow)}.play-summary-leaderboard{min-width:0}.play-summary-answers{content-visibility:auto;contain-intrinsic-block-size:auto 48rem}.play-summary-leaderboard-heading-icon{color:var(--play-summary-leaderboard-heading-text);background:var(--play-summary-leaderboard-heading-surface);box-shadow:inset 0 0 0 1px var(--play-summary-leaderboard-stage-border),0 8px 22px color-mix(in oklab,var(--play-summary-leaderboard-heading-text),transparent 88%)}.play-summary-leaderboard-retry{color:var(--play-summary-text);background:var(--play-summary-surface);box-shadow:inset 0 0 0 1px var(--play-summary-border);transition:color var(--play-duration-fast) var(--play-ease-standard),background-color var(--play-duration-fast) var(--play-ease-standard),transform var(--play-duration-fast) var(--play-ease-standard)}.play-summary-leaderboard-retry:hover{color:var(--play-summary-action-text);background:var(--play-summary-action)}.play-summary-leaderboard-retry:active{transform:scale(.97)}.play-summary-leaderboard-player-name{min-width:0;max-width:100%;overflow-wrap:anywhere;font-weight:800;line-height:1.18;text-wrap:pretty}.play-summary-leaderboard-current-badge{display:inline-flex;max-width:100%;align-items:center;justify-content:center;gap:.2rem;padding:.16rem .42rem;color:var(--play-summary-leaderboard-badge-text);background:var(--play-summary-leaderboard-badge-surface);border-radius:999px;font-size:.65rem;font-weight:900;line-height:1;white-space:nowrap}.play-summary-leaderboard-grid{min-width:0;overflow:clip;background:var(--play-summary-leaderboard-row-surface);border:1px solid var(--play-summary-border);border-radius:var(--play-radius-surface)}.play-summary-leaderboard-grid-head,.play-summary-leaderboard-row{display:grid;grid-template-columns:minmax(3.4rem,auto) minmax(0,1fr) minmax(3rem,auto);min-width:0;align-items:center;gap:clamp(.5rem,1.6vw,.9rem);padding-inline:clamp(.7rem,2vw,1rem)}.play-summary-leaderboard-grid-head{min-height:2.25rem;color:var(--play-summary-text-muted);background:var(--play-summary-leaderboard-stage);font-size:.7rem;font-weight:800}.play-summary-leaderboard-grid-head>:last-child{text-align:right}.play-summary-leaderboard-grid-rows{min-width:0;margin:0;padding:0;list-style:none}.play-summary-leaderboard-row{min-height:3.15rem;padding-block:.65rem;color:var(--play-summary-text);border-top:1px solid var(--play-summary-border)}.play-summary-leaderboard-row.play-summary-leaderboard-current-player{background:var(--play-summary-leaderboard-current-surface);box-shadow:inset 4px 0 0 var(--play-summary-leaderboard-current-border),inset 0 0 0 1px var(--play-summary-leaderboard-current-border)}.play-summary-leaderboard-row-rank{color:var(--play-summary-text-muted);font-size:.78rem;font-weight:900;font-variant-numeric:tabular-nums;text-align:center}.play-summary-leaderboard-medal{display:inline-flex;width:fit-content;min-width:3.2rem;min-height:2rem;align-items:center;justify-content:center;gap:.25rem;padding-inline:.45rem;border-radius:var(--play-radius-control);font-size:.78rem;font-variant-numeric:tabular-nums;line-height:1}.play-summary-leaderboard-medal[data-rank="1"]{color:var(--play-summary-leaderboard-first-accent);background:var(--play-summary-leaderboard-first-surface)}.play-summary-leaderboard-medal[data-rank="2"]{color:var(--play-summary-leaderboard-second-accent);background:var(--play-summary-leaderboard-second-surface)}.play-summary-leaderboard-medal[data-rank="3"]{color:var(--play-summary-leaderboard-third-accent);background:var(--play-summary-leaderboard-third-surface)}.play-summary-leaderboard-row-player{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-size:.9rem}.play-summary-leaderboard-row-score{font-size:.9rem;font-weight:900;font-variant-numeric:tabular-nums;text-align:right}.play-summary-leaderboard-pinned{background:var(--play-summary-leaderboard-current-surface);border-top:1px dashed var(--play-summary-leaderboard-current-border)}.play-summary-leaderboard-pinned-note{flex-basis:100%;color:var(--play-summary-text-muted);font-size:.68rem;font-weight:700}@media(max-width:25rem){.play-summary-leaderboard-current-badge{padding-inline:.32rem}.play-summary-leaderboard-grid-head,.play-summary-leaderboard-row{grid-template-columns:3rem minmax(0,1fr) auto;gap:.45rem;padding-inline:.6rem}.play-summary-leaderboard-medal{min-width:2.8rem;padding-inline:.3rem}}@media(min-width:48rem){.play-summary-leaderboard-row{min-height:3.5rem;padding-block:.75rem}}.play-summary-utility-action{color:var(--play-summary-text-muted);transition:color var(--play-duration-fast) var(--play-ease-standard),background-color var(--play-duration-fast) var(--play-ease-standard),transform var(--play-duration-fast) var(--play-ease-standard)}.play-summary-utility-action:hover{color:var(--play-summary-text);background:var(--play-summary-filter-surface)}.play-summary-utility-action:active{transform:scale(.97)}.play-summary-filter{color:var(--play-summary-text-muted);background:var(--play-summary-filter-surface);border:1px solid transparent;transition:color var(--play-duration-normal) var(--play-ease-standard),background-color var(--play-duration-normal) var(--play-ease-standard),border-color var(--play-duration-normal) var(--play-ease-standard),transform var(--play-duration-fast) var(--play-ease-standard)}.play-summary-filter:hover{color:var(--play-summary-text);border-color:var(--play-summary-border)}.play-summary-filter:active{transform:scale(.98)}.play-summary-filter[data-state=active]{color:var(--play-summary-filter-active-text);background:var(--play-summary-filter-active);border-color:var(--play-summary-filter-active)}.play-summary-answer-correct{box-shadow:inset 3px 0 0 var(--play-summary-success-text)}.play-summary-answer-incorrect{box-shadow:inset 3px 0 0 var(--play-summary-error-text)}.play-summary-answer-timeout{box-shadow:inset 3px 0 0 var(--play-summary-warning-text)}.play-summary-skeleton{background:linear-gradient(90deg,var(--play-summary-filter-surface),color-mix(in oklab,var(--play-summary-text-muted),transparent 82%),var(--play-summary-filter-surface));background-size:200% 100%;animation:play-summary-shimmer 1.5s var(--play-ease-standard) infinite}@keyframes play-summary-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(min-width:40rem){.play-summary-section{padding:1.5rem}}.play-ambient-orb{background:color-mix(in oklab,var(--play-action-secondary),transparent 84%)}@media(prefers-reduced-motion:reduce){.play-theme-root *,.play-theme-root *:before,.play-theme-root *:after{transition-duration:1ms;animation-duration:1ms;animation-iteration-count:1;scroll-behavior:auto}.play-summary-skeleton{animation:none}}}