.board-waiting{width:min(100%,440px);margin:32px auto;padding:0 20px}.board-waiting-seats{display:flex;justify-content:space-around;gap:20px;margin:0 0 24px}.board-waiting-seats>div{display:grid;justify-items:center;gap:6px;min-width:0;flex:1}.board-waiting-seats strong{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-waiting-seats small{color:var(--muted);font-size:12px}.board-waiting-disc,.board-waiting-empty{width:44px;height:44px;border-radius:50%;margin-bottom:6px}.board-waiting-disc{background:rgb(var(--color-accent));box-shadow:inset 0 2px 2px #ffffff33,inset 0 -2px 3px #0002}.board-waiting-empty{display:grid;place-items:center;border:1px dashed var(--muted);color:var(--muted);font-size:24px}.board-waiting-card{padding:28px 20px 12px;border:1px solid var(--line);border-radius:18px;background:rgb(var(--color-surface));text-align:center}.board-waiting-dots{display:flex;gap:7px;justify-content:center;margin-bottom:22px}.board-waiting-dots i{width:7px;height:7px;background:rgb(var(--color-accent));border-radius:50%}.board-waiting-card h1{font-size:24px;font-weight:700;line-height:1.4}.board-waiting-card p{color:var(--muted);font-size:13px;line-height:1.7;margin:10px 0 24px}.board-waiting-code{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:16px}.board-waiting-code>span{font-size:12px;color:var(--muted)}.board-waiting-code input{width:100%;min-width:0;background:transparent;text-align:center;font-family:monospace;font-size:17px;letter-spacing:.02em}.board-waiting-primary,.board-waiting-secondary{width:100%;min-height:48px;border-radius:10px;font-size:15px;font-weight:700;padding:12px}.board-waiting-primary{background:rgb(var(--color-accent));color:var(--action-label)}.board-waiting-secondary{border:1px solid var(--line);margin-bottom:12px}.board-waiting-exit{width:100%;min-height:48px;margin-top:12px;padding:10px 12px;border:0;border-radius:14px;background:rgb(var(--color-ink)/.06);font-size:14px;font-weight:600;color:rgb(var(--color-ink))}.board-waiting-exit:enabled:hover{background:rgb(var(--color-ink)/.1)}.board-waiting-exit:enabled:active{background:rgb(var(--color-ink)/.15)}.board-waiting-exit:disabled{opacity:.45;cursor:default}.board-waiting-link{font-size:12px;color:var(--muted);margin-top:12px}.board-waiting-link summary{cursor:pointer;min-height:32px;padding:6px}.board-waiting-link input{width:100%;min-width:0;font-size:12px;border:1px solid var(--line);border-radius:8px;padding:10px;margin:6px 0;background:rgb(var(--color-paper))}.board-waiting--random{margin-top:clamp(32px,12dvh,100px)}@media (max-width:359px){.board-waiting{padding-inline:12px}.board-waiting-card{padding-inline:16px}.board-waiting-card h1{font-size:22px}}.board-waiting--random .board-waiting-card{padding:32px 24px 18px}.board-waiting--random{animation:board-stage-in .35s ease-out both}.board-search-orbit{position:relative;width:112px;height:112px;margin:4px auto 30px;border:1px solid rgb(var(--color-accent)/.17);border-radius:50%}.board-search-orbit:after,.board-search-orbit:before{content:"";position:absolute;inset:14px;border:1px solid rgb(var(--color-accent)/.2);border-radius:50%;animation:board-search-breathe 2.4s ease-in-out infinite}.board-search-orbit:after{inset:-10px;animation-delay:-.8s;opacity:.4}.board-search-orbit span{position:absolute;inset:31px;border:1px dashed rgb(var(--color-accent)/.5);border-radius:50%}.board-search-orbit b,.board-search-orbit i{position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 2px 2px #fff4,0 4px 12px #0002}.board-search-orbit i{left:8px;top:10px;background:rgb(var(--color-accent));animation:board-search-float 2.4s ease-in-out infinite}.board-search-orbit b{right:8px;bottom:10px;background:#e7bf78;animation:board-search-float 2.4s ease-in-out -1.2s infinite}.board-search-orbit.is-reconnecting{opacity:.5}.board-search-orbit.is-reconnecting *,.board-search-orbit.is-reconnecting:after,.board-search-orbit.is-reconnecting:before{animation-play-state:paused}.board-search-time{display:grid;gap:6px;margin:26px 0 30px}.board-search-time>span{font-size:12px;color:var(--muted);letter-spacing:.12em}.board-search-time strong{font-size:36px;line-height:1.2;font-weight:500;letter-spacing:.06em;font-variant-numeric:tabular-nums}.board-search-time strong span{color:var(--muted);padding:0 3px}.board-search-alternative{padding-top:16px;margin-bottom:12px;border-top:1px solid var(--line);animation:board-stage-in .3s ease-out both}.board-search-alternative p{margin:0 0 16px}.board-departure,.board-intro{width:min(100%,440px);margin:clamp(48px,15dvh,128px) auto 32px;padding:0 28px;text-align:center;animation:board-stage-in .4s ease-out both}.board-intro-eyebrow{font-size:13px;font-weight:600;letter-spacing:.2em;color:rgb(var(--color-accent));margin-bottom:36px}.board-intro-players{display:flex;justify-content:space-between;position:relative;gap:64px;margin-bottom:36px}.board-intro-player{min-width:0;flex:1;display:grid;justify-items:center;gap:7px;animation:board-player-in .5s ease-out both}.board-intro-player:nth-child(2){animation-delay:.1s}.board-intro-player strong{font-size:17px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-intro-player small{font-size:12px;color:var(--muted)}.board-intro-disc{display:block;width:64px;height:64px;margin-bottom:10px;border-radius:50%;box-shadow:inset 0 3px 3px #fff3,inset 0 -3px 4px #0003,0 8px 24px #0002}.board-intro-disc--0{background:rgb(var(--color-accent))}.board-intro-disc--1{background:#e7bf78}.board-intro-stone--black{background:radial-gradient(circle at 35% 30%,#4b5058,#14171b);border:1px solid #69717e}.board-intro-stone--white{background:radial-gradient(circle at 35% 30%,#fff,#d4d7df)}.board-intro-vs{position:absolute;left:50%;top:23px;transform:translateX(-50%);color:var(--muted);font-size:14px;font-weight:600;font-style:italic;letter-spacing:.1em}.board-departure h1,.board-intro h1{font-size:26px;font-weight:700;line-height:1.5}.board-departure p,.board-intro [role=status] p{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.7}.board-intro-line{width:48px;height:3px;border-radius:3px;background:rgb(var(--color-accent));margin:28px auto 12px;animation:board-search-breathe 1.6s ease-in-out infinite}.board-departure-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:rgb(var(--color-accent)/.1);color:rgb(var(--color-accent));font-size:32px;margin:0 auto 26px}.board-game-enter{animation:board-stage-in .3s ease-out both}@keyframes board-stage-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes board-player-in{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes board-search-breathe{0%,to{opacity:.35;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}@keyframes board-search-float{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.board-departure,.board-game-enter,.board-intro,.board-intro-line,.board-intro-player,.board-search-alternative,.board-search-orbit *,.board-search-orbit:after,.board-search-orbit:before,.board-waiting--random{animation:none}}.board-waiting--gomoku .board-search-orbit i{background:radial-gradient(circle at 33% 28%,#536066,#172326 72%);border:1px solid #81918f}.board-waiting--gomoku .board-search-orbit b{background:radial-gradient(circle at 33% 28%,#fff,#e3e4df 72%);border:1px solid #a6a89e}.board-status{position:relative;flex-shrink:0;text-align:center;padding:12px 14px;border:1px solid transparent;border-radius:14px;min-width:0}.board-status h1{display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}.board-status p{margin-top:5px;font-size:12px;line-height:1.5;color:var(--muted)}.board-status--confirm,.board-status--you{background:rgb(var(--color-accent)/.1);border-color:rgb(var(--color-accent)/.32)}.board-status--confirm h1,.board-status--you h1{color:rgb(var(--color-accent-strong));animation:board-turn-arrive .55s ease-out both}.board-status--waiting{background:rgb(var(--color-surface)/.65);border-color:var(--line)}.board-status--waiting h1{font-size:18px}.board-turn-dot{flex-shrink:0;width:9px;height:9px;background:rgb(var(--color-accent));border-radius:50%;animation:board-turn-pulse 2.2s ease-in-out infinite}.board-status--you .board-turn-dot{animation:board-turn-breathe 2.6s ease-in-out infinite}.board-turn-dots{display:inline-flex;gap:4px;flex-shrink:0}.board-turn-dots i{width:5px;height:5px;border-radius:50%;background:rgb(var(--color-accent));animation:board-turn-wait 1.5s ease-in-out infinite}.board-turn-dots i:nth-child(2){animation-delay:.18s}.board-turn-dots i:nth-child(3){animation-delay:.36s}.board-status--won h1{color:rgb(var(--color-accent-strong));font-size:26px}.board-status--lost h1{font-size:26px}.board-result-emblem{color:#deb873;font-size:28px;line-height:1}.board-status--finish h1{animation:board-result-arrive .65s cubic-bezier(.16,1,.3,1) .35s both}.board-status .victory-burst{--victory-delay:350ms;top:-70px;overflow:hidden;inset-inline:0;bottom:-75px}.board-feedback-game .c4-player--active>.c4-disc,.board-feedback-game .gm-player.is-active>.gm-stone{outline:2px solid rgb(var(--color-accent));outline-offset:4px;animation:board-seat-arrive .6s ease-out}.board-feedback-game.board-finish-live .c4-win-line line{animation-duration:.55s}.board-feedback-game.board-finish-live .c4-slot--winning>.c4-disc{animation:board-stone-win .65s .2s both}.board-feedback-game.board-finish-live .gm-cell.is-winning .gm-stone{animation:board-stone-win .55s both;animation-delay:calc(.1s + var(--winning-step) * 75ms)}.board-feedback-game .gm-cell.is-last:not(.is-winning) .gm-stone:not(.gm-stone--preview){animation:board-stone-place .18s ease-out}.board-feedback-game .gm-stone--preview{opacity:.7;animation:board-preview-pulse 1.6s ease-in-out infinite}.gm-online-page .board-status{margin-block:12px}@media (min-width:421px){.gm-online-page .board-status--waiting h1{line-height:28px}}.gm-confirm-dock{position:static;bottom:max(10px,env(safe-area-inset-bottom));z-index:5;padding:10px;margin:12px -4px 0;border:1px solid var(--line);border-radius:14px;background:rgb(var(--color-paper));box-shadow:0 5px 24px #0002}.gm-confirm-dock--selected{position:sticky}.gm-confirm-dock>button{width:100%;min-height:50px;font-size:16px;font-weight:700}.gm-confirm--ready{animation:board-confirm-breathe 2.2s ease-in-out infinite}.gm-online-page .gm-confirm-dock+.gm-controls{padding-top:4px}@keyframes board-turn-arrive{0%{opacity:.5;transform:translateY(5px) scale(.96)}to{opacity:1;transform:none}}@keyframes board-turn-pulse{0%,to{box-shadow:0 0 0 3px rgb(var(--color-accent)/.12)}50%{box-shadow:0 0 0 8px rgb(var(--color-accent)/.05)}}@keyframes board-turn-breathe{0%,to{opacity:.45;box-shadow:0 0 0 2px rgb(var(--color-accent)/.05)}50%{opacity:1;box-shadow:0 0 12px 4px rgb(var(--color-accent)/.35)}}@keyframes board-turn-wait{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes board-seat-arrive{0%{outline-offset:9px}to{outline-offset:4px}}@keyframes board-result-arrive{0%{opacity:.4;transform:translateY(8px) scale(.92)}to{opacity:1;transform:none}}@keyframes board-stone-win{0%,to{transform:scale(1)}45%{transform:scale(1.09);filter:brightness(1.25)}}@keyframes board-stone-place{0%{transform:scale(1.22);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes board-preview-pulse{0%,to{outline-offset:1px;opacity:.65}50%{outline-offset:3px;opacity:.85}}@keyframes board-confirm-breathe{0%,to{box-shadow:0 0 0 0 rgb(var(--color-accent)/.12),0 0 0 rgb(var(--color-accent)/0)}50%{box-shadow:0 0 0 5px rgb(var(--color-accent)/.2),0 0 22px rgb(var(--color-accent)/.22)}}.c4-game-layout>.board-status{grid-area:status}@media (max-width:420px){.board-status h1{font-size:18px}.board-status--lost h1,.board-status--won h1{font-size:24px}.board-status p{font-size:11px}}@media (prefers-reduced-motion:reduce){.board-feedback-game .c4-player--active>.c4-disc,.board-feedback-game .gm-cell.is-last:not(.is-winning) .gm-stone:not(.gm-stone--preview),.board-feedback-game .gm-player.is-active>.gm-stone,.board-feedback-game .gm-stone--preview,.board-feedback-game.board-finish-live .c4-slot--winning>.c4-disc,.board-feedback-game.board-finish-live .c4-win-line line,.board-feedback-game.board-finish-live .gm-cell.is-winning .gm-stone,.board-status h1,.board-status--you .board-turn-dot,.board-turn-dot,.board-turn-dots i,.gm-confirm--ready{animation:none}}.board-interruption{color:var(--ink,#f4f6f5);background:#202629;border:1px solid #495350;border-radius:28px;padding:32px 24px 24px;width:min(390px,calc(100vw - 40px));text-align:center;box-shadow:0 24px 100px #0006}.board-interruption[open]{animation:board-interruption-enter .3s ease-out both}.board-interruption::backdrop{background:#101718ad;backdrop-filter:blur(3px)}.board-interruption-orbit{position:relative;width:116px;height:116px;margin:0 auto 24px;color:#91deca}.board-interruption-orbit svg{width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:4}.board-interruption-track{stroke:#40514b}.board-interruption-progress{stroke:currentColor;stroke-linecap:round;transition:stroke-dasharray .1s linear}.board-interruption-orbit strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:44px;line-height:1.1;font-variant-numeric:tabular-nums}.board-interruption-orbit small{font-size:12px;margin-top:4px;color:#b9c7c3}.board-interruption-eyebrow{font-size:11px;letter-spacing:.16em;color:#91deca;margin:0 0 10px}.board-interruption h2{font-size:23px;font-weight:700;line-height:1.5;margin:0 0 12px;text-wrap:balance;color:#f3f7f5}.board-interruption h2:focus{outline:none}.board-interruption-description{font-size:14px;line-height:1.8;color:#b7c1bf;margin:0;text-wrap:balance}.board-interruption-note{font-size:13px;margin:24px 0 0;color:#a4cbbf}.board-interruption-next{margin-top:24px}.board-interruption-next p{font-size:14px;color:#c6d4cf;margin-bottom:12px;font-variant-numeric:tabular-nums}.board-interruption-primary{width:100%;border-radius:14px;padding:14px 16px;font-weight:700;color:#132720;background:#80d1bb}.board-interruption-link{font-size:13px;color:#b7c1bf;padding:14px 8px 0}.board-interruption--manual .board-interruption-next>button{font-size:16px}.board-interruption button:disabled{opacity:.5}.board-interruption button:focus-visible{outline:2px solid #f4f6f5;outline-offset:4px}.board-interruption--ended .board-interruption-orbit{width:76px;height:76px;background:#91deca12;border-radius:50%}.board-interruption--ended .board-interruption-orbit strong{font-size:32px}@keyframes board-interruption-enter{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.board-interruption[open]{animation:none}.board-interruption-progress{transition:none}}.rematch-countdown{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border:1px solid rgb(var(--color-accent)/.28);border-radius:14px;background:rgb(var(--color-accent)/.07);text-align:left}.rematch-countdown-copy{display:grid;min-width:0}.rematch-countdown-copy>strong{font-size:17px;font-weight:700;line-height:1.35}.rematch-countdown-time{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;flex-shrink:0;color:rgb(var(--color-accent-strong))}.rematch-countdown-time>strong{min-width:2ch;font-size:40px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1;text-align:right;letter-spacing:-.04em}.rematch-countdown-time>span{font-size:13px}