:root{--pj-accent: #42d4f4;--pj-accent-bg: rgba(66,212,244,.15)}#game-wrap{gap:14px;max-width:600px}#move-display{font-size:18px;font-variant-numeric:tabular-nums;color:var(--pj-text);font-weight:600}#board-container{width:100%;display:flex;justify-content:center}#board{display:grid;grid-template-columns:repeat(6,1fr);gap:12px 14px;justify-items:center;width:100%}.cp-tube{display:flex;flex-direction:column;width:42px;padding:4px;gap:3px;background:#ffffff0a;border:2px solid rgba(255,255,255,.1);border-radius:11px 11px 6px 6px;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.3,.64,1),border-color .16s ease,box-shadow .16s ease}.cp-tube:hover{border-color:#ffffff40}.cp-cell{width:100%;aspect-ratio:1;border-radius:3px;background:transparent;transition:background .18s ease,box-shadow .18s ease}.cp-cell.cp-fill{box-shadow:inset 0 -3px #0000002e,inset 0 2px #ffffff1f}.cp-cell:first-child{border-radius:7px 7px 3px 3px}.cp-cell:last-child{border-radius:3px}.cp-selected{transform:translateY(-12px);border-color:var(--pj-accent);box-shadow:0 6px 18px #42d4f459}.cp-target{border-color:#78e6a0e6;box-shadow:0 0 0 2px #78e6a080,0 0 14px #78e6a066;animation:cp-target-pulse 1.1s ease-in-out infinite}@keyframes cp-target-pulse{0%,to{box-shadow:0 0 0 2px #78e6a073,0 0 12px #78e6a04d}50%{box-shadow:0 0 0 3px #78e6a0d9,0 0 18px #78e6a08c}}@media(prefers-reduced-motion:reduce){.cp-target{animation:none}}.cp-done{border-color:#78e6a08c;box-shadow:0 0 0 1px #78e6a040,0 0 14px #78e6a02e}#bottom-bar{gap:10px}@media(max-width:520px){#board{grid-template-columns:repeat(6,1fr);gap:8px}.cp-tube{width:100%;max-width:44px}}@media(max-width:380px){#board{gap:6px}.cp-tube{padding:3px;gap:2px}}@media(prefers-reduced-motion:reduce){.cp-tube,.cp-cell{transition:none}}