.room-screen,.room-screen *,.room-screen :after,.room-screen :before{box-sizing:border-box}.room-screen :where(h1,h2,h3,h4,p,ul,ol,figure,blockquote){margin:0}.room-screen :where(ul,ol){padding:0;list-style:none}.room-screen :where(h1,h2,h3,h4){font-family:inherit}.room-screen :where(input,button,select,textarea){font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}.room-screen{padding:0;font-family:var(--font-noto-thai,"Noto Sans Thai"),ui-sans-serif,sans-serif}.room-screen,.room-screen *{box-sizing:border-box}.room-host{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem 1.5rem;text-align:center}.room-host,.room-host--loading{min-height:100dvh}.room-host__lead{margin:0;color:#9fb0c8;font-size:clamp(1rem,2.5vw,1.5rem)}.room-launch__plans{color:#5eead4;font-weight:700}.room-launch__plans:focus-visible{outline:3px solid #5eead4;outline-offset:4px}.room-host__code{margin:0;max-inline-size:100%;font-size:clamp(3.25rem,14vw,8rem);font-weight:800;letter-spacing:clamp(.06em,1.2vw,.12em);line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;color:#38bdf8}.room-qr{display:flex;align-items:center;gap:1rem;padding:.7rem;border:1px solid #2a3650;border-radius:.85rem;background:#10192b;text-align:start}.room-qr__image,.room-qr__placeholder{display:block;width:7rem;height:7rem;flex:none;border-radius:.3rem;background:#f8fafc}.room-qr__placeholder{opacity:.35}.room-qr strong{color:#e8ecf4;font-size:clamp(1rem,2vw,1.3rem)}.room-qr p{margin:.15rem 0;color:#9fb0c8}.room-qr a{color:#38bdf8}.room-qr small{display:block;color:#fbbf24;margin-top:.25rem}.room-host__question{margin:0;font-size:clamp(1.8rem,6vw,4rem);font-weight:700;line-height:1.35;max-width:22ch;text-wrap:balance}.room-host__options{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;width:min(60rem,100%)}.room-host__options li{border:2px solid #2a3650;border-radius:.9rem;padding:1rem;font-size:clamp(1.2rem,3vw,2rem);font-weight:600;background:#141c31}.science-3d-classroom{position:relative;isolation:isolate;width:min(60rem,100%);min-height:18rem;overflow:hidden;border:2px solid #28556a;border-radius:1rem;background:linear-gradient(90deg,rgb(3 14 22/37%),rgb(3 14 22/8%) 48%,rgb(3 14 22/42%)),url(/images/ar/demo/physics-lab-background-v1.webp) 50% /cover no-repeat,#071722}.science-3d-classroom .science-lab-canvas{position:absolute;inset:0;width:100%;height:100%}.science-3d-classroom__board{position:relative;z-index:1;padding:1.25rem}.science-3d-classroom__board>p{margin:0 0 .8rem;color:#5eead4;font-size:.8rem;font-weight:800;letter-spacing:.14em}.science-3d-classroom .room-host__options li{background:rgb(16 25 43/88%)}.room-host__count{margin:0;font-size:clamp(1.1rem,3vw,1.8rem);color:#4ade80;font-variant-numeric:tabular-nums}.room-host__names{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .9rem;max-width:60rem}.room-host__names li{background:#141c31;border-radius:999px;padding:.4rem 1rem;font-size:clamp(.95rem,2vw,1.3rem)}.room-host__empty{background:transparent!important;color:#9fb0c8}.room-host__go{border:0;border-radius:999px;padding:1.1rem 3rem;font:inherit;font-size:clamp(1.1rem,3vw,1.6rem);font-weight:700;background:#38bdf8;color:#04121f;cursor:pointer;min-height:3.5rem}.room-host__go:disabled{opacity:.5;cursor:default}.room-host__warn{margin:0;color:#fbbf24}.room-host__podium-title{margin:0;font-size:clamp(1.2rem,3vw,2rem)}.room-host__podium{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.6rem;width:min(40rem,100%)}.room-host__podium li{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:1rem;background:#141c31;border-radius:.75rem;padding:.8rem 1.2rem;font-size:clamp(1rem,2.5vw,1.6rem)}.room-host__rank{font-weight:800;color:#38bdf8;font-variant-numeric:tabular-nums}.room-host__name{text-align:start}.room-host__score{font-variant-numeric:tabular-nums;font-weight:700;color:#4ade80}.room-summary{width:min(62rem,100%);margin-top:1rem;padding:1.5rem;border:2px solid #2a3650;border-radius:1rem;background:#10192b;text-align:start}.room-summary__heading{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;font-size:clamp(1rem,2.4vw,1.45rem)}.room-summary__heading p,.room-summary__heading span,.room-summary__questions p,.room-summary__questions small{margin:0}.room-summary__heading p{color:#38bdf8;font-weight:800}.room-summary__heading span{color:#9fb0c8}.room-summary__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.1rem 0}.room-summary__metrics div{padding:.85rem;border-radius:.7rem;background:#18233b}.room-summary__metrics dt{color:#9fb0c8;font-size:.9rem}.room-summary__metrics dd{margin:.2rem 0 0;font-size:clamp(1.35rem,3.5vw,2rem);font-weight:800;color:#4ade80}.room-summary__questions{margin:0;padding:0;list-style:none;display:grid;gap:.75rem}.room-summary__questions li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem 1rem;padding:.9rem;border-radius:.7rem;background:#18233b}.room-summary__questions li>div{display:grid;gap:.2rem}.room-summary__questions strong{color:#fbbf24}.room-summary__questions p{color:#fca5a5;text-align:end}.room-summary__questions small{grid-column:1/-1;color:#9fb0c8;line-height:1.5}.room-summary__question--unplayed{opacity:.65}.room-summary__question--unplayed p{color:#9fb0c8}@media (max-width:34rem){.room-summary{padding:1rem}.room-summary__heading{align-items:flex-start;flex-direction:column;gap:.25rem}.room-summary__metrics{gap:.45rem}.room-summary__metrics div{padding:.65rem}.room-summary__questions li{grid-template-columns:1fr;gap:.35rem}.room-summary__questions p{text-align:start}}.room-player{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1rem 2.5rem;max-width:34rem;margin-inline:auto;width:100%}.room-player,.room-player--loading{min-height:100dvh}.room-player--wait{align-items:center;justify-content:center;text-align:center}.room-player--wait h2{margin:0;font-size:1.5rem}.room-player--wait p{margin:0;color:#9fb0c8;line-height:1.7}.room-player__code{font-size:2.5rem;font-weight:800;letter-spacing:.1em;color:#38bdf8!important}.room-player__score{font-size:1.15rem;font-weight:700;color:#4ade80!important;font-variant-numeric:tabular-nums}.room-player__progress{margin:0;color:#9fb0c8;font-variant-numeric:tabular-nums}.room-player__prompt{margin:0;font-size:clamp(1.25rem,5vw,1.8rem);font-weight:700;line-height:1.5;text-wrap:balance}.room-player__warn{margin:0;color:#fbbf24;text-align:center}.room-join{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;padding:2rem 1.25rem;max-width:26rem;margin-inline:auto;text-align:center}.room-join h1{margin:0;font-size:1.6rem}.room-join__lead{margin:0 0 .5rem;color:#9fb0c8;line-height:1.7}.room-join__label{align-self:flex-start;font-size:.85rem;color:#9fb0c8}.room-join__code{font-size:2.25rem;font-weight:800;letter-spacing:.35em;text-indent:.35em;font-variant-numeric:tabular-nums;padding:.75rem .5rem}.room-join__code,.room-join__name{width:100%;text-align:center;border-radius:.75rem;border:2px solid #2a3650;background:#141c31;color:#e8ecf4}.room-join__name{font:inherit;font-size:1.1rem;padding:.85rem 1rem}.room-host__go:focus-visible,.room-join__code:focus-visible,.room-join__go:focus-visible,.room-join__name:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}.room-join__go{width:100%;border:0;border-radius:999px;padding:1rem 2rem;font:inherit;font-size:1.1rem;font-weight:700;background:#38bdf8;color:#04121f;cursor:pointer;min-height:3.25rem}.room-join__go:disabled{opacity:.5;cursor:default}.room-join__error{margin:0;color:#fb7185}.room-teams{width:min(64rem,100%)}.room-teams__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.75rem;list-style:none;margin:0;padding:0}.room-teams__card{display:flex;flex-direction:column;gap:.3rem;padding:.85rem;border-radius:.75rem;background:#141c31;border-top:.35rem solid #9fb0c8}.room-teams__card[data-colour=red]{border-color:#fb7185}.room-teams__card[data-colour=blue]{border-color:#38bdf8}.room-teams__card[data-colour=green]{border-color:#4ade80}.room-teams__card[data-colour=yellow]{border-color:#fbbf24}.room-teams__card h2{margin:0;font-size:clamp(1.1rem,2vw,1.6rem)}.room-teams__card strong{font-size:clamp(1.5rem,3vw,2.5rem);font-variant-numeric:tabular-nums}.room-teams__card small{font-size:.9rem;font-weight:400}.room-teams__card>span{color:#9fb0c8}.room-launch__classroom{display:grid;gap:.45rem;width:100%;padding:1rem;border:1px solid #28556a;border-radius:.85rem;background:#101f26;text-align:start}.room-launch__classroom>label{font-weight:700}.room-gradebook input,.room-gradebook select,.room-launch__classroom select{width:100%;min-width:0;border:2px solid #2a3650;border-radius:.65rem;padding:.7rem .8rem;background:#141c31;color:#e8ecf4}.room-launch__classroom small{color:#9fb0c8;line-height:1.55}.room-roster{width:100%;border:0;padding:0;text-align:start}.room-roster legend{font-weight:700}.room-roster>p{color:#9fb0c8;font-size:.9rem;line-height:1.55}.room-roster__seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:.5rem;max-height:22rem;overflow:auto;padding:.2rem}.room-roster__seats label{display:grid;grid-template-columns:auto 1fr;gap:.1rem .45rem;min-width:0;padding:.65rem;border:2px solid #2a3650;border-radius:.65rem;background:#141c31;cursor:pointer}.room-roster__seats label:has(input:checked){border-color:#38bdf8}.room-roster__seats label[data-taken]{opacity:.48;cursor:not-allowed}.room-roster__seats input{grid-row:span 2;align-self:center;accent-color:#38bdf8}.room-roster__seats small{grid-column:2;overflow-wrap:anywhere;color:#9fb0c8}.room-gradebook{width:min(58rem,100%);display:grid;gap:1rem;margin-top:1.5rem;padding:clamp(1rem,3vw,2rem);border:2px solid #28556a;border-radius:1rem;background:#0c1827;text-align:start}.room-gradebook__heading,.room-gradebook__recorded{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.room-gradebook__heading>div>p{color:#5eead4;font-size:.78rem;font-weight:800;letter-spacing:.12em}.room-gradebook__heading h2{margin-top:.2rem;font-size:clamp(1.35rem,3vw,2rem)}.room-gradebook__heading>span{padding:.35rem .7rem;border-radius:999px;background:#172b42;color:#b6d5eb}.room-gradebook__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.room-gradebook__fields label{display:grid;gap:.35rem;min-width:0}.room-gradebook__hint,.room-gradebook__message{color:#b6d5eb;line-height:1.6}.room-gradebook__recorded{padding:.85rem 1rem;border-radius:.75rem;background:#102d2a}.room-gradebook__recorded a{color:#5eead4;font-weight:700}.room-gradebook__individual-scores{border:1px solid #28556a;border-radius:.75rem;background:#102236}.room-gradebook__individual-scores summary{cursor:pointer;padding:.85rem 1rem;color:#f9d57a;font-weight:800}.room-gradebook__individual-scores>p{margin:0 1rem .85rem;color:#b6d5eb;font-size:.9rem}.room-gradebook__individual-scores .room-gradebook__table-wrap{margin:0 1rem 1rem}.room-gradebook__table-wrap{overflow-x:auto;border:1px solid #2a3650;border-radius:.75rem}.room-gradebook table{width:100%;min-width:28rem;border-collapse:collapse;font-variant-numeric:tabular-nums}.room-gradebook td,.room-gradebook th{padding:.7rem .85rem;border-bottom:1px solid #2a3650;text-align:start}.room-gradebook th{color:#9fb0c8;font-size:.85rem}.room-gradebook tbody tr:last-child td{border-bottom:0}@media (max-width:34rem){.room-gradebook__fields{grid-template-columns:minmax(0,1fr)}.room-gradebook{padding:1rem}}.room-mode{border:0;padding:0;margin:0;width:100%;text-align:start}.room-mode legend{margin-bottom:.6rem}.room-mode label{display:flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:.75rem 1rem;margin-bottom:.5rem;border:2px solid #2a3650;border-radius:.75rem;background:#141c31;cursor:pointer}.room-mode label:has(input:checked){border-color:#38bdf8}.room-mode input{width:1.25rem;height:1.25rem;accent-color:#38bdf8}.room-mode input:focus-visible{outline:3px solid #fbbf24;outline-offset:4px}.room-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}.room-controls__secondary{min-height:3rem;padding:.65rem 1.1rem;border:2px solid #566782;border-radius:.75rem;background:#141c31;color:#e8ecf4;font:inherit;cursor:pointer}.room-controls__secondary:disabled{opacity:.5;cursor:default}.room-controls__secondary:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}.room-timer{margin:0;font-size:1.4rem;font-variant-numeric:tabular-nums;color:#9fb0c8}.room-question-board{width:min(60rem,100%);display:grid;gap:1.25rem}.room-question-board__destinations li{border-style:dashed}.room-reveal{width:min(60rem,100%);border:2px solid #4ade80;background:#101f26;border-radius:1rem;padding:clamp(1rem,2vw,2rem);text-align:start;font-size:clamp(1.1rem,2.2vw,1.8rem)}.room-reveal h2{font-size:1em;margin:0 0 .75rem;color:#4ade80}.room-reveal ol{padding-inline-start:1.5em}.room-reveal li{margin-bottom:.4em}.room-reveal p{margin-bottom:0;line-height:1.6}.room-finish-confirm{padding:1rem;border:2px solid #fbbf24;border-radius:1rem}.room-finish-confirm button{margin:.35rem}.room-player .room-reveal{min-width:0;font-size:1.05rem;overflow-wrap:anywhere}.room-player__prompt{overflow-wrap:anywhere}@media (min-width:900px) and (max-height:900px){.room-host{gap:.75rem;padding:1rem}.room-host__question{font-size:2.6rem;max-width:40ch}.room-teams__card{padding:.5rem;gap:.15rem}.room-teams__card h2{font-size:1.15rem}.room-teams__card strong{font-size:1.75rem}.room-host__count,.room-reveal{font-size:1.3rem}.room-reveal{padding:1rem}.room-reveal ol{margin-block:.5rem}.room-host__go{padding:.75rem 1.5rem;font-size:1.15rem}.room-host__options li{padding:.75rem;font-size:1.5rem}}.room-screen{--room-blue:var(--kf-action);--room-blue-dark:var(--kf-ink);--room-blue-soft:var(--kf-blue-100);--room-canvas:var(--kf-background);--room-line:var(--kf-border);--room-muted:var(--kf-muted);--room-success:var(--kf-success);--room-warning:#9b6300;min-height:100dvh;background:var(--room-canvas);color:var(--room-blue-dark)}.room-shell__header{min-height:4.5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.7rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--room-line);background:#fff;box-shadow:0 .3rem 1.4rem rgb(9 39 96/6%)}.room-shell__brand{display:inline-flex;align-items:center;width:fit-content}.room-shell__brand img{display:block;width:auto;height:2.1rem}.room-shell__context{color:var(--room-blue);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.room-shell__exit{justify-self:end;display:inline-flex;align-items:center;gap:.4rem;min-height:2.5rem;padding:.5rem .85rem;border:1px solid var(--room-line);border-radius:999px;color:var(--room-blue-dark);font-size:.92rem;font-weight:700;text-decoration:none}.room-shell__exit:hover{border-color:var(--room-blue);background:var(--room-blue-soft);color:var(--room-blue)}.room-shell__brand:focus-visible,.room-shell__exit:focus-visible{outline:3px solid var(--room-blue);outline-offset:3px}.room-screen:has([data-room-running]) .room-shell__exit{visibility:hidden;pointer-events:none}.room-shell__main{min-height:calc(100dvh - 4.5rem)}.room-screen .room-host,.room-screen .room-join,.room-screen .room-player{min-height:calc(100dvh - 4.5rem);color:var(--room-blue-dark)}.room-screen .room-host{gap:clamp(1rem,2.2vh,1.75rem);padding:clamp(1.5rem,4vh,3.5rem) 1.5rem}.room-screen .room-gradebook__heading>div>p,.room-screen .room-host__lead{color:var(--room-blue);font-size:clamp(.78rem,1.3vw,.98rem);font-weight:800;letter-spacing:.11em}.room-screen .room-host__code,.room-screen .room-host__rank,.room-screen .room-player__code{color:var(--room-blue)!important}.room-screen .room-host__code{padding:clamp(.75rem,2vw,1.25rem) clamp(1rem,4vw,2.5rem);border:2px solid var(--room-line);border-radius:clamp(1rem,2vw,1.5rem);background:#fff;box-shadow:0 1rem 2.4rem rgb(9 39 96/9%)}.room-screen .room-gradebook,.room-screen .room-launch__classroom,.room-screen .room-qr,.room-screen .room-reveal,.room-screen .room-summary{border-color:var(--room-line);background:#fff;box-shadow:0 .8rem 2rem rgb(9 39 96/7%)}.room-screen .room-gradebook__hint,.room-screen .room-gradebook__message,.room-screen .room-host__empty,.room-screen .room-host__names li>span,.room-screen .room-join__label,.room-screen .room-join__lead,.room-screen .room-launch__classroom small,.room-screen .room-player--wait p,.room-screen .room-player__progress,.room-screen .room-qr a,.room-screen .room-qr p,.room-screen .room-qr small,.room-screen .room-qr strong,.room-screen .room-roster>p,.room-screen .room-roster__seats small,.room-screen .room-summary__heading p,.room-screen .room-summary__heading span,.room-screen .room-summary__metrics dt,.room-screen .room-summary__questions small{color:var(--room-muted)}.room-screen .room-gradebook__recorded a,.room-screen .room-qr a{color:var(--room-blue);font-weight:800}.room-screen .room-host__warn,.room-screen .room-player__warn,.room-screen .room-qr small{color:var(--room-warning)}.room-screen .room-controls__secondary,.room-screen .room-gradebook__individual-scores,.room-screen .room-gradebook__recorded,.room-screen .room-host__names li,.room-screen .room-host__options li,.room-screen .room-mode label,.room-screen .room-roster__seats label,.room-screen .room-summary__metrics div,.room-screen .room-summary__questions li,.room-screen .room-teams__card{border-color:var(--room-line);background:#fff;color:var(--room-blue-dark)}.room-screen .room-host__options li,.room-screen .room-summary__metrics div,.room-screen .room-summary__questions li{box-shadow:0 .4rem 1rem rgb(9 39 96/5%)}.room-screen .room-question-board{width:min(82rem,100%);gap:clamp(1rem,2vw,1.5rem)}.room-screen .room-host__options{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:clamp(.75rem,1.5vw,1.25rem);width:100%}.room-screen .room-host__options li{display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;min-height:clamp(11rem,24vh,17rem);padding:clamp(.75rem,1.5vw,1.25rem);border:2px solid var(--room-line);border-radius:var(--kf-radius-md);background:var(--kf-surface);color:var(--room-blue-dark);font-size:clamp(1.35rem,2.2vw,2rem);text-align:center}.room-screen .room-host__options li img{display:block;width:100%;height:clamp(7rem,15vh,11rem);object-fit:contain}.room-screen .room-host__options li.is-correct{border-color:var(--room-success);background:#ebf8f0;box-shadow:0 0 0 4px rgb(23 100 59/12%)}.room-screen .room-host__options li.is-correct span{color:var(--room-success)}.room-screen .room-player .ar-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.room-screen .room-player .ar-choice{min-height:10rem;border:2px solid var(--room-line);border-radius:var(--kf-radius-md);background:var(--kf-surface);color:var(--room-blue-dark);box-shadow:var(--kf-shadow-sm);font-size:1rem;font-weight:800}.room-screen .room-player .ar-choice.has-illustration{flex-direction:column;text-align:center}.room-screen .room-player .ar-choice__image{width:100%;height:6.25rem;object-fit:contain}.room-screen .room-player .ar-choice.is-picked{border-color:var(--room-blue);background:var(--room-blue-soft);color:var(--room-blue-dark)}.room-screen .room-player .ar-choice.is-correct{border-color:var(--room-success);background:#e9f7ee;color:var(--room-success)}.room-screen .room-player .ar-choice.is-wrong{border-color:#efb4bd;background:#fff7f8;color:var(--kf-danger)}.room-screen .room-mode label:has(input:checked),.room-screen .room-roster__seats label:has(input:checked){border-color:var(--room-blue);background:var(--room-blue-soft);box-shadow:0 0 0 3px rgb(0 100 239/10%)}.room-screen .room-mode label[data-team-colour]{border-inline-start:.4rem solid var(--room-team-colour)}.room-screen .room-mode label[data-team-colour=red]{--room-team-colour:#c1284c;--room-team-tint:#fff4f6}.room-screen .room-mode label[data-team-colour=blue]{--room-team-colour:var(--room-blue);--room-team-tint:var(--room-blue-soft)}.room-screen .room-mode label[data-team-colour=green]{--room-team-colour:var(--room-success);--room-team-tint:#eef9f1}.room-screen .room-mode label[data-team-colour=yellow]{--room-team-colour:#9a6700;--room-team-tint:#fff8e6}.room-screen .room-mode label[data-team-colour]:has(input:checked){border-color:var(--room-team-colour);background:var(--room-team-tint);box-shadow:0 0 0 3px color-mix(in srgb,var(--room-team-colour) 16%,transparent)}.room-screen .room-mode__team-swatch{flex:0 0 auto;width:.85rem;height:.85rem;border-radius:999px;background:var(--room-team-colour)}.room-screen .room-mode input,.room-screen .room-roster__seats input{accent-color:var(--room-blue)}.room-screen .room-gradebook input,.room-screen .room-gradebook select,.room-screen .room-join__code,.room-screen .room-join__name,.room-screen .room-launch__classroom select{border-color:var(--room-line);background:#fff;color:var(--room-blue-dark)}.room-screen .room-controls__secondary:focus-visible,.room-screen .room-host__go:focus-visible,.room-screen .room-join__code:focus-visible,.room-screen .room-join__go:focus-visible,.room-screen .room-join__name:focus-visible,.room-screen .room-mode input:focus-visible{outline-color:var(--room-blue)}.room-screen .room-host__go,.room-screen .room-join__go{background:var(--room-blue);color:#fff;box-shadow:0 .65rem 1.2rem rgb(0 100 239/24%)}.room-screen .room-join__go:disabled{border:1px solid var(--room-line);background:#edf2fa;box-shadow:none;color:var(--room-muted);opacity:1}.room-screen .room-host__go:hover:not(:disabled),.room-screen .room-join__go:hover:not(:disabled){background:#0057d0}.room-screen .room-host__count,.room-screen .room-host__score,.room-screen .room-player__score,.room-screen .room-reveal h2,.room-screen .room-summary__metrics dd{color:var(--room-success)!important}.room-screen .room-timer{display:inline-flex;align-items:baseline;justify-content:center;gap:.45rem;margin:0;padding:.45rem .7rem;border:1px solid var(--room-line);border-radius:var(--kf-radius-pill);background:var(--kf-surface);color:var(--room-muted);font-size:clamp(.82rem,1.4vw,1rem)}.room-screen .room-timer strong{color:var(--room-blue-dark);font-variant-numeric:tabular-nums}.room-screen .room-reveal{border-color:#a7dfbd}.room-screen .room-gradebook__individual-scores summary,.room-screen .room-summary__questions strong{color:var(--room-blue-dark)}.room-screen .room-join__error,.room-screen .room-summary__questions p{color:#c1284c}.room-screen .room-summary__outcome{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem;margin:0}.room-screen .room-summary__outcome span{display:inline-flex;align-items:center;min-height:1.9rem;padding:.2rem .55rem;border-radius:var(--kf-radius-pill);background:var(--room-blue-soft);color:var(--room-muted);font-size:.82rem;font-weight:800;white-space:nowrap}.room-screen .room-summary__outcome--correct{background:#e9f7ee!important;color:var(--room-success)!important}.room-screen .room-summary__outcome--wrong{background:#fff0f1!important;color:var(--kf-danger)!important}.room-screen .room-gradebook td,.room-screen .room-gradebook th,.room-screen .room-gradebook__table-wrap{border-color:var(--room-line)}.room-launch{max-width:38rem;padding:1.25rem;border:1px solid var(--room-line);border-radius:1.5rem;background:rgb(255 255 255/92%);box-shadow:0 1rem 3rem rgb(9 39 96/10%)}.room-launch h1{color:var(--room-blue-dark)}.room-launch__set{width:100%;padding:.75rem 1rem;border-radius:.75rem;background:var(--room-blue-soft);color:var(--room-blue-dark);font-weight:700;text-align:start}.room-launch__resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:100%;text-align:start}.room-launch__resources a{position:relative;display:grid;gap:.18rem;min-height:5rem;padding:.8rem 2rem .8rem .85rem;border:1px solid var(--room-line);border-radius:.8rem;background:#fff;color:var(--room-blue-dark);text-decoration:none}.room-launch__resources a:after{content:"→";position:absolute;top:50%;right:.85rem;color:var(--room-blue);font-weight:800;transform:translateY(-50%)}.room-launch__resources a:hover{border-color:var(--room-blue);background:var(--room-blue-soft)}.room-launch__resources a:focus-visible{outline:3px solid var(--room-blue);outline-offset:2px}.room-launch__resources strong{font-size:.94rem}.room-launch__resources span{color:var(--room-muted);font-size:.78rem;line-height:1.4}.room-screen .room-host__finished-title{margin:0;color:var(--room-blue-dark);font-size:clamp(2rem,5vw,4rem);line-height:1.15}.room-screen .room-host__podium-title{color:var(--room-muted);font-size:clamp(1.1rem,2vw,1.5rem)}.room-screen .room-host__podium{width:min(58rem,100%)}.room-screen .room-host__podium li{border:1px solid var(--room-line);background:var(--kf-surface);box-shadow:var(--kf-shadow-sm)}.room-screen .room-host__rank{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--room-blue-soft);color:var(--room-blue)!important}.room-screen .room-host__name{color:var(--room-blue-dark);font-weight:800}.room-screen .room-host__score{color:var(--room-blue)!important}.room-screen .room-controls{width:min(82rem,100%);align-items:center;gap:.75rem;padding:.8rem;border:1px solid var(--room-line);border-radius:var(--kf-radius-md);background:rgb(255 255 255/92%);box-shadow:var(--kf-shadow-sm)}.room-screen .room-controls .room-host__go{min-width:min(19rem,100%);order:-1}.room-screen .room-controls__secondary{border-width:1px;background:var(--kf-surface);color:var(--room-blue-dark)}.room-screen .room-controls__danger{margin-inline-start:auto;border-color:#efb4bd;color:var(--kf-danger)}.room-screen .room-finish-confirm{border-color:#efb4bd;background:#fff7f8;color:var(--room-blue-dark)}@media (max-width:40rem){.room-shell__header{min-height:4rem;grid-template-columns:1fr auto;padding:.55rem 1rem}.room-shell__brand img{height:1.75rem}.room-shell__context{display:none}.room-shell__exit{min-height:2.2rem;padding:.4rem .65rem;font-size:.8rem}.room-screen .room-host,.room-screen .room-join,.room-screen .room-player,.room-shell__main{min-height:calc(100dvh - 4rem)}.room-screen .room-join{padding:1.5rem 1rem}.room-launch{margin:1rem auto;padding:1rem}.room-launch__resources{grid-template-columns:1fr}.room-screen .room-host__options{grid-template-columns:repeat(2,minmax(0,1fr))}.room-screen .room-host__options li{min-height:9rem;font-size:1.15rem}.room-screen .room-controls{justify-content:stretch}.room-screen .room-controls .room-host__go{width:100%}.room-screen .room-controls__danger{margin-inline-start:0}.room-screen .room-summary__outcome{justify-content:flex-start}}.room-screen .room-teams__card[data-colour=red]{border-top:.35rem solid #cf4056;background:#fff4f5}.room-screen .room-teams__card[data-colour=blue]{border-top:.35rem solid #2874d8;background:#f0f6ff}.room-screen .room-teams__card[data-colour=green]{border-top:.35rem solid #238454;background:#eff9f2}.room-screen .room-teams__card[data-colour=yellow]{border-top:.35rem solid #a97800;background:#fff9e8}.room-screen [data-room-reveal]{width:100%;max-width:none}.room-screen .room-player--finished{min-height:auto;justify-content:flex-start;gap:1.25rem;padding-top:clamp(2.5rem,10vh,6rem)}.room-screen .room-player__result{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:min(100%,16rem);padding:1rem 1.25rem;border:1px solid var(--room-line);border-radius:1rem;background:#fff;box-shadow:var(--kf-shadow-sm);text-align:center}.room-screen .room-player__team-badge{display:inline-flex;align-items:center;min-height:2rem;padding:.25rem .75rem;border:1px solid transparent;border-radius:999px;font-size:.9rem;font-weight:800;line-height:1.25}.room-screen .room-player__team-badge[data-colour=red]{border-color:#efb3b3;color:#9f2525;background:#fff0f0}.room-screen .room-player__team-badge[data-colour=blue]{border-color:#adcaf7;color:#174da4;background:#edf4ff}.room-screen .room-player__team-badge[data-colour=green]{border-color:#a9d9b6;color:#176b35;background:#edfaf0}.room-screen .room-player__team-badge[data-colour=yellow]{border-color:#e5cb72;color:#785500;background:#fff8dc}.room-screen .room-player__result-score{color:var(--room-ink);font-size:clamp(2.5rem,12vw,3.5rem);font-variant-numeric:tabular-nums;line-height:1}.room-screen .room-player__result-label{color:var(--room-muted);font-size:.95rem;font-weight:700}.room-screen .room-player__result-rank{margin-top:.15rem;padding-top:.5rem;border-top:1px solid var(--room-line);color:var(--room-ink);font-size:1rem;font-weight:800}.room-screen .room-host__names li{display:inline-flex;align-items:center;gap:.6rem}.room-screen .room-host__team-tag{display:inline-flex;align-items:center;min-height:1.8rem;padding:.15rem .65rem;border:1px solid;border-radius:999px;font-size:.82em;font-weight:800;line-height:1.2;white-space:nowrap}.room-screen .room-host__team-tag[data-team-colour=red]{border-color:#cf4056;color:#9e2438;background:#fff0f2}.room-screen .room-host__team-tag[data-team-colour=blue]{border-color:#2874d8;color:#1553a5;background:#eaf3ff}.room-screen .room-host__team-tag[data-team-colour=green]{border-color:#238454;color:#17633d;background:#e8f6ed}.room-screen .room-host__team-tag[data-team-colour=yellow]{border-color:#a97800;color:#765300;background:#fff7df}.room-screen .room-host__podium li:has(.room-host__team-tag){grid-template-columns:3rem minmax(0,1fr) auto auto}