:root{--bg: #161018;--panel: #211826;--panel2: #2c2031;--ink: #f3e9df;--muted: #b39db0;--accent: #c2410c;--accent2: #f59e0b;--good: #4ade80;--bad: #f87171;--line: #3a2c40;--card: #f7f1e6;--cardink: #1a1116;--red: #c0392b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 700px at 50% -10%,#2a1c2e 0%,var(--bg) 60%);color:var(--ink);font:15px/1.45 Trebuchet MS,system-ui,sans-serif;min-height:100vh}.cc-root{max-width:1040px;margin:0 auto;padding:18px 16px 40px}.cc-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:14px}.cc-top h1{font-size:26px;margin:0;letter-spacing:.5px;color:var(--accent2);text-shadow:0 2px 0 #00000055}.cc-top h1 small{display:block;font-size:11px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.cc-controls{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cc-seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.cc-seg button{background:var(--panel);color:var(--muted);border:0;padding:7px 12px;cursor:pointer;font:inherit}.cc-seg button.on{background:var(--accent);color:#fff}.cc-btn{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:8px 14px;cursor:pointer;font:inherit}.cc-btn:hover{border-color:var(--accent2)}.cc-go{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.cc-go:hover{background:#d4500f}.cc-mini{padding:8px 10px}.cc-hud{display:flex;gap:14px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:14px}.cc-hud .stat{display:flex;flex-direction:column}.cc-hud .stat b{font-size:20px;color:var(--accent2)}.cc-hud .stat span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.cc-strikes{display:flex;gap:5px;align-items:center}.cc-strikes .pip{width:14px;height:14px;border-radius:50%;border:2px solid var(--line)}.cc-strikes .pip.on{background:var(--bad);border-color:var(--bad)}.cc-track-wrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:14px}.cc-track-wrap h2{margin:0 0 10px;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.cc-track{display:grid;grid-template-columns:repeat(11,1fr);gap:5px}.cc-hole{position:relative;aspect-ratio:1 / 1;border-radius:7px;background:var(--panel2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);overflow:hidden}.cc-hole.trap{background:#4a1410;border-color:#7a2018;color:#f9c0b6}.cc-hole.reward{background:#173b1e;border-color:#2c6a36;color:#b6f9c6}.cc-hole.start{background:#2a2335;border-color:var(--accent2)}.cc-hole.exit{background:#3a2a10;border-color:var(--accent2);color:var(--accent2);font-weight:700}.cc-hole .ico{font-size:13px;line-height:1}.cc-hole .num{position:absolute;bottom:2px;right:3px;font-size:8px;opacity:.5}.cc-hole.pawn{box-shadow:0 0 0 2px var(--accent2),0 0 12px var(--accent2);z-index:2}.cc-hole.pawn:after{content:"♟";position:absolute;font-size:16px;color:#fff;text-shadow:0 0 6px #000}.cc-hole.passed{opacity:.85}.cc-table{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:760px){.cc-table{grid-template-columns:1.4fr 1fr}}.cc-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.cc-panel h2{margin:0 0 10px;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.cc-cards{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.cc-cap{font-size:11px;color:var(--muted);display:block;margin-bottom:4px}.card{width:50px;height:70px;background:var(--card);color:var(--cardink);border-radius:7px;border:1px solid #00000033;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;cursor:default;user-select:none;box-shadow:0 2px 5px #0005;position:relative}.card.sm{width:40px;height:56px}.card.lg{width:58px;height:80px}.card .r{font-size:17px}.card .s{font-size:16px}.card.red{color:var(--red)}.card.back{background:repeating-linear-gradient(45deg,#5b2b66,#5b2b66 6px,#43204b 6px 12px);color:transparent}.card.sel{outline:3px solid var(--accent2);transform:translateY(-8px)}.card.play{cursor:pointer}.card.play:hover{transform:translateY(-6px);border-color:var(--accent2)}.card.dim{opacity:.45}.card.used{opacity:.3}.cc-pile{min-height:80px}.cc-count{font-size:14px;color:var(--accent2);font-weight:700}.cc-status{margin:10px 0;min-height:22px;color:var(--ink)}.cc-status .flash{color:var(--accent2);font-weight:700}.cc-status .hit{color:var(--bad);font-weight:700}.cc-status .reward{color:var(--good);font-weight:700}.cc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.cc-log{list-style:none;margin:0;padding:0;max-height:240px;overflow:auto}.cc-log li{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-bottom:1px solid var(--line);font-size:13px}.cc-log li b{color:var(--accent2)}.cc-log .trig{color:var(--bad);font-size:12px}.cc-log .trig.good{color:var(--good)}.cc-overlay{position:fixed;inset:0;background:#0b0710dd;display:none;align-items:center;justify-content:center;z-index:50}.cc-overlay.show{display:flex}.cc-end{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 34px;text-align:center;max-width:420px}.cc-end h2{margin:0 0 8px;font-size:30px}.cc-end.win h2{color:var(--good)}.cc-end.lose h2{color:var(--bad)}.cc-end p{color:var(--muted);margin:6px 0 18px}.cc-help{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:14px}.cc-help.hidden{display:none}.cc-help b{color:var(--accent2)}.cc-help ul{margin:8px 0 0;padding-left:18px}.cc-help li{margin:4px 0;color:var(--muted)}.cc-help li b{color:var(--ink)}.hidden{display:none}@media(min-width:1000px){.cc-root{max-width:1280px;padding:14px 16px 16px;display:grid;grid-template-columns:minmax(0,1.85fr) minmax(272px,1.1fr) minmax(240px,1fr);grid-template-areas:"top   top   top" "help  help  help" "hud   hud   hud" "track play  log";column-gap:16px;align-items:start}.cc-top{grid-area:top}#helpbox{grid-area:help}.cc-hud{grid-area:hud;margin-bottom:16px}.cc-table{display:contents}.cc-track-wrap{grid-area:track;margin-bottom:0}.cc-table>.cc-panel:first-child{grid-area:play;margin-bottom:0}.cc-table>.cc-panel:last-child{grid-area:log;margin-bottom:0}.cc-track{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px}.cc-hole{border-radius:5px;font-size:8px}.cc-hole .num{font-size:7px;bottom:1px;right:2px}.cc-hole .ico{font-size:11px}.cc-hole.pawn:after{font-size:12px}.cc-log{max-height:62vh}}