.play-lotus{width:3.5rem;height:auto;color:var(--amber);filter:drop-shadow(0 0 1rem #f2c48c59);display:block}.screen.play{overflow:clip}.play,.play-join{padding-left:max(clamp(.75rem, 5vw, 1.25rem), env(safe-area-inset-left));padding-right:max(clamp(.75rem, 5vw, 1.25rem), env(safe-area-inset-right))}.play .card,.play-join .card{padding:clamp(.875rem,5vw,1.5rem)}.play-inner,.join-inner{container:play/inline-size}.join-inner{justify-content:safe center;gap:var(--space-6)}.join-head{align-items:stretch;gap:var(--space-3);flex-direction:column;display:flex}.join-lotus{width:4rem;margin-bottom:var(--space-2)}.join-title{font-size:min(var(--fs-hero), 13vw);overflow-wrap:anywhere;max-width:12em}.join-subtitle{font-family:var(--font-display);font-size:var(--fs-title);color:var(--ink-soft);text-wrap:balance;margin:0;font-weight:400;line-height:1.25}.join-card{gap:var(--space-3);display:grid}.join-label{font-family:var(--font-display);font-weight:600;font-size:var(--fs-option)}.join-hint{font-size:var(--fs-label);margin:0;line-height:1.4}.join-error{color:var(--wrong);margin:0;font-weight:500}.join-notice{border-radius:var(--radius-btn);color:var(--amber);background:#f2c48c24;margin:0;padding:.625rem .875rem;font-weight:500}.join-card .btn{margin-top:var(--space-2)}.play-inner{justify-content:flex-start;gap:var(--space-4)}.play-net{z-index:5;padding:calc(.5rem + env(safe-area-inset-top)) 1rem .5rem;text-align:center;font-weight:500;font-size:var(--fs-label);transition:transform .25s var(--ease);box-shadow:var(--shadow-sm);line-height:1.3;position:fixed;top:0;left:0;right:0;transform:translateY(-110%)}.play-net[data-visible=false]{visibility:hidden;transition:transform .25s var(--ease), visibility 0s .25s}.play-net[data-visible=true]{transform:none}.play-net[data-tone=wrong]{background:var(--wrong);color:var(--ink)}.play-net[data-tone=amber]{background:var(--amber);color:var(--plate-ink)}.play-net[data-tone=teal]{background:var(--teal);color:var(--ink)}.play-top{min-height:2rem;color:var(--ink-muted);font-size:var(--fs-label);align-items:center;gap:.625rem;line-height:1.3;display:flex}.play-top-lotus{filter:none;flex:none;width:1.75rem}.play-menu{margin-left:auto;position:relative}.play-menu-btn{border:.0625rem solid var(--card-border);background:var(--glass);width:2.75rem;height:2.75rem;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);cursor:pointer;border-radius:50%;align-content:center;justify-items:center;gap:.3rem;display:grid}.play-menu-btn span{background:var(--ink-soft);border-radius:.125rem;width:1.1rem;height:.125rem;display:block}.play-menu-panel{z-index:30;border-radius:var(--radius-card);border:.0625rem solid var(--card-border);background:var(--glass-solid);width:min(18rem,100vw - 2rem);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);gap:.5rem;padding:1rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 .75rem 2rem #00000059}.play-menu-label{color:var(--ink-muted);font-size:var(--fs-label);margin:0}.play-menu-name{overflow-wrap:anywhere;margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.play-menu-warn{color:var(--ink-soft);font-size:var(--fs-label);margin:0;line-height:1.4}.play-menu-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.play-menu-actions .btn,.play-menu-leave{min-height:2.75rem;padding:.5rem .75rem;font-size:1rem}.play-menu-danger{background:var(--wrong);color:var(--ink)}.play-top-caption{overflow-wrap:break-word;flex:auto;min-width:0}.play-top-name{text-overflow:ellipsis;white-space:nowrap;max-width:45%;color:var(--ink-soft);flex:none;margin-left:auto;font-weight:500;overflow:hidden}.play-center{text-align:center;justify-content:safe center;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;flex-direction:column;flex:1;display:flex}.play-lotus-big{width:6rem;margin-bottom:var(--space-2)}@keyframes play-breathe{0%{opacity:.6;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.play-breathe{animation:play-breathe 1.6s var(--ease) infinite alternate}}.play-screen-icon{background:var(--card-strong);width:5rem;height:5rem;color:var(--amber);border-radius:50%;place-items:center;display:grid}.play-joined{padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);color:var(--amber);font-family:var(--font-display);font-size:var(--fs-title);font-variant-numeric:tabular-nums;background:#f2c48c24;margin:0;font-weight:600;line-height:1.2}.play-you{font-size:var(--fs-label);margin:0}.play-link{min-height:var(--tap-min);color:var(--amber);text-underline-offset:.2em;align-items:center;padding:0 .5rem;font-weight:500;display:inline-flex}.play-qr{margin-top:var(--space-2);max-width:100%}.play-qr img{width:9rem}.play-qr-caption{font-size:var(--fs-label);text-wrap:balance;max-width:14rem;font-weight:500}.play-question-screen{gap:var(--space-4);flex-direction:column;flex:1;display:flex}.play-question{white-space:pre-line}.play-media{aspect-ratio:16/10;max-height:45vh}.play-hint{font-size:var(--fs-label);align-items:center;gap:.375rem;margin:0;line-height:1.4;display:inline-flex}.play-hint-wrong{color:var(--wrong);font-weight:500}.play-state{flex-wrap:wrap;align-items:center;gap:.5rem;min-height:2.25rem;display:flex}.play-state .status-pill{min-height:2.25rem;font-size:var(--fs-body)}.play-state .status-pill svg{width:1.125em;height:1.125em}.play-timer{font-variant-numeric:tabular-nums}.play-spinner{border:.125rem solid;border-right-color:#0000;border-radius:50%;width:.875rem;height:.875rem}@media (prefers-reduced-motion:no-preference){.play-spinner{animation:.8s linear infinite play-spin}}@keyframes play-spin{to{transform:rotate(360deg)}}.play-timer-track{border-radius:var(--radius-pill);height:.375rem;margin-top:calc(-1 * var(--space-2));background:#ffffff1f;overflow:hidden}.play-timer-fill{border-radius:var(--radius-pill);background:var(--amber);height:100%;transition:width .25s linear, background-color .3s var(--ease)}.play-timer-fill[data-urgent=true]{background:var(--wrong)}.play-accepted{align-items:center;gap:var(--space-4);border-color:#f2c48c66;width:100%;display:flex}.play-accepted-icon{background:var(--amber);width:2.75rem;height:2.75rem;color:var(--plate-ink);border-radius:50%;flex:none;place-items:center;display:grid}.play-accepted-text{flex-direction:column;gap:.125rem;min-width:0;display:flex}.play-accepted-title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-option)}.play-accepted-sub{color:var(--ink-muted);font-size:var(--fs-label);line-height:1.4}.play-accepted-answer{color:var(--ink-soft);overflow-wrap:anywhere}.play .option{padding:clamp(.75rem,3.6vw,.875rem) clamp(.875rem,4.6vw,1.125rem)}.play .option-media{padding:clamp(.5rem,2.6vw,.625rem)}.option-text{overflow-wrap:anywhere;flex:1;min-width:0}.play .option-media .media-frame{aspect-ratio:var(--opt-ratio,4 / 3)}.option-photo{display:block;position:relative}.option-badge{color:var(--ink);background:#10262dd1;position:absolute;top:.5rem;left:.5rem;box-shadow:0 .125rem .5rem #00000059}.option-badge-end{width:2rem;height:2rem;margin-left:0;position:absolute;top:.5rem;right:.5rem;box-shadow:0 .125rem .5rem #00000059}.play .option-media .option-caption{text-align:center;font-size:var(--fs-option);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding:0 .25rem .25rem;display:block}.play .options-media{grid-template-columns:repeat(2,minmax(0,1fr))}.play .options-media[data-cols="1"]{grid-template-columns:minmax(0,1fr)}.play .options-media[data-cols="2"]>:last-child:nth-child(odd){width:calc(50% - var(--space-3) / 2);grid-column:1/-1;justify-self:center}@container play (max-width:20em){.play .options-media{grid-template-columns:minmax(0,1fr)}.play .options-media[data-cols="2"]>:last-child:nth-child(odd){justify-self:stretch;width:auto}.option:not(.option-media){flex-direction:column;align-items:flex-start;gap:.5rem}.option:not(.option-media) .option-marker{margin-left:0;position:absolute;top:.75rem;right:.75rem}.play-top-name{display:none}.play-accepted{flex-direction:column;align-items:flex-start}}.play-open{gap:.5rem;display:grid}.play-open-label{font-weight:500}.play-open-meta{text-align:right;font-size:var(--fs-label);color:var(--ink-muted);font-variant-numeric:tabular-nums}.play-explain{border-color:#f2c48c59;gap:.5rem;display:grid}.verdict-none,.verdict-pending{background:var(--card-strong);color:var(--ink-soft)}.play-footer{z-index:2;margin-top:auto}.play-standings,.play-final{gap:var(--space-5);flex-direction:column;display:flex}.play-final-head{flex:none;padding-bottom:0}.play-section{gap:var(--space-3);display:grid}.play-place{text-align:center;justify-items:center;gap:.25rem;display:grid}.play-place-rank{font-family:var(--font-display);font-size:var(--fs-hero);color:var(--amber);font-variant-numeric:tabular-nums;margin:.25rem 0;font-weight:700;line-height:1}.play-place-line{margin:0}.podium-row{flex-wrap:wrap;min-width:0}.podium-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:500}.podium-score{color:var(--ink-muted);font-size:var(--fs-label);font-variant-numeric:tabular-nums;text-align:right;flex:none}.podium-row[data-me=true],.play-rank-row[data-me=true]{outline:.125rem solid var(--teal-soft);outline-offset:0}.play-others{margin-top:var(--space-2)}.play-ranks{gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.play-rank-row{border-radius:var(--radius-btn);background:var(--card);flex-wrap:wrap;align-items:center;gap:.75rem;min-height:2.75rem;padding:.5rem .875rem;display:flex}.play-rank-n{width:1.75rem;font-family:var(--font-display);color:var(--ink-muted);font-variant-numeric:tabular-nums;flex:none;font-weight:600}.play-rank-name{overflow-wrap:anywhere;flex:1;min-width:0}.play-rank-score{color:var(--ink-muted);font-size:var(--fs-label);font-variant-numeric:tabular-nums;flex:none}.play-review{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.play-review-row{gap:.5rem;display:grid}.play-review-head{font-size:var(--fs-label);flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.play-review-icon{background:var(--card-strong);width:1.5rem;height:1.5rem;color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;display:grid}.play-review-row[data-verdict=correct] .play-review-icon{background:var(--correct);color:var(--plate-ink)}.play-review-row[data-verdict=wrong] .play-review-icon{background:var(--wrong);color:var(--ink)}.play-review-n{color:var(--ink-muted);font-weight:500}.play-review-verdict{font-family:var(--font-display);margin-left:auto;font-weight:600}.play-review-row[data-verdict=correct] .play-review-verdict{color:var(--correct)}.play-review-row[data-verdict=wrong] .play-review-verdict{color:var(--wrong)}.play-review-q{white-space:pre-line;overflow-wrap:anywhere;margin:0;font-weight:500;line-height:1.4}.play-review-line{overflow-wrap:anywhere;margin:0;line-height:1.45}.play-review-line b{color:var(--ink-muted);font-weight:500}.play-timer-corner,.play-timer-corner[data-tone]{z-index:25;top:calc(max(1.25rem, env(safe-area-inset-top)) + var(--space-4));left:max(clamp(.75rem, 5vw, 1.25rem), env(safe-area-inset-left), calc(50vw - var(--content-max) / 2));min-height:2.75rem;box-shadow:none;font-family:var(--font-display);white-space:nowrap;text-shadow:0 .125rem .75rem #0a1a1fd9;background:0 0;border:0;gap:.5rem;padding:0;font-size:min(1.625rem,7vw);font-weight:600;line-height:1;position:fixed}.play-timer-corner svg{filter:drop-shadow(0 .125rem .5rem #0a1a1fd9);width:.9em;height:.9em}.progress[data-hidden=true]{display:none}.play-menu-quiz{border-bottom:.0625rem solid var(--card-border);color:var(--amber);font-family:var(--font-display);margin:0 0 .5rem;padding-bottom:.625rem;font-size:1rem;font-weight:600;line-height:1.3}.play-timer-short{display:none}@container play (max-width:20em){.play-timer-long{display:none}.play-timer-short{display:inline}}