.ct{gap:12px;margin:8px 0 28px;display:grid}.ct-bar{justify-content:space-between;align-items:center;gap:10px;display:flex}.ct-stat{color:var(--text-2);flex-wrap:wrap;gap:6px 16px;font-size:.9rem;display:flex}.ct-stat b{color:var(--ink);font-size:1.05rem}.ct-icon{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--teal);cursor:pointer;border-radius:12px;place-items:center;display:grid}.ct-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.ct-icon.off{color:var(--text-2);opacity:.55}.ct-actions{flex-wrap:wrap;gap:8px;display:flex}.ct-btn{padding:.65em 1.1em;font-size:.95rem}.ct-btn:disabled{opacity:.5;cursor:default;transform:none}.ct-auto{background:var(--bronze)}.ct-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;gap:12px;padding:18px;display:grid}.ct-panel h2{margin:0;font-size:1.25rem}.ct-levels{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:8px;display:grid}.ct-levels button{text-align:left;border:1.5px solid var(--line);background:var(--bg);font:inherit;color:var(--teal);cursor:pointer;border-radius:14px;gap:2px;padding:12px 14px;display:grid}.ct-levels button[aria-pressed=true]{border-color:var(--teal);background:var(--gold-soft)}.ct-levels small{color:var(--text-2);font-size:.85rem}.ct-code-in{gap:6px;max-width:320px;font-size:.92rem;font-weight:700;display:grid}.ct-code-in input{min-height:46px;font:inherit;letter-spacing:.08em;color:var(--ink);text-transform:uppercase;border:1.5px solid #cfc6b4;border-radius:12px;padding:0 12px;font-weight:700}.ct-code-in input::placeholder{text-transform:none;letter-spacing:0;font-weight:500}.ct-help{color:var(--text-2);margin:0;font-size:.88rem}.ct-row{flex-wrap:wrap;gap:8px;display:flex}.ct-msg{background:var(--gold-soft);color:var(--ink);border-radius:12px;margin:0;padding:10px 14px;font-size:.92rem;font-weight:600}.ct-deal{color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:.92rem;display:flex}.ct-deal b{color:var(--ink);letter-spacing:.06em}.ct-small{padding:.45em .9em;font-size:.85rem}.ct-stats{color:var(--text-2);margin:0;font-size:.88rem}.ct-table{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 80% at 50% 0,#2a6f84 0%,#1e5a6e 55%,#174a5b 100%);border-radius:18px;width:100%;min-height:320px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 18px 40px -20px #00000059}.ct-table .slot{width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .1);color:#f3e6cf80;font-size:calc(var(--cw) * .42);border:1.5px dashed #f3e6cf59;place-items:center;display:grid;position:absolute;top:0;left:0}.ct-table .slot.red{color:#f3beaa8c}.ct-table .slot-s{cursor:pointer}.ct-table .slot-s.recycle span{color:#f3e6cf}.ct-spider .slot[data-slot=done]:after{content:attr(data-count);font-size:calc(var(--cw) * .26);font-weight:700}.ct-table .slot.glow{border-color:#d9b47a;box-shadow:0 0 0 3px #d9b47a80}.ct-table .card{width:var(--cw);height:var(--ch);perspective:600px;cursor:pointer;will-change:transform;transition:transform .28s cubic-bezier(.2,.8,.25,1);position:absolute;top:0;left:0}.ct-table.no-anim .card{transition:none!important}.ct-table .card.lifted{filter:drop-shadow(0 12px 14px #00000059);transition:none}.ct-table .card .inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s;position:relative;transform:rotateY(180deg)}.ct-table .card.up .inner{transform:rotateY(0)}.ct-table .front,.ct-table .back{border-radius:calc(var(--cw) * .1);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;bottom:0;left:0;right:0}.ct-table .front{color:#1b2a33;background:linear-gradient(160deg,#fffdf8,#f5efe2);border:1px solid #d9cfbb;box-shadow:0 1px 2px #00000040}.ct-table .card.red .front{color:#a8322a}.ct-table .back{outline-offset:-5px;background:repeating-linear-gradient(45deg,#d9b47a61 0 2px,#0000 2px 7px),repeating-linear-gradient(-45deg,#d9b47a61 0 2px,#0000 2px 7px),#1e5a6e;border:1px solid #12404f;outline:2px solid #f7f5f0;transform:rotateY(180deg);box-shadow:0 1px 2px #0000004d}.ct-table .corner{font-weight:800;line-height:1;font-size:calc(var(--cw) * .27);letter-spacing:-.04em;align-items:baseline;gap:1px;display:flex;position:absolute;top:4%;left:6%}.ct-table .corner i{font-size:.88em;font-style:normal}.ct-table .corner.low{top:auto;bottom:4%;left:auto;right:6%;transform:rotate(180deg)}.ct-table .pip{font-size:calc(var(--cw) * .55);place-items:center;padding-top:18%;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:560px){.ct-spider .corner.low,.ct-spider .pip{display:none}.ct-spider .corner{font-size:calc(var(--cw) * .36);left:5%}}.ct-table .card.glow .front{box-shadow:0 0 0 3px #d9b47a,0 0 14px #d9b47ae6}.ct-table .card.shake{animation:.32s ct-shake}@keyframes ct-shake{25%{margin-left:-5px}75%{margin-left:5px}}.ct-table.won .card{animation:.6s ease-in-out infinite alternate ct-hop;animation-delay:calc(var(--d,0) * 1ms)}@keyframes ct-hop{to{margin-top:-10px}}.ct-win{z-index:5000;text-align:center;background:#f7f5f0f7;border-radius:18px;justify-items:center;gap:8px;padding:18px;display:grid;position:absolute;top:auto;bottom:12px;left:12px;right:12px;box-shadow:0 20px 40px -18px #00000080}.ct-win h2{margin:0;font-size:1.5rem}.ct-win p{color:var(--ink);margin:0}@media (prefers-reduced-motion:reduce){.ct-table .card,.ct-table .card .inner{transition:none}.ct-table.won .card,.ct-table .card.shake{animation:none}}