:root{font-family:Atkinson Hyperlegible,Segoe UI,sans-serif;color:#102033;background:#f4f7fb}body{margin:0}button{min-width:64px;min-height:64px;font-size:1.4rem;border-radius:16px;border:2px solid #1d4e89;background:#fff;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #1020332e}button.primary{background:#1d4e89;color:#fff}button.primary:hover:not(:disabled){background:#163e6e}.screen{max-width:720px;margin:0 auto;padding:24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.answers{display:grid;grid-template-columns:1fr;gap:12px}.answers button{height:auto;min-height:64px;width:100%;white-space:normal;overflow:visible;text-align:left;display:flex;align-items:flex-start;gap:12px;padding:16px;line-height:1.3}.answers .mark{flex:0 0 auto;font-weight:700}.answers .text{flex:1 1 auto}.answers button.selected{box-shadow:0 0 0 3px #f2c14e}.answers button:disabled:not(.selected){opacity:.55}.feedback{font-size:1.3rem;font-weight:700;min-height:1.5em}@media (min-width: 700px){.answers{grid-template-columns:1fr 1fr}}.code{font-size:4rem;letter-spacing:.2em;text-align:center}.host{--side: 96px;position:relative;height:100vh;min-height:100vh;background:#071426;color:#fff;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;overflow:hidden}.host.lobby-poll{--side: 396px;grid-template-columns:96px minmax(0,1fr) 300px}.stage-frame{position:relative;justify-self:center;width:min(100%,calc(100vh * 16 / 9));aspect-ratio:16 / 9;container-type:inline-size}.host-stage{width:100%;height:100%}.lobby-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;align-items:center;gap:2.5cqw;padding:4cqw 24cqw 4cqw 4cqw;box-sizing:border-box;pointer-events:none}.roster-waiting{margin:0;font-size:3cqw;font-weight:800;text-shadow:0 .2cqw 1cqw rgba(0,0,0,.65);display:flex;align-items:center;gap:1cqw}.roster-count{padding:.2cqw 1.2cqw;border-radius:999px;background:#ffd100;color:#0055a4;font-size:2.2cqw}.lobby-roster{display:flex;flex-wrap:wrap;gap:1cqw;justify-content:center;align-content:flex-start;overflow:hidden}.roster-card{display:flex;align-items:center;gap:.8cqw;max-width:20cqw;padding:.7cqw 1.2cqw;border-radius:1.2cqw;background:#1a1a1a;color:#fff}.roster-card img{width:4cqw;height:4cqw;object-fit:contain}.roster-card span{font-size:1.5cqw;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-frame .lobby-panel{padding:17cqw 7cqw 4cqw}.join-banner{position:absolute;top:2cqw;left:50%;transform:translate(-50%);z-index:4;display:flex;align-items:stretch;gap:.8cqw;color:#102033;filter:drop-shadow(0 .4cqw 1.2cqw rgba(0,0,0,.4))}.join-where,.join-pin,.join-qr{margin:0;background:#fff;border-radius:.8cqw;display:flex;flex-direction:column;justify-content:center}.join-where{padding:1cqw 1.6cqw;font-size:1.5cqw;font-weight:700;line-height:1.2}.join-where strong{display:block;font-size:2.1cqw;font-weight:900}.join-chevron{align-self:center;width:2cqw;height:2cqw;color:#fff}.join-pin{padding:.8cqw 1.8cqw}.join-pin span{font-size:1.5cqw;font-weight:700}.join-pin strong{font-size:5cqw;font-weight:900;letter-spacing:.05em;line-height:1;white-space:nowrap}.join-qr{padding:.6cqw;align-items:center}.join-qr svg{width:11cqw;height:11cqw;display:block}.music-choices .music-choice{min-width:0;min-height:0;width:100%;padding:.6cqw .8cqw;border-radius:.8cqw;border:2px solid transparent;background:#ffffff14;color:#fff;text-align:left;font-size:1.15cqw;font-weight:700}.music-choices .music-choice[aria-pressed=true]{border-color:#ffd100;background:#ffd10029;color:#ffd100}.music-unlock{position:absolute;bottom:2cqw;left:50%;transform:translate(-50%);z-index:6;min-width:0;min-height:0;display:flex;align-items:center;gap:.6cqw;padding:.7cqw 1.6cqw;border-radius:999px;border:0;background:#ffd100;color:#003362;font-size:1.4cqw;font-weight:800;animation:music-nudge 1.6s ease-in-out infinite}.music-unlock svg{width:1.8cqw;height:1.8cqw}.music-unlock:hover:not(:disabled){transform:translate(-50%) translateY(-2px)}@keyframes music-nudge{50%{box-shadow:0 0 0 .8cqw #ffd10040}}.host-error{position:absolute;top:24px;left:120px;z-index:2}.host-rail{align-self:stretch;display:flex;flex-direction:column;gap:8px;padding:12px 8px;box-sizing:border-box;background:#071426;z-index:5;min-height:0}.host-rail button{min-width:0;min-height:0;width:100%;padding:8px 4px;border-radius:12px;font-size:.68rem;line-height:1.15;color:#102033;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.host-rail button span{text-align:center}.host-rail button svg{width:22px;height:22px}.host-rail button:hover:not(:disabled){background:#e8eef6}.host-rail button.primary{color:#fff}.host-rail button.primary:hover:not(:disabled){background:#163e6e}.host-rail button.start{background:#ffd100;border-color:#ffd100;color:#003362;font-weight:800}.host-rail button.start:hover:not(:disabled){background:#ffcf33}.host-rail button:disabled{opacity:.45;cursor:default}.rail-spacer{flex:1 1 auto}.avatar-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.avatar-row button,.avatar-row figure{margin:0;text-align:center}.avatar-row img{width:72px;height:72px;object-fit:contain;background:transparent}.avatar-row figcaption,.avatar-row button span{display:block;font-size:.75rem}.stage-frame .avatar-row{position:absolute;z-index:3;margin:0;display:flex;gap:.4cqw}.stage-frame .avatar-row.poll-roster{top:26cqw;right:5.7cqw;width:11.5cqw;flex-wrap:wrap;align-content:flex-start;box-sizing:border-box;padding:.6cqw;border-radius:1.4cqw;background:#071426e0;color:#fff}.stage-frame .avatar-row.line-roster{top:16cqw;right:2cqw;max-width:36cqw;flex-wrap:nowrap;box-sizing:border-box;padding:.5cqw .8cqw;border-radius:1.2cqw;background:#071426e0;color:#fff}.stage-frame .avatar-row.tucked{right:18cqw}.stage-tools{position:absolute;top:2cqw;right:2cqw;z-index:6;display:flex;flex-direction:column;gap:.7cqw}.stage-tool{width:3cqw;height:3cqw;min-width:0;min-height:0;padding:0;border:2px solid #ffd100;border-radius:999px;background:#071426e0;color:#ffd100;display:grid;place-items:center;box-shadow:0 .2cqw .8cqw #00000059}.stage-tool svg{width:1.6cqw;height:1.6cqw}.stage-tool[aria-pressed=true],.stage-tool[aria-expanded=true]{background:#ffd100;color:#003362}.settings-panel{position:absolute;top:0;right:0;bottom:0;z-index:7;width:16cqw;box-sizing:border-box;padding:1.4cqw 1.1cqw;background:#071426;display:flex;flex-direction:column;gap:1.2cqw;box-shadow:-.4cqw 0 1.4cqw #00000059}.settings-panel header{display:flex;align-items:center;justify-content:space-between;gap:.6cqw}.settings-panel h2{margin:0;font-size:1.5cqw}.settings-panel header button{width:2.4cqw;height:2.4cqw;min-width:0;min-height:0;padding:0;border-radius:999px;font-size:1.4cqw;line-height:1;color:#102033}.settings-panel fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:.7cqw}.settings-panel legend{font-size:1.15cqw;font-weight:700;padding:0;margin-bottom:.3cqw}.progress-choice{display:flex;align-items:center;gap:.4cqw;min-width:0;width:100%;padding:.3cqw .3cqw .3cqw .8cqw;border-radius:.8cqw;border:2px solid transparent;background:#ffffff14;color:#fff;box-sizing:border-box}.progress-choice>button{flex:1 1 auto;min-width:0;min-height:0;padding:.5cqw 0;border:0;background:transparent;color:inherit;text-align:left;font-size:1.2cqw}.progress-choice>button strong{font-size:1.2cqw}.progress-choice.is-selected{border-color:#ffd100;background:#ffd10029}.progress-choice.is-selected>button strong{color:#ffd100}.progress-info{position:relative;flex:0 0 auto}.progress-info-btn{width:2cqw;height:2cqw;min-width:2cqw;min-height:2cqw;padding:0;border-radius:999px;border:1.5px solid #cfe2f6;background:transparent;color:#cfe2f6;font-size:1cqw;font-weight:800;font-style:italic;line-height:1}.progress-tip{display:none;position:absolute;top:calc(100% + .4cqw);right:0;z-index:8;width:14cqw;padding:.6cqw;border-radius:.5cqw;background:#fff;color:#102033;font-size:.95cqw;font-weight:500;font-style:normal;line-height:1.35;text-align:left;box-shadow:0 .4cqw 1.2cqw #00000059}.progress-info:hover .progress-tip,.progress-info:focus-within .progress-tip{display:block}.stage-frame .avatar-row figure{margin:0;min-width:0;display:flex;align-items:center;gap:.3cqw}.stage-frame .avatar-row.poll-roster figure{width:calc(50% - .3cqw)}.stage-frame .avatar-row img{width:2.6cqw;height:2.6cqw;object-fit:contain}.stage-frame .avatar-row figcaption{font-size:.9cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-frame .avatar-row figure.is-waiting{color:#8aa4c0}.avatar-more{display:grid;place-items:center;min-width:2.6cqw;height:2.6cqw;padding:0 .4cqw;border-radius:999px;background:#071426b8;color:#fff;font-size:.9cqw;font-weight:800}.player-face{width:96px;height:96px;object-fit:contain}.next-round{font-size:1.2rem;font-weight:700;margin:8px 0 4px}.next-bar{height:8px;border-radius:999px;background:#d7e2ef;overflow:hidden;margin:0 0 16px}.next-bar span{display:block;height:100%;background:#1d4e89}.name-label{display:block;margin:16px 0 4px;font-weight:700}.name-input{width:100%;box-sizing:border-box;min-height:64px;font-size:1.4rem;padding:0 16px;border-radius:16px;border:2px solid #1d4e89}.name-actions{display:flex;gap:12px;margin-top:12px}.name-actions button{flex:1 1 0}.brand{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:24px;overflow:hidden;background:linear-gradient(160deg,#0055a4,#003362);color:#fff}.brand-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#ffd100;opacity:.12}.brand-shapes span{position:absolute;line-height:1}.brand-shapes .s1{top:5%;left:7%;font-size:150px}.brand-shapes .s2{top:16%;right:8%;font-size:110px}.brand-shapes .s3{bottom:10%;left:12%;font-size:190px}.brand-shapes .s4{bottom:6%;right:6%;font-size:130px}.brand-inner{position:relative;z-index:1;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.brand-pill{margin:0;padding:8px 18px;border-radius:999px;background:#ffd1002e;color:#ffd100;font-weight:700;font-size:.95rem;letter-spacing:.04em}.brand-title{margin:4px 0 0;font-size:2.4rem;line-height:1.1}.brand-lead{margin:0;color:#cfe2f6;font-size:1.05rem}.brand-card{width:100%;box-sizing:border-box;background:#fff;color:#102033;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 40px #00112159}.brand-go{width:100%;background:#ffd100;border-color:#ffd100;color:#0055a4;font-weight:800}.brand-go:hover:not(:disabled){background:#ffcf33}.brand-go:disabled{opacity:.6}.brand-foot{margin:0;color:#ffffffb3;font-size:.85rem;letter-spacing:.08em}.join-label{font-weight:700;text-align:left}.pin-input{width:100%;box-sizing:border-box;min-height:72px;font-size:2rem;letter-spacing:.3em;text-align:center;padding:0 16px;border-radius:16px;border:2px solid #1d4e89}.join-error{color:#b0203a;font-weight:700;margin:0}@media (min-width: 700px){.brand-inner{max-width:520px}.brand-title{font-size:3rem}}.player-card{position:relative;display:inline-block;margin:0 auto;padding:16px;border-radius:24px;background:#ece6ff}.player-face-big{width:clamp(160px,46vw,260px);height:clamp(160px,46vw,260px);object-fit:contain;display:block;margin:0 auto}.editar{min-width:160px;align-self:center}.final-rank{font-size:1.6rem;font-weight:800;margin:4px 0 0}.final-score{font-size:1.2rem;margin:0;color:#42526b}@media (min-width: 700px){.player-face-big{width:clamp(180px,32vh,280px);height:clamp(180px,32vh,280px)}}.pencil{position:absolute;top:-12px;right:-12px;min-width:56px;min-height:56px;border-radius:999px;font-size:1.5rem}.player-name{font-size:2.2rem;font-weight:800;margin:12px 0 4px}.player-hint{margin:0 0 16px;color:#42526b}.sheet{position:fixed;inset:auto 0 0 0;z-index:5;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -8px 24px #10203340;padding:16px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.sheet-preview{text-align:center}.sheet-preview img{width:clamp(96px,28vw,160px);height:clamp(96px,28vw,160px);object-fit:contain}.sheet-section{margin:4px 0;font-size:1rem;color:#42526b}.sheet-body{overflow-y:auto}.sheet-done{position:sticky;bottom:0}.sheet-tabs{display:flex;gap:8px;margin-bottom:4px}.sheet-tabs button{flex:1 1 0;min-height:56px;font-size:1.1rem}.sheet-tabs button[aria-pressed=true]{background:#1d4e89;color:#fff}.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.sheet-grid button{min-height:104px;padding:8px}.sheet-grid img{width:100%;height:88px;object-fit:contain}.sheet-grid button[aria-pressed=true]{box-shadow:0 0 0 3px #f2c14e}@media (min-width: 700px){.sheet{inset:50% auto auto 50%;transform:translate(-50%,-50%);max-width:640px;width:90vw;border-radius:24px;max-height:86vh}.sheet-grid{grid-template-columns:repeat(5,1fr)}}.poll-answers button{justify-content:center;align-items:center;min-height:120px;border-color:transparent}.poll-answers .shape{font-size:3rem;line-height:1}.look-up{text-align:center}.bg-rail{align-self:stretch;min-height:0;display:flex;flex-direction:column;gap:10px;padding:16px 12px;box-sizing:border-box;background:#071426;overflow:hidden}.bg-rail h2{margin:0;font-size:1rem}.bg-empty{margin:0;font-weight:400;color:#cfe2f6;font-size:.9rem}.bg-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow-y:auto;min-height:0;align-content:start}.bg-grid button{min-width:0;min-height:0;padding:4px;border-radius:10px;border-color:transparent;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:stretch;gap:4px;font-size:.7rem}.bg-grid img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;display:block}.bg-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.bg-grid button[aria-pressed=true]{box-shadow:0 0 0 3px #ffd100}.host-finished{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw;background:#071426d1}.finished-title{margin:0;font-size:5cqw;font-weight:800}.finished-top{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1cqw;width:50cqw}.finished-top li{display:flex;align-items:center;gap:1.5cqw;padding:.8cqw 2cqw;border-radius:1.5cqw;background:#ffffff1a}.finished-rank{font-size:2.6cqw;font-weight:800;width:3cqw;text-align:center;color:#ffd100}.finished-top img{width:5cqw;height:5cqw;object-fit:contain}.finished-name{flex:1 1 auto;font-size:2.4cqw;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finished-score{font-size:2.4cqw;font-weight:800;font-variant-numeric:tabular-nums}.finished-hint{margin:0;font-size:1.8cqw;color:#cfe2f6}.podium{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;background:#0b1f3a}.podium-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.podium-title{position:absolute;top:2cqw;left:0;right:0;text-align:center;color:#fff;text-shadow:0 .2cqw 1cqw rgba(0,0,0,.6);pointer-events:none}.podium-title p{margin:0;font-size:3.6cqw;font-weight:800}.podium-title .podium-hint{margin-top:.3cqw;font-size:1.4cqw;font-weight:600;color:#cfe2f6}.podium-number{position:absolute;opacity:0;transform:translate(-50%,-50%);font-size:4cqw;font-weight:900;color:#071426bf;pointer-events:none;transition:opacity .3s ease}.podium-label{position:absolute;opacity:0;transform:translate(-50%,.8cqw);display:flex;flex-direction:column;align-items:center;gap:.2cqw;max-width:15cqw;padding:.6cqw 1.4cqw;border-radius:1.2cqw;background:#071426e0;color:#fff;pointer-events:none;transition:opacity .4s ease}.podium-label.place-1{border:.2cqw solid #ffd100}.podium-name{max-width:100%;font-size:1.9cqw;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{font-size:1.6cqw;font-weight:800;color:#ffd100;font-variant-numeric:tabular-nums}.podium-actions{position:absolute;top:2.5cqw;right:2.5cqw;display:flex;align-items:center;gap:1.2cqw;animation:podium-in .4s ease both}.podium-btn{min-width:0;min-height:0;padding:.9cqw 2.6cqw;font-size:1.8cqw;font-weight:800;color:#003362}.podium-btn.primary{background:#ffd100;border-color:#ffd100;color:#003362}.podium-btn.primary:hover:not(:disabled){background:#ffdc3d}@keyframes podium-in{0%{opacity:0;transform:translateY(1cqw)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.podium-actions{animation:none}}.leaderboard{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.leaderboard-title{font-size:4cqw;margin:0 0 2cqw}.leaderboard-rows{position:relative;width:60cqw}.leaderboard-row{position:absolute;left:0;right:0;height:88px;display:flex;align-items:center;gap:1.5cqw;padding:0 2cqw;border-radius:1.5cqw;background:#071426b8;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .5s ease}.lb-rank{font-size:2.4cqw;font-weight:800;width:3.5cqw;text-align:center;opacity:.8}.lb-face{width:4.5cqw;height:4.5cqw;object-fit:contain}.lb-name{flex:1 1 auto;font-size:2.2cqw;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-arrow{color:#4ade80;font-size:1.8cqw}.lb-score{font-size:2.4cqw;font-weight:800;font-variant-numeric:tabular-nums;min-width:8cqw;text-align:right}.lb-next{pointer-events:auto;margin-top:2cqw;min-height:0;padding:1.2cqw 4cqw;font-size:2.4cqw;background:#ffd100;color:#003362;border-color:#ffd100;font-weight:800}.tv-intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:radial-gradient(circle at 50% 45%,#0a6cc9,#0055a4 38%,#002a52)}.tv-intro p,.tv-intro h1{margin:0}.intro-sweep{position:absolute;top:-20%;bottom:-20%;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-18deg) translate(-100%);animation:intro-sweep 1.3s ease-in-out .5s both;pointer-events:none}.intro-wordmark{font-size:6cqw;font-weight:900;letter-spacing:-.02em;line-height:1;text-shadow:0 .4cqw 1.6cqw rgba(0,0,0,.35)}.intro-wordmark strong{color:#ffd100}.intro-logo{display:block;object-fit:contain;filter:drop-shadow(0 .4cqw 1.6cqw rgba(0,0,0,.35))}.intro-brand{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw;animation:intro-out .5s ease 3.3s both}.intro-mark{animation:intro-zoom .9s cubic-bezier(.34,1.56,.64,1) both}img.intro-mark{width:34cqw;max-height:22cqw}.intro-game{font-size:4.4cqw;font-weight:900;color:#ffd100;text-shadow:0 .3cqw 1.2cqw rgba(0,0,0,.35);animation:intro-rise .6s ease .9s both}.intro-burst{position:absolute;left:50%;top:45%;width:0;height:0}.intro-burst span{position:absolute;left:0;top:0;font-size:3cqw;color:#ffd100;opacity:0;transform:translate(-50%,-50%);animation:intro-burst 1.4s ease-out .35s both}.intro-burst span:nth-child(2n){color:#fff;font-size:2.2cqw}.intro-lesson{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.4cqw;max-width:80cqw;animation:intro-rise .7s ease 3.7s both}.intro-kicker{padding:.5cqw 1.8cqw;border-radius:999px;background:#ffd1002e;color:#ffd100;font-size:1.8cqw;font-weight:800;letter-spacing:.04em}.intro-title{font-size:5.2cqw;font-weight:900;line-height:1.1;text-shadow:0 .3cqw 1.2cqw rgba(0,0,0,.35)}.intro-detail{font-size:2.4cqw;font-weight:700;color:#cfe2f6}.round-intro{gap:1.6cqw}.round-mark{animation:intro-spin .7s cubic-bezier(.34,1.56,.64,1) both}img.round-mark{width:20cqw;max-height:12cqw}p.round-mark{font-size:3.6cqw}.round-game{font-size:2.4cqw;font-weight:800;color:#cfe2f6;animation:intro-rise .5s ease .25s both}.round-count{font-size:8cqw;font-weight:900;line-height:1;color:#ffd100;text-shadow:0 .4cqw 1.6cqw rgba(0,0,0,.35);animation:intro-pop .6s cubic-bezier(.34,1.56,.64,1) .5s both}@keyframes intro-sweep{to{transform:skew(-18deg) translate(560%)}}@keyframes intro-zoom{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes intro-spin{0%{opacity:0;transform:scale(.4) rotate(-25deg)}to{opacity:1;transform:none}}@keyframes intro-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes intro-rise{0%{opacity:0;transform:translateY(2cqw)}to{opacity:1;transform:none}}@keyframes intro-out{to{opacity:0;transform:scale(1.06);visibility:hidden}}@keyframes intro-burst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--turn)) translateY(0) scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--turn)) translateY(-26cqw) scale(1.2)}}@media (prefers-reduced-motion: reduce){.intro-sweep,.intro-burst{display:none}.intro-mark,.round-mark,.round-count,.intro-game,.round-game,.intro-lesson{animation-name:intro-fade;animation-timing-function:ease}@keyframes intro-fade{0%{opacity:0}to{opacity:1}}}.play{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:linear-gradient(160deg,#0055a4,#003362);color:#fff;overflow:hidden}.play-top{flex:0 0 auto;display:flex;justify-content:space-between;gap:8px;padding:10px 12px 0;min-height:34px}.play-pill{padding:6px 14px;border-radius:999px;background:#ffffff29;font-weight:800;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-game{background:#ffd10033;color:#ffd100}.play-main{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:10px;box-sizing:border-box}.play-ready{margin:auto;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.play-ready h1{margin:0;font-size:clamp(2.4rem,10vw,4rem);font-weight:900;animation:ready-pulse 1.6s ease-in-out infinite}.play-ready p{margin:0;font-size:1.2rem;color:#cfe2f6;font-weight:700}.play-spinner{width:64px;height:64px;border-radius:50%;border:8px solid rgba(255,255,255,.2);border-top-color:#ffd100;animation:play-spin .9s linear infinite}.play-answer{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}.play-prompt{margin:0;font-size:clamp(1.1rem,4.5vw,1.8rem);line-height:1.25;text-align:center}.play-tiles{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:10px}.play-tiles.count-3 .play-tile:last-child{grid-column:1 / -1}@media (orientation: landscape){.play-tiles.count-3{grid-template-columns:repeat(3,1fr)}.play-tiles.count-3 .play-tile:last-child{grid-column:auto}}.play-tile{min-width:0;min-height:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;border:0;border-radius:14px;color:#fff;box-shadow:inset 0 -6px #00000038}.play-tile:hover:not(:disabled){transform:none;filter:brightness(1.08)}.play-tile:active{transform:scale(.97)}.play-shape{font-size:clamp(3rem,16vw,7rem);line-height:1;text-shadow:0 3px 0 rgba(0,0,0,.2)}.play-text{font-size:clamp(1rem,4.4vw,1.6rem);font-weight:800;line-height:1.2;text-align:center;overflow-wrap:anywhere}.play-result{margin:-10px;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:16px;animation:intro-rise .4s ease both}.play-result.is-correct{background:#26890c}.play-result.is-wrong{background:#c8102e}.play-result h1{margin:0;font-size:clamp(2.2rem,10vw,3.6rem);font-weight:900}.play-result-face{width:clamp(140px,42vw,240px);height:clamp(140px,42vw,240px);object-fit:contain}.play-points{margin:0;padding:8px 22px;border-radius:999px;background:#00000040;font-size:clamp(1.4rem,6vw,2.2rem);font-weight:900}.play-next{width:min(100%,360px)}.play-next p{margin:0 0 6px;font-weight:700}.play-error{position:absolute;left:50%;bottom:14px;transform:translate(-50%);margin:0;padding:8px 16px;border-radius:999px;background:#fff;color:#b0203a;font-weight:800;white-space:nowrap}.play-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fff;color:#102033}.play-me{min-width:0;display:flex;align-items:center;gap:10px}.play-me img{width:44px;height:44px;object-fit:contain;flex:0 0 auto}.play-nick{min-width:0;font-weight:800;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-score{flex:0 0 auto;padding:4px 12px;border-radius:999px;background:#102033;color:#fff;font-weight:900;font-variant-numeric:tabular-nums}.play-react{position:relative;flex:0 0 auto}.react-toggle{min-width:0;min-height:44px;padding:0 14px;border-radius:999px;font-size:1rem;font-weight:800;color:#102033;display:flex;align-items:center;gap:6px}.react-toggle:disabled{opacity:.5}.react-picker{position:absolute;right:0;bottom:calc(100% + 10px);display:flex;gap:4px;padding:6px;border-radius:999px;background:#fff;box-shadow:0 8px 24px #00112159;animation:intro-rise .2s ease both}.react-emoji{min-width:0;min-height:0;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:transparent;font-size:1.7rem;line-height:1}.react-emoji:hover:not(:disabled){background:#eef3f9}@keyframes play-spin{to{transform:rotate(360deg)}}@keyframes ready-pulse{50%{transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){.play-ready h1,.play-result,.react-picker{animation:none}.play-spinner{animation-duration:2.4s}}.reaction-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden}.reaction-bubble{position:absolute;bottom:4cqw;display:flex;flex-direction:column;align-items:center;gap:.2cqw;animation:reaction-rise 2.5s ease-out both}.reaction-bubble .emoji{font-size:4cqw;line-height:1;filter:drop-shadow(0 .2cqw .6cqw rgba(0,0,0,.4))}.reaction-bubble .who{max-width:12cqw;padding:.1cqw .8cqw;border-radius:999px;background:#071426cc;color:#fff;font-size:1cqw;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes reaction-rise{0%{opacity:0;transform:translateY(2cqw) scale(.6)}12%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:0;transform:translateY(-26cqw) scale(1)}}@media (prefers-reduced-motion: reduce){.reaction-bubble{animation-name:intro-fade-out}@keyframes intro-fade-out{0%,70%{opacity:1}to{opacity:0}}}