body.js-loading *{visibility:hidden}.new-game-form{display:flex;flex-direction:column;align-items:center;gap:1rem}.new-game-form label{font-size:1.25rem;font-weight:300}.new-game-form input{padding:.75rem 1rem;font-size:1rem;border:1px solid #334155;border-radius:8px;background-color:#1e293b;color:#e2e8f0;text-align:center;outline:0}.new-game-form input:focus{border-color:#10b981}#game{display:contents}#game svg{max-width:100%;height:auto}.game-info{display:flex;align-items:center;gap:1rem;font-size:1.25rem}.player-one{color:#38bdf8;font-weight:600}.player-two{color:#f59e0b;font-weight:600}.vs{color:#64748b;font-weight:300}.waiting{color:#64748b;font-style:italic}.new-game.copied{background-color:#6366f1}.game-status{font-size:1.125rem;color:#94a3b8}@keyframes statusPulsePlayerOne{0%{transform:scale(1.15);color:#38bdf8}60%{transform:scale(1.05);color:#38bdf8}100%{transform:scale(1);color:#94a3b8}}@keyframes statusPulsePlayerTwo{0%{transform:scale(1.15);color:#f59e0b}60%{transform:scale(1.05);color:#f59e0b}100%{transform:scale(1);color:#94a3b8}}.game-status.player-one-turn{animation:statusPulsePlayerOne .8s ease-out}.game-status.player-two-turn{animation:statusPulsePlayerTwo .8s ease-out}@keyframes winGlowPlayerOne{0%,100%{box-shadow:0 0 4px 1px rgba(56,189,248,.4)}50%{box-shadow:0 0 10px 4px rgba(56,189,248,.9)}}@keyframes winGlowPlayerTwo{0%,100%{box-shadow:0 0 4px 1px rgba(245,158,11,.4)}50%{box-shadow:0 0 10px 4px rgba(245,158,11,.9)}}.game-status.player-one-wins,.game-status.player-two-wins{color:#e2e8f0}.play-again{margin-top:.5rem}@keyframes discHeartbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.13)}28%{transform:scale(1)}42%{transform:scale(1.13)}70%{transform:scale(1)}}.player-info{display:inline-flex;align-items:center;gap:.4rem}.online-indicator{display:none;width:4px;height:4px;border-radius:50%;background-color:#10b981;animation:onlineRipple 1.2s ease-out infinite}.player-info.online .online-indicator{display:inline-block}.player-info:not(.online) .player{color:#64748b}.rejoin-link{padding:.2rem .6rem;background-color:#10b981;color:#0f172a;font-family:inherit;font-size:.75rem;border:none;border-radius:6px;cursor:pointer}.rejoin-link:hover{background-color:#34d399}.player-info.online .rejoin-link{display:none}.player-info:has(.player-two) .rejoin-link{order:2}@keyframes onlineRipple{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}100%{box-shadow:0 0 0 6px rgba(16,185,129,0)}}circle.winning-disc{transform-box:fill-box;transform-origin:center;animation:discHeartbeat 1.5s ease-in-out infinite}body.ws-disconnected>:not(.turbulence-overlay){filter:grayscale(1);pointer-events:none;user-select:none}.turbulence-overlay{display:none}body.ws-disconnected .turbulence-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;background:rgba(0,0,0,.6)}.turbulence-modal{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:2.5rem 2rem;max-width:360px;width:90%;text-align:center;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.turbulence-modal svg{width:72px;height:72px;color:#64748b}.turbulence-modal p{font-size:1rem;line-height:1.6;margin:0;color:#94a3b8}@media (max-width:600px){.game-info{flex-wrap:wrap;justify-content:center;font-size:1.1rem}}.how-to-win-trigger{padding:.5rem 1rem;background:0 0;border:1px solid #334155;border-radius:999px;color:#94a3b8;font-family:inherit;font-size:.95rem;cursor:pointer}.how-to-win-trigger::before{content:"?";display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;margin-right:.45rem;border-radius:50%;background-color:#38bdf8;color:#0f172a;font-weight:700;font-size:.8rem}.how-to-win-trigger:hover{border-color:#38bdf8;color:#e2e8f0}.how-to-win-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);visibility:hidden;opacity:0;pointer-events:none}.how-to-win-toggle:checked~.how-to-win-overlay{visibility:visible;opacity:1;pointer-events:auto}.how-to-win-backdrop{position:absolute;inset:0;cursor:pointer}.how-to-win-modal{position:relative;background:#1e293b;border:1px solid #334155;border-radius:16px;padding:2.5rem 2rem 2rem;max-width:420px;width:90%;max-height:90vh;overflow-y:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.how-to-win-modal h2{font-weight:300;font-size:1.5rem;color:#e2e8f0}.how-to-win-modal p{margin:0;font-size:1rem;line-height:1.6;color:#94a3b8}.how-to-win-modal strong{color:#e2e8f0;font-weight:600}.how-to-win-close{position:absolute;top:.5rem;right:.85rem;font-size:1.75rem;line-height:1;color:#64748b;cursor:pointer}.how-to-win-close:hover{color:#e2e8f0}.demo-boards{position:relative;width:100%;max-width:320px;aspect-ratio:320/260;margin:.25rem auto 0}.demo-board{position:absolute;inset:0;width:100%;height:100%;opacity:0}.demo-disc{opacity:0}.demo-captions{position:relative;width:100%;height:1.6em}.demo-caption{position:absolute;inset:0;text-align:center;font-size:1.1rem;font-weight:600;color:#38bdf8;opacity:0}.how-to-win-toggle:checked~.how-to-win-overlay .demo-board{animation:demoBoardFade 18s linear var(--board-delay) infinite both}.how-to-win-toggle:checked~.how-to-win-overlay .demo-disc{animation:demoDrop 18s linear var(--drop-delay) infinite both}.how-to-win-toggle:checked~.how-to-win-overlay .demo-winner{animation:demoDrop 18s linear var(--drop-delay) infinite both,demoGlow 1.4s ease-in-out var(--drop-delay) infinite backwards}.how-to-win-toggle:checked~.how-to-win-overlay .demo-caption{animation:demoBoardFade 18s linear var(--board-delay) infinite both}@keyframes demoBoardFade{0%{opacity:0}3%{opacity:1}30%{opacity:1}33.333%{opacity:0}100%{opacity:0}}@keyframes demoDrop{0%{opacity:0;transform:translateY(-160px)}3%{opacity:1;transform:translateY(0)}33%{opacity:1;transform:translateY(0)}36%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}@keyframes demoGlow{0%,100%{filter:drop-shadow(0 0 2px rgba(56, 189, 248, .5))}50%{filter:drop-shadow(0 0 9px rgba(56, 189, 248, .95))}}@media (prefers-reduced-motion:reduce){.demo-boards{aspect-ratio:auto}.demo-board{position:static;opacity:1!important;animation:none!important}.demo-board:not(:first-child){display:none}.demo-disc{opacity:1!important;animation:none!important}.demo-captions{height:auto}.demo-caption{position:static;display:block;opacity:1!important;animation:none!important;color:#64748b;font-size:.95rem}.demo-caption:first-child{color:#38bdf8}}.chat-box{box-sizing:border-box;width:100%;max-width:580px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background-color:#292524;border:1px solid #a16207;border-radius:12px;color:#e7e5e4}.chat-messages{display:flex;flex-direction:column;gap:.5rem;max-height:260px;overflow-y:auto}.chat-messages:empty::before{content:"No messages yet — say hello!";color:#b8a88a;font-style:italic;font-size:.95rem}.chat-message{display:flex;flex-direction:column;max-width:80%;padding:.4rem .7rem;border-radius:10px;background-color:#1c1917;align-self:flex-start}.chat-message.own{align-self:flex-end;background-color:#44403c}.chat-author{font-size:.75rem;font-weight:600;color:#fbbf24}.chat-text{font-size:1rem;line-height:1.35;word-break:break-word;white-space:pre-wrap}.chat-form{display:flex;gap:.5rem}.chat-input{flex:1;min-width:0;padding:.6rem .8rem;font-family:inherit;font-size:1rem;color:#e7e5e4;background-color:#1c1917;border:1px solid #a16207;border-radius:8px;outline:0}.chat-input::placeholder{color:#a8a29e}.chat-input:focus{border-color:#fbbf24}.chat-send{padding:.6rem 1.25rem;font-size:1rem}
/*# sourceMappingURL=stackrush-26c053a.css.map */