.mp-top{align-items:center;display:flex;gap:.625rem;margin-top:.875rem}.mp-conn{color:var(--muted);font-size:.78125rem}.mp-conn:before{background:var(--absent);border-radius:9999px;content:"";display:inline-block;height:.5rem;margin-right:.3rem;width:.5rem}.mp-conn[data-mode=ok]:before{background:var(--win)}.mp-conn[data-mode=off]:empty{display:none}[data-mp-screen]{display:none}[data-mp-screen].on{display:block}.mp-hero-tiles{display:flex;gap:.375rem;justify-content:center;margin:.5rem 0 1rem}.mp-hero-tiles .tile{aspect-ratio:auto;font-size:1.125rem;height:2.5rem;width:2.5rem}.mp-identity{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem;justify-content:center;margin:0 0 1.25rem}.mp-identity input{background:var(--bg);border:1px solid var(--line);border-radius:.5rem;color:var(--ink);font:inherit;font-weight:600;padding:.5rem .75rem;width:11rem}.mp-identity input:focus{border-color:var(--absent);outline:none}.mp-avatars{display:flex;gap:.25rem}.mp-avatars button{border:1px solid var(--line);border-radius:.5rem;font-size:1.125rem;height:2.4rem;width:2.4rem}.mp-avatars button[aria-pressed=true]{background:var(--soft);box-shadow:inset 0 0 0 2px var(--win)}.mp-entry{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin:0 0 1rem}@media(max-width:34rem){.mp-entry{grid-template-columns:1fr}}.mp-entry-card{background:var(--card);border:1px solid var(--line);border-radius:.75rem;display:flex;flex-direction:column;gap:.25rem;padding:1rem;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.mp-entry-card:hover{border-color:var(--absent);box-shadow:0 4px 16px #0000000f}.mp-entry-card b{font-size:1rem}.mp-entry-card small{color:var(--muted)}.mp-join-row{display:none;gap:.5rem;justify-content:center;margin:0 0 1rem}.mp-join-row.on{display:flex}.mp-join-row input{background:var(--bg);border:1px solid var(--line);border-radius:.5rem;color:var(--ink);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1rem;font-weight:700;letter-spacing:.25em;padding:.5rem .75rem;text-align:center;text-transform:uppercase;width:10.5rem}.mp-how{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}@media(max-width:34rem){.mp-how{grid-template-columns:1fr}}.mp-how>div{color:var(--muted);font-size:.875rem}.mp-how b{color:var(--ink);display:block;font-size:.9375rem}.mp-form{background:var(--card);border:1px solid var(--line);border-radius:.75rem;margin:1rem 0;padding:1.25rem}.mp-form-row{margin:0 0 1.125rem}.mp-form-row:last-child{margin-bottom:0}.mp-label{display:block;font-size:.875rem;font-weight:700;margin-bottom:.375rem}.mp-hint{color:var(--muted);font-size:.78125rem;margin:.375rem 0 0}#mp-custom-row{margin-top:.5rem}#mp-custom-word{background:var(--bg);border:1px solid var(--line);border-radius:.5rem;color:var(--ink);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.05rem;font-weight:700;letter-spacing:.2em;padding:.5rem .75rem;text-transform:uppercase;width:13rem}.mp-form-actions{display:flex;gap:.5rem;margin-top:1.25rem}.mp-form-actions .button{cursor:pointer}.mp-room-head{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:.75rem 0}.mp-room-head h2{margin:0}.mp-room-code{background:var(--soft);border-radius:.625rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.375rem;font-weight:700;letter-spacing:.3em;padding:.35rem .5rem .35rem .8rem}.mp-invite{align-items:center;background:var(--card);border:1px solid var(--line);border-radius:.75rem;display:flex;gap:.625rem;margin:.75rem 0 1rem;padding:.625rem .75rem}.mp-invite code{color:var(--muted);flex:1;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-invite .button{cursor:pointer}.mp-qr-card{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin:-.25rem 0 1rem}.mp-qr-card[hidden]{display:none}.mp-qr-code{background:#fff;border:1px solid var(--line);border-radius:.75rem;display:block;height:176px;padding:8px;width:176px}.mp-qr-code :global(svg){display:block;height:100%;width:100%}.mp-chips{display:flex;flex-wrap:wrap;gap:.375rem;margin:0 0 1rem}.mp-chip{border:1px solid var(--line);border-radius:9999px;color:var(--muted);font-size:.8125rem;font-weight:600;padding:.25rem .7rem}.mp-chip b{color:var(--ink);font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:700}.mp-player-list{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));margin:.75rem 0 1.25rem}.mp-player{align-items:center;background:var(--card);border:1px solid var(--line);border-radius:.625rem;display:flex;gap:.625rem;padding:.5rem .75rem;animation:mp-enter .25s ease}.mp-player.away{opacity:.55}@keyframes mp-enter{0%{opacity:0;transform:translateY(4px)}}.mp-avatar{align-items:center;background:var(--soft);border-radius:9999px;display:flex;flex-shrink:0;font-size:1.05rem;height:2.1rem;justify-content:center;width:2.1rem}.mp-avatar.small{font-size:.9rem;height:1.7rem;width:1.7rem}.mp-avatar.big{font-size:1.4rem;height:3rem;width:3rem}.mp-player b{flex:1;font-size:.9375rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-tag{color:var(--muted);font-size:.75rem;font-weight:700}.mp-lobby-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem}.mp-lobby-actions .button{cursor:pointer}.mp-wait{font-size:.875rem}.mp-game{max-width:62rem;margin:0 auto}.mp-game-top{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:.875rem 0 .25rem}.mp-timer{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.25rem;font-variant-numeric:tabular-nums;font-weight:700}.mp-timer.low{color:#d33a2f}.mp-timer-track{background:var(--soft);border-radius:9999px;height:.25rem;margin:.375rem 0 0;overflow:hidden}.mp-timer-fill{background:var(--win);border-radius:9999px;height:100%;transition:width 1s linear;width:100%}.mp-game-grid{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) 17rem;margin-top:.5rem}@media(max-width:52rem){.mp-game-grid{grid-template-columns:minmax(0,1fr)}.mp-rail{flex-direction:row;flex-wrap:nowrap;order:-1;overflow-x:auto;padding-bottom:.25rem}.mp-rail-title,.mp-rail-note{display:none}.mp-opp{flex-shrink:0;width:10.5rem}}.mp-rail{display:flex;flex-direction:column;gap:.625rem}.mp-rail-title,.mp-secret-label{color:var(--muted);font-size:.6875rem;font-weight:700;letter-spacing:.06em;margin:.25rem 0 0;text-transform:uppercase}.mp-opp{background:var(--card);border:1px solid var(--line);border-radius:.75rem;padding:.625rem .75rem}.mp-opp.done-solved,.mp-class-card.done-solved{border-color:var(--win)}.mp-opp-head{align-items:center;display:flex;gap:.5rem;margin-bottom:.4rem}.mp-opp-head b{flex:1;font-size:.875rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-opp-status{color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.mp-opp-status.solved{color:var(--accent)}.mp-mini{display:grid;gap:.1875rem;width:fit-content}.mp-mini i{background:var(--soft);border-radius:.14rem;display:block;height:.85rem;width:.85rem}.mp-mini i.win{background:var(--win)}.mp-mini i.maybe{background:var(--maybe)}.mp-mini i.absent{background:var(--absent)}.mp-rail-note{color:var(--muted);font-size:.75rem}.mp-react-bar{display:flex;gap:.375rem;justify-content:center;margin-top:1rem}.mp-react-bar button{background:var(--soft);border-radius:9999px;font-size:1.05rem;height:2.4rem;transition:transform .08s ease;width:2.4rem}.mp-react-bar button:hover{transform:scale(1.12)}.mp-react-bar button.mp-open-chat{width:auto;padding:0 .8rem;font-size:.8125rem;font-weight:700}#mp-board-extra{margin:.75rem auto 0;text-align:center}#mp-board-extra[hidden]{display:none}.mp-hm-status{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem .75rem;justify-content:center}.mp-hm-lives{display:inline-flex;gap:.25rem}.mp-hm-lives i{background:var(--soft);border-radius:9999px;display:block;height:.7rem;width:.7rem}.mp-hm-lives i.lost{background:#d33a2f}.mp-hm-wrong{color:var(--muted);font-size:.875rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.mp-floater{animation:mp-floatup 1.6s ease forwards;font-size:1.5rem;pointer-events:none;position:fixed;z-index:60}@keyframes mp-floatup{to{opacity:0;transform:translateY(-90px) scale(1.4)}}.mp-class{margin-top:.75rem}.mp-secret{align-items:center;background:var(--card);border:1px solid var(--line);border-radius:.75rem;display:flex;flex-wrap:wrap;gap:.625rem;margin:.75rem 0 1rem;padding:.625rem .875rem}.mp-secret-word{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.05rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.mp-peek{cursor:pointer;font-size:.8125rem;padding:.3rem .8rem}.mp-secret-note{font-size:.8125rem;margin-left:auto}.mp-class-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.mp-class-card{background:var(--card);border:1px solid var(--line);border-radius:.75rem;padding:.75rem}.mp-class-board{display:grid;gap:.1875rem;margin-top:.5rem;width:fit-content}.mp-class-board .ct{align-items:center;background:var(--soft);border-radius:.2rem;display:flex;font-size:.8125rem;font-weight:800;height:1.55rem;justify-content:center;text-transform:uppercase;width:1.55rem}.mp-class-board .ct.win{background:var(--win);color:#fff}.mp-class-board .ct.maybe{background:var(--maybe);color:#fff}.mp-class-board .ct.absent{background:var(--absent);color:#fff}.mp-reveal{align-items:center;background:var(--card);border:1px solid var(--line);border-radius:.75rem;display:flex;flex-wrap:wrap;gap:.5rem .75rem;margin:1rem 0;padding:.75rem 1rem}.mp-reveal-word{font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mp-res-sub{font-size:.875rem;margin-left:auto}.mp-res-table{border-collapse:collapse;margin:.75rem 0 1rem;width:100%}.mp-res-table th{border-bottom:1px solid var(--line);color:var(--muted);font-size:.6875rem;font-weight:700;letter-spacing:.06em;padding:.375rem .5rem;text-align:left;text-transform:uppercase}.mp-res-table td{border-bottom:1px solid var(--line);font-size:.9375rem;font-variant-numeric:tabular-nums;padding:.5rem}.mp-res-table tr.me-row td{font-weight:700}.mp-p-cell{align-items:center;display:flex;gap:.5rem}.mp-rank{align-items:center;border:2px solid var(--line);border-radius:9999px;display:inline-flex;font-size:.8125rem;font-weight:800;height:1.75rem;justify-content:center;width:1.75rem}.mp-rank.rank-1{border-color:#c9a227;color:#c9a227}.mp-rank.rank-2{border-color:#9aa0a6;color:#9aa0a6}.mp-rank.rank-3{border-color:#b3702d;color:#b3702d}.mp-podium{align-items:flex-end;display:flex;gap:.625rem;justify-content:center;margin:1.5rem 0 1rem}.mp-pod{text-align:center;width:7.5rem}.mp-pod .mp-avatar{margin:0 auto .375rem}.mp-pod b{display:block;font-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-pod small{color:var(--muted);font-variant-numeric:tabular-nums}.mp-pod-block{background:var(--soft);border-radius:.5rem .5rem 0 0;display:flex;align-items:flex-start;font-weight:800;justify-content:center;margin-top:.5rem;padding-top:.375rem}.mp-pod-1 .mp-pod-block{background:color-mix(in srgb,#c9a227 28%,var(--soft));height:5rem}.mp-pod-2 .mp-pod-block{background:color-mix(in srgb,#9aa0a6 24%,var(--soft));height:3.6rem}.mp-pod-3 .mp-pod-block{background:color-mix(in srgb,#b3702d 24%,var(--soft));height:2.6rem}.mp-res-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.mp-res-actions .button{cursor:pointer}.mp-chat{bottom:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;position:fixed;right:1rem;z-index:55}.mp-chat[hidden]{display:none}.mp-chat-toggle{align-items:center;background:var(--card);border:1px solid var(--line);border-radius:9999px;box-shadow:0 4px 16px #0000001f;color:var(--ink);display:inline-flex;font-size:.875rem;font-weight:700;gap:.375rem;padding:.5rem .9rem}.mp-chat-toggle:hover{border-color:var(--absent)}.mp-chat-toggle.ping{animation:mp-chat-ping .5s ease 2}@keyframes mp-chat-ping{50%{transform:scale(1.08);border-color:var(--win)}}@media(prefers-reduced-motion:reduce){.mp-chat-toggle.ping{animation:none}}.mp-chat-badge{background:var(--win);border-radius:9999px;color:#fff;font-size:.6875rem;min-width:1.15rem;padding:.1rem .3rem;text-align:center}.mp-chat-badge[hidden]{display:none}.mp-chat-panel{background:var(--card);border:1px solid var(--line);border-radius:.75rem;box-shadow:0 10px 32px #00000029;display:flex;flex-direction:column;max-height:min(24rem,60vh);overflow:hidden;width:min(20rem,calc(100vw - 2rem))}.mp-chat-panel[hidden]{display:none}.mp-chat-head{align-items:baseline;border-bottom:1px solid var(--line);display:flex;gap:.5rem;padding:.55rem .75rem}.mp-chat-head b{font-size:.875rem}.mp-chat-head .muted{font-size:.6875rem}.mp-chat-log{display:flex;flex:1;flex-direction:column;gap:.35rem;overflow-y:auto;padding:.6rem .75rem}.mp-chat-msg{font-size:.875rem;line-height:1.35;overflow-wrap:anywhere}.mp-chat-msg .who{font-weight:700;margin-right:.3rem}.mp-chat-msg.me .who{color:var(--accent)}.mp-chat-msg.sys{color:var(--muted);font-size:.78125rem}.mp-chat-form{border-top:1px solid var(--line);display:flex;gap:.375rem;padding:.5rem}.mp-chat-form input{background:var(--bg);border:1px solid var(--line);border-radius:.5rem;color:var(--ink);flex:1;font:inherit;font-size:.875rem;min-width:0;padding:.4rem .6rem}.mp-chat-form input:focus{border-color:var(--absent);outline:none}.mp-chat-form .button{cursor:pointer;font-size:.8125rem;padding:.4rem .8rem}.mp-countdown{align-items:center;background:color-mix(in srgb,var(--bg) 88%,transparent);display:none;flex-direction:column;gap:.5rem;inset:0;justify-content:center;position:fixed;z-index:70}.mp-countdown.on{display:flex}.mp-count-num{animation:mp-countpop .7s ease;font-size:6rem;font-weight:800;letter-spacing:-.04em}.mp-count-sub{color:var(--muted);font-weight:600}@keyframes mp-countpop{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.mp-count-num,.mp-player{animation:none}.mp-floater{display:none}}