.sound-toggle{background:var(--btn,#00000040);width:36px;min-width:36px;height:36px;color:var(--ink,#fff);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.sound-toggle svg{width:20px;height:20px}.sound-toggle[aria-pressed=true]{opacity:.7}.sound-toggle:focus-visible{outline:3px solid var(--focus,#ffd54a);outline-offset:2px}:root{--bg-a:#262a5e;--bg-b:#121431;--bg-c:#07081a;--ink:#f4f3ff;--ink-soft:#c7c8ee;--btn:#ffffff1f;--btn-on:#ffd34d;--btn-on-ink:#2a1d00;--focus:#ffd34d;--dialog:#fbfaff;--dialog-ink:#17183a;--dialog-soft:#5b5d86;--panel:#090a208c;--ember:#ff7a52;--lagoon:#2fd0c2;--citrus:#ffd34d;--orchid:#b07cff;--cw:70px;--ch:calc(var(--cw) * 1.4);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--dialog:#1b1d44;--dialog-ink:#f1f1ff;--dialog-soft:#b2b4dc}}:root[data-theme=dark]{--dialog:#1b1d44;--dialog-ink:#f1f1ff;--dialog-soft:#b2b4dc}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(circle at 8% 0%, #ff7a5238, transparent 38%), radial-gradient(circle at 92% 0%, #2fd0c233, transparent 38%), radial-gradient(circle at 0% 100%, #ffd34d24, transparent 40%), radial-gradient(circle at 100% 100%, #b07cff33, transparent 40%), radial-gradient(ellipse 80% 60% at 50% 45%, var(--bg-a), var(--bg-b) 65%, var(--bg-c));color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app.cc{--ch:calc(var(--cw) * 1.4);grid-template:"bar""opps""table"minmax(0,1fr)"status""hand"/minmax(0,1fr);justify-items:center;gap:6px;height:100dvh;padding:8px 12px 10px;display:grid;position:relative;overflow:hidden}.cc-bar{grid-area:bar;align-items:center;gap:8px;width:100%;display:flex}.cc-brand{align-items:center;gap:6px;min-width:0;margin-right:auto;display:flex}.cc-brand h1{letter-spacing:.02em;white-space:nowrap;margin:0;font-size:17px;font-weight:900}.cc-mark{grid-template-columns:12px 12px;gap:1px;display:inline-grid}.cc-info{color:var(--ink-soft);white-space:nowrap;font-size:12px}.btn{font:inherit;color:var(--ink);background:var(--btn);cursor:pointer;border:0;border-radius:10px;min-width:36px;min-height:36px;padding:7px 12px;font-weight:700;box-shadow:inset 0 1px #ffffff24,0 2px 6px #00000059}.btn:hover{background:#fff3}.btn.primary{color:#2a1d00;background:linear-gradient(#ffe07a,#f2b21c);font-weight:800}.btn.primary:hover{filter:brightness(1.06)}.btn[aria-pressed=true]{background:var(--btn-on);color:var(--btn-on-ink)}.btn:focus-visible,.card:focus-visible,.cc-deck:focus-visible,.cc-color:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sound-toggle{flex:none;width:36px;height:36px}.cc-opps{flex-wrap:wrap;grid-area:opps;justify-content:center;align-items:flex-start;gap:8px;min-height:0;display:flex}.cc-pod{background:var(--panel);border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:5px 10px 6px;transition:box-shadow .2s,transform .2s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.cc-pod.turn{box-shadow:inset 0 0 0 2px var(--btn-on), 0 0 18px #ffd34d59;transform:translateY(1px)}.cc-pod-head{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.cc-pod-head .cc-tag{z-index:2;padding:1px 5px;font-size:9px;position:absolute;bottom:-8px;right:6px}.cc-stars{gap:2px;display:inline-flex}.cc-stars i{background:#fff3;border-radius:50%;width:7px;height:7px}.cc-stars i.on{background:var(--btn-on);box-shadow:0 0 5px #ffd34dcc}.cc-mini{--mw:calc(var(--cw) * .34);height:calc(var(--mw) * 1.4);padding-right:22px;display:flex;position:relative}.cc-mini .card{--cw:var(--mw);flex:none;box-shadow:0 1px 2px #00000080}.cc-mini .card+.card{margin-left:calc(var(--mw) * -.7)}.cc-count{text-align:right;min-width:18px;font-size:15px;font-weight:900;position:absolute;top:50%;right:0;translate:0 -50%}.cc-tag{background:var(--ember);color:#fff;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:900;animation:.9s ease-in-out infinite alternate cc-bob;box-shadow:0 2px 6px #0006}@keyframes cc-bob{to{translate:0 -3px}}.cc-table{grid-area:table;justify-content:center;align-items:center;gap:clamp(10px,4vw,28px);width:100%;min-height:0;display:flex;position:relative}.cc-deck{width:var(--cw);height:var(--ch);cursor:default;border-radius:calc(var(--cw) * .09);background:0 0;border:0;flex:none;padding:0;position:relative}.cc-deck .card{position:absolute;top:0;left:0}.cc-deck .card:nth-child(2){translate:-2px -3px}.cc-deck .card:nth-child(3){translate:-4px -6px}.cc-deck.ready{cursor:pointer}.cc-deck.ready .card:last-of-type{animation:1s ease-in-out infinite alternate cc-glow;box-shadow:0 0 0 2px #ffd34de6,0 0 18px #ffd34d80}.cc-deck.empty .card{opacity:.35}.cc-deck-n{z-index:3;background:#0009;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800;position:absolute;bottom:-8px;left:50%;translate:-50%}@keyframes cc-glow{to{box-shadow:0 0 0 2px #ffd34d66,0 0 6px #ffd34d33}}.cc-pile{width:calc(var(--cw) * 1.15);height:calc(var(--ch) * 1.15);flex:none;place-items:center;display:grid;position:relative}.cc-pile:before,.cc-pile:after{content:"";width:calc(var(--cw) * 1.15);height:calc(var(--ch) * 1.15);border-radius:calc(var(--cw) * .1);opacity:.55;background:#fbfaf6;position:absolute;rotate:8deg;scale:.96;box-shadow:0 2px 6px #0006}.cc-pile:after{opacity:.35;rotate:-11deg}.cc-pile .card{width:calc(var(--cw) * 1.15);height:calc(var(--ch) * 1.15);border-radius:calc(var(--cw) * .1);z-index:1;position:relative}.cc-pending{z-index:4;color:#fff;background:radial-gradient(circle at 35% 30%,#ff9a7a,#d1301b);border-radius:999px;padding:4px 10px;font-size:20px;font-weight:900;animation:.7s ease-in-out infinite alternate cc-pulse;position:absolute;top:-10px;right:-14px;box-shadow:0 0 0 3px #ffffffe6,0 4px 14px #d1301bb3}@keyframes cc-pulse{to{scale:1.12}}.cc-ring{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--ring) 45%, transparent), #00000059 75%);min-width:76px;box-shadow:inset 0 0 0 2px var(--ring), 0 0 22px color-mix(in srgb, var(--ring) 55%, transparent);border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:2px;padding:8px 10px;transition:box-shadow .3s,background .3s;display:flex}.cc-ring b{font-size:13px}.cc-dir{color:var(--ring);animation:6s linear infinite cc-spin;display:grid}.cc-ring.ccw .cc-dir{animation-direction:reverse;scale:-1 1}@keyframes cc-spin{to{rotate:360deg}}.cc-side{flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.cc-actions{flex-direction:column;gap:6px;display:flex}.cc-actions:empty{display:none}.cc-status{text-align:center;text-shadow:0 1px 3px #000000b3;grid-area:status;max-width:100%;min-height:1.3em;margin:0;padding:0 6px;font-weight:700}.cc-hand{z-index:0;width:100%;height:calc(var(--ch) * 1.32);padding-top:calc(var(--ch) * .14);grid-area:hand;justify-content:center;align-items:flex-start;display:flex;position:relative}.cc-hand .card{transform-origin:50% 100%;translate:0 var(--arc,0);flex:none;transition:translate .15s ease-out,filter .15s}.cc-hand.turn .card.playable{translate:0 calc(var(--arc,0px) - var(--ch) * .12);box-shadow:0 0 0 2px #ffd34df2,0 0 16px #ffd34d8c,0 8px 14px #00000073}.cc-hand.turn .card.playable:hover{translate:0 calc(var(--arc,0px) - var(--ch) * .2)}.cc-hand .card.dim{filter:brightness(.62)saturate(.6)}.cc-hand .card.drawn{outline-offset:-5px;outline:3px dashed #ffffffd9}.cc-hidden{left:50%;bottom:calc(var(--ch) * .35);z-index:50;pointer-events:none;white-space:nowrap;background:#000000a6;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;position:absolute;translate:-50%}.card{width:var(--cw);height:calc(var(--cw) * 1.4);border-radius:calc(var(--cw) * .09);font:inherit;background:#fbfaf6 50%/100% 100% no-repeat;border:0;padding:0;display:block;position:relative;box-shadow:0 1px 2px #00000073,0 6px 12px #0000004d}button.card{cursor:pointer}.card.tiny{--cw:26px}.cc-fx{pointer-events:none;z-index:15;position:absolute;inset:0;overflow:hidden}.cc-pop{font-size:clamp(22px, calc(var(--cw) * .45), 44px);letter-spacing:.04em;white-space:nowrap;color:#fff;-webkit-text-stroke:2px #0d0e20;paint-order:stroke;text-shadow:0 4px #0d0e20,0 0 18px #ffffff80;opacity:0;font-weight:900;position:absolute;transform:translate(-50%,-50%)}.cc-pop.clash{color:var(--citrus)}.cc-pop.mirror{color:var(--lagoon)}.cc-pop.surge,.cc-pop.take{color:var(--ember)}.cc-pop.freeze{color:#bfe9ff}.cc-wave{border:6px solid var(--wave);opacity:0;border-radius:50%;width:80px;height:80px;position:absolute}.overlay{z-index:30;background:#0506148c;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay.gate{background:radial-gradient(at 50% 40%,#2b2f6e,#0b0c22 75%)}.overlay.menu{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050614b8}.overlay.later{animation:.9s step-end both cc-later}@keyframes cc-later{0%{visibility:hidden}}.dialog{background:var(--dialog);color:var(--dialog-ink);text-align:center;border-radius:16px;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:400px;max-height:calc(100dvh - 24px);padding:16px 18px;display:flex;overflow:auto;box-shadow:0 12px 40px #0000008c}.dialog h2{margin:0;font-size:19px}.dialog p{color:var(--dialog-soft);margin:0}.overlay .dialog .btn:not(.primary):not([aria-pressed=true]){color:var(--dialog-ink);background:color-mix(in srgb, var(--dialog-ink) 9%, transparent);box-shadow:none}.cc-menu{background:linear-gradient(180deg, #23266050, transparent), var(--dialog)}.cc-logo{width:min(300px,80%);margin:-4px auto 0}.cc-logo svg{width:100%;height:auto;display:block}.cc-tagline{font-size:13px}.cc-seg{flex-direction:column;gap:4px;display:flex}.cc-seg-label{color:var(--dialog-soft);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.cc-seg-row{justify-content:center;gap:6px;display:flex}.cc-seg-row .btn{flex:1;padding:6px 8px}.cc-menu-actions{justify-content:center;gap:8px;display:flex}.cc-menu-actions .btn{flex:1;min-height:42px}.cc-gate-cards{--cw:46px;justify-content:center;height:70px;display:flex}.cc-gate-cards .card+.card{margin-left:-26px}.cc-gate-cards .card:first-child{rotate:-10deg}.cc-gate-cards .card:nth-child(3){rotate:10deg}.cc-picker{max-width:340px}.cc-colors{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cc-color{cursor:pointer;font:inherit;color:#fff;background:linear-gradient(160deg, var(--c1), var(--c2));text-shadow:0 1px 2px #00000080;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;font-weight:800;display:flex;box-shadow:inset 0 0 0 2px #ffffff59,0 4px 10px #0000004d}.cc-color:hover{filter:brightness(1.08)}.cc-sum{text-align:left;flex-direction:column;gap:6px;display:flex}.cc-sum-row{background:color-mix(in srgb, var(--dialog-ink) 6%, transparent);border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.cc-sum-row.win{box-shadow:inset 0 0 0 2px #f2b21c}.cc-sum-name{flex-direction:column;gap:3px;min-width:64px;display:flex}.cc-sum-cards{flex-wrap:wrap;gap:2px;display:flex}.cc-sum .cc-stars i{background:color-mix(in srgb, var(--dialog-ink) 18%, transparent)}.cc-sum .cc-stars i.on{background:#f2b21c}.cc-out{color:#1f9a6b;font-weight:900}@media (orientation:landscape) and (max-height:560px){#app.cc{grid-template:"bar bar""opps table"minmax(0,1fr)"status status""hand hand"/auto minmax(0,1fr);gap:3px 10px;padding:5px 10px 6px}.cc-opps{flex-flow:column;align-self:center;gap:4px}.cc-pod{flex-direction:row;gap:6px;min-width:0;padding:3px 8px}.cc-pod-head{flex-direction:column;align-items:flex-start;gap:1px}.cc-mini{--mw:calc(var(--cw) * .26)}.cc-status{font-size:12px}.btn{min-height:32px;padding:5px 10px}.sound-toggle{width:32px;height:32px}.cc-brand h1{font-size:15px}.cc-ring{min-width:64px;padding:5px 8px}.cc-pod-head .cc-tag{position:static}.overlay{padding:6px}.dialog{gap:4px;max-height:calc(100dvh - 12px);padding:6px 10px}.cc-logo{width:104px;margin-top:-2px}.cc-tagline{display:none}.cc-seg{flex-direction:row;align-items:center;gap:6px}.cc-seg-label{text-align:left;flex:0 0 76px;font-size:10px}.cc-seg-row{flex:1}.cc-seg-row .btn{min-height:24px;padding:2px 4px;font-size:11px}.cc-menu-actions .btn{min-height:28px}}@media (max-height:300px) and (orientation:landscape){.cc-bar{gap:5px}.cc-info{display:none}.btn{min-width:26px;min-height:26px;padding:2px 8px;font-size:12px}.sound-toggle{width:26px;height:26px}.cc-pod-head b{font-size:11px}.cc-pod .cc-stars,.cc-ring b{display:none}.cc-ring{min-width:0;padding:4px}.cc-side{gap:4px}.cc-ring{padding:3px}.cc-ring svg{width:18px;height:18px}.cc-actions .btn{white-space:nowrap}.cc-pending{padding:2px 6px;font-size:13px;top:-6px;right:-6px}.cc-pod-head .cc-tag{display:none}.cc-pod.last{box-shadow:inset 0 0 0 2px var(--ember)}.cc-pod.last.turn{box-shadow:inset 0 0 0 2px var(--btn-on), 0 0 0 2px var(--ember)}.dialog h2{font-size:15px}.cc-sum{gap:3px}.cc-sum-row{gap:6px;padding:2px 6px}.cc-sum-cards{flex-wrap:nowrap;overflow:hidden}.card.tiny{--cw:16px}.cc-sum~p,.dialog h2+p{display:none}.cc-colors{grid-template-columns:repeat(4,1fr);gap:6px}.cc-color{padding:6px 2px;font-size:11px}.cc-color svg{width:22px;height:22px}}@media (max-width:420px){.cc-info{display:none}.cc-pod{min-width:0;padding:4px 7px}}@media (prefers-reduced-motion:reduce){.cc-tag,.cc-pending,.cc-dir,.cc-deck.ready .card:last-of-type,.overlay.later{animation:none}.cc-hand .card{transition:none}}