:root{--bg: #0b1410;--panel: #13211a;--panel2: #1a2f24;--felt: #15402e;--felt2: #0f3324;--ink: #eaf4ee;--sub: #9bbca9;--line: #244a38;--go: #2f9e6b;--go2: #38c184;--p0: #5bd0ff;--p1: #ffce54}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1000px 600px at 50% -10%,#16352a 0%,transparent 60%),var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.cr-root{max-width:940px;margin:0 auto;padding:18px 16px 40px}.cr-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}.cr-top h1{margin:0;font-size:26px;font-weight:800;letter-spacing:.5px}.cr-controls{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}.cr-seg{display:flex;gap:4px;background:#00000047;padding:4px;border-radius:11px}.cr-seg button{border:0;border-radius:8px;padding:7px 11px;background:transparent;color:var(--sub);font:inherit;font-weight:600;font-size:13px;cursor:pointer}.cr-seg button.on{background:var(--panel2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.cr-btn{border:1px solid var(--line);border-radius:10px;padding:9px 14px;background:var(--panel2);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;transition:filter .15s,transform .05s}.cr-btn:hover{filter:brightness(1.15)}.cr-btn:active{transform:translateY(1px)}.cr-go{background:linear-gradient(180deg,var(--go2),var(--go));border-color:transparent}.cr-mini{padding:8px 11px}.cr-board{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.cr-track{display:flex;align-items:center;gap:10px}.cr-name{width:42px;font-size:13px;color:var(--sub);font-weight:600}.cr-rail{flex:1;height:12px;background:#00000059;border-radius:7px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}.cr-fill{height:100%;width:0;border-radius:7px;transition:width .4s ease}.cr-fill.p0{background:linear-gradient(90deg,#2f7fb0,var(--p0))}.cr-fill.p1{background:linear-gradient(90deg,#b08a2f,var(--p1))}.cr-track b{width:34px;text-align:right;font-variant-numeric:tabular-nums;font-size:16px}.cr-table{background:linear-gradient(180deg,var(--felt),var(--felt2));border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 16px 44px #00000080,inset 0 0 60px #00000040;display:flex;flex-direction:column;gap:12px;min-height:380px}.cr-opp,.cr-hand{display:flex;flex-direction:column;gap:6px}.cr-rowlabel{font-size:12px;color:var(--sub);font-weight:600}.cr-cards{display:flex;gap:6px;flex-wrap:wrap;min-height:20px}.cr-center{flex:1;display:flex;align-items:center;justify-content:center}.cr-centerwrap{display:flex;gap:22px;align-items:flex-start;justify-content:center;flex-wrap:wrap;width:100%}.cr-pilebox{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:70px}.cr-pilebox.grow{flex:1;max-width:420px}.cr-cap{font-size:11px;color:var(--sub);text-transform:uppercase;letter-spacing:.6px}.cr-badge{font-size:11px;color:#0c2018;background:var(--p1);padding:2px 7px;border-radius:6px;font-weight:700}.cr-event{font-size:13px;font-weight:700;color:var(--go2)}.card{width:50px;height:70px;border-radius:8px;background:linear-gradient(160deg,#fdfdf6,#e9e9da);color:#1a1a1a;position:relative;box-shadow:0 3px 7px #0006;display:flex;flex-direction:column;justify-content:space-between;padding:5px 6px;user-select:none}.card.sm{width:40px;height:56px;padding:4px 5px}.card.lg{width:58px;height:80px}.card .r{font-weight:800;font-size:16px;line-height:1}.card.sm .r{font-size:13px}.card .s{font-size:16px;text-align:right}.card.sm .s{font-size:13px}.card.red{color:#c62828}.card.back{background:repeating-linear-gradient(45deg,#2a5d45 0 7px,#224d39 7px 14px);box-shadow:0 3px 7px #0006,inset 0 0 0 2px #3a7a5b,inset 0 0 0 4px #224d39}.card.play{cursor:pointer;transition:transform .1s,box-shadow .1s}.card.play:hover{transform:translateY(-7px);box-shadow:0 9px 16px #00000080}.card.sel{transform:translateY(-10px);outline:3px solid var(--p0);box-shadow:0 10px 18px #0000008c}.card.dim{opacity:.45}.cr-show{display:flex;flex-direction:column;gap:6px;width:100%;max-width:420px}.cr-showrow{display:flex;align-items:center;gap:10px;background:#00000038;border:1px solid var(--line);border-radius:10px;padding:8px 11px}.cr-showrow b{font-size:13px}.cr-parts{flex:1;font-size:12px;color:var(--sub)}.cr-pts{color:var(--go2);font-variant-numeric:tabular-nums}.cr-status{text-align:center;font-weight:600;margin:14px 0 8px;min-height:22px;color:var(--ink)}.cr-actions{display:flex;justify-content:center;gap:10px;min-height:40px}.cr-cover,.cr-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#050c09db;backdrop-filter:blur(5px)}.cr-cover.hidden,.cr-overlay:not(.show){display:none}.cr-cover-card,.cr-end{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 34px;box-shadow:0 22px 54px #0000008c}.cr-cover-card h2,.cr-end h2{margin:0 0 8px;font-size:26px}.cr-cover-card p,.cr-end p{color:var(--sub);margin:0 0 18px}.cr-help{margin-top:16px;background:#0000004d;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13px;color:var(--sub);line-height:1.6}.cr-help.hidden{display:none}.cr-help b{color:var(--ink)}.cr-help ul{margin:8px 0 0;padding-left:18px}.cr-help li{margin-bottom:6px}@media(max-width:560px){.cr-centerwrap{gap:12px}.card{width:42px;height:60px}.card.sm{width:34px;height:48px}}