.c4-page{max-width:1200px}.c4-back{color:var(--blue);font-size:13px}.c4-intro{justify-content:space-between;align-items:end;gap:20px;margin:40px 0 28px;display:flex}.c4-intro h1{margin:14px 0 0;font-size:72px}.c4-intro>p{color:var(--muted);line-height:1.8}.c4-layout{grid-template-columns:minmax(0,1fr) 320px;gap:36px;margin-bottom:40px;display:grid}.c4-game{min-width:0}.c4-status{align-items:center;gap:14px;padding:18px 0;display:flex}.c4-status small{color:var(--muted);letter-spacing:2px;font-size:10px;display:block}.c4-status strong{overflow-wrap:anywhere;margin-top:5px;font-size:21px;display:block}.c4-status-hint{color:var(--muted);text-align:right;margin-left:auto;font-size:11px}.c4-token{color:#3a0043;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:grid}.c4-page .p1{color:#3a0043;background:#ffea60}.c4-page .p2{color:#3a0043;background:#11acfa}.c4-board{background:#8d309c;border-bottom:9px solid #60116e;border-radius:20px;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:12px 12px 20px;display:grid;box-shadow:0 16px 40px #20002650}.c4-column{cursor:pointer;border:0;border-radius:6px;flex-direction:column;gap:8px;min-width:0;padding:0;display:flex;background:0 0!important}.c4-column:disabled{opacity:1;cursor:default}.c4-column:focus-visible{outline-offset:3px;outline:3px solid #fff}.c4-arrow{color:#fff;opacity:.45;font-size:22px;line-height:24px}.c4-column:not(:disabled):hover .c4-arrow,.c4-column:focus-visible .c4-arrow{opacity:1;color:#ffea60}.c4-hole{aspect-ratio:1;background:#300038;border-radius:50%;place-items:center;width:100%;font-size:18px;font-weight:800;display:grid;box-shadow:inset 0 4px 7px #16001f60}.c4-hole.p1,.c4-hole.p2{border:5px solid #ffffff25;box-shadow:inset 0 -3px 2px #0002,0 2px 3px #0003}.c4-hole.c4-last{animation:.65s cubic-bezier(.32,.02,.8,.65) c4-drop}.c4-hole.c4-win{outline-offset:-8px;outline:3px solid #fff}.c4-below{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.c4-below p{color:var(--muted);font-size:12px;line-height:1.6}.c4-below button{white-space:nowrap}.c4-sidebar{border:1px solid var(--line);background:#44054f;border-radius:20px;align-self:start;padding:24px}.c4-sidebar h2{margin:12px 0 8px;font-size:38px;line-height:1}.c4-sidebar>p{color:var(--muted);font-size:13px;line-height:1.7}.c4-player{border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;margin-top:16px;padding:12px 8px;display:flex}.c4-active{border-color:var(--pink);background:#be24a115}.c4-player label{letter-spacing:1px;flex:1;min-width:0;font-size:9px}.c4-player input{border:0;border-bottom:1px solid var(--line);letter-spacing:0;background:0 0;border-radius:0;width:100%;margin:5px 0 0;padding:6px 2px;font-size:14px}.c4-score{text-align:center}.c4-score b{color:var(--green);font-size:25px;display:block}.c4-score small{color:var(--muted);font-size:8px}.c4-rules{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.c4-rules h3{margin:0 0 16px;font-size:29px;line-height:1.1}.c4-rules ol{color:var(--muted);padding-left:18px;font-size:12px;line-height:1.8}.c4-rules li{margin:8px 0;padding-left:4px}.c4-rules p{color:var(--muted);font-size:11px;line-height:1.7}.c4-confirm{border:1px solid var(--pink);border-radius:12px;margin-top:14px;padding:18px;font-size:13px}.c4-confirm button{margin-right:8px}.c4-secondary{color:var(--blue);background:0 0}@keyframes c4-drop{0%{transform:translateY(var(--fall));opacity:1}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.c4-layout{grid-template-columns:1fr}.c4-sidebar{max-width:none}.c4-intro h1{font-size:60px}.c4-intro>p{font-size:13px}.c4-board{max-width:650px;margin:auto}}@media (max-width:520px){.c4-page{padding:0 16px}.c4-intro{margin-top:26px}.c4-intro h1{font-size:53px}.c4-intro>p{display:none}.c4-board{border-radius:14px;gap:5px;padding:8px 8px 14px}.c4-column{gap:5px}.c4-hole{font-size:13px}.c4-hole.p1,.c4-hole.p2{border-width:3px}.c4-status strong{font-size:17px}.c4-status-hint{font-size:10px}.c4-back{font-size:11px}.c4-page .game-name{font-size:18px}.c4-below{align-items:start}.c4-below button{padding:12px;font-size:12px}.c4-sidebar{padding:20px}.c4-page .kgn-logo{width:85px}}@media (prefers-reduced-motion:reduce){.c4-hole.c4-last{animation:none}}.c4-board{overflow:hidden}.c4-hole.c4-last{z-index:1;position:relative}.c4-modes{gap:12px;margin:24px 0;display:flex}.c4-modes button[aria-pressed=true]{opacity:1}.c4-modes button[aria-pressed=false]{color:var(--muted);border:1px solid var(--line);background:0 0}.c4-entry{border:1px solid var(--line);border-radius:20px;max-width:520px;margin-bottom:36px;padding:28px}.c4-entry h2{margin:0;font-size:36px}.c4-entry p,.c4-room{color:var(--muted);font-size:13px;line-height:1.7}.c4-entry label{margin:20px 0 10px;display:block}.c4-room{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:18px;display:flex}.c4-room strong{color:var(--green);letter-spacing:2px}.c4-room small,.c4-entry input{width:100%}