.LookPreview-module__HbF9qG__frame{aspect-ratio:8/5;box-sizing:border-box;border-radius:var(--mantine-radius-sm);border:1px solid var(--app-border);background:var(--mantine-color-gray-0);flex-direction:column;gap:4px;width:100%;padding:7px;display:flex;overflow:hidden}.LookPreview-module__HbF9qG__title{background:var(--mantine-color-gray-7);border-radius:3px;width:62%;height:6px}.LookPreview-module__HbF9qG__answers{flex-direction:column;flex:1;gap:3px;display:flex}.LookPreview-module__HbF9qG__answer{border:1px solid var(--mantine-color-gray-3);background:var(--mantine-color-white);border-radius:3px;flex:1}.LookPreview-module__HbF9qG__answer[data-selected]{border-color:var(--mantine-primary-color-filled);background:var(--mantine-primary-color-light)}.LookPreview-module__HbF9qG__frame[data-look=playful]{background:var(--mantine-primary-color-light)}.LookPreview-module__HbF9qG__frame[data-look=playful] .LookPreview-module__HbF9qG__title{background:var(--mantine-color-white);width:100%;height:10px}.LookPreview-module__HbF9qG__frame[data-look=playful] .LookPreview-module__HbF9qG__answers{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.LookPreview-module__HbF9qG__frame[data-look=playful] .LookPreview-module__HbF9qG__answer{border:0}.LookPreview-module__HbF9qG__frame[data-look=playful] .LookPreview-module__HbF9qG__answer:first-child{background:var(--mantine-color-blue-7)}.LookPreview-module__HbF9qG__frame[data-look=playful] .LookPreview-module__HbF9qG__answer:nth-child(2){background:var(--mantine-color-pink-7)}.LookPreview-module__HbF9qG__frame[data-look=playful] .LookPreview-module__HbF9qG__answer:nth-child(3){background:var(--mantine-color-yellow-4)}.LookPreview-module__HbF9qG__frame[data-look=playful] .LookPreview-module__HbF9qG__answer:nth-child(4){background:var(--mantine-color-teal-8)}.LookPreview-module__HbF9qG__frame[data-look=coach]{background:var(--mantine-color-white)}.LookPreview-module__HbF9qG__hint{background:var(--mantine-color-yellow-1);border:1px solid var(--mantine-color-yellow-4);border-radius:3px;height:9px}.LookPreview-module__HbF9qG__frame[data-look=coach] .LookPreview-module__HbF9qG__answer{border-radius:999px}.LookPreview-module__HbF9qG__frame[data-look=retro]{background:var(--mantine-color-dark-8);border-radius:0}.LookPreview-module__HbF9qG__frame[data-look=retro] .LookPreview-module__HbF9qG__title{background:var(--mantine-color-gray-0);border-radius:0}.LookPreview-module__HbF9qG__frame[data-look=retro] .LookPreview-module__HbF9qG__answers{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.LookPreview-module__HbF9qG__frame[data-look=retro] .LookPreview-module__HbF9qG__answer{border:0;border-radius:0}.LookPreview-module__HbF9qG__frame[data-look=retro] .LookPreview-module__HbF9qG__answer:first-child{background:var(--mantine-color-cyan-5)}.LookPreview-module__HbF9qG__frame[data-look=retro] .LookPreview-module__HbF9qG__answer:nth-child(2){background:var(--mantine-color-red-6)}.LookPreview-module__HbF9qG__frame[data-look=retro] .LookPreview-module__HbF9qG__answer:nth-child(3){background:var(--mantine-color-yellow-4)}.LookPreview-module__HbF9qG__frame[data-look=retro] .LookPreview-module__HbF9qG__answer:nth-child(4){background:var(--mantine-color-green-6)}
.slide-player{background:var(--qe-player-bg);background-size:var(--qe-player-bg-size,auto);width:100%;height:100%;min-height:min(100%,100dvh);max-height:min(100%,100dvh);animation:var(--qe-player-bg-animation,none);font-family:var(--qe-player-font-family);flex-direction:column;display:flex;position:relative;overflow:hidden}.start-player-container,.completed-player-container{background:var(--qe-player-bg);max-height:100dvh}.slide-player .quiz-question{background:var(--qe-player-header-bg)}.player-header{background:var(--qe-player-header-bg);pointer-events:none;top:0;z-index:10;padding:10px;flex-direction:row;justify-content:space-between;align-items:center;padding-inline:1em;display:flex;position:absolute;inset-inline:0}@media (max-width:480px){.player-header--regular{gap:6px;padding:8px}.player-header--regular .mantine-Group-root{flex-wrap:nowrap;gap:6px}.player-header--regular .player-info{padding:.35em .65em;font-size:.9em}.player-header--regular .player-avatar,.player-header--regular .player-exit .mantine-Button-label{display:none}.player-header--regular .player-exit .mantine-Button-section{margin:0}.player-header--regular .player-exit{padding-inline:10px}}.player-info{border-radius:var(--qe-player-btn-radius,8px);-webkit-backdrop-filter:blur(16px);padding:.5em 1em;font-size:1em;font-weight:700;box-shadow:0 4px 16px #00000026;color:#fff!important;background:#0006!important;border:1px solid #fff3!important}.progress-container{border-radius:8px;width:100%;height:12px;position:absolute;top:0;overflow:hidden}.player-progress-bar{background:linear-gradient(90deg,#0891b2,#0f766e);border-radius:8px;height:100%;box-shadow:0 0 10px #0891b280}.progress-segments{background:0 0;width:100%;display:flex;position:absolute;top:0}.progress-segment{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:8px;flex:1;height:12px;transition:all .3s;position:relative;overflow:hidden}.progress-segment:hover{background:#ffffff4d;box-shadow:0 4px 12px #00000026}.progress-segment.completed .segment-fill{background-color:#0000;width:100%}.progress-segment.active{box-shadow:0 0 16px #0891b266}.progress-segment.active .segment-fill{background:linear-gradient(90deg,#ec4899,#f59e0b);width:100%;animation:2s infinite pulse}.segment-fill{top:0;border-radius:8px;width:0%;height:100%;transition:all .5s;position:absolute;inset-inline-start:0}.segment-number{color:#ffffff90;text-shadow:0 1px 2px #00000080;z-index:2;font-size:9px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-segments .active .segment-number,.progress-segment:hover .segment-number{color:#fff}.segment-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:10;background:#000c;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;position:absolute;bottom:-35px;left:50%;transform:translate(-50%)}.segment-tooltip:before{content:"";border-inline:4px solid #0000;border-bottom:4px solid #000c;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.slide-counter{text-align:center;color:#fff;text-shadow:0 2px 4px #0000004d;font-size:18px;font-weight:600}.slide-container{flex:1;justify-content:center;align-items:center;font-size:1em;display:flex;position:relative;overflow:hidden}.slide-content{background:0 0;justify-content:center;width:100%;height:100%;display:flex;overflow:hidden auto}.slide-player .slide-content{top:0;inset-inline:0;box-sizing:border-box;will-change:transform, opacity;height:auto;position:absolute;bottom:0}.slide-player--has-toolbar .slide-content{padding-bottom:var(--qe-player-controls-space,68px);scroll-padding-bottom:var(--qe-player-controls-space,68px)}.slide-player:not(.slide-player--has-toolbar) .slide-content{padding-bottom:0}.slide-player--question-only .qe-smart-answer-layout{visibility:hidden;pointer-events:none}.nav-controls{color:#fff;-webkit-backdrop-filter:blur(16px);background:#0006;border:1px solid #fff3;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:0 auto;padding:6px 14px;display:flex;box-shadow:0 8px 32px #0003}.nav-controls--live-submit-only{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:0;padding:0}.nav-button{cursor:pointer;z-index:10;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;box-shadow:0 8px 16px #0000001a}.nav-button:hover{background:#fff;box-shadow:0 12px 24px #00000026}.nav-button:disabled{cursor:not-allowed;opacity:.3}.nav-prev{inset-inline-start:20px}.nav-next{inset-inline-end:20px}.control-panel{padding-bottom:env(safe-area-inset-bottom);padding-top:2px;bottom:0;z-index:10;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-inline:1em;display:flex;position:absolute;inset-inline:0}.control-button{border-radius:var(--qe-player-btn-radius,8px);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;white-space:nowrap;background:#fff3;border:1px solid #ffffff4d;justify-content:center;align-items:center;gap:.5em;padding:.5em .8em;font-size:1em;font-weight:600;transition:all .3s;display:flex}.nav-submit{padding-inline:1.2em}.control-button:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.slide-dots{align-items:center;gap:8px;display:flex}.dot{cursor:pointer;width:12px;height:12px;transition:all var(--qe-transition-slow) ease;border:none;border-radius:8px}.dot.active{box-shadow:0 0 12px #0891b299}.player-answer{aspect-ratio:1;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px;font-size:1.2rem;display:flex}.player-answer[data-correct=true]{border-color:var(--qe-player-answer-correct-bg);border-style:solid;border-width:4px}.player-answer[data-correct=false]{border-color:var(--qe-player-answer-incorrect-bg);border-style:solid;border-width:4px}@media (max-width:768px){.nav-button{width:50px;height:50px}.nav-prev{inset-inline-start:10px}.nav-next{inset-inline-end:10px}.control-panel{gap:15px}.control-button{padding:8px 10px;font-size:14px}}@media (max-width:640px){.submit-btn-wrapper .control-button,.submit-btn-wrapper button[class*=GameButton]{min-width:140px;min-height:52px;font-size:15px}.nav-controls{gap:8px;padding:8px 12px}.finish-btn-wrapper .control-button,.finish-btn-wrapper button[class*=GameButton]{min-width:160px;min-height:52px}}.slide-enter{opacity:0;transform:scale(.8)rotateY(45deg)}.slide-enter-active{opacity:1;transition:all .5s;transform:scale(1)rotateY(0)}.slide-exit{opacity:1;transform:scale(1)rotateY(0)}.slide-exit-active{opacity:0;transition:all .5s;transform:scale(.8)rotateY(-45deg)}.pr-game-container{padding-block:6em}@media (min-width:1920px){.slide-container,.player-header,.control-panel{font-size:1.2em}}.pr-results-overview{border-radius:var(--qe-player-btn-radius,8px);background-color:var(--qe-player-overview-btn-bg,#10b981e6);color:var(--qe-player-btn-color,white);padding:.25em .75em}.ao-root{max-width:min(420px,90vw);max-height:60vh;font-family:var(--qe-player-font-family,inherit);color:var(--qe-text-primary,#333);flex-direction:column;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.ao-stats{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ao-badge{border-radius:var(--qe-radius-full,8px);white-space:nowrap;border-width:var(--qe-player-btn-border-width,0);border-style:var(--qe-player-btn-border-style,solid);align-items:center;gap:4px;padding:3px 10px;font-size:.8rem;font-weight:600;line-height:1.4;display:inline-flex}.ao-badge--correct{background:var(--qe-correct-answer-bg,#e8f5e8);color:var(--qe-correct-answer,#4caf50);border-color:var(--qe-correct-answer,#4caf50)}.ao-badge--incorrect{background:var(--qe-incorrect-answer-bg,#ffebee);color:var(--qe-incorrect-answer,#f44);border-color:var(--qe-incorrect-answer,#f44)}.ao-badge--unanswered{background:var(--qe-player-answer-bg,#d1d5db);color:var(--qe-text-secondary,#666);border-color:var(--qe-player-answer-bg,#d1d5db)}.ao-badge--total{color:var(--qe-text-muted,#999);background:0 0;border-color:#0000;margin-inline-start:auto;font-size:.8rem;font-weight:700}.ao-progress{width:100%}.ao-progress__track{width:100%;height:var(--qe-progress-bar-height,8px);background:var(--qe-progress-bar-bg,#e0e0e0);border-radius:var(--qe-progress-bar-border-radius,8px);border-width:var(--qe-player-btn-border-width,0);border-style:var(--qe-player-btn-border-style,solid);border-color:var(--qe-player-btn-border-color,transparent);display:flex;overflow:hidden}.ao-progress__fill{height:100%;transition:width .4s}.ao-progress__fill--correct{background:var(--qe-correct-answer,#4caf50)}.ao-progress__fill--incorrect{background:var(--qe-incorrect-answer,#f44)}.ao-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:6px;display:grid}.ao-cell{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--qe-radius-md,8px);border:none;border-width:var(--qe-player-btn-border-width,0);border-style:var(--qe-player-btn-border-style,solid);justify-content:center;align-items:center;padding:0;font-size:.8rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.ao-cell:hover{z-index:1;transform:scale(1.12)}.ao-cell:active{transform:scale(.95)}.ao-cell--unanswered{background:var(--qe-player-answer-bg,#d1d5db);color:var(--qe-text-secondary,#666);border-color:var(--qe-player-answer-bg,#d1d5db)}.ao-cell--correct{background:var(--qe-correct-answer-bg,#e8f5e8);color:var(--qe-correct-answer,#4caf50);border-color:var(--qe-correct-answer,#4caf50);box-shadow:0 0 0 1.5px var(--qe-correct-answer,#4caf50)}.ao-cell--incorrect{background:var(--qe-incorrect-answer-bg,#ffebee);color:var(--qe-incorrect-answer,#f44);border-color:var(--qe-incorrect-answer,#f44);box-shadow:0 0 0 1.5px var(--qe-incorrect-answer,#f44)}.ao-muted{color:var(--qe-text-muted,#999)}html:not(.qv-8bit) .slide-player[data-verdict=retry] :is(.qe-answer-container,.qp-answers),html:not(.qv-8bit) .slide-player[data-verdict=wrong] :is(.qe-answer-container,.qp-answers){animation:.4s ease-in-out qp-shake}html:not(.qv-8bit) .slide-player[data-verdict=correct] :is(.qe-answer-container,.qp-answers){animation:.35s ease-out qp-pop}@keyframes qp-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes qp-pop{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){html:not(.qv-8bit) .slide-player[data-verdict] :is(.qe-answer-container,.qp-answers){animation:none}}.qp-advance{position:relative;overflow:hidden}.qp-advance:after{content:"";inset-inline-start:0;opacity:.45;transform-origin:0;width:100%;height:3px;animation:qp-advance var(--qp-advance-ms,1s) linear forwards;background:currentColor;position:absolute;bottom:0}@keyframes qp-advance{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.qp-advance:after{animation:none;transform:scaleX(1)}}.qp-key-hint{top:6px;opacity:.55;border:1px solid;border-radius:6px;min-width:20px;padding:0 5px;font-size:12px;font-weight:700;line-height:18px;position:absolute;inset-inline-start:8px}@media (pointer:coarse){.qp-key-hint{display:none}}@media (max-width:480px){html:not(.qv-8bit) .nav-controls{box-sizing:border-box;gap:6px;width:100%;max-width:100%;padding-inline:8px}html:not(.qv-8bit) .nav-controls>.mantine-Group-root{flex:none;gap:4px}html:not(.qv-8bit) .submit-btn-wrapper,html:not(.qv-8bit) .finish-btn-wrapper{flex:auto;min-width:0}html:not(.qv-8bit) .submit-btn-wrapper .mantine-Button-root,html:not(.qv-8bit) .finish-btn-wrapper .mantine-Button-root{width:100%;min-width:0}}.look-header{top:0;z-index:10;height:var(--qe-look-header-h,64px);border-bottom:1px solid var(--app-border);position:absolute;inset-inline:0}.slide-content:has(>.player-hints){display:block}.slide-content:has(>.player-hints) .qe-quiz-question-group{padding-block-start:1rem}.player-hints{overflow-wrap:anywhere;max-width:calc(100% - 56px);margin:60px clamp(28px,4vw,64px) 0;position:relative}.read-aloud{top:calc(var(--qe-look-header-h,var(--qe-player-header-offset,64px)) + 12px);z-index:9;position:absolute;inset-inline-start:calc(var(--qe-navigator-w,0px) + 16px)}.player-saved-note{inset-inline:calc(var(--qe-navigator-w,0px) + 16px) 16px;bottom:calc(var(--qe-player-controls-space,76px) + 12px);z-index:9;max-width:480px;margin-inline:auto;position:absolute}.feedback-sheet{inset-inline:0;z-index:20;border-radius:var(--mantine-radius-lg) var(--mantine-radius-lg) 0 0;max-height:calc(100% - var(--qe-look-header-h,64px) - 12px);flex-direction:column;display:flex;position:absolute;bottom:0;padding-bottom:calc(var(--mantine-spacing-lg) + env(safe-area-inset-bottom))!important}.feedback-sheet-content{width:100%;min-height:0}.feedback-sheet-header{flex:none}.feedback-sheet-explanation{overflow-wrap:anywhere;overscroll-behavior:contain;min-height:0;overflow-y:auto}@media (max-width:30em){.feedback-sheet-header{flex-wrap:wrap}.feedback-sheet-header>button{width:100%}}.slide-player--has-navigator{--qe-navigator-h:64px;--qe-navigator-w:0px}.slide-player--has-navigator .slide-content{padding-bottom:calc(var(--qe-player-controls-space,68px) + var(--qe-navigator-h));scroll-padding-bottom:calc(var(--qe-player-controls-space,68px) + var(--qe-navigator-h));padding-inline-start:var(--qe-navigator-w)}.slide-player--has-navigator:not(.slide-player--has-toolbar) .slide-content{padding-bottom:var(--qe-navigator-h)}.question-navigator{inset-inline:0;bottom:var(--qe-player-controls-space,68px);height:var(--qe-navigator-h);z-index:5;border-top:1px solid var(--app-border);align-items:center;gap:1.25rem;padding:.5rem clamp(1rem,3vw,2.5rem);display:flex;position:absolute}.slide-player:not(.slide-player--has-toolbar) .question-navigator{bottom:0}.question-navigator-title,.question-navigator-legend{white-space:nowrap;flex:none}.question-navigator-numbers{scrollbar-width:thin;flex:1;gap:.375rem;min-width:0;padding-block:4px;display:flex;overflow-x:auto}.question-navigator-numbers>button{flex:0 0 36px;height:36px}@media (max-width:47.99em){.question-navigator-title,.question-navigator-legend{display:none}}@media (min-width:75em) and (orientation:landscape){.slide-player--has-navigator{--qe-navigator-h:0px;--qe-navigator-w:248px}.question-navigator{top:var(--qe-look-header-h,64px);width:var(--qe-navigator-w);border-top:0;border-inline-end:1px solid var(--app-border);flex-direction:column;align-items:stretch;gap:1rem;height:auto;padding:1rem;inset-inline-end:auto}.question-navigator-numbers{flex:0 auto;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;min-height:0;display:grid;overflow-y:auto}}