.cp2-table{padding:var(--space-2);border-radius:var(--radius-md);background:#2f6b4d;container-type:inline-size;touch-action:manipulation;--w:calc((100cqw - 6 * 4px) / 7);--h:calc(var(--w) * 1.4)}.cp2-top,.cp2-cols{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cp2-top{margin-bottom:10px}.cp2-slot{position:relative;width:100%;height:var(--h);border-radius:6px;border:2px dashed rgba(255,255,255,0.35);display:grid;place-items:center;color:rgba(255,255,255,0.5);font-size:1.1rem;background:none;padding:0;cursor:pointer}.cp2-slot:focus-visible,.cp2-card:focus-visible{outline:3px solid #fff;outline-offset:1px;z-index:50}.cp2-col{position:relative;min-height:var(--h)}.cp2-card{position:absolute;left:0;width:100%;height:var(--h);padding:0;border:1px solid #8a6a45;border-radius:6px;background:#fffaf0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:2px 3px;font:700 clamp(0.7rem,3.4cqw,1rem) var(--font-head);line-height:1.05;cursor:pointer;color:#1C2822;text-align:left}.cp2-card.red{color:#a8321f}.cp2-card .suit{font-size:1.15em}.cp2-card .big{position:absolute;right:3px;bottom:2px;font-size:clamp(1rem,6cqw,1.7rem)}.cp2-card.down{background:repeating-linear-gradient(45deg,#4f9a74,#4f9a74 5px,#3d8260 5px,#3d8260 10px);border-color:#fffaf0;cursor:default}.cp2-card.is-sel{box-shadow:0 0 0 3px var(--secondary-70,#E5A93C);z-index:40}.cp2-card.is-hint,.cp2-slot.is-hint{animation:cp2-hint 1.2s ease-in-out 2}.cp2-top .cp2-card{position:static}@keyframes cp2-hint{50%{background:var(--secondary-80)}}@media (prefers-reduced-motion:reduce){.cp2-card.is-hint,.cp2-slot.is-hint{animation:none;background:var(--secondary-80)}}