.c4-page{--c4-mint:#79cdb4;--c4-gold:#e7bb73;min-height:100dvh}.c4-header{min-height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:12px max(24px,calc((100vw - 1144px)/2))}.c4-header .brand{font-size:29px}.c4-header-title{font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.c4-header nav{display:flex;gap:9px;margin-left:auto}.c4-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgb(var(--color-surface))}.c4-icon:hover{border-color:rgb(var(--color-accent))}.c4-entry{max-width:960px;padding:64px 24px 32px;margin:auto;display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:80px;column-gap:80px;row-gap:48px;align-items:center}.c4-intro-art{max-width:380px;border-radius:18px;overflow:hidden;margin-bottom:28px}.c4-intro h1{font-size:40px;font-weight:750;letter-spacing:-.04em;margin:10px 0}.c4-intro p{font-size:16px;color:var(--muted)}.c4-intro small{display:block;margin-top:16px;color:var(--muted);font-size:12px}.c4-entry-modes h2{font-size:23px;font-weight:700;line-height:1.4;letter-spacing:-.03em}.c4-entry-modes>p{font-size:14px;color:var(--muted);margin:10px 0 24px}.c4-entry-modes .mode-button{gap:15px}.c4-entry-modes .mode-button>svg{flex-shrink:0}.c4-friends{margin-bottom:12px;border:1px solid var(--line);border-radius:12px;background:var(--tile)}.c4-friends-toggle{display:flex;align-items:center;gap:15px;width:100%;min-height:56px;padding:16px;border-radius:12px;font-size:17px;font-weight:700;text-align:left}.c4-friends-toggle>svg{flex-shrink:0}.c4-friends-toggle>span:last-child{margin-left:auto}.c4-friends-toggle:hover{color:rgb(var(--color-accent-strong))}.c4-friend-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 16px 16px}.c4-friend-actions[hidden]{display:none}.c4-friend-actions>button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:600;text-align:center}.c4-friend-actions>button:enabled:hover{border-color:rgb(var(--color-accent));color:rgb(var(--color-accent-strong))}.c4-friend-actions>button:disabled{opacity:.65}.c4-mini-board{font-size:29px;line-height:1;width:20px;text-align:center}.c4-text-link{color:var(--muted);font-size:12px;min-height:44px;text-decoration:underline;text-underline-offset:4px}.c4-ranking-entry{grid-column:1/-1;display:flex;align-items:center;gap:16px;width:100%;padding:20px 24px;border:1px solid var(--line);border-radius:12px;text-align:left}.c4-ranking-entry>span:last-child{margin-left:auto;font-size:24px}.c4-ranking-entry small,.c4-ranking-entry strong{display:block}.c4-ranking-entry strong{font-size:15px;font-weight:650}.c4-ranking-entry small{font-size:12px;margin-top:4px;color:var(--muted)}.c4-ranking-emblem{color:var(--c4-gold);font-size:30px}.c4-setup{display:grid;gap:18px;padding-top:8px}.c4-rules>p,.c4-setup legend,.c4-setup>p{font-size:13px;line-height:1.7}.c4-invite-box label,.c4-setup label{display:grid;gap:8px;font-weight:600;font-size:13px;min-width:0}.c4-invite-box input,.c4-setup input{padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:rgb(var(--color-paper));color:rgb(var(--color-ink));width:100%;font-size:16px;font-weight:400;min-width:0}.c4-primary,.c4-secondary{min-height:46px;padding:11px 20px;border-radius:10px;font-size:14px;font-weight:700;text-align:center;display:inline-flex;justify-content:center;align-items:center}.c4-primary{background:rgb(var(--color-accent));color:var(--action-label)}.c4-primary:hover{background:rgb(var(--color-accent-strong))}.c4-secondary{background:rgb(var(--color-surface));border:1px solid var(--line)}.c4-primary:disabled,.c4-secondary:disabled,.c4-setup button:disabled{opacity:.5;cursor:not-allowed}.c4-difficulties{display:grid;grid-template-columns:1fr 1fr;gap:10px}.c4-difficulties button{padding:15px;text-align:left;border:1px solid var(--line);border-radius:11px;background:rgb(var(--color-paper))}.c4-difficulties button.is-selected{border-color:rgb(var(--color-accent));background:rgb(var(--color-accent)/.09);box-shadow:inset 0 0 0 1px rgb(var(--color-accent))}.c4-difficulties small,.c4-difficulties strong{display:block}.c4-difficulties strong{margin:7px 0 4px;font-size:16px}.c4-difficulties small{font-size:11px;color:var(--muted)}.c4-level{letter-spacing:3px;font-size:9px;color:rgb(var(--color-accent))}.c4-join{padding-top:20px;border-top:1px solid var(--line);display:grid;gap:12px}.c4-muted{color:var(--muted);font-size:12px;line-height:1.7}.c4-muted a{color:rgb(var(--color-accent-strong));font-weight:650;text-decoration:underline;text-underline-offset:3px}.c4-error{color:rgb(var(--color-red));font-size:12px;line-height:1.5;overflow-wrap:anywhere}.c4-options{display:flex;gap:8px;margin-top:9px}.c4-options button{flex:1;padding:10px 8px;border:1px solid var(--line);border-radius:8px;font-size:13px}.c4-options button[aria-pressed=true]{border-color:rgb(var(--color-accent));color:rgb(var(--color-accent-strong))}.c4-page--game{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.c4-page--game .c4-header{flex-shrink:0;min-height:62px;padding-block:8px}.c4-page--game .c4-header .brand{font-size:25px}.c4-game-layout{flex:1;flex-direction:column;justify-content:center;gap:12px;width:min(100%,900px);min-height:0;margin:auto;padding:18px 24px max(12px,env(safe-area-inset-bottom))}.c4-game-layout,.c4-players{display:flex;align-items:center}.c4-players{justify-content:space-between;gap:16px;width:min(100%,520px);flex-shrink:0}.c4-player{display:flex;align-items:center;gap:11px;padding:8px 12px;border:1px solid transparent;border-radius:12px}.c4-player,.c4-player>div{min-width:0}.c4-player--active{background:rgb(var(--color-surface));border-color:var(--line)}.c4-player strong{display:block;font-size:14px;font-weight:650;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c4-player small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.c4-avatar,.c4-player>.c4-disc{width:30px;height:30px;flex-shrink:0}.c4-disc{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 2px 1px rgb(255 255 255/.24),inset 0 -3px 1px rgb(0 0 0/.12),0 2px 3px rgb(0 0 0/.14);position:relative}.c4-disc--0{background:var(--c4-mint)}.c4-disc--1{background:var(--c4-gold)}.c4-game-status{flex-shrink:0;text-align:center;max-width:100%;min-height:46px}.c4-game-status h1{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.4;overflow-wrap:anywhere}.c4-game-status p{margin-top:5px;font-size:11px;color:var(--muted);line-height:1.5}.c4-game-status--you h1{color:rgb(var(--color-accent-strong))}.c4-game-status--you h1:before{content:"";display:inline-block;vertical-align:middle;width:7px;height:7px;background:rgb(var(--color-accent));border-radius:50%;margin-right:9px;box-shadow:0 0 0 5px rgb(var(--color-accent)/.1);animation:c4-turn-breathe 2.4s ease-in-out infinite}.c4-game-status--won h1{color:rgb(var(--color-accent-strong))}.c4-board-area{min-height:0;flex:0 1 auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.c4-board{--c4-slot-gap:7px;width:min(100%,calc((100dvh - 302px)*7/6),560px);max-height:100%;aspect-ratio:7/6;grid-template-columns:repeat(7,minmax(0,1fr));padding:10px;gap:7px;background:rgb(var(--color-surface));border:solid var(--line);border-width:1px 1px 5px;border-radius:17px;box-shadow:0 16px 38px rgb(0 0 0/.12)}.c4-board,.c4-column{position:relative;display:grid}.c4-column{grid-template-rows:repeat(6,minmax(0,1fr));gap:var(--c4-slot-gap);border-radius:30px;min-width:0}.c4-column:disabled{cursor:default}.c4-column:focus-visible{outline-offset:3px;border-radius:8px;z-index:2}.c4-slot{display:grid;place-items:center;width:100%;min-height:0;aspect-ratio:1;border-radius:50%;background:rgb(var(--color-paper));box-shadow:inset 0 2px 4px rgb(0 0 0/.14);position:relative}.c4-slot>.c4-disc{position:absolute;width:94%}.c4-slot>.c4-disc--falling{z-index:3;animation:c4-drop var(--fall-duration,.56s) linear both}.c4-board--won .c4-slot:not(.c4-slot--winning)>.c4-disc{opacity:.4;transition:opacity .3s ease}.c4-win-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4}.c4-win-line--0{color:color-mix(in srgb,var(--c4-mint) 65%,white)}.c4-win-line--1{color:color-mix(in srgb,var(--c4-gold) 65%,white)}.c4-win-line line{stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 3px currentColor);animation:c4-connect .3s ease-out both}@keyframes c4-connect{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.c4-disc--last:after{content:"";position:absolute;bottom:12%;width:4px;height:4px;background:rgb(0 0 0/.5);border-radius:50%}.c4-slot--preview:before{position:absolute;width:88%;height:88%;border:2px dashed var(--c4-mint);border-radius:50%;background:rgb(var(--color-accent)/.1)}.c4-column--player-1 .c4-slot--preview:before{border-color:var(--c4-gold)}.c4-board:not([data-input-method=touch]) .c4-column:not(:disabled):focus-visible .c4-slot--preview:before{content:""}@media (any-hover:hover) and (any-pointer:fine){.c4-board:not([data-input-method=touch]) .c4-column:not(:disabled):hover .c4-slot--preview:before{content:""}}.c4-board-footnote{text-align:center;color:var(--muted);font-size:10px;flex-shrink:0}.c4-game-tools{flex-shrink:0;width:min(100%,520px);text-align:center}.c4-result-actions{display:flex;gap:10px;justify-content:center}.c4-result-actions button{flex:1}.c4-page--game:has(.c4-game-layout--rematch){overflow-y:auto}.c4-game-layout--rematch{flex:none;justify-content:flex-start;margin-block:0;padding-top:clamp(16px,3dvh,28px)}.c4-game-layout--rematch .c4-game-status h1{font-size:24px}.c4-game-layout--rematch .c4-board{flex-shrink:0;max-height:none;width:min(100%,max(180px,calc((100dvh - 400px)*7/6)),520px)}.c4-game-layout--rematch .c4-game-tools{display:grid;gap:12px}.c4-game-layout--rematch .c4-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.c4-game-layout--rematch .c4-result-actions button{min-height:48px;padding:11px 8px}.c4-game-layout--rematch .c4-game-links{display:none}.c4-invite-box{display:flex;align-items:end;gap:12px;text-align:left}.c4-invite-box>button{flex:1}.c4-invite-box label{max-width:48%;font-size:10px;gap:4px}.c4-invite-box input{font-size:12px;padding:10px}.c4-rules{padding-top:10px}.c4-rule-discs{display:flex;gap:8px;margin:0 0 20px}.c4-rule-discs .c4-disc{width:36px}.c4-rules h3{font-size:19px;font-weight:700}.c4-rules ol{list-style-type:decimal;padding-left:22px;margin:18px 0;font-size:14px;line-height:1.75}.c4-rules li{padding-left:4px;margin:12px 0}.c4-ranking{display:grid;gap:16px}.c4-ranking-tabs{display:flex;gap:5px}.c4-ranking-tabs button{flex:1;border-radius:8px;min-height:40px;padding:6px;font-size:12px;border:1px solid var(--line)}.c4-ranking-tabs button[aria-pressed=true]{background:rgb(var(--color-accent)/.12);border-color:rgb(var(--color-accent));color:rgb(var(--color-accent-strong))}.c4-empty{text-align:center;padding:32px 15px;font-size:13px;color:var(--muted);line-height:1.7}.c4-empty>span{font-size:40px;color:var(--c4-gold)}.c4-empty h3{font-size:17px;font-weight:650;color:rgb(var(--color-ink));margin:12px 0 6px}.c4-ranking-login{text-align:center;border:1px solid var(--line);border-radius:10px;padding:14px 8px;font-size:13px;color:rgb(var(--color-accent-strong))}.c4-ranking-scroll{overflow:auto;max-height:45dvh}.c4-ranking table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.c4-ranking th{padding:10px 4px;color:var(--muted);font-weight:400;position:sticky;top:0;background:rgb(var(--color-surface))}.c4-ranking td{padding:13px 4px;border-top:1px solid var(--line)}.c4-ranking td:first-child{max-width:180px;overflow-wrap:anywhere}.c4-ranking td:last-child,.c4-ranking th:last-child{text-align:right}.c4-ranking td:last-child{color:rgb(var(--color-accent-strong));font-size:17px}.c4-ranking td small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.c4-rank-number{display:inline-block;width:24px;color:var(--muted);font-variant-numeric:tabular-nums}@keyframes c4-drop{0%{transform:translateY(var(--drop-distance,-100%));animation-timing-function:ease-in}72%{transform:translateY(0) scale(1.035,.965);animation-timing-function:cubic-bezier(0,0,.35,1)}85%{transform:translateY(-9%) scale(.99,1.01);animation-timing-function:cubic-bezier(.5,0,1,1)}96%{transform:translateY(0) scale(1.01,.99)}to{transform:translateY(0) scale(1)}}@keyframes c4-turn-breathe{50%{box-shadow:0 0 0 7px rgb(var(--color-accent)/.03)}}@media (max-width:640px){.c4-header{min-height:64px;padding:10px 16px;gap:13px}.c4-header .brand{font-size:26px}.c4-header-title{padding-left:12px;font-size:11px}.c4-header nav{gap:6px}.c4-icon{width:36px;height:36px}.c4-entry{display:flex;flex-direction:column;align-items:stretch;padding:28px 16px 24px;gap:28px}.c4-intro{display:flex;gap:20px;align-items:center}.c4-intro-art{width:104px;flex-shrink:0;margin:0;border-radius:13px}.c4-intro h1{font-size:29px;margin:0 0 8px}.c4-intro .eyebrow{display:none}.c4-intro p{font-size:12px}.c4-intro small{font-size:10px;margin-top:8px}.c4-entry-modes h2{font-size:22px}.c4-entry-modes>p{margin:7px 0 20px}.c4-ranking-entry{padding:17px}.c4-page--game .c4-header{min-height:56px}.c4-page--game .c4-header .brand{font-size:22px}.c4-game-layout{gap:10px;padding:10px 12px max(8px,env(safe-area-inset-bottom))}.c4-players{gap:5px}.c4-player{padding:7px;gap:8px}.c4-player strong{font-size:12px;max-width:125px}.c4-player small{font-size:9px}.c4-avatar,.c4-player>.c4-disc{width:26px;height:26px}.c4-game-status h1{font-size:18px}.c4-game-status p{font-size:10px}.c4-board{--c4-slot-gap:5px;padding:8px;gap:5px;border-radius:12px;width:min(100%,calc((100dvh - 296px)*7/6),520px)}.c4-invite-box{gap:8px}.c4-invite-box>button{font-size:12px;padding-inline:10px}}@media (max-width:359px){.c4-header{gap:9px;padding-inline:12px}.c4-header-title{padding-left:9px;font-size:10px}.c4-header .brand{font-size:23px}.c4-intro{gap:13px}.c4-intro-art{width:84px}.c4-intro h1{font-size:27px}.c4-player strong{max-width:106px}.c4-game-layout{gap:7px}}@media (min-width:500px) and (max-height:550px) and (min-aspect-ratio:3/2){.c4-page--game .c4-header{min-height:48px;padding-block:4px}.c4-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;grid-template-rows:auto auto auto;grid-template-areas:"board players" "board status" "board tools";align-content:center;gap:12px 25px;padding-block:10px}.c4-board-area{grid-area:board}.c4-board{width:min(100%,calc((100dvh - 104px)*7/6))}.c4-players{grid-area:players;flex-direction:column;align-items:stretch;gap:4px}.c4-player{padding:5px 10px}.c4-game-status{grid-area:status;min-height:0}.c4-game-status h1{font-size:17px}.c4-game-tools{grid-area:tools}.c4-invite-box{flex-direction:column;align-items:stretch}.c4-invite-box label{max-width:none}.c4-invite-box label input{padding:5px}.c4-invite-box>button{min-height:36px;padding:7px}.c4-game-layout:has(.c4-invite-box) .c4-players{flex-direction:row;gap:4px}.c4-game-layout:has(.c4-invite-box) .c4-player{padding:4px;gap:5px}.c4-game-layout:has(.c4-invite-box) .c4-player small{display:none}.c4-game-layout:has(.c4-invite-box) .c4-player strong{max-width:68px;font-size:11px}.c4-game-layout:has(.c4-invite-box) .c4-player>.c4-disc{width:22px;height:22px}.c4-result-actions{flex-direction:column;gap:6px}.c4-result-actions button{min-height:36px;padding:8px}.c4-game-layout--rematch{margin-inline:auto;gap:8px 25px}.c4-game-layout--rematch .c4-board{width:min(100%,calc((100dvh - 104px)*7/6))}.c4-game-layout--rematch .c4-players{flex-direction:row}.c4-game-layout--rematch .c4-player{padding:4px;gap:5px}.c4-game-layout--rematch .c4-player strong{max-width:68px;font-size:11px}.c4-game-layout--rematch .c4-game-status h1{font-size:20px}.c4-game-layout--rematch .rematch-countdown{padding:10px;gap:8px}.c4-game-layout--rematch .rematch-countdown-copy>strong{font-size:15px}.c4-game-layout--rematch .rematch-countdown-time>strong{font-size:36px}}@media (prefers-reduced-motion:reduce){.c4-page *,.c4-page :after,.c4-page :before{animation:none!important;transition:none!important}}.c4-local-active--0{border-color:color-mix(in srgb,var(--c4-mint) 45%,transparent)}.c4-local-active--1{border-color:color-mix(in srgb,var(--c4-gold) 45%,transparent)}.c4-game-status--gold.c4-game-status--won h1,.c4-game-status--gold.c4-game-status--you h1{color:color-mix(in srgb,var(--c4-gold) 45%,rgb(var(--color-ink)))}.c4-game-status--gold.c4-game-status--you h1:before{background:var(--c4-gold);box-shadow:0 0 0 5px color-mix(in srgb,var(--c4-gold) 10%,transparent);animation:none}.c4-local-page .c4-result-actions>a{flex:1}.c4-entry--ranking{gap:48px;grid-template-columns:minmax(0,1fr) 360px;padding-top:36px}.c4-entry--ranking .c4-intro h1{font-size:30px}.c4-entry--ranking .c4-intro small{margin-top:6px}.c4-entry--ranking .mode-button{min-height:52px;padding:12px 16px}.c4-entry--ranking .game-leaderboard .rank-heading h2{font-size:13px}@media (max-width:800px){.c4-entry--ranking{display:flex;flex-direction:column;padding-top:24px;gap:22px}.c4-entry--ranking .c4-intro{display:flex;align-items:center;gap:18px}.c4-entry--ranking .c4-intro-art{width:82px;height:82px;flex-shrink:0;margin:0}.c4-entry--ranking .c4-intro-art .game-artwork{height:100%;-o-object-fit:cover;object-fit:cover}.c4-entry--ranking .c4-intro h1{font-size:26px}}.c4-page--game:has(.board-waiting){overflow-y:auto}.c4-game-tools>.c4-text-link{width:100%;text-align:center;justify-self:center}