/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper:#f4efe4;--paper-deep:#ede5d7;--surface:#fffdf8;--surface-soft:#f8f4eb;--ink:#20251f;--muted:#62675d;--brand:#c6d356;--brand-hover:#b7c94b;--brand-soft:#f3f6dc;--brand-mid:#e6edb2;--brand-dark:#52631f;--pickle:var(--brand);--pickle-dark:var(--brand-dark);--mustard:#f2d054;--celebration-soft:#fff8df;--tomato:#f16c5b;--coral-soft:#fce1db;--sky:#73acc0;--line:#20251f24;--line-strong:#20251f47;--white:var(--surface);--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-control:0 2px 0 #20251f14;--shadow-card:0 6px 18px #473d261a;--shadow-floating:0 16px 40px #473d261f;--topbar-height:76px;--preview-height:52px;--footer-height:36px}*{box-sizing:border-box}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background:var(--paper);color:var(--ink);font-synthesis:none;letter-spacing:-.01em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,sans-serif;font-weight:500}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #c6d3568c}input::placeholder,textarea::placeholder{color:#62675d8a;opacity:1;font-weight:400}input[type=checkbox],input[type=radio]{accent-color:var(--brand-hover)}.app-shell{background:radial-gradient(circle at 8% 10%,#f2d0541a,transparent 25%),radial-gradient(circle at 88% 90%,#c6d3561f,transparent 30%),var(--paper);min-height:100vh}.topbar{height:var(--topbar-height);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#f4efe4eb;grid-template-columns:1fr auto 1fr;padding:0 34px;display:grid;position:sticky;top:0}.brand,.topbar{align-items:center}.brand{gap:10px;width:fit-content;display:flex}.wordmark{letter-spacing:-1.8px;font-size:26px;font-weight:900;line-height:1}.quickle-jar{filter:drop-shadow(1px 2px #20251f1a);flex:none;width:44px;height:48px;display:inline-block;position:relative}.quickle-jar-body{z-index:1;width:100%;height:auto;display:block;position:absolute;top:8px;left:0}.quickle-jar-blinks{display:none}.quickle-jar-lid{z-index:2;transform-origin:18% 70%;width:86%;height:auto;display:block;position:absolute;top:1px;left:7%}.quickle-jar.jar-draw{filter:drop-shadow(3px 5px #20251f1a);width:174px;height:190px}.jar-draw .quickle-jar-body{top:31px}.jar-draw .quickle-jar-lid{top:4px}.quickle-jar.jar-opening{will-change:transform;animation:quickleJarRattle 1.18s ease-in-out both}.jar-opening .quickle-jar-lid{will-change:transform;animation:quickleLidOpen .42s cubic-bezier(.18,.86,.24,1) 1.16s both}@keyframes quickleJarRattle{0%,to{transform:translate(0)rotate(0)}10%{transform:translate(-3px)rotate(-2.2deg)}21%{transform:translate(4px)rotate(2.8deg)}33%{transform:translate(-5px)rotate(-3.1deg)}45%{transform:translate(5px)rotate(2.7deg)}57%{transform:translate(-4px)rotate(-2deg)}69%{transform:translate(3px)rotate(1.5deg)}80%{transform:translate(-2px)rotate(-.9deg)}90%{transform:translate(1px)rotate(.4deg)}}@keyframes quickleLidOpen{0%{transform:translate(0)rotate(0)}to{transform:translate(24px,-29px)rotate(10deg)}}.jar{border:2px solid var(--ink);background:linear-gradient(0deg,#e5b94b38 0 54%,#ffffff6b 55%);border-radius:4px 4px 9px 9px;width:31px;height:34px;display:inline-block;position:relative}.jar:before{content:"";background:var(--mustard);border:2px solid var(--ink);border-radius:3px;height:5px;position:absolute;top:-6px;left:-3px;right:-3px}.jar b,.jar em,.jar i{background:var(--pickle);border:1.5px solid var(--ink);border-radius:7px;width:8px;height:16px;display:block;position:absolute;bottom:4px}.jar i{left:3px;transform:rotate(-6deg)}.jar b{background:var(--mustard);width:9px;height:19px;left:11px}.jar em{background:var(--tomato);right:2px;transform:rotate(7deg)}.brand-compact{transform-origin:0;margin-bottom:32px;transform:scale(1.18)}.view-switch{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-md);gap:4px;padding:4px;display:flex}.view-switch a{border-radius:var(--radius-sm);color:var(--muted);background:0 0;border:0;padding:9px 15px;font-size:13px;font-weight:700;text-decoration:none}.view-switch a.active{background:var(--brand);color:var(--ink);box-shadow:var(--shadow-control)}.session-tools{justify-self:end;align-items:center;gap:8px;min-width:0;display:flex}.session-chip{letter-spacing:0;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-pill);justify-self:end;padding:9px 12px;font-size:12px;font-weight:700}.live-dot{background:var(--tomato);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #d96c5026}.shared-sound-control{flex:none;position:relative}.shared-sound-trigger{--speaker-icon-color:var(--ink);border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink);box-shadow:var(--shadow-control);border-radius:50%;place-items:center;padding:0;transition:border-color .15s,background .15s,transform .15s;display:grid}.shared-sound-trigger:hover,.shared-sound-trigger[aria-expanded=true]{background:var(--brand-soft);border-color:#aec13ec7;transform:translateY(-1px)}.speaker-icon{width:20px;height:20px;color:var(--speaker-icon-color,#20251f);flex:none;display:inline-block;position:relative}.speaker-icon-body{background-color:var(--speaker-icon-color,#20251f);clip-path:polygon(0 33%,35% 33%,100% 0,100% 100%,35% 67%,0 67%);width:10px;left:1px}.speaker-icon-body,.speaker-icon-state{height:12px;display:block;position:absolute;top:4px}.speaker-icon-state{width:8px;right:0}.speaker-icon-state,.speaker-icon-state:after{border:1.8px solid #0000;border-right:1.8px solid var(--speaker-icon-color,#20251f);border-radius:50%}.speaker-icon-state:after{content:"";width:3px;height:6px;position:absolute;top:1.2px;right:1.8px}.speaker-icon.is-silent .speaker-icon-state{top:9px;transform:rotate(45deg)}.speaker-icon.is-silent .speaker-icon-state,.speaker-icon.is-silent .speaker-icon-state:after{background-color:var(--speaker-icon-color,#20251f);border:0;border-radius:2px;width:9px;height:2px;right:0}.speaker-icon.is-silent .speaker-icon-state:after{top:0;transform:rotate(90deg)}.shared-sound-popover{z-index:60;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(338px,100vw - 28px);padding:17px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 14px 34px #473d2629}.shared-sound-popover:before{content:"";border-top:1px solid var(--line);border-left:1px solid var(--line);background:var(--surface);width:10px;height:10px;position:absolute;top:-6px;right:14px;transform:rotate(45deg)}.shared-sound-popover-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.shared-sound-popover-head>div{gap:3px;min-width:0;display:grid}.shared-sound-popover-head strong{font-size:14px;font-weight:900;line-height:1.3}.shared-sound-popover-head span{color:var(--muted);font-size:9px;font-weight:650;line-height:1.45}.shared-sound-close{border:1px solid var(--line);background:var(--surface-soft);width:28px;height:28px;color:var(--muted);border-radius:50%;flex:none;place-items:center;padding:0 0 2px;font-size:18px;line-height:1;display:grid}.shared-sound-close:hover{border-color:var(--line-strong);color:var(--ink)}.shared-sound-readiness{border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand-dark);border:1px solid #aec13e5c;margin:12px 0;padding:9px 10px;font-size:9px;font-weight:700;line-height:1.45}.shared-sound-modes{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.shared-sound-modes legend{color:var(--muted);margin-bottom:7px;font-size:9px;font-weight:850}.shared-sound-modes label{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:#fffdf8b8;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:9px 10px;display:grid}.shared-sound-modes label:hover{background:var(--surface-soft);border-color:#aec13e94}.shared-sound-modes label.selected{background:var(--brand-soft);border-color:#aec13ecc;box-shadow:0 1px #52631f0f}.shared-sound-modes input{width:15px;height:15px;margin:0}.shared-sound-modes label>span{gap:2px;min-width:0;display:grid}.shared-sound-modes label strong{font-size:10px;font-weight:850;line-height:1.3}.shared-sound-modes label small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:600;line-height:1.35;overflow:hidden}.shared-sound-volume{border-top:1px solid var(--line);gap:8px;margin-top:13px;padding-top:12px;display:grid}.shared-sound-volume>span{justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.shared-sound-volume strong{font-weight:850}.shared-sound-volume output{color:var(--brand-dark);font-variant-numeric:tabular-nums;font-size:10px;font-weight:850}.shared-sound-volume input{width:100%;accent-color:var(--brand-hover);margin:0}.shared-sound-preview{border-radius:var(--radius-sm);background:var(--brand);width:100%;min-height:39px;color:var(--ink);box-shadow:var(--shadow-control);border:1px solid #aec13eb8;margin-top:12px;font-size:10px;font-weight:850}.shared-sound-preview:hover:not(:disabled){background:var(--brand-hover)}.shared-sound-preview:disabled{border-color:var(--line);background:var(--surface-soft);color:var(--muted);box-shadow:none;cursor:not-allowed;opacity:.72}.shared-sound-muted-help{color:var(--muted);text-align:center;margin-top:7px;font-size:8px;line-height:1.4;display:block}.type-preview-picker{min-height:var(--preview-height);border-bottom:1px solid var(--line);background:#fffdf8c7;justify-content:center;align-items:center;gap:6px;padding:8px 20px;display:flex}.type-preview-picker>span{color:var(--muted);letter-spacing:.05em;margin-right:7px;font-size:10px;font-weight:850}.image-ratio-options button,.region-shape-options button,.type-preview-picker button{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--white);color:var(--muted);padding:7px 11px;font-size:10px;font-weight:700}.image-ratio-options button.active,.region-shape-options button.active,.type-preview-picker button.active{border-color:var(--brand-hover);background:var(--brand-soft);color:var(--brand-dark)}.screen-view{min-height:calc(100dvh - var(--topbar-height) - var(--preview-height) - var(--footer-height));place-items:center;padding:42px 5vw;display:grid}.presentation-mode .topbar{grid-template-columns:1fr auto}.presentation-mode .screen-view{min-height:calc(100dvh - var(--topbar-height))}.preview-start-gate{border:1px solid var(--line);border-radius:var(--radius-xl);width:min(510px,100%);min-height:420px;box-shadow:var(--shadow-card);text-align:center;background:#fffdf8b8;align-content:center;justify-items:center;gap:18px;padding:42px;display:grid}.preview-start-gate>.tape{justify-self:center}.preview-start-gate>div{gap:7px;display:grid}.preview-start-gate h1{letter-spacing:-.035em;margin:0;font-size:clamp(28px,3vw,38px);font-weight:900;line-height:1.12}.preview-start-gate p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.preview-start-gate .primary-button{min-width:180px}.lobby-layout{--lobby-panel-height:432px;grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:16px 32px;width:min(1360px,100%);display:grid}.tape{background:var(--mustard);border:1px solid var(--line-strong);border-radius:var(--radius-sm);letter-spacing:.03em;box-shadow:var(--shadow-control);padding:8px 14px;font-weight:800;display:inline-block;transform:rotate(-1.5deg)}.course-chip,.tape{font-size:11px;line-height:1}.course-chip{border-radius:var(--radius-pill);background:var(--brand-soft);height:34px;min-height:34px;color:var(--brand-dark);border:1px solid #aec13e80;align-items:center;padding:0 12px;font-weight:700;display:inline-flex}.eyebrow{color:var(--pickle-dark);letter-spacing:.08em;text-transform:uppercase;margin:26px 0 12px;font-size:12px;font-weight:800}.lobby-copy h1{letter-spacing:-.03em;margin:0;font-size:clamp(54px,7vw,96px);font-weight:800;line-height:.98}.lead{color:var(--muted);font-size:18px;line-height:1.65}.join-code{border-top:1px solid var(--line);align-items:baseline;gap:18px;width:fit-content;margin-top:38px;padding-top:20px;display:flex}.join-code small{color:var(--muted);font-weight:700}.join-code strong{letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:35px;font-weight:800;line-height:1}.glass-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:var(--radius-xl)}.lobby-board{width:100%;min-width:0;height:var(--lobby-panel-height);grid-area:2/1;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.lobby-heading{grid-area:1/1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-width:0;min-height:42px;margin:0;display:grid}.lobby-heading h1{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.025em;min-width:0;margin:0;font-size:clamp(27px,2.5vw,36px);font-weight:800;line-height:1.1;overflow:hidden}.lobby-heading-status{justify-content:flex-end;align-items:center;gap:8px;display:flex}.joined-count{border-radius:var(--radius-md);height:34px;min-height:34px;color:var(--brand-dark);box-shadow:none;background:#eff4deb8;border:1px solid #aec13e61;align-items:baseline;gap:4px;padding:7px 10px;display:inline-flex}.joined-count .live-dot{width:6px;height:6px;box-shadow:none;align-self:center;margin-right:2px}.joined-count strong{font-variant-numeric:tabular-nums;font-size:18px;font-weight:900;line-height:1}.joined-count small{color:var(--muted);font-size:11px;font-weight:700}.participant-grid{overscroll-behavior:contain;border-radius:var(--radius-xl);scrollbar-width:thin;scrollbar-color:#66823b52 transparent;background:#fffdf857;border:1px solid #20251f1a;flex:1;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));grid-auto-rows:122px;align-content:start;align-items:end;gap:10px 8px;height:auto;min-height:0;padding:22px 18px;display:grid;position:relative;overflow:hidden auto;box-shadow:inset 0 1px #ffffff94}.participant-grid::-webkit-scrollbar{width:8px}.participant-grid::-webkit-scrollbar-track{background:0 0}.participant-grid::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#66823b45 padding-box padding-box;border:2px solid #0000}.participant{z-index:0;min-width:0;min-height:0;box-shadow:none;content-visibility:auto;contain-intrinsic-size:128px;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;transition:transform .18s;animation:participantIn .42s cubic-bezier(.2,.8,.2,1) both;display:flex;position:relative}.participant:hover{transform:translateY(-3px)rotate(-1deg)}.participant:before{content:"";z-index:-1;filter:blur(.4px);background:#20251f1a;border-radius:50%;width:62px;height:9px;position:absolute;bottom:27px;left:50%;transform:translate(-50%)rotate(-2deg)}.participant>.quickle-frame-player,.participant>.quickle-sprite{z-index:1;position:relative}.participant strong{z-index:2;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-pill);max-width:calc(100% - 14px);color:var(--ink);background:#fffdf8e6;border:1px solid #20251f1f;padding:5px 10px;font-size:12px;font-weight:700;line-height:1;position:relative;overflow:hidden;transform:none;box-shadow:0 2px 7px #473d260a}@keyframes participantIn{0%{opacity:0;transform:translateY(8px)scale(.96)}}.participant:nth-child(2){animation-delay:40ms}.participant:nth-child(3){animation-delay:80ms}.participant:nth-child(4){animation-delay:.12s}.participant:nth-child(5){animation-delay:.16s}.participant:nth-child(6){animation-delay:.2s}.participant:nth-child(7){animation-delay:.24s}.participant:nth-child(8){animation-delay:.28s}.participant:nth-child(9){animation-delay:.32s}.participant:nth-child(10){animation-delay:.36s}.participant:nth-child(11){animation-delay:.4s}.quickle-character{--pickle-color:#90ad4f;--pickle-dark:#4f6d2a;filter:drop-shadow(2px 3px #20251f2e);flex:none;width:58px;height:70px;display:inline-block;position:relative}.pickle-rig{transform-origin:bottom;animation:pickleIdle 1.9s ease-in-out infinite alternate;display:block;position:absolute;inset:0}.pickle-yellow{--pickle-color:#e9c44f;--pickle-dark:#9e7620}.pickle-pink{--pickle-color:#dc816e;--pickle-dark:#9e4d3f}.pickle-blue{--pickle-color:#73acc0;--pickle-dark:#376b7e}.pickle-mint{--pickle-color:#77b98a;--pickle-dark:#3d7850}.pickle-lavender{--pickle-color:#a88fc3;--pickle-dark:#6f518d}.pickle-lime{--pickle-color:#90ad4f;--pickle-dark:#4f6d2a}.pickle-body{z-index:2;border:2px solid var(--ink);background:var(--pickle-color);border-radius:45% 55% 42% 58%/18% 20% 23% 25%;width:36px;height:58px;display:block;position:absolute;top:3px;left:11px;transform:rotate(-3deg)}.pickle-body:after{content:"";background:#ffffff38;border-radius:50%;width:8px;height:26px;position:absolute;top:8px;left:6px;transform:rotate(8deg)}.pickle-bump{border:1px solid var(--pickle-dark);opacity:.65;border-radius:50%;width:4px;height:4px;position:absolute}.bump-one{top:9px;right:6px}.bump-two{bottom:12px;left:5px}.bump-three{bottom:17px;right:5px}.pickle-eye{z-index:2;background:var(--ink);border-radius:50%;width:4px;height:6px;position:absolute;top:24px}.pickle-eye.eye-left{left:9px}.pickle-eye.eye-right{right:9px}.pickle-mouth{z-index:2;border-bottom:2px solid var(--ink);border-radius:50%;width:10px;height:5px;position:absolute;top:36px;left:11px}.pickle-tongue{z-index:3;border:1.5px solid var(--ink);background:#ef8b87;border-radius:0 0 6px 6px;width:7px;height:6px;display:none;position:absolute;top:39px;left:14px}.pickle-arm,.pickle-leg{z-index:1;background:var(--ink);transform-origin:50%;border-radius:99px;width:18px;height:2px;display:block;position:absolute}.pickle-arm:after,.pickle-leg:after{content:"";background:var(--ink);border-radius:50%;width:4px;height:4px;position:absolute}.arm-left{top:33px;left:2px;transform:rotate(-28deg)}.arm-right{top:34px;right:2px;transform:rotate(28deg)}.arm-left:after{top:-1px;left:-1px}.arm-right:after{top:-1px;right:-1px}.leg-left{transform-origin:100%;left:8px;transform:rotate(-54deg)}.leg-left,.leg-right{width:18px;top:55px;bottom:auto}.leg-right{transform-origin:0;right:8px;transform:rotate(54deg)}.leg-left:after{left:-1px}.leg-right:after{right:-1px}.face-wink .eye-right{border-radius:0;height:2px;top:27px;transform:rotate(-12deg)}.face-wow .pickle-mouth{border:2px solid var(--ink);background:#ffffff59;border-radius:50%;width:8px;height:9px;top:35px;left:13px}.face-cheeky .pickle-mouth{display:none}.face-cheeky .pickle-tongue{display:block}.face-cheeky .eye-left{transform:rotate(25deg)}.face-cheeky .eye-right{transform:rotate(-25deg)}.pose-hello .arm-right{top:18px;right:3px;transform:rotate(-58deg)}.pose-dance .arm-left{transform:rotate(25deg)}.pose-dance .arm-right{transform:rotate(-25deg)}.pose-dance .leg-left{top:55px;bottom:auto;left:9px;transform:rotate(-38deg)}.pose-dance .leg-right{top:55px;bottom:auto;right:9px;transform:rotate(72deg)}.pose-dance .pickle-rig{animation:pickleDance 1.05s ease-in-out infinite alternate}.pose-hero .arm-left{top:26px;transform:rotate(8deg)}.pose-hero .arm-right{top:26px;transform:rotate(-8deg)}.pose-hero .pickle-rig{animation-name:pickleHero;animation-duration:1.6s}.pose-lie .pickle-rig{transform-origin:50%;animation:pickleLie 2.2s ease-in-out infinite alternate}.pose-lie .arm-left{top:36px;transform:rotate(-8deg)}.pose-lie .arm-right{top:35px;transform:rotate(12deg)}.pose-lie .leg-left{top:55px;transform:rotate(-28deg)}.pose-lie .leg-right{top:55px;transform:rotate(32deg)}@keyframes pickleIdle{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-2px)rotate(1deg)}}@keyframes pickleDance{0%{transform:translateY(1px)rotate(-6deg)}to{transform:translateY(-4px)rotate(6deg)}}@keyframes pickleHero{0%{transform:translateY(0)rotate(-1deg)scale(1)}to{transform:translateY(-2px)rotate(2deg)scale(1.04)}}@keyframes pickleLie{0%{transform:translateY(4px)rotate(76deg)}to{transform:translateY(6px)rotate(83deg)}}.character-small{transform-origin:50%;width:58px;height:70px;margin:-10px -4px;transform:scale(.72)}.character-large{transform-origin:50%;width:58px;height:70px;margin:25px 28px;transform:scale(1.62)}.lobby-card{width:100%;height:var(--lobby-panel-height);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);min-height:0;box-shadow:var(--shadow-card);flex-direction:column;grid-area:2/2;align-self:start;padding:18px;display:flex;position:relative;overflow:hidden;transform:none}.lobby-card:before{content:none}.join-title{text-align:center;margin:0 0 14px;font-size:13px;font-weight:850}.fake-qr{aspect-ratio:1;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#fff;flex:none;place-items:center;width:168px;margin:0 auto;padding:9px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 3px 10px #473d260f}.fake-qr svg{width:100%;height:100%;display:block}.fake-qr:hover{border-color:var(--brand-hover);transform:translateY(-2px);box-shadow:0 7px 16px #473d261a}.fake-qr:active{transform:translateY(0)}.side-code{text-align:center;padding:12px 0 10px}.side-code small{color:var(--muted);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.side-code strong{letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:25px;font-weight:900;display:block}.join-help{text-align:center;color:var(--muted);margin:0 0 12px;font-size:11px;line-height:1.45}.lobby-card .primary-button{min-height:48px;margin-top:auto;padding:11px 16px}.qr-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#20251f94;place-items:center;padding:clamp(18px,4vw,48px);animation:qrBackdropIn .18s ease-out both;display:grid;position:fixed;inset:0}.qr-modal{border-radius:var(--radius-xl);background:var(--surface);border:1px solid #ffffffb8;flex-direction:column;align-items:center;width:min(540px,100%);max-height:calc(100dvh - 36px);padding:28px 32px 32px;animation:qrModalIn .24s cubic-bezier(.2,.8,.2,1) both;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 70px #14181347}.qr-modal-close{z-index:2;border:1px solid var(--line);background:var(--surface-soft);width:38px;height:38px;color:var(--muted);border-radius:50%;place-items:center;padding:0 0 3px;font-size:25px;line-height:1;display:grid;position:absolute;top:18px;right:18px}.qr-modal-close:hover{border-color:var(--brand-hover);background:var(--brand-soft);color:var(--ink)}.qr-modal-copy{text-align:center;justify-items:center;gap:5px;padding:0 50px 18px;display:grid}.qr-modal-copy>span{border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--brand-dark);padding:6px 10px;font-size:10px;font-weight:800}.qr-modal-copy h2{margin:3px 0 0;font-size:clamp(24px,3vw,32px);font-weight:850;line-height:1.15}.qr-modal-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.expanded-qr{aspect-ratio:1;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:#fff;flex:none;place-items:center;width:min(52vh,420px,100vw - 88px);padding:12px;display:grid;box-shadow:0 8px 24px #473d2617}.expanded-qr svg{width:100%;height:100%;display:block}@keyframes qrBackdropIn{0%{opacity:0}}@keyframes qrModalIn{0%{opacity:0;transform:translateY(12px)scale(.97)}}.live-dots{gap:3px;display:inline-flex}.live-dots i{background:var(--pickle);border-radius:50%;width:5px;height:5px;animation:bounce 1.2s infinite}.live-dots i:nth-child(2){animation-delay:.15s}.live-dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.avatar-cloud{justify-content:center;margin-bottom:24px;display:flex}.avatar-cloud span{background:var(--white);border:1px solid var(--line);border-radius:50%;place-items:center;width:38px;height:38px;margin-left:-7px;font-size:20px;display:grid}.primary-button{background:var(--brand);width:100%;min-height:48px;color:var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-control);border:1px solid #aec13ebf;padding:13px 20px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s}.primary-button:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 4px 12px #52631f24}.primary-button:active{box-shadow:none;transform:translateY(1px)}.phone .primary-button{border-radius:var(--radius-md);background:var(--brand);color:var(--ink);box-shadow:var(--shadow-control);border:1px solid #aec13ebf;font-weight:700}.phone .primary-button:hover{background:var(--brand-hover);transform:translateY(-1px);box-shadow:0 4px 12px #52631f24}.phone .primary-button:active{box-shadow:none;transform:translateY(1px)}.question-layout{grid-template-columns:minmax(0,1fr) clamp(250px,19vw,300px);align-items:stretch;gap:10px clamp(24px,3vw,40px);width:min(1340px,100%);display:grid}.question-stage{min-width:0;padding:0 0 16px}.question-meta{border-bottom:0;grid-column:1/-1;align-items:center;gap:12px;min-height:32px;padding:0;font-size:13px;font-weight:800;line-height:28px;display:flex}.tag{color:var(--pickle-dark);background:#66823b24;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:900;line-height:1}.question-stage h1{letter-spacing:-.025em;max-width:980px;margin:0 0 42px;font-size:clamp(44px,4vw,62px);font-weight:800;line-height:1.14}.phase-answer.question-layout{row-gap:8px}.phase-answer .question-stage h1{margin-bottom:28px;font-size:clamp(38px,3.6vw,52px)}.phase-answer .shared-response-preview{min-height:200px;padding:22px}.phase-answer .anonymous-answer-result{gap:14px}.phase-answer .explanation-card{margin-top:14px}.answer-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.answer-grid.choice-count-5,.answer-grid.choice-count-6{grid-template-columns:repeat(3,minmax(0,1fr))}.answer-card{border:1px solid var(--line-strong);border-radius:var(--radius-md);min-height:105px;box-shadow:var(--shadow-card);align-items:center;gap:18px;padding:18px;transition:opacity .46s,filter .46s,transform .46s cubic-bezier(.2,.8,.2,1),box-shadow .46s;display:flex}.answer-card>span{border:1px solid var(--line-strong);background:#ffffff94;border-radius:50%;place-items:center;width:48px;height:48px;font-size:18px;font-weight:900;display:grid}.answer-card strong{font-size:21px}.answer-card b{background:var(--ink);color:#fff;border-radius:99px;margin-left:auto;padding:7px 10px;font-size:11px}.yellow{background:#f1d98e}.blue{background:#bcd4df}.red{background:#e8afa0}.green{background:#b9c998}.purple{background:#d9c7e8}.orange{background:#efc79d}.answer-reveal .answer-card{box-shadow:none}.answer-card.is-wrong{opacity:.2;filter:grayscale(.55);border-color:#0000;transform:scale(.975)}.answer-card.correct{border-color:#0000;transform:translateY(-5px)scale(1.01);box-shadow:0 12px 30px #d96c5029}.answer-card.correct>span{background:#ffffff9e;border-color:#0000}.shared-response-preview{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf8b3;justify-content:center;align-items:center;gap:18px;min-height:230px;padding:28px;display:flex}.preview-OX span{border:1px solid var(--line-strong);border-radius:var(--radius-md);width:220px;height:150px;box-shadow:var(--shadow-card);place-items:center;font-size:78px;font-weight:900;display:grid}.preview-OX span:first-child{background:#bcd4df}.preview-OX span:last-child{background:#e8afa0}.preview-OX span{transition:opacity .35s,transform .35s;position:relative}.preview-OX span.correct-choice{transform:translateY(-2px);box-shadow:0 8px 22px #376b7e24}.preview-OX span.wrong-choice{opacity:.18;filter:grayscale(.6);border-color:#0000}.preview-OX span b{background:var(--ink);color:#fff;border-radius:99px;padding:6px 9px;font-size:10px;position:absolute;top:12px;right:12px}.preview-단답형{text-align:center;flex-direction:column}.preview-단답형 strong{font-size:28px}.preview-단답형 p{color:var(--muted)}.anonymous-answer-result{text-align:left;gap:18px;width:100%;display:grid}.anonymous-answer-result>strong{font-size:14px}.anonymous-answer-result>div{flex-wrap:wrap;gap:9px;display:flex}.anonymous-answer-result span{border:1px solid var(--line);background:var(--white);color:var(--muted);border-radius:99px;align-items:center;gap:8px;padding:11px 14px;font-size:14px;font-weight:750;display:inline-flex}.anonymous-answer-result span.accepted{border-color:var(--pickle);color:var(--pickle-dark);background:#e7edd9;box-shadow:2px 3px #3f57252e}.anonymous-answer-result span b{background:var(--pickle);color:var(--ink);border-radius:99px;padding:3px 6px;font-size:8px}.anonymous-answer-result>p{border-top:1px solid var(--line);margin:0;padding-top:14px}.preview-순서배치{flex-direction:column;align-items:stretch;gap:10px}.order-preview-head{text-align:left;justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:3px;display:flex}.order-preview-head strong{font-size:16px;font-weight:850}.order-preview-head small{color:var(--muted);font-size:11px;font-weight:700}.preview-순서배치>span{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);align-items:center;gap:14px;min-height:58px;padding:12px 16px;font-weight:800;transition:background .35s,border-color .35s,transform .35s,box-shadow .35s;display:flex}.preview-순서배치>span em{font-style:normal}.preview-순서배치>span b{background:var(--surface-soft);width:30px;height:30px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:13px;display:grid}.preview-순서배치>span.order-pending{color:var(--muted);border-style:dashed}.preview-순서배치>span.order-pending:nth-of-type(2){transform:rotate(.25deg)}.preview-순서배치>span.order-pending:nth-of-type(3){transform:rotate(-.2deg)}.preview-순서배치>span.order-correct{background:var(--brand-soft);border-color:#aec13e8c;animation:orderAnswerIn .46s cubic-bezier(.2,.8,.2,1) both;box-shadow:0 5px 14px #52631f14}.preview-순서배치>span.order-correct:nth-of-type(2){animation-delay:80ms}.preview-순서배치>span.order-correct:nth-of-type(3){animation-delay:.16s}.preview-순서배치>span i,.preview-순서배치>span.order-correct b{background:var(--brand);color:var(--ink)}.preview-순서배치>span i{width:24px;height:24px;border-radius:50%;place-items:center;margin-left:auto;font-size:12px;font-style:normal;font-weight:900;display:grid}@keyframes orderAnswerIn{0%{opacity:.3;transform:translate(18px)scale(.985)}}.pin-response-prompt,.preview-이미지위치{flex-direction:column}.pin-response-prompt{text-align:center;justify-content:center;align-items:center;gap:18px;display:flex}.pin-response-prompt strong{font-size:28px;font-weight:800;line-height:1.3}.pin-instruction-icon{filter:drop-shadow(0 5px #20251f14);width:48px;height:56px;display:block;position:relative}.pin-instruction-icon:before{content:"";background:var(--tomato);border-radius:50% 50% 50% 0;width:36px;height:36px;position:absolute;top:4px;left:6px;transform:rotate(-45deg)}.pin-instruction-icon:after{content:"";background:var(--surface);border-radius:50%;width:10px;height:10px;position:absolute;top:17px;left:19px}.shared-pin-art{border-radius:var(--radius-md);background:linear-gradient(135deg,#f1d98e,#dc816e);width:min(540px,100%);height:155px;position:relative;overflow:hidden}.shared-pin-art.ratio-pin{aspect-ratio:4/5;width:min(300px,36vh,100%);height:auto}.shared-pin-art:before{content:"";background:#73acc0;border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:10%}.pin-canvas.has-uploaded-image,.shared-pin-art.has-uploaded-image{background:var(--surface-soft)}.shared-pin-art.has-uploaded-image:before{display:none}.shared-pin-art b{font-size:27px;position:absolute;bottom:22px;left:28px}.reveal-dim{z-index:3;-webkit-backdrop-filter:grayscale()blur(1px);backdrop-filter:grayscale()blur(1px);background:#f4efe4c7}.reveal-dim,.reveal-highlight{pointer-events:none;display:block;position:absolute;inset:0}.reveal-highlight{z-index:4;overflow:hidden}.revealed-region{z-index:5;box-shadow:0 0 0 3px var(--tomato),0 6px 20px #20251f38;transform-origin:50%;background:0 0;border:3px solid #fff;border-radius:9px;display:block;position:absolute}.revealed-region.region-circle{border-radius:50%}.participant-pin-layer{z-index:7;pointer-events:none;isolation:isolate;position:absolute;inset:0}.participant-answer-pin{--participant-pin-color:var(--tomato);--participant-pin-delay:0s;background:var(--participant-pin-color);opacity:1;transform-origin:50% 82%;width:15px;height:15px;animation:participantPinIn .34s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--participant-pin-delay);border:2px solid #fff;border-radius:50% 50% 50% 0;display:block;position:absolute;transform:translate(-50%,-92%)rotate(-45deg);box-shadow:0 0 0 1px #20251f59,0 3px 8px #20251f52}.participant-answer-pin:after{content:"";background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;top:4px;left:4px}.participant-pin-count{z-index:8;border-radius:var(--radius-pill);height:30px;color:var(--muted);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#fffdf8eb;border:1px solid #20251f29;align-items:center;gap:5px;padding:0 9px;font-size:10px;font-weight:750;line-height:1;display:inline-flex;position:absolute;bottom:11px;right:11px;box-shadow:0 4px 12px #20251f1f}.participant-pin-count>i{background:var(--tomato);border:1.5px solid #fff;border-radius:50% 50% 50% 0;width:9px;height:9px;display:block;transform:rotate(-45deg);box-shadow:0 0 0 1px #20251f3d}.participant-pin-count>strong{color:var(--ink);font-size:12px;font-weight:900}@keyframes participantPinIn{0%{opacity:0;transform:translate(-50%,-145%)rotate(-45deg)scale(.62)}}.explanation-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf8b8;align-items:flex-start;gap:14px;margin-top:20px;padding:16px 18px;display:flex;box-shadow:0 8px 24px #473d2612}.explanation-mark{background:var(--mustard);width:28px;height:28px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:900;display:grid}.explanation-card strong{margin:1px 0 4px;font-size:13px;font-weight:900;display:block}.explanation-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.status-rail{flex-direction:column;gap:16px;min-width:0;display:flex}.response-box,.timer{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf89e;padding:24px}.timer{padding-top:16px}.response-box small,.timer small{color:var(--muted);margin-bottom:10px;font-weight:800;display:block}.timer small{margin-bottom:4px;font-size:13px;line-height:30px}.timer strong{font-variant-numeric:tabular-nums;font-size:72px;font-weight:900;line-height:1;display:block}.timer.urgent strong{color:var(--tomato);animation:pulse .7s infinite alternate}@keyframes pulse{50%{opacity:.5}}.timer-track{background:var(--paper-deep);border-radius:99px;height:7px;margin-top:20px;overflow:hidden}.timer-track i{background:var(--pickle);height:100%;transition:width 1s linear;display:block}.response-box{min-width:0;overflow:hidden}.response-box strong{font-variant-numeric:tabular-nums;font-size:36px;font-weight:800;line-height:1;display:block}.response-box strong span{color:var(--muted);font-size:16px}.mini-avatars{border-radius:var(--radius-md);background:linear-gradient(180deg,#fffdf8b8,var(--brand-soft));border:1px solid #aec13e47;justify-content:space-between;align-items:flex-end;width:100%;min-width:0;min-height:70px;margin-top:18px;padding:9px 6px 7px;display:flex;position:relative;overflow:hidden}.mini-avatars:after{content:"";background:#52631f29;height:1px;position:absolute;bottom:8px;left:9px;right:9px}.mini-avatars .quickle-character{margin-right:-8px}.mini-avatars .quickle-frame-player.sprite-small{--sprite-frame-width:clamp(29px,2.5vw,36px);z-index:1;animation:quickleQueueIn .7s cubic-bezier(.18,.8,.24,1) both}.mini-avatars .quickle-frame-player:nth-child(2){animation-delay:80ms}.mini-avatars .quickle-frame-player:nth-child(3){animation-delay:.16s}.mini-avatars .quickle-frame-player:nth-child(4){animation-delay:.24s}.mini-avatars .quickle-frame-player:nth-child(5){animation-delay:.32s}.mini-avatars .quickle-frame-player:nth-child(6){animation-delay:.4s}@keyframes quickleQueueIn{0%{opacity:0;transform:translate(76px,-2px)rotate(7deg)scale(.8)}44%{opacity:1;transform:translate(17px,-7px)rotate(-4deg)scale(.96)}68%{transform:translate(7px)rotate(2deg)scale(1)}84%{transform:translate(2px,-3px)rotate(-1deg)scale(1)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.leaderboard-view{width:min(960px,100%);position:relative}.leaderboard-view>.tape{margin-bottom:20px;display:table}.ranking-list{height:462px;position:relative}.rank-row{height:60px;min-height:60px;top:calc(var(--rank-position) * 67px);border:1px solid var(--line);border-radius:var(--radius-md);transition:top .82s cubic-bezier(.22,.82,.2,1),background .35s,border-color .35s,box-shadow .35s;transition-delay:var(--rank-delay);animation:rankRowIn .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--rank-delay);background:#fffdf8d1;grid-template-columns:46px 48px minmax(0,1fr) 52px 116px;align-items:center;padding:6px 18px;display:grid;position:absolute;left:0;right:0;box-shadow:0 4px 12px #473d260f}@keyframes rankRowIn{0%{opacity:0;transform:translateY(10px)}}.rank-row .quickle-frame-player.sprite-small{--sprite-frame-width:44px}.rank-1{background:var(--celebration-soft);border-color:#e5b94b85;box-shadow:0 4px 14px #b58b2417}.rank-2{background:#edf4f5e0;border-color:#73acc057;box-shadow:0 3px 12px #376b7e12}.rank-3{background:#fceee8e0;border-color:#dc816e52;box-shadow:0 3px 12px #9e4d3f12}.rank-number{font-size:24px;font-weight:900}.rank-1 .rank-number,.rank-2 .rank-number,.rank-3 .rank-number{border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.rank-1 .rank-number{background:var(--mustard);color:#6f5115}.rank-2 .rank-number{color:#376b7e;background:#dce8eb}.rank-3 .rank-number{color:#8c4a3e;background:#f2cabe}.rank-name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:800;overflow:hidden}.rank-move{opacity:0;color:var(--pickle-dark);font-weight:800;transition:opacity .24s,transform .24s;transform:translateY(4px)}.ranking-settled .rank-move{opacity:1;transition-delay:.82s;transform:translateY(0)}.rank-score{text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.rank-score span{color:var(--pickle-dark);font-size:10px;animation:scorePop .55s both}@keyframes scorePop{0%{opacity:0;transform:translateY(8px)scale(.8)}}.compact-button{width:180px;margin:26px 0 0 auto;display:block}.live-ended-view{text-align:center;justify-items:center;display:grid}.live-ended-view>.tape{justify-self:start}.live-ended-copy{align-content:center;place-items:center;gap:14px;min-height:420px;display:grid}.live-ended-copy .quickle-frame-player{--sprite-frame-width:112px}.live-ended-copy h1{margin:4px 0 0;font-size:clamp(46px,6vw,76px);line-height:1.05}.live-ended-copy p{color:var(--muted);margin:0;font-size:16px;font-weight:700}.live-ended-view .compact-button{justify-self:end}.final-podium-view{border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(at 50% 47%,#f2d05447,#0000 37%),radial-gradient(circle at 15% 18%,#c6d3561f,#0000 20%),radial-gradient(circle at 86% 24%,#73acc01a,#0000 21%),#fffdf8d1;grid-template-rows:auto auto minmax(330px,1fr) auto;grid-template-columns:1fr auto;align-items:start;gap:12px 24px;width:min(980px,100%);min-height:min(670px,100dvh - 170px);padding:28px clamp(26px,5vw,58px) 34px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #473d2612}.podium-kicker{z-index:5;place-self:center start;align-items:center;gap:10px;min-width:0;display:flex;position:relative}.final-ranking-count,.podium-complete-count{border-radius:var(--radius-pill);min-height:32px;color:var(--brand-dark);white-space:nowrap;background:#f3f6dcc2;border:1px solid #aec13e70;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.final-ranking-count i,.podium-complete-count i{background:var(--tomato);border-radius:50%;width:7px;height:7px;display:block;box-shadow:0 0 0 4px #f16c5b1f}.podium-skip{z-index:5;border-radius:var(--radius-pill);min-height:36px;color:var(--muted);background:0 0;border:1px solid #0000;justify-self:end;padding:8px 12px;font-size:11px;font-weight:750;position:relative}.podium-skip:hover{border-color:var(--line);color:var(--ink);background:#fffdf894}.podium-heading{z-index:2;text-align:center;grid-column:1/-1;position:relative}.podium-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(42px,5.2vw,72px);line-height:1}.podium-stage{z-index:2;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));place-self:end center;align-items:end;width:min(720px,100%);height:100%;min-height:330px;margin:0;padding:0;list-style:none}.podium-entry,.podium-stage{display:grid;position:relative}.podium-entry{opacity:0;align-content:end;min-width:0;animation:podiumRise .72s cubic-bezier(.18,.88,.26,1.12) both;transform:translateY(54px)scale(.92)}.podium-rank-1{z-index:3;grid-area:1/2;animation-delay:4.45s}.podium-rank-2{z-index:2;grid-area:1/1;animation-delay:2.05s}.podium-rank-3{z-index:1;grid-area:1/3;animation-delay:.65s}.podium-person{text-align:center;align-content:end;justify-items:center;gap:3px;min-width:0;padding:0 8px 11px;display:grid;position:relative}.podium-person .quickle-frame-player{--sprite-frame-width:112px}.podium-rank-1 .podium-person .quickle-frame-player{--sprite-frame-width:142px}.podium-person strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(15px,1.8vw,20px);font-weight:850;overflow:hidden}.podium-person span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:750}.podium-step{min-height:88px;box-shadow:none;background:linear-gradient(#fceee8fa,#f9e1d8db);border:1px solid #20251f1a;border-bottom:0;border-radius:26px 26px 0 0;align-content:center;place-items:center;gap:2px;padding:15px 8px;display:grid}.podium-rank-2 .podium-step{background:linear-gradient(#edf4f5fa,#dcebefe0);min-height:112px}.podium-rank-1 .podium-step{background:linear-gradient(#fff9e4,#fbedb6);border-color:#e5b94b57;min-height:150px}.podium-step b{font-size:clamp(38px,5vw,62px);font-weight:900;line-height:.9}.podium-step span{color:var(--muted);font-size:11px;font-weight:800}.podium-rank-1 .podium-step b{color:#99711d}.podium-rank-2 .podium-step b{color:#49798a}.podium-rank-3 .podium-step b{color:#a15b4c}.podium-rank-1 .podium-person:after,.podium-rank-1 .podium-person:before{content:"";z-index:-1;opacity:0;background:radial-gradient(circle,#f2d05457,#f2d0541f 54%,#0000 72%);border:0;border-radius:50%;width:162px;height:162px;animation:winnerBurst .7s ease-out 5.05s both;position:absolute;bottom:184px;left:50%;transform:translate(-50%)scale(.55)rotate(-9deg)}.podium-rank-1 .podium-person:after{background:radial-gradient(circle,#0000 48%,#c6d35638 49%,#c6d35614 62%,#0000 64%);width:205px;height:205px;animation-delay:5.16s;bottom:163px}.winner-spark{z-index:3;pointer-events:none;position:absolute;inset:-8px 0 auto}.winner-spark i{color:#d7a92e;opacity:0;font-size:18px;font-style:normal;animation:winnerSparkle .66s cubic-bezier(.2,.8,.2,1) 5.08s both;position:absolute}.winner-spark i:first-child{top:14px;left:21%;transform:rotate(-15deg)}.winner-spark i:nth-child(2){animation-delay:5.2s;top:-4px;right:20%;transform:rotate(12deg)scale(.78)}.winner-spark i:nth-child(3){animation-delay:5.32s;top:60px;right:10%;transform:rotate(24deg)scale(.62)}.confetti-field{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-field i{width:var(--confetti-size);height:calc(var(--confetti-size) * .52);top:-8%;left:var(--confetti-left);background:var(--confetti-color);opacity:0;transform:rotate(var(--confetti-rotation));animation:confettiFall var(--confetti-duration) calc(5.15s + var(--confetti-delay)) linear both;border-radius:2px 5px;display:block;position:absolute}.confetti-field i:nth-child(3n){border-radius:50%}.confetti-field i:nth-child(4n){height:var(--confetti-size);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}.podium-finish{z-index:5;opacity:0;grid-column:1/-1;justify-self:end;width:190px;animation:podiumActionIn .42s ease-out 6.35s both;position:relative}.final-ranking-view{border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(circle at 88% 10%,#c6d35621,#0000 23%),#fffdf8d1;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;width:min(1040px,100%);min-height:min(660px,100dvh - 170px);max-height:calc(100dvh - 118px);padding:28px clamp(24px,4vw,44px) 30px;display:grid;overflow:hidden;box-shadow:0 8px 24px #473d2612}.final-ranking-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.final-ranking-heading .tape{padding:10px 16px;font-size:13px}.final-ranking-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:#f8f4eb94;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.final-rank-row,.final-ranking-labels{grid-template-columns:64px 60px minmax(0,1fr) 132px;align-items:center;gap:8px;display:grid}.final-rank-row.without-score,.final-ranking-labels.without-score{grid-template-columns:64px 60px minmax(0,1fr)}.final-ranking-labels{border-bottom:1px solid var(--line);min-height:38px;color:var(--muted);padding:7px 17px;font-size:10px;font-weight:750}.final-ranking-labels:not(.without-score) span:last-child{text-align:right}.final-ranking-list{scrollbar-gutter:stable;align-content:start;gap:7px;min-height:0;margin:0;padding:10px 10px 12px;list-style:none;display:grid;overflow-y:auto}.final-rank-row{border-radius:var(--radius-md);min-height:54px;box-shadow:none;animation:rankRowIn .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--rank-delay);background:#fffdf8e0;border:1px solid #20251f17;padding:5px 14px}.final-rank-row.rank-1{background:var(--celebration-soft);border-color:#e5b94b6b}.final-rank-row.rank-2{background:#edf4f5e6;border-color:#73acc047}.final-rank-row.rank-3{background:#fceee8e6;border-color:#dc816e47}.final-rank-row .quickle-frame-player.sprite-small{--sprite-frame-width:42px}.final-rank-row .rank-name{font-size:16px}.final-rank-row .rank-score{font-size:14px}.final-ranking-footer{justify-content:space-between;align-items:center;gap:18px;display:flex}.final-ranking-footer p{color:var(--muted);margin:0;font-size:13px;font-weight:750}.final-ranking-footer .compact-button{margin:0}@keyframes podiumRise{0%{opacity:0;transform:translateY(54px)scale(.92)}68%{opacity:1;transform:translateY(-7px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes winnerBurst{0%{opacity:0;transform:translate(-50%)scale(.55)rotate(-9deg)}35%{opacity:1}to{opacity:.45;transform:translate(-50%)scale(1)rotate(5deg)}}@keyframes winnerSparkle{0%{opacity:0;translate:0 7px;scale:.35}48%{opacity:1;scale:1.18}to{opacity:.88;translate:0;scale:1}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px) rotate(var(--confetti-rotation))}8%{opacity:.92}to{opacity:0;transform:translateY(720px) rotate(calc(var(--confetti-rotation) + 540deg))}}@keyframes podiumActionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.phone-workspace{min-height:calc(100dvh - var(--topbar-height) - var(--preview-height) - var(--footer-height));grid-template-columns:370px;justify-content:center;align-items:center;padding:24px 48px;display:grid}.phone{width:360px;height:min(690px,calc(100dvh - var(--topbar-height) - var(--preview-height) - var(--footer-height) - 48px));border:6px solid var(--ink);background:var(--white);box-shadow:var(--shadow-floating);border-radius:38px;position:relative;overflow:hidden}.phone-status{justify-content:space-between;height:36px;padding:14px 22px 0;font-size:10px;font-weight:800;display:flex}.student-onboarding,.student-question,.student-result,.student-waiting{height:calc(100% - 36px);padding:32px 28px 28px}.student-onboarding h2,.student-result h2,.student-waiting h2{letter-spacing:-.025em;margin:0 0 20px;font-size:32px;font-weight:800;line-height:1.1}.quickle-draw-screen{grid-template-rows:auto minmax(0,1fr);padding:12px 26px 20px;display:grid;position:relative;overflow:hidden}.draw-app-header{border-bottom:1px solid var(--line);align-items:center;height:46px;min-height:46px;padding-bottom:12px;display:flex}.draw-course-brand{align-items:center;gap:9px;display:flex}.draw-course-brand .quickle-jar{width:31px;height:34px}.draw-course-brand .quickle-jar-body{top:6px}.draw-course-brand .quickle-jar-lid{top:1px}.draw-course-brand strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:220px;color:var(--ink);letter-spacing:-.01em;font-size:13px;font-weight:700;overflow:hidden}.draw-ready-panel,.draw-result-panel{text-align:center;min-height:0}.draw-ready-panel{align-content:center;justify-items:center;height:100%;padding-bottom:10px;display:grid}.draw-ready-panel h2{margin:0 0 10px}.quickle-jar-draw{-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:end center;width:178px;height:222px;margin:0 auto;padding:0;display:grid;position:relative}.quickle-jar-draw:active{transform:scale(.97)}.draw-drawing .quickle-jar-draw{pointer-events:none}.draw-ready .quickle-jar-draw .quickle-jar.jar-draw{transform-origin:50% 90%;will-change:transform;animation:quickleJarShiver 3.2s ease-in-out infinite}.jar-draw .quickle-jar-blinks{z-index:3;pointer-events:none;width:174px;height:155px;display:block;position:absolute;top:31px;left:0}.quickle-jar-blinks i{--blink-color:#b5c80f;background:var(--blink-color);opacity:0;border-radius:50%;width:6px;height:6px;display:block;position:absolute}.quickle-jar-blinks i:after{content:"";background:#20251f;border-radius:99px;width:4px;height:1.5px;position:absolute;top:2.5px;left:1px}.quickle-jar-blinks i:first-child,.quickle-jar-blinks i:nth-child(2){--blink-color:#b5c80f;animation-delay:0s;top:calc(47% - 3px)}.quickle-jar-blinks i:first-child{left:calc(20.4% - 3px)}.quickle-jar-blinks i:nth-child(2){left:calc(29.3% - 3px)}.quickle-jar-blinks i:nth-child(3),.quickle-jar-blinks i:nth-child(4){--blink-color:#f75944;animation-delay:-4s;top:calc(51% - 3px)}.quickle-jar-blinks i:nth-child(3){left:calc(47.8% - 3px)}.quickle-jar-blinks i:nth-child(4){left:calc(56.1% - 3px)}.quickle-jar-blinks i:nth-child(5),.quickle-jar-blinks i:nth-child(6){--blink-color:#73bcdc;animation-delay:-8s;top:calc(49.5% - 3px)}.quickle-jar-blinks i:nth-child(5){left:calc(71.6% - 3px)}.quickle-jar-blinks i:nth-child(6){left:calc(79.8% - 3px)}.draw-ready .quickle-jar-blinks i{animation-name:quickleJarBlink;animation-duration:12s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes quickleJarBlink{0%,68%,69.2%,70.5%,72%,to{opacity:0}68.35%,68.85%,70.8%,71.55%{opacity:1}}@keyframes quickleJarShiver{0%,66%,86%,to{transform:translate(0)rotate(0)}69%{transform:translate(-1px,.2px)rotate(-.45deg)}72%{transform:translate(1px,-.3px)rotate(.55deg)}75%{transform:translate(-1.2px,.1px)rotate(-.6deg)}78%{transform:translate(1.1px,-.2px)rotate(.5deg)}81%{transform:translate(-.7px)rotate(-.3deg)}84%{transform:translate(.4px)rotate(.18deg)}}.draw-sparkles{z-index:5;pointer-events:none;display:block;position:absolute;inset:0;overflow:visible}.draw-sparkles:after{content:"";opacity:0;border:2px solid #e5b94bcc;border-radius:50%;width:34px;height:19px;animation:quickleMagicRing .58s ease-out 1.35s both;position:absolute;top:56px;left:50%;transform:translate(-50%)scale(.45)}.draw-sparkles i{--spark-x:0px;--spark-y:-24px;color:#e5b94b;opacity:0;filter:drop-shadow(0 2px #ffffffd9);font-style:normal;font-weight:900;line-height:1;animation:quickleSparkleBurst .72s cubic-bezier(.18,.78,.22,1) 1.27s both;display:block;position:absolute}.draw-sparkles i:first-child{--spark-x:-23px;--spark-y:-28px;font-size:24px;top:67px;left:37px}.draw-sparkles i:nth-child(2){--spark-x:23px;--spark-y:-31px;color:#dc816e;font-size:19px;animation-delay:1.34s;top:77px;right:29px}.draw-sparkles i:nth-child(3){--spark-x:-28px;--spark-y:-13px;color:#83adc1;font-size:24px;animation-delay:1.39s;top:105px;left:23px}.draw-sparkles i:nth-child(4){--spark-x:31px;--spark-y:-10px;font-size:16px;animation-delay:1.43s;top:112px;right:20px}.draw-sparkles i:nth-child(5){--spark-x:-13px;--spark-y:-38px;color:#90ad4f;font-size:21px;animation-delay:1.47s;top:50px;left:76px}.draw-sparkles i:nth-child(6){--spark-x:14px;--spark-y:-39px;color:#f2d976;font-size:14px;animation-delay:1.51s;top:49px;right:67px}@keyframes quickleSparkleBurst{0%{opacity:0;transform:translateY(12px)scale(.2)rotate(-14deg)}32%,68%{opacity:1}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(1.22) rotate(24deg)}}@keyframes quickleMagicRing{0%{opacity:0;transform:translate(-50%)scale(.45)}34%{opacity:.9}to{opacity:0;transform:translate(-50%,-18px)scale(3.35,2.7)}}.draw-hint{min-height:17px;color:var(--muted);margin:18px 0 0;font-size:11px;font-weight:650}.draw-button{margin-top:0!important}.draw-result-panel{grid-template-rows:minmax(0,1fr) auto;place-items:stretch stretch;width:100%;height:100%;animation:drawSceneIn .56s cubic-bezier(.2,.8,.2,1) both;display:grid}@keyframes drawSceneIn{0%{opacity:0;transform:translateY(12px)scale(.985)}}.draw-result-hero{align-content:center;justify-items:center;min-height:0;padding:8px 0 6px;display:grid}.draw-ta-da{z-index:3;border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--mustard);box-shadow:var(--shadow-control);margin:0 0 -9px;padding:6px 12px;font-size:10px;font-weight:900;display:inline-block;position:relative;transform:rotate(-3deg)}.drawn-quickle{isolation:isolate;place-items:center;width:100%;min-height:150px;margin:0 auto -2px;display:grid;position:relative;overflow:visible}.drawn-quickle:before{content:"";z-index:-1;background:radial-gradient(#f2d97657 0 43%,#f2d97629 59%,#0000 76%);border-radius:50%;width:204px;height:154px;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.drawn-quickle>*{z-index:1;position:relative}.draw-result-panel h2{letter-spacing:-.025em;margin:0;font-size:28px;line-height:1.1}.draw-result-form{align-self:end;gap:10px;width:100%;margin-top:8px;display:grid}.student-onboarding .draw-result-form input{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-height:48px;padding:0 15px;font-size:15px;font-weight:600}.draw-result-form .draw-again,.student-onboarding .draw-result-form .primary-button{border-radius:var(--radius-md);width:100%;min-height:48px;margin:0;padding:0 16px}.draw-again{border:1px solid var(--line);background:var(--surface);color:var(--muted);box-shadow:var(--shadow-control);font-size:12px;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s}.draw-again:hover{background:var(--surface-soft)}.draw-again:active{box-shadow:none;transform:translateY(1px)}.participant-join-error{color:#b3483c;text-align:center;margin:-2px 4px 0;font-size:12px;font-weight:650;line-height:1.4}.participant-submission-pending{color:var(--muted);text-align:center;margin:10px 0 0;font-size:12px;font-weight:650}.character-builder{grid-template-columns:112px 1fr;align-items:center;gap:12px;margin:8px 0 15px;display:grid}.character-preview{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(145deg,#fff8dc,var(--paper));flex-direction:column;justify-content:center;align-items:center;min-height:170px;display:flex;overflow:visible}.character-preview>button{z-index:5;background:var(--ink);color:#fff;border:0;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:800;position:relative}.quickle-sprite{aspect-ratio:384/341;transform-origin:50% 88%;will-change:transform;filter:drop-shadow(0 5px #20251f14);background-repeat:no-repeat;background-size:400% 300%;flex:none;width:84px;display:inline-block}.quickle-sprite.sprite-large{width:126px}.quickle-sprite.sprite-small{width:58px}.quickle-frame-player{--sprite-frame-width:84px;width:var(--sprite-frame-width);min-width:var(--sprite-frame-width);max-width:var(--sprite-frame-width);height:calc(var(--sprite-frame-width) * .9375);isolation:isolate;transform-origin:50% 88%;filter:drop-shadow(0 5px #20251f14);flex:none;display:inline-block;position:relative}.quickle-frame-viewport{--frame-duration:.96s;contain:layout paint;clip-path:inset(0);isolation:isolate;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:background-position;background-position:0;background-repeat:no-repeat;position:absolute;inset:0;overflow:clip}.quickle-frame-player.sprite-large{--sprite-frame-width:126px}.quickle-frame-player.sprite-small{--sprite-frame-width:58px}.quickle-frame-viewport.frames-8{background-size:800% 100%}.quickle-frame-viewport.frames-12{background-size:1200% 100%}.quickle-frame-viewport.frames-8.frame-once{animation:quickleFrames8Once var(--frame-duration) step-end 1 both}.quickle-frame-viewport.frames-8.frame-loop{animation:quickleFrames8Loop var(--frame-duration) step-end infinite}.quickle-frame-viewport.frames-12.frame-once{animation:quickleFrames12 var(--frame-duration) step-end 1 both}.quickle-frame-viewport.frames-12.frame-loop{animation:quickleFrames12 var(--frame-duration) step-end infinite}@keyframes quickleFrames8Once{0%,12.49%{background-position:0}12.5%,24.99%{background-position:14.2857%}25%,37.49%{background-position:28.5714%}37.5%,49.99%{background-position:42.8571%}50%,62.49%{background-position:57.1429%}62.5%,74.99%{background-position:71.4286%}75%,87.49%{background-position:85.7143%}87.5%,to{background-position:100%}}@keyframes quickleFrames8Loop{0%,63.99%{background-position:0}64%,67.99%{background-position:14.2857%}68%,71.99%{background-position:28.5714%}72%,75.99%{background-position:42.8571%}76%,79.99%{background-position:57.1429%}80%,83.99%{background-position:71.4286%}84%,87.99%{background-position:85.7143%}88%,to{background-position:100%}}@keyframes quickleFrames12{0%,8.332%{background-position:0}16.665%,8.333%{background-position:9.09091%}16.666%,24.999%{background-position:18.1818%}25%,33.332%{background-position:27.2727%}33.333%,41.665%{background-position:36.3636%}41.666%,49.999%{background-position:45.4545%}50%,58.332%{background-position:54.5455%}58.333%,66.665%{background-position:63.6364%}66.666%,74.999%{background-position:72.7273%}75%,83.332%{background-position:81.8182%}83.333%,91.665%{background-position:90.9091%}91.666%,to{background-position:100%}}.character-preview .quickle-sprite{margin:-4px 0 -2px}.student-waiting>.quickle-frame-player,.student-waiting>.quickle-sprite{margin-bottom:22px}.student-result>.quickle-sprite{margin:4px 0 2px}.sprite-motion-pop{animation:quicklePop .68s cubic-bezier(.18,.9,.28,1.25) both}.sprite-motion-idle{animation:quickleIdle 2.8s ease-in-out infinite}.sprite-motion-sway{animation:quickleSway 4.8s ease-in-out infinite}.sprite-motion-bounce{animation:quickleBounce 4.35s cubic-bezier(.3,.75,.25,1) infinite}.sprite-motion-wiggle{animation:quickleWiggle 4.6s ease-in-out infinite}.sprite-motion-float{animation:quickleFloat 3.8s ease-in-out infinite}.sprite-motion-celebrate{animation:quickleCelebrate .68s cubic-bezier(.2,.8,.25,1) 4 alternate both}@keyframes quicklePop{0%{opacity:0;transform:translateY(30px)scale(.55,.4)rotate(-8deg)}55%{opacity:1;transform:translateY(-7px)scale(1.07,.95)rotate(3deg)}76%{transform:translateY(2px)scale(.97,1.04)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes quickleIdle{0%,to{transform:translateY(0)rotate(-1deg)}48%{transform:translateY(-4px)rotate(1.5deg)}55%{transform:translateY(-4px)rotate(1deg)scale(1.01,.99)}}@keyframes quickleSway{0%,64%,to{transform:translateY(0)rotate(0)}72%{transform:translateY(-1px)rotate(-2.4deg)}80%{transform:translateY(-2px)rotate(2.1deg)}89%{transform:translateY(-1px)rotate(-1deg)}95%{transform:translateY(0)rotate(.4deg)}}@keyframes quickleBounce{0%,63%,to{transform:translateY(0)scale(1)}70%{transform:translateY(-8px)scale(1.02,.97)}77%{transform:translateY(1px)scale(.98,1.03)}83%{transform:translateY(-3px)scale(1.01,.99)}90%{transform:translateY(0)scale(1)}}@keyframes quickleWiggle{0%,62%,to{transform:translate(0)rotate(0)}70%{transform:translate(-2px)rotate(-3deg)}77%{transform:translate(2px)rotate(3deg)}84%{transform:translate(-1px)rotate(-2deg)}91%{transform:translate(1px)rotate(1.5deg)}}@keyframes quickleFloat{0%,to{transform:translateY(1px)rotate(-.6deg)}50%{transform:translateY(-3px)rotate(.7deg)}}@keyframes quickleCelebrate{0%{transform:translateY(2px)rotate(-3deg)scale(.98,1.02)}to{transform:translateY(-10px)rotate(4deg)scale(1.04,.97)}}.builder-options{gap:8px;display:grid}.builder-options fieldset{border:0;min-width:0;margin:0;padding:0}.builder-options legend{color:var(--muted);margin-bottom:4px;font-size:9px;font-weight:800}.text-options,.tone-options{flex-wrap:wrap;gap:4px;display:flex}.tone-options button{--tone:#90ad4f;background:var(--tone);border:1px solid #20251f33;border-radius:50%;width:22px;height:22px;padding:0}.tone-options .tone-yellow{--tone:#f2d054}.tone-options .tone-pink{--tone:#f16c5b}.tone-options .tone-blue{--tone:#73acc0}.tone-options .tone-mint{--tone:#77b98a}.tone-options .tone-lavender{--tone:#a88fc3}.tone-options button.selected{outline:2px solid var(--ink);outline-offset:2px}.text-options button{border:1px solid var(--line);background:var(--white);border-radius:7px;padding:4px 7px;font-size:9px;font-weight:750}.text-options button.selected{border-color:var(--pickle);color:var(--pickle-dark);background:#e7edd9}.field-row label,.question-input,.student-onboarding label{color:var(--muted);gap:7px;font-size:12px;font-weight:600;display:grid}.field-row select,.question-input textarea,.student-onboarding input{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);outline:none;width:100%;min-height:46px;padding:13px}.field-row select:focus,.question-input textarea:focus,.student-onboarding input:focus{border-color:var(--brand-hover);box-shadow:0 0 0 3px #c6d35638}.student-onboarding .primary-button{margin-top:18px}.student-result,.student-waiting{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.student-waiting>.quickle-character{margin-bottom:28px}.student-waiting>.eyebrow{border-radius:var(--radius-pill);background:var(--brand-soft);letter-spacing:.02em;text-transform:none;margin:7px 0 10px;padding:6px 11px}.student-waiting h2{margin:0 0 14px}.student-waiting p{color:var(--muted);margin:0;line-height:1.65}.student-waiting .live-dots{align-items:flex-end;min-height:16px;margin:18px 0 4px;padding-top:6px}.student-waiting .text-button{margin-top:14px}.text-button{color:var(--pickle-dark);background:0 0;border:0;margin-top:26px;font-weight:700;text-decoration:underline}.phone .text-button{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-height:40px;color:var(--muted);box-shadow:var(--shadow-control);padding:8px 13px;text-decoration:none}.student-head{justify-content:space-between;align-items:center;font-size:12px;display:flex}.student-head b{border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--brand-dark);border:1px solid #aec13e73;padding:7px 11px}.student-question{overflow-y:auto}.student-answer-grid{grid-template-columns:1fr 1fr;gap:10px;height:480px;display:grid}.student-answer-grid button{border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card);place-items:center;transition:transform .15s,box-shadow .15s,filter .15s;display:grid}.student-answer-grid button:active{box-shadow:none;filter:saturate(.96);transform:translateY(1px)scale(.99)}.student-answer-grid button strong{font-size:52px;font-weight:900;line-height:1}.student-ox-grid{grid-template-columns:1fr 1fr;gap:11px;height:475px;display:grid}.student-ox-grid button{border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:transform .15s,box-shadow .15s,filter .15s;display:flex}.student-ox-grid button:active{box-shadow:none;filter:saturate(.96);transform:translateY(1px)scale(.99)}.student-ox-grid strong{font-size:76px;line-height:1}.student-ox-grid span{font-size:12px;font-weight:800}.ox-true{background:#bcd4df}.ox-false{background:#e8afa0}.student-short-answer{gap:13px;margin-top:75px;display:grid}.student-short-answer label{color:var(--muted);font-size:12px;font-weight:800}.student-short-answer input{border:1.5px solid var(--ink);border-radius:var(--radius-md);background:#fff;width:100%;padding:20px 17px;font-size:20px;font-weight:750}.student-short-answer .primary-button{margin-top:5px}.primary-button:disabled{border-color:var(--line);background:var(--paper-deep);color:var(--muted);opacity:1;cursor:not-allowed}.phone .primary-button:disabled,.primary-button:disabled{box-shadow:none;transform:none}.phone .primary-button:disabled:hover{border-color:var(--line);background:var(--paper-deep);color:var(--muted);box-shadow:none;transform:none}.student-order{gap:9px;display:grid}.student-order>p,.student-pin-answer>p{color:var(--muted);margin:0 0 4px;font-size:11px}.order-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-height:72px;padding:10px;display:grid;box-shadow:2px 3px #20251f1f}.order-card>strong{background:var(--mustard);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.order-card>span{font-size:13px;font-weight:800}.order-card{transition:transform .15s,box-shadow .15s,opacity .15s}.order-card.dragging{opacity:.28;box-shadow:none;border-style:dashed}.order-drag-handle{border:1px solid var(--line);background:var(--paper);width:34px;height:42px;color:var(--muted);cursor:grab;touch-action:none;border-radius:9px;font-size:22px;font-weight:900;line-height:1}.order-drag-handle:active{cursor:grabbing}.order-drag-ghost{z-index:100;border:1.5px solid var(--ink);border-radius:var(--radius-md);background:var(--white);width:245px;min-height:64px;box-shadow:10px 14px 28px #20251f3d,3px 4px 0 var(--ink);pointer-events:none;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:850;display:flex;position:fixed;transform:translate(-88%,-50%)rotate(-2deg)}.order-drag-ghost span{color:var(--muted);font-size:21px}.student-order>.primary-button{margin-top:7px}.student-pin-answer{gap:11px;display:grid}.pin-canvas,.teacher-pin-canvas{border:1.5px solid var(--ink);border-radius:var(--radius-md);background:linear-gradient(145deg,#f1d98e 0 45%,#dc816e 45% 100%);width:100%;height:auto;position:relative;overflow:hidden}.pin-canvas.ratio-pin{aspect-ratio:4/5}.ad-shape{display:block;position:absolute}.ad-circle{background:#73acc0;border-radius:50%;width:190px;height:190px;top:-40px;right:-48px}.ad-box{background:#90ad4f;width:115px;height:115px;bottom:12px;left:-25px;transform:rotate(18deg)}.ad-copy{z-index:2;color:var(--ink);text-align:left;font-size:31px;font-weight:950;line-height:.92;position:absolute;top:30px;left:24px}.question-uploaded-image{object-fit:contain;transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.answer-pin{z-index:4;background:var(--tomato);width:30px;height:30px;color:var(--ink);border:3px solid #fff;border-radius:50% 50% 50% 0;place-items:center;font-style:normal;display:grid;position:absolute;transform:translate(-50%,-100%)rotate(-45deg);box-shadow:2px 3px #20251f4d}.submitted{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:90%;display:flex}.submitted>span{background:var(--pickle);width:80px;height:80px;color:var(--ink);box-shadow:var(--shadow-card);border-radius:50%;place-items:center;font-size:40px;display:grid}.submitted h2{margin:28px 0 8px;font-size:35px;font-weight:850}.submitted p{color:var(--muted);line-height:1.5}.submitted .primary-button{margin-top:30px}.participant-wait-message{color:var(--muted);margin-top:20px;font-size:12px}.mini-sticker{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--mustard);color:var(--ink);box-shadow:var(--shadow-control);margin-bottom:25px;padding:7px 12px;font-size:11px;font-weight:800;transform:rotate(-2deg)}.student-result>p{color:var(--muted);margin:18px 0 5px}.student-result>strong{font-size:58px;font-weight:900}.score-card{border-radius:var(--radius-md);background:var(--brand-soft);width:100%;box-shadow:var(--shadow-control);border:1px solid #aec13e73;justify-content:space-between;margin-top:18px;padding:15px;display:flex;transform:none}.score-card b{color:var(--pickle-dark)}.studio-view{min-height:calc(100dvh - var(--topbar-height) - var(--footer-height));grid-template-columns:292px minmax(0,1fr);display:grid}.studio-sidebar{border-right:1px solid var(--line);background:#fffdf875;flex-direction:column;min-height:0;padding:30px 20px 22px;display:flex}.studio-sidebar-heading{padding:0 4px 20px}.studio-sidebar h2{text-overflow:ellipsis;white-space:nowrap;margin:8px 0;font-size:25px;font-weight:850;line-height:1.18;overflow:hidden}.save-state{color:var(--pickle-dark);font-size:10px}.quiz-info-nav{border-radius:var(--radius-md);width:100%;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:42px 1fr;align-items:center;gap:9px;padding:8px 11px;display:grid}.quiz-info-nav:hover{background:#ffffff94}.quiz-info-nav.active{background:var(--brand-soft);border-color:#aec13e75}.quiz-info-nav>.quickle-frame-player.sprite-small{--sprite-frame-width:42px}.studio-cover-photo{object-fit:cover;border:1px solid #aec13e6b;border-radius:12px;width:42px;height:42px;overflow:hidden}.quiz-info-nav>span:last-child{gap:2px;min-width:0;display:grid}.quiz-info-nav b{font-size:13px;font-weight:850}.quiz-info-nav small{color:var(--muted);font-size:9px;font-weight:650}.question-list-heading{color:var(--muted);letter-spacing:.04em;justify-content:space-between;align-items:center;margin:22px 5px 7px;font-size:10px;font-weight:850;display:flex}.question-list-heading>span{align-items:center;gap:7px;display:inline-flex}.question-list-heading small{color:#62675db8;letter-spacing:0;font-size:8px;font-weight:650}.question-list-heading b{background:var(--paper-deep);min-width:22px;height:22px;color:var(--ink);border-radius:50%;place-items:center;font-size:9px;display:grid}.question-list{flex:1;align-content:start;gap:4px;min-height:0;margin:0 0 12px;padding:0 2px 8px 0;list-style:none;display:grid;overflow-y:auto}.question-list li{border-radius:var(--radius-md);border:1px solid #0000;grid-template-columns:42px minmax(0,1fr);align-items:stretch;min-width:0;transition:border-color .15s,background .15s,box-shadow .15s;display:grid;position:relative}.question-list li.active{background:#e7edd9;border-color:#66823b52}.question-list-select{border-radius:inherit;width:100%;min-width:0;color:inherit;text-align:left;background:0 0;border:0;align-items:flex-start;gap:9px;padding:9px 7px 9px 3px;display:flex}.question-list li:not(.active) .question-list-select:hover{background:#ffffff94}.question-list-select:focus-visible{z-index:1;outline:2px solid var(--brand-dark);outline-offset:-2px;position:relative}.question-list-select .question-number{background:var(--paper-deep);border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:10px;font-weight:900;display:grid}.question-list p{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:12px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.question-list small{color:var(--muted);margin-top:2px;font-size:9px;line-height:1.25;display:block}.question-drag-handle{border-radius:calc(var(--radius-md) - 1px) 8px 8px calc(var(--radius-md) - 1px);color:#62675da8;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-self:stretch;place-items:center;width:40px;min-height:48px;padding:0;display:grid}.question-drag-handle:hover:not(:disabled){color:var(--brand-dark);background:#ffffffb8}.question-drag-handle:focus-visible{z-index:2;outline:2px solid var(--brand-dark);outline-offset:-2px;position:relative}.question-drag-handle:active:not(:disabled),.question-list li.dragging .question-drag-handle{cursor:grabbing;color:var(--brand-dark)}.question-drag-handle:disabled{opacity:.25;cursor:default}.question-drag-dots{background-image:radial-gradient(circle,currentColor 1.45px,#0000 1.7px);background-position:1px 1px;background-size:6px 6px;width:14px;height:20px;display:block}.question-list li.dragging{z-index:8;background:var(--surface);opacity:.96;will-change:transform;border-color:#aec13eb8;transition:none;box-shadow:0 12px 28px #473d262e}.question-list li.drag-target-after:after,.question-list li.drag-target-before:after{content:"";z-index:9;border-radius:var(--radius-pill);background:var(--brand-hover);pointer-events:none;height:3px;position:absolute;left:8px;right:8px;box-shadow:0 0 0 3px #c6d3562e}.question-list li.drag-target-before:after{top:-4px}.question-list li.drag-target-after:after{bottom:-4px}.question-list.is-dragging{cursor:grabbing;overscroll-behavior:contain}.question-order-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.question-list li.question-empty{border:1px dashed var(--line);color:var(--muted);margin:9px 4px 0;padding:16px 13px;font-size:11px;font-weight:750;line-height:1.45;display:block}.question-list .question-empty small{margin-top:4px;font-weight:550}.studio-add-question{flex:none;width:100%}.studio-add-question:disabled{background:var(--paper-deep);color:var(--muted);box-shadow:none;cursor:not-allowed}.outline-button{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-md);min-height:42px;box-shadow:var(--shadow-control);padding:10px 14px;font-size:12px;font-weight:700}.editor{min-width:0;padding:28px clamp(22px,4vw,64px) 70px}.editor-header{justify-content:space-between;align-items:center;max-width:1040px;margin:0 auto 25px;display:flex}.editor-header>div{align-items:center;gap:10px;display:flex}.editor-header .editor-header-actions{gap:12px}.editor-header .editor-header-actions>button{border-radius:var(--radius-md);justify-content:center;align-items:center;width:auto;min-height:48px;padding:0 18px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.editor-canvas{max-width:920px;margin:0 auto;padding:32px}.quiz-setup-page{width:100%;max-width:1040px;margin:0 auto}.quiz-setup-intro{max-width:680px;margin:8px 0 24px}.quiz-setup-intro h1{letter-spacing:-.035em;margin:0;font-size:clamp(30px,3.2vw,42px);font-weight:900;line-height:1.16}.quiz-setup-grid{grid-template-columns:minmax(280px,.78fr) minmax(440px,1.22fr);align-items:stretch;gap:26px;display:grid}.quiz-copy-card,.quiz-cover-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:#ffffff94;min-width:0;margin:0;padding:28px;box-shadow:0 14px 35px #343a2a0e}.quiz-cover-card{flex-direction:column;display:flex}.quiz-section-heading{width:100%;color:var(--ink);align-items:center;gap:11px;margin:0 0 24px;padding:0;display:flex}.quiz-section-heading>span:first-child{background:var(--brand-soft);width:31px;height:31px;color:var(--brand-dark);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:900;display:grid}.quiz-section-heading>div,.quiz-section-heading>span:last-child{gap:3px;display:grid}.quiz-section-heading b,.quiz-section-heading h2{margin:0;font-size:17px;font-weight:900;line-height:1.2}.quiz-section-heading p,.quiz-section-heading small{color:var(--muted);margin:0;font-size:10px;font-weight:600;line-height:1.4}.quiz-section-heading>.quiz-section-title-row{align-items:center;gap:5px;display:flex}.quiz-info-help{align-items:center;display:inline-flex;position:relative}.quiz-info-help>button{color:#0000;width:26px;height:26px;font:inherit;cursor:help;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:0;line-height:1;display:grid}.quiz-info-help>button:before{content:"i";color:#62675db8;border:1px solid #20251f21;border-radius:50%;place-items:center;width:14px;height:14px;font-size:8px;font-weight:700;line-height:1;display:grid}.quiz-info-help>button:focus-visible:before,.quiz-info-help>button:hover:before{color:var(--brand-dark);background:#eff4deb3;border-color:#66823b6b}.quiz-info-help>button:focus-visible{outline-offset:1px;outline:2px solid #aec13e80}.quiz-info-help>[role=tooltip]{z-index:20;border-radius:var(--radius-sm);background:var(--ink);color:#fff;width:max-content;max-width:250px;box-shadow:var(--shadow-floating);opacity:0;visibility:hidden;pointer-events:none;border:1px solid #20251f1f;padding:9px 11px;font-size:10px;font-weight:650;line-height:1.5;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-3px)}.quiz-info-help:focus-within>[role=tooltip],.quiz-info-help:hover>[role=tooltip]{opacity:1;visibility:visible;transform:translate(-50%)}.quiz-cover-tabs{border-radius:var(--radius-md);background:var(--paper-deep);grid-template-columns:1fr 1fr;gap:3px;width:fit-content;margin:-7px 0 14px;padding:3px;display:grid}.quiz-cover-tabs button{border-radius:calc(var(--radius-md) - 3px);min-width:94px;min-height:34px;color:var(--muted);background:0 0;border:0;padding:7px 12px;font-size:11px;font-weight:800}.quiz-cover-tabs button.selected{background:var(--surface);color:var(--ink);box-shadow:0 1px 6px #343a2a1f}.quiz-cover-tabs button:focus-visible{outline-offset:2px;outline:3px solid #aec13e75}.quiz-copy-fields{align-content:start;gap:16px;display:grid}.quiz-note-input,.quiz-title-input{gap:8px;display:grid}.field-label-row{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.field-label-copy{align-items:center;gap:5px;display:inline-flex}.field-label-row b,.field-label-row label{color:inherit;font-size:12px;font-weight:700}.field-label-row small{font-size:10px;font-weight:650}.quiz-note-input input,.quiz-title-input input{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:inherit;outline:none;padding:13px 15px;font-weight:750}.quiz-title-input input{min-height:52px;font-size:19px}.quiz-note-input input{color:var(--muted);font-size:13px}.quiz-note-input input:focus,.quiz-title-input input:focus{border-color:var(--brand-hover);box-shadow:0 0 0 3px #c6d35638}.quiz-cover-preview{aspect-ratio:20/7;border-radius:var(--radius-lg);background:linear-gradient(140deg,#fbfdf2,#f3f0c5);border:1px solid #aec13e52;place-items:center;width:100%;margin-bottom:13px;display:grid;position:relative;overflow:hidden}.quiz-cover-glow{filter:blur(22px);background:#fae56847;border-radius:50%;width:230px;height:155px;position:absolute}.quiz-cover-preview .quickle-frame-player{--sprite-frame-width:142px;z-index:1;position:relative}.quiz-cover-options{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:auto;display:grid}.quiz-cover-options button{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-width:0;min-height:83px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px;display:flex}.quiz-cover-options button:hover{border-color:var(--line-strong);background:var(--surface-soft)}.quiz-cover-options button.selected{background:var(--brand-soft);border-color:#aec13ee6;box-shadow:0 0 0 2px #c6d3562e}.quiz-cover-options button:focus-visible{outline-offset:2px;outline:3px solid #aec13e75}.quiz-cover-options .quickle-frame-player.sprite-small{--sprite-frame-width:45px}.quiz-photo-editor{gap:12px;display:grid}.quiz-photo-file-input{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.quiz-photo-crop,.quiz-photo-empty{aspect-ratio:20/7;border-radius:var(--radius-lg);background:linear-gradient(140deg,#fbfdf4,#f0f1df);border:1px solid #aec13e6b;width:100%;overflow:hidden}.quiz-photo-empty{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.quiz-photo-empty:hover{border-color:var(--brand-hover);background:var(--brand-soft)}.quiz-photo-empty:disabled{color:var(--muted);cursor:wait}.quiz-photo-empty>span{background:var(--surface);width:36px;height:36px;color:var(--brand-dark);box-shadow:var(--shadow-control);border-radius:50%;place-items:center;margin-bottom:3px;font-size:22px;font-weight:500;display:grid}.quiz-photo-empty b{font-size:13px;font-weight:850}.quiz-photo-empty small{color:var(--muted);font-size:9px;font-weight:650}.quiz-photo-crop{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;position:relative}.quiz-photo-crop:active{cursor:grabbing}.quiz-photo-crop>img{object-fit:cover;transform-origin:50%;-webkit-user-select:none;user-select:none;width:100%;height:100%}.quiz-photo-crop>img,.quiz-photo-grid{pointer-events:none;position:absolute;inset:0}.quiz-photo-grid{background:linear-gradient(90deg,#0000 33.1%,#ffffff75 33.3% 33.6%,#0000 33.8% 66.1%,#ffffff75 66.3% 66.6%,#0000 66.8%),linear-gradient(#0000 33.1%,#ffffff75 33.3% 33.6%,#0000 33.8% 66.1%,#ffffff75 66.3% 66.6%,#0000 66.8%);box-shadow:inset 0 0 0 1px #ffffffb3}.quiz-photo-crop>small{border-radius:var(--radius-pill);color:#fff;white-space:nowrap;pointer-events:none;background:#20251fad;padding:5px 9px;font-size:9px;font-weight:750;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.quiz-photo-controls{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff7a;gap:10px;padding:12px 13px;display:grid}.quiz-photo-controls>label{color:var(--muted);grid-template-columns:auto minmax(100px,1fr) 42px;align-items:center;gap:10px;font-size:10px;font-weight:800;display:grid}.quiz-photo-controls output{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;font-size:10px}.quiz-photo-controls>div{align-items:center;gap:8px;min-width:0;display:flex}.quiz-photo-controls>div>span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:10px;font-weight:650;overflow:hidden}.quiz-photo-controls .outline-button{cursor:pointer;min-height:34px;box-shadow:none;align-items:center;padding:7px 10px;display:inline-flex}.quiz-photo-controls .text-button{color:#a44231;min-height:34px;margin:0;padding:6px 4px;font-size:10px;text-decoration:none}.quiz-photo-controls .reset-button{color:var(--muted)}.quiz-photo-apply{border-radius:var(--radius-md);background:var(--brand);width:100%;min-height:39px;color:var(--ink);border:1px solid #aec13e9e;font-size:11px;font-weight:850}.quiz-photo-apply:hover:not(:disabled){background:var(--brand-hover)}.quiz-photo-apply.prepared{background:var(--brand-soft);color:var(--brand-dark)}.quiz-photo-apply:disabled{border-color:var(--line);background:var(--paper-deep);color:var(--muted);cursor:wait}.quiz-photo-error{color:#a44231}.quiz-photo-converted,.quiz-photo-converting,.quiz-photo-error{margin:-3px 0 0;font-size:10px;font-weight:750}.quiz-photo-converting{color:var(--muted)}.quiz-photo-converted{color:var(--pickle-dark)}.quiz-photo-local-note{color:var(--muted);margin:-2px 0 0;font-size:9px;line-height:1.4}.quiz-setup-actions{border-radius:var(--radius-lg);background:#f4f7e2c2;border:1px solid #aec13e57;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:18px 20px;display:flex}.quiz-setup-actions>span{color:var(--muted);font-size:12px;font-weight:650}.quiz-setup-actions .primary-button{width:auto;min-width:154px;padding-inline:20px}.field-row{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.field-row .editor-field{min-width:0;color:var(--muted);gap:7px;font-size:12px;font-weight:600;display:grid}.themed-select{width:100%;color:var(--ink);position:relative}.themed-select-trigger{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:46px;color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-size:13px;font-weight:700;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.themed-select-trigger:hover{background:var(--surface-soft);border-color:#aec13eb8}.themed-select-trigger[aria-expanded=true]{border-color:var(--brand-hover);background:var(--brand-soft);box-shadow:0 0 0 3px #c6d35633}.themed-select-trigger svg{fill:none;width:12px;height:8px;stroke:var(--brand-dark);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .15s}.themed-select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.themed-select-menu{z-index:40;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:100%;box-shadow:var(--shadow-floating);gap:3px;padding:5px;display:grid;position:absolute;top:calc(100% + 7px);left:0}.themed-select-menu>button{border-radius:var(--radius-sm);width:100%;min-height:38px;color:var(--ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.themed-select-menu>button:focus-visible,.themed-select-menu>button:hover{background:var(--brand-soft);color:var(--brand-dark);outline:0}.themed-select-menu>button.selected{background:var(--brand);color:var(--ink);font-weight:800}.themed-select-menu>button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.themed-select-compact{flex:1;min-width:0}.themed-select-compact .themed-select-trigger{min-height:34px;box-shadow:none;background:0 0;border:0;padding:0;font-size:11px}.themed-select-compact .themed-select-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.themed-select-compact .themed-select-menu{width:166px;left:auto;right:-8px}.question-input textarea{resize:vertical;min-height:94px;font-size:19px;font-weight:700;line-height:1.45}.editor-answers{grid-template-columns:1fr 1fr;margin:20px 0}.editor-answers,.multiple-choice-editor{gap:10px;display:grid}.answer-option{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);grid-template-columns:34px minmax(0,1fr) 20px 26px;align-items:center;gap:8px;padding:11px;display:grid}.answer-option>span{background:var(--paper);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.answer-option input:not([type]),.answer-option input[type=text]{border:0;outline:0;min-width:0;font-weight:700}.correct-option{border:2px solid var(--pickle);background:#f1f4e9}.answer-option-remove{color:#a44231;background:0 0;border:0;border-radius:50%;place-items:center;width:26px;height:26px;padding:0 0 2px;font-size:18px;line-height:1;display:grid}.answer-option-remove:hover:not(:disabled){background:#f16c5b1a}.answer-option-remove:disabled{opacity:.22;cursor:not-allowed}.choice-add-button{width:fit-content;box-shadow:none;margin-top:-2px}.choice-limit{color:var(--muted);font-size:10px;font-weight:650}.editor-ox{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.editor-ox label{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);justify-content:center;align-items:center;gap:18px;min-height:120px;padding:20px;transition:border-color .15s,background-color .15s;display:flex}.editor-ox label:has(input:checked){border-color:var(--brand-hover);background:var(--brand-soft)}.editor-ox input{width:18px;height:18px}.editor-ox strong{font-size:55px;line-height:1}.accepted-answer-editor,.order-editor,.pin-editor{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff6b;gap:10px;margin:20px 0;padding:20px;display:grid}.accepted-answer-editor>div:first-child,.order-editor>div:first-child{gap:3px;margin-bottom:4px;display:grid}.accepted-answer-editor>div span,.order-editor>div span,.pin-editor-head span{color:var(--muted);font-size:11px}.accepted-answer-editor label,.order-editor label{grid-template-columns:30px 1fr 30px;align-items:center;gap:8px;display:grid}.accepted-answer-editor label>span,.order-editor label>span{background:var(--brand-soft);width:28px;height:28px;color:var(--brand-dark);border:1px solid #aec13e6b;border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.accepted-answer-editor input,.order-editor input{border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;min-width:0;padding:12px;font-weight:700}.accepted-answer-editor label button{color:#a44231;background:0 0;border:0;width:28px;height:28px;font-size:20px}.accepted-answer-editor>.outline-button,.order-editor>.outline-button{width:fit-content;margin-top:4px}.order-editor label{grid-template-columns:22px 30px 1fr}.order-editor label>b{color:var(--muted)}.pin-editor-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.pin-editor-head>div{gap:3px;display:grid}.pin-image-actions{grid-auto-flow:column;align-items:center;gap:8px!important;display:flex!important}.image-upload-button{cursor:pointer;white-space:nowrap}.image-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pin-image-remove{color:#a44231;background:0 0;border:0;min-height:38px;padding:8px 10px;font-size:10px;font-weight:800}.pin-editor-tabs{border-radius:var(--radius-md);background:var(--paper-deep);grid-template-columns:1fr 1fr;gap:3px;width:fit-content;margin-top:5px;padding:3px;display:grid}.pin-editor-tabs button{border-radius:calc(var(--radius-md) - 3px);min-height:38px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-size:11px;font-weight:800;display:flex}.pin-editor-tabs button>span{background:#20251f12;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;display:grid}.pin-editor-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 6px #343a2a1f}.pin-editor-tabs button.active>span{background:var(--brand);color:var(--ink)}.image-ratio-options,.region-shape-options{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.image-ratio-options>span,.region-shape-options>span{width:78px;color:var(--muted);font-size:10px;font-weight:850}.teacher-pin-canvas{touch-action:none;-webkit-user-select:none;user-select:none;height:auto;margin:4px auto}.teacher-pin-canvas.ratio-pin{aspect-ratio:4/5;width:min(440px,100%)}.teacher-pin-canvas>b{text-align:left;font-size:27px;line-height:.95;position:absolute;top:30px;left:26px}.crop-workspace{aspect-ratio:4/5;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-soft);touch-action:none;width:min(440px,100%);height:auto;margin:4px auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff94}.crop-workspace.pin-step-image{border-color:#aec13e85}.crop-image-layer{transform-origin:50%;cursor:default;touch-action:none;position:absolute;inset:0;overflow:visible}.crop-image-layer.is-editable{cursor:grab}.crop-image-layer.is-editable:active{cursor:grabbing}.crop-image-layer.has-image{outline:0}.crop-image-layer>img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.crop-image-layer>b{z-index:2;font-size:35px;line-height:.95;position:absolute;top:17%;left:12%}.crop-image-layer .ad-circle{width:310px;height:310px}.crop-image-layer .ad-box{width:220px;height:220px}.image-resize-handle{z-index:8;background:var(--brand);width:26px;height:26px;box-shadow:0 0 0 1px var(--brand-dark),0 4px 10px #20251f24;cursor:nwse-resize;border:3px solid #fff;border-radius:50%;position:absolute;bottom:9px;right:9px}.image-resize-handle:before{content:"↘";color:var(--ink);place-items:center;font-size:12px;font-style:normal;font-weight:900;display:grid;position:absolute;inset:0}.crop-workspace .teacher-pin-canvas{z-index:4;border-radius:inherit;width:100%;max-width:none;height:100%;box-shadow:none;cursor:default;pointer-events:none;background:0 0;border:0;margin:0;position:absolute;inset:0;overflow:visible}.editable-region{z-index:5;border:2px solid var(--tomato);cursor:move;pointer-events:auto;transform-origin:50%;background:#f16c5b2e;border-radius:9px;place-items:center;display:grid;position:absolute;box-shadow:0 4px 14px #20251f1f}.editable-region.region-circle{border-radius:50%}.editable-region>span{color:var(--ink);pointer-events:none;background:#fffdf8eb;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:900}.editable-region>i{background:var(--tomato);width:18px;height:18px;cursor:nwse-resize;position:absolute;bottom:-10px;right:-10px}.editable-region>i,.region-rotate-handle{box-shadow:0 0 0 1px var(--ink);border:2px solid #fff;border-radius:50%}.region-rotate-handle{background:var(--mustard);width:30px;height:30px;color:var(--ink);text-align:center;cursor:grab;place-items:center;padding:0 0 2px;font-family:Arial,sans-serif;font-size:20px;font-weight:700;line-height:1;display:grid;top:-44px}.region-rotate-handle,.region-rotate-handle:after{position:absolute;left:50%;transform:translate(-50%)}.region-rotate-handle:after{content:"";background:#fff;width:2px;height:12px;top:28px}.region-rotate-handle:active{cursor:grabbing}.image-zoom,.region-angle{color:var(--muted);grid-template-columns:auto 1fr 44px;align-items:center;gap:12px;font-size:10px;font-weight:850;display:grid}.image-zoom span,.region-angle span{text-align:right;font-variant-numeric:tabular-nums}.image-zoom input,.region-angle input{accent-color:var(--brand-hover)}.pin-image-layout-controls{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff8a;gap:11px;padding:13px;display:grid}.pin-fit-actions{gap:7px;display:flex}.pin-fit-actions button,.pin-reset-region{border-radius:var(--radius-sm);background:var(--brand-soft);min-height:35px;color:var(--brand-dark);border:1px solid #aec13e80;padding:7px 11px;font-size:10px;font-weight:800}.pin-answer-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.ratio-guide{color:var(--pickle-dark);background:#eef1e6;border-radius:10px;margin:2px 0 0;padding:10px 12px;font-size:10px;font-weight:750}.pin-image-dropzone{aspect-ratio:4/5;border-radius:var(--radius-lg);background:linear-gradient(145deg,#fff9,var(--brand-soft));width:min(440px,100%);min-height:300px;color:var(--muted);text-align:center;cursor:pointer;border:1px dashed #52631f6b;place-content:center;justify-items:center;gap:5px;margin:0 auto;padding:26px;display:grid}.pin-image-dropzone:hover{border-color:var(--brand-hover);background:var(--brand-soft)}.pin-image-dropzone.preparing{cursor:wait;opacity:.72}.pin-image-dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.pin-image-dropzone>span{background:var(--surface);width:40px;height:40px;color:var(--brand-dark);box-shadow:var(--shadow-control);border-radius:50%;place-items:center;margin-bottom:4px;font-size:22px;font-weight:700;display:grid}.pin-image-dropzone strong{color:var(--ink);font-size:14px;font-weight:850}.pin-image-dropzone small{font-size:10px;font-weight:600}.pin-image-error,.pin-image-notice{margin:0;font-size:10px;font-weight:750}.pin-image-error{color:#a44231}.pin-image-notice{color:var(--brand-dark)}.pin-reveal-preview{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff80;grid-template-columns:minmax(0,1fr) 148px;align-items:center;gap:16px;padding:13px 15px;display:grid}.pin-reveal-preview>div:first-child{gap:3px;display:grid}.pin-reveal-preview>div:first-child strong{font-size:12px;font-weight:850}.pin-reveal-preview>div:first-child span{color:var(--muted);font-size:10px}.pin-reveal-canvas{aspect-ratio:4/5;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-soft);width:132px;position:relative;overflow:hidden}.pin-reveal-highlight>span,.pin-reveal-image{transform-origin:50%;position:absolute;inset:0}.pin-reveal-highlight img,.pin-reveal-image img{object-fit:contain;width:100%;height:100%}.pin-reveal-dim{z-index:2;background:#20251f94;position:absolute;inset:0}.pin-reveal-highlight{z-index:3;font-style:normal;position:absolute;inset:0;overflow:hidden}.explanation-input textarea{min-height:68px;font-size:14px;font-weight:400}.editor-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;margin-top:25px;padding-top:14px;display:flex}.question-action-button{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-height:40px;color:var(--muted);box-shadow:var(--shadow-control);justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:800;display:inline-flex}.question-action-button:focus-visible,.question-action-button:hover{border-color:var(--line-strong);background:var(--surface-soft);color:var(--ink);outline:0}.question-action-button:focus-visible{box-shadow:0 0 0 3px #c6d3563d}.question-action-button svg{flex:none;width:17px;height:17px}.question-action-button.danger:focus-visible,.question-action-button.danger:hover{color:#a44231;background:#a4423112;border-color:#a4423152}.danger-button{color:#a44231;background:0 0;border:0;font-size:12px;font-weight:800}.demo-footer{height:var(--footer-height);border-top:1px solid var(--line);letter-spacing:.08em;color:var(--muted);justify-content:space-between;padding:10px 34px;font-size:9px;font-weight:700;display:flex}@media (max-height:850px) and (min-width:901px){.screen-view{padding:10px 4vw}.lobby-layout{--lobby-panel-height:402px}.lobby-heading{margin:0}.lobby-heading h1{margin:0;font-size:clamp(22px,2.2vw,30px);line-height:1.1}.participant-grid{grid-auto-rows:116px;padding:16px 12px}.lobby-card{padding:13px}.join-title{margin-bottom:8px}.fake-qr{width:154px}.side-code{padding:10px 0 8px}.side-code strong{font-size:23px}.join-help{margin-bottom:9px;font-size:10px}.lobby-card .primary-button{min-height:46px;padding-block:10px}.leaderboard-view>.tape{margin-bottom:14px}.ranking-list{height:414px}.rank-row{height:54px;min-height:54px;top:calc(var(--rank-position) * 60px);padding:5px 16px}.compact-button{margin-top:14px}}@media (max-width:1200px) and (min-width:901px){.lobby-heading{gap:14px}.lobby-heading h1{font-size:24px}.participant-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}}@media (max-width:1100px){.quiz-setup-grid{grid-template-columns:1fr}.quiz-copy-card,.quiz-cover-card{padding:25px}}@media (max-height:850px) and (min-width:901px){.participant-grid{padding:16px 12px}}@media (max-width:900px){.topbar{grid-template-columns:1fr auto;gap:12px;height:auto;padding:14px 18px}.view-switch{grid-area:2/1/auto/-1;width:100%;overflow-x:auto}.view-switch a{white-space:nowrap;text-align:center;flex:1}.type-preview-picker{justify-content:flex-start;overflow-x:auto}.type-preview-picker button,.type-preview-picker>span{flex:none}.session-chip{display:none}.lobby-layout,.phone-workspace,.question-layout,.studio-view{grid-template-columns:1fr}.screen-view{min-height:auto;padding:35px 20px}.lobby-heading{grid-area:1/1;align-items:center}.lobby-heading h1{font-size:clamp(23px,4vw,32px)}.lobby-board{grid-area:2/1}.participant-grid{padding:18px 14px}.lobby-card{grid-area:3/1;align-self:start;width:min(420px,100%);margin:0 auto}.question-layout{gap:10px 20px}.status-rail{grid-template-columns:1fr 1fr;display:grid}.status-rail .primary-button{grid-column:1/-1}.phone-workspace{min-height:auto;padding:40px 20px}.phone{width:min(360px,100%)}.studio-view{min-height:auto}.studio-sidebar{display:none}.editor{padding:24px 16px 70px}.quiz-setup-grid{grid-template-columns:1fr}}@media (max-width:560px){.pin-editor-head{flex-direction:column;align-items:flex-start}.pin-image-actions{justify-content:flex-end;width:100%}.pin-editor-tabs{width:100%}.pin-answer-controls{flex-direction:column;align-items:stretch}.pin-reveal-preview{grid-template-columns:1fr}.pin-reveal-canvas{justify-self:center;width:min(220px,100%)}.quiz-setup-intro h1{font-size:30px}.quiz-copy-card,.quiz-cover-card{border-radius:var(--radius-lg);padding:20px}.quiz-cover-options{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-setup-actions{flex-direction:column;align-items:stretch}.quiz-setup-actions .primary-button{width:100%}.lobby-heading{grid-template-columns:1fr;align-items:stretch;gap:10px}.lobby-heading h1{font-size:22px}.lobby-heading-status{justify-content:space-between;align-items:center;width:100%}.participant-grid{grid-template-columns:repeat(2,minmax(118px,1fr));grid-auto-rows:128px;padding:16px 10px}.answer-grid,.answer-grid.choice-count-5,.answer-grid.choice-count-6,.editor-answers,.field-row{grid-template-columns:1fr}.answer-card{min-height:78px}.question-stage h1{font-size:34px}.status-rail{grid-template-columns:1fr}.status-rail .primary-button{grid-column:auto}.rank-row{grid-template-columns:35px 45px 1fr 90px;padding:8px 12px}.rank-row small{display:none}.rank-row>b{font-size:12px}.editor-header{align-items:flex-start;gap:10px}.demo-footer,.editor-header>div:first-child strong{display:none}}@media (max-width:900px){.app-view-student .demo-footer,.app-view-student .phone-status,.app-view-student .topbar,.app-view-student .type-preview-picker{display:none}.app-view-student,.app-view-student .phone-workspace{width:100%;min-height:100dvh}.app-view-student .phone-workspace{padding:0;display:block}.app-view-student .phone{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0}.app-view-student .student-onboarding,.app-view-student .student-question,.app-view-student .student-result,.app-view-student .student-waiting{height:100%;padding:max(22px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.app-view-student .quickle-draw-screen{overscroll-behavior:contain;padding:max(18px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));grid-template-rows:auto minmax(440px,1fr);overflow-y:auto}.app-view-student .student-result,.app-view-student .student-waiting{justify-content:safe center;min-height:0;overflow-y:auto}}@media (max-width:900px) and (max-height:640px){.app-view-student .draw-app-header{height:42px;min-height:42px;padding-bottom:8px}.app-view-student .draw-result-hero{padding:4px 0 2px}.app-view-student .draw-ta-da{padding:4px 9px;font-size:9px}.app-view-student .drawn-quickle{min-height:126px}.app-view-student .drawn-quickle:before{width:180px;height:130px}.app-view-student .drawn-quickle .quickle-frame-player.sprite-large{--sprite-frame-width:112px}.app-view-student .draw-result-panel h2{font-size:24px}.app-view-student .draw-result-form{gap:8px;margin-top:4px}.app-view-student .draw-result-form .draw-again,.app-view-student .student-onboarding .draw-result-form .primary-button,.app-view-student .student-onboarding .draw-result-form input{min-height:44px}}@media (max-width:900px){.final-podium-view{grid-template-rows:auto auto minmax(300px,1fr) auto;min-height:610px;padding:22px 18px 26px}.podium-stage{min-height:300px}.podium-person .quickle-frame-player{--sprite-frame-width:88px}.podium-rank-1 .podium-person .quickle-frame-player{--sprite-frame-width:108px}.podium-rank-1 .podium-person:after,.podium-rank-1 .podium-person:before{display:none}.podium-step{min-height:78px}.podium-rank-2 .podium-step{min-height:98px}.podium-rank-1 .podium-step{min-height:126px}.final-ranking-view{min-height:610px;max-height:none;padding:22px 18px 24px}.final-rank-row,.final-ranking-labels{grid-template-columns:54px 52px minmax(0,1fr) 104px}.final-rank-row.without-score,.final-ranking-labels.without-score{grid-template-columns:54px 52px minmax(0,1fr)}}@media (max-width:560px){.final-podium-view{gap:10px 12px;min-height:560px;padding-inline:12px}.podium-kicker{gap:6px}.podium-complete-count{padding-inline:9px}.podium-heading h1{font-size:38px}.podium-person{padding-inline:3px}.podium-person .quickle-frame-player{--sprite-frame-width:72px}.podium-rank-1 .podium-person .quickle-frame-player{--sprite-frame-width:88px}.podium-person strong{font-size:13px}.podium-person span{font-size:10px}.podium-finish{width:100%}.final-ranking-view{gap:13px;min-height:580px;padding:18px 12px}.final-ranking-heading{align-items:center}.final-ranking-count{padding-inline:9px}.final-rank-row,.final-ranking-labels{grid-template-columns:42px 44px minmax(0,1fr) 82px;gap:5px}.final-rank-row.without-score,.final-ranking-labels.without-score{grid-template-columns:42px 44px minmax(0,1fr)}.final-ranking-labels{padding-inline:10px}.final-rank-row{padding-inline:8px}.final-rank-row .rank-name{font-size:14px}.final-rank-row .rank-score{font-size:12px}.final-ranking-footer{flex-direction:column;align-items:stretch}.final-ranking-footer p{text-align:center}.final-ranking-footer .compact-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}.podium-entry,.podium-finish{opacity:1;transform:none}.confetti-field,.podium-rank-1 .podium-person:after,.podium-rank-1 .podium-person:before,.winner-spark{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}