.avatar{background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);border-radius:50%;display:block}.timer{border:var(--border-width) solid var(--color-accent);background:var(--color-surface);color:var(--color-accent);font-family:var(--font-display);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-hard);border-radius:50%;justify-content:center;align-items:center;margin:0;display:inline-flex}.timer--low{background:var(--color-accent);color:var(--color-accent-text);animation:timer-beat 1s var(--ease-out) infinite}@keyframes timer-beat{0%{transform:scale(1.12)}40%,to{transform:scale(1)}}.code-form{gap:.75rem;display:grid}.code-form__label{font-weight:700}.code-input{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;min-height:4rem;color:var(--color-text);font-family:var(--font-display);letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;padding:.5rem 1rem;font-size:2.25rem}.code-input::placeholder{color:var(--color-text-muted);opacity:.5}.code-input:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.code-form__error,.play-error{min-height:1.5em;color:var(--color-accent);margin:0;font-weight:700}.home-title{font-size:clamp(2.25rem,9vw,3.5rem)}.home-lead{font-size:1.25rem}.join-box{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);margin:2rem 0;padding:1.5rem}.join-box h2{font-size:1.75rem}body.host{grid-template-rows:auto auto minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.host-bar{background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);font-family:var(--font-display);justify-content:space-between;align-items:center;gap:2vw;padding:1vh 2vw;font-size:clamp(1rem,3vh,2.25rem);display:flex}.host-bar__title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.host-bar__code{color:var(--color-accent);white-space:nowrap}.host-bar__status{color:var(--color-accent)}.host-stage{flex-direction:column;min-height:0;padding:2vh 3vw;display:flex}.host-stage>section{flex-direction:column;flex:1;min-height:0;display:flex}.host-center{text-align:center;justify-content:center;align-items:center;gap:2vh}.host-message{margin:0;font-size:clamp(1.25rem,4vh,3rem)}.host-heading{text-align:center;font-size:clamp(2rem,7vh,5.5rem)}.host-stage>.lobby{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3vw;display:grid}@media (aspect-ratio<=1){.host-stage>.lobby{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.lobby__code{font-size:clamp(2.5rem,15vw,12rem)}}.lobby__join{text-align:center;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);flex-direction:column;justify-content:center;align-items:center;padding:2vh 2vw;display:flex}.lobby__how{color:var(--color-text-muted);margin:0;font-size:clamp(1.25rem,3.5vh,2.75rem)}.lobby__url{font-family:var(--font-display);overflow-wrap:anywhere;margin:0 0 3vh;font-size:clamp(1.25rem,4.5vh,3.5rem)}.lobby__code{font-family:var(--font-display);color:var(--color-accent);text-shadow:var(--shadow-text);white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(2.5rem,min(19vh,8.5vw),15rem);line-height:1}.lobby__players{flex-direction:column;min-height:0;display:flex}.lobby__count{font-size:clamp(2rem,7vh,5.5rem)}.lobby__waiting{color:var(--color-text-muted);font-size:clamp(1.25rem,4vh,3rem)}.lobby__bots{flex-wrap:wrap;align-items:center;gap:1rem;margin:auto 0 0;padding-top:2vh;display:flex}.lobby__bots-status{color:var(--color-text-muted)}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(5rem,15vh,12rem),1fr));align-content:start;gap:1.5vh 1vw;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.avatar-grid__item{flex-direction:column;align-items:center;gap:.5vh;min-width:0;display:flex}.avatar-grid__item.is-new{animation:pop-in var(--duration-enter) var(--ease-pop)}.avatar-grid__item .avatar{aspect-ratio:1;width:clamp(3.5rem,11vh,9rem);height:auto}.avatar-grid__name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(.875rem,2.6vh,2rem);font-weight:700;overflow:hidden}.q-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:2vw;display:grid}.q-count,.q-progress{font-family:var(--font-display);margin:0;font-size:clamp(1.25rem,4vh,3rem)}.q-progress{text-align:right}.host .timer{border-width:calc(var(--border-width) * 2);width:clamp(5rem,16vh,12rem);height:clamp(5rem,16vh,12rem);font-size:clamp(2.5rem,9vh,7rem)}.q-prompt{text-align:center;overflow-wrap:break-word;text-wrap:balance;margin:2vh 0;font-size:clamp(2rem,7vh,5.5rem)}.q-prompt--small,.q-prompt--long{font-size:clamp(1.5rem,5vh,4rem)}.q-prompt--small.q-prompt--long{font-size:clamp(1.25rem,4vh,3rem)}.host-question:not([hidden]) .q-prompt{animation:pop-in var(--duration-enter) var(--ease-pop) both}.host-question:not([hidden]) .host-answer{animation:enter-up var(--duration-enter) var(--ease-out) both}.host-answer:first-child{animation-delay:.15s}.host-answer:nth-child(2){animation-delay:.23s}.host-answer:nth-child(3){animation-delay:.31s}.host-answer:nth-child(4){animation-delay:.39s}.host-answers{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2vh 2vw;min-height:0;display:grid}.host-answer{gap:1.5vw;min-height:0;padding:1vh 1.5vw;font-size:clamp(1.25rem,5vh,4rem);line-height:1.15;overflow:hidden}.host-answers--long .host-answer{font-size:clamp(1rem,3.6vh,3rem)}.host-answer .answer__mark{font-size:clamp(1.5rem,6vh,4.5rem)}.chart{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:2vw;min-height:0;display:grid}.chart__col{flex-direction:column;align-items:stretch;gap:1vh;min-height:0;display:flex}.chart__count{font-family:var(--font-display);text-align:center;font-size:clamp(1.5rem,6vh,4.5rem);line-height:1}.chart__track{border-bottom:var(--border-width) solid var(--color-border);flex:1;align-items:flex-end;min-height:0;display:flex}.chart__bar{transform-origin:bottom;width:100%;min-height:6px;animation:bar-grow .7s var(--ease-out) both;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;box-shadow:var(--shadow-hard);border-bottom:0}.chart__label{gap:.75vw;min-height:0;padding:1vh 1vw;font-size:clamp(1rem,3.2vh,2.5rem);line-height:1.15}.chart__label .answer__mark{font-size:clamp(1.25rem,4vh,3rem)}.chart__text{overflow-wrap:anywhere;flex:1;min-width:0}.chart__tick{font-family:var(--font-display);font-size:clamp(1.5rem,5vh,4rem)}@keyframes bar-grow{0%{transform:scaleY(0)}}.chart__col--dim .chart__bar{opacity:.35}.chart__col--dim .chart__label{opacity:.7}.chart__col--correct .chart__label{outline:calc(var(--border-width) * 2) solid var(--color-text);outline-offset:4px;animation:pop-in var(--duration-enter) var(--ease-pop) .6s both}.board{gap:1.5vh;width:min(100%,75rem);margin:0 auto;padding:0;list-style:none;display:grid}.board__row{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);animation:enter-up var(--duration-enter) var(--ease-out) both;grid-template-columns:2.5ch auto 1fr auto;align-items:center;gap:2vw;padding:1vh 2vw;font-size:clamp(1.25rem,4.5vh,3.5rem);display:grid}.board__row:nth-child(2){animation-delay:80ms}.board__row:nth-child(3){animation-delay:.16s}.board__row:nth-child(4){animation-delay:.24s}.board__row:nth-child(5){animation-delay:.32s}.board__row .avatar{aspect-ratio:1;width:clamp(2.5rem,8vh,6rem);height:auto}.board__rank{font-family:var(--font-display);color:var(--color-accent)}.board__name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.board__score{font-family:var(--font-display);font-variant-numeric:tabular-nums}.podium{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:2vw;width:min(100%,75rem);min-height:0;margin:0 auto;padding:0;list-style:none;display:grid}.podium__place{text-align:center;min-width:0;height:100%;animation:enter-up .6s var(--ease-pop) both;flex-direction:column;justify-content:flex-end;align-items:center;gap:.75vh;line-height:1.1;display:flex}.podium__place--1{order:2;animation-delay:1.1s}.podium__place--2{order:1;animation-delay:.6s}.podium__place--3{order:3;animation-delay:.1s}.podium__place .avatar{aspect-ratio:1;width:clamp(3rem,10vh,8rem);height:auto;box-shadow:var(--shadow-hard)}.podium__place--1 .avatar{border-color:var(--color-accent);width:clamp(4rem,14vh,11rem)}.podium__name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(1.25rem,4.5vh,3.5rem);font-weight:700;overflow:hidden}.podium__score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(1rem,3.5vh,2.75rem)}.podium__block{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--color-surface-raised);width:100%;box-shadow:var(--shadow-hard);font-family:var(--font-display);text-shadow:var(--shadow-text);border-bottom:0;justify-content:center;padding-top:1vh;font-size:clamp(2rem,6.5vh,5.5rem);line-height:1;display:flex}.podium__place--1 .podium__block{background:var(--color-accent);height:18vh;color:var(--color-accent-text);text-shadow:none}.podium__place--2 .podium__block{height:12vh}.podium__place--3 .podium__block{height:9vh}.board--rest{flex:none;grid-template-columns:1fr 1fr;gap:2vw;margin-top:2vh}.board--rest .board__row{padding:.5vh 1.5vw;font-size:clamp(1rem,3.2vh,2.5rem);animation-delay:1.5s}.board--rest .board__row .avatar{width:clamp(2rem,6vh,4.5rem)}.podium__place--empty{visibility:hidden}.host-board .host-message{text-align:center;margin:2vh 0}.host-board>.button{align-self:center}.host-board .host-heading{margin-bottom:2vh}.host-controls{border-top:var(--border-width) solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:2vw;padding:1.5vh 2vw;display:flex}.host-controls__hint{color:var(--color-text-muted);font-size:clamp(.875rem,2vh,1.5rem)}.button--next{min-width:12rem;font-size:clamp(1.25rem,3.5vh,2.5rem)}body.play{touch-action:manipulation;flex-direction:column;display:flex}.play-bar{background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);min-height:3rem;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.play-bar__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.play-bar__score{color:var(--color-accent);flex:none}.play-offline{background:var(--color-accent);color:var(--color-accent-text);text-align:center;margin:0;padding:.5rem 1rem;font-weight:700}.play-stage{width:100%;max-width:40rem;padding:1rem 1rem max(1rem, env(safe-area-inset-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}.play-stage>section{flex-direction:column;flex:1;display:flex}.play-center{text-align:center;justify-content:center;align-items:center;gap:.75rem}.play-center p,.play-center h1{margin:0}.play-stage>section:not([hidden]){animation:enter-up .26s var(--ease-out)}.play-center>.button,.play-center>form{width:100%;max-width:24rem}.play-big{font-size:1.5rem;font-weight:700}.play-muted{color:var(--color-text-muted)}#lobby-avatar .avatar{width:10rem;height:10rem}.play-question{gap:.75rem}.play-qhead{justify-content:space-between;align-items:center;display:flex}.play-qcount{font-family:var(--font-display);margin:0;font-size:1.25rem}.timer--small{width:4rem;height:4rem;box-shadow:none;font-size:1.75rem}.play-prompt{font-family:var(--font-body);text-shadow:none;overflow-wrap:break-word;margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}.play-answers{flex:1;grid-auto-rows:minmax(5rem,1fr);gap:.75rem;max-height:34rem;display:grid}.play-answer{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;min-height:5rem;transition:transform var(--duration-quick) var(--ease-out), box-shadow var(--duration-quick) var(--ease-out), opacity var(--duration-quick) var(--ease-out)}.play-answer:active:not(:disabled){box-shadow:var(--shadow-pressed);transform:translate(4px,4px)}.play-answer:disabled{cursor:default;opacity:.35}.play-answer.is-chosen{opacity:1;outline:calc(var(--border-width) * 2) solid var(--color-focus);outline-offset:3px}.play-answer__text{overflow-wrap:anywhere;flex:1;min-width:0}#locked-choice,.play-correct{width:100%;max-width:24rem}#locked-choice .answer{animation:pop-in var(--duration-enter) var(--ease-pop)}.play-correct{gap:.5rem;display:grid}.play-correct p{color:var(--color-text-muted)}.result-badge{animation:pop-in var(--duration-enter) var(--ease-pop) both;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);background:var(--color-surface-raised);font-family:var(--font-display);margin:0;padding:.75rem 1.5rem;font-size:2.25rem}.result-badge--correct{background:var(--color-success);color:var(--color-on-success)}.result-badge--wrong{background:var(--color-danger);color:var(--color-on-danger)}.result-badge--correct:before{content:"✓ "}.result-badge--wrong:before{content:"✗ "}.result-badge--late{background:var(--color-accent);color:var(--color-accent-text)}.stats{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:24rem;margin:.5rem 0;display:grid}.stats>div{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:.75rem}.stats dt{color:var(--color-text-muted)}.stats dd{font-family:var(--font-display);margin:0;font-size:1.5rem}.mini-board{gap:.5rem;width:100%;max-width:24rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.mini-board__row{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);text-align:left;grid-template-columns:2ch auto 1fr auto;align-items:center;gap:.75rem;min-height:3rem;padding:.375rem .75rem;display:grid}.mini-board__rank{font-family:var(--font-display);color:var(--color-accent)}.mini-board__name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.mini-board__score{font-family:var(--font-display)}.mini-board__row .avatar{border-width:2px;width:40px;height:40px}.mini-board__row.is-you{border-color:var(--color-accent);box-shadow:var(--shadow-hard)}