.match-shade{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020708f0;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.match-panel{text-align:center;color:#ecf1e6;background:radial-gradient(at top,#253e2a 0%,#121b1c 65%);border:1px solid #65986e;border-top:3px solid #b4db80;outline:none;width:min(580px,100%);max-height:calc(100dvh - 32px);padding:clamp(20px,5vw,44px);animation:.25s ease-out match-enter;overflow:auto;box-shadow:0 0 70px #548c4633}.match-mark{color:#c4df96;text-shadow:0 0 25px #c4df9666;font:64px/1 Georgia,serif}.match-eyebrow{letter-spacing:2px;color:#a5b69c;margin:20px 0 12px;font:700 11px/1.5 Arial,sans-serif}.match-panel h2{letter-spacing:1px!important;text-shadow:none!important;margin:0!important;font:800 clamp(25px,6vw,40px)/1.15 Arial,sans-serif!important;transform:none!important}.match-game{color:#c1ccba;margin:12px 0 20px;font:20px/1.5 Arial,sans-serif}.match-count{font:700 17px/1.4 Arial,sans-serif}.match-slots{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0;display:flex}.match-slots span{color:#7e8e83;border:1px solid #53605a;border-radius:3px;place-items:center;min-width:28px;height:30px;display:grid}.match-slots .accepted{color:#f5ffe4;background:#75934d;border-color:#bce183}.match-panel .match-accept{color:#f4ffe6;letter-spacing:1px;cursor:pointer;background:linear-gradient(#668c43,#36512c);border:1px solid #b3d57b;border-radius:2px;width:100%;min-height:64px;margin:16px 0 12px;padding:16px 12px;font:800 clamp(16px,4vw,22px)/1.3 Arial,sans-serif;display:block;box-shadow:inset 0 0 18px #b9df6a22,0 0 22px #84b94b20}.match-panel .match-accept:disabled{opacity:.65;cursor:default;background:#283b2e}.match-panel button:focus-visible{outline-offset:4px;outline:3px solid #f5df91}.match-panel p{line-height:1.5}.match-panel .match-cancel,.match-panel .match-sound{color:#b5c0b5;cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 12px;font:14px/1.4 Arial,sans-serif}.match-names{color:#bdcbb7;flex-wrap:wrap;justify-content:center;gap:8px 16px;max-height:140px;font:14px/1.5 Arial,sans-serif;display:flex;overflow:auto}.match-local{margin:20px 0}.match-error{color:#ffbaaa}.match-sound{margin:8px auto 0;display:block}@keyframes match-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.match-panel{animation:none}.match-shade{-webkit-backdrop-filter:none;backdrop-filter:none}}