.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-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-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-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}}