.cx{--cx-ink:#f4eadb;--cx-muted:#b8a993;--cx-ember:#e9a65c;--cx-flare:#fff3dd;--cx-line:#2a231c;--cx-glass:#0c0907bd}.cx-stage{border:1px solid var(--cx-line);aspect-ratio:16/9;min-height:440px;color:var(--cx-ink);background:#030303;border-radius:18px;position:relative;overflow:hidden}.cx-sky{position:absolute;inset:0}.cx-sky canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cx-panel{background:var(--cx-glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #3a2f24;border-radius:12px}.cx-card{width:min(320px,28%);min-width:0;padding:14px 16px;font-size:.82rem;line-height:1.5;transition:box-shadow .6s,border-color .6s,transform .6s;position:absolute;top:7%;right:2.5%}.cx-card.lit{border-color:var(--cx-ember);transform:translateY(-2px);box-shadow:0 0 0 1px #e9a65c59,0 0 52px #e9a65c4d}.cx-tag{font:500 .64rem var(--font-geist-mono), monospace;letter-spacing:.22em;color:var(--cx-ember)}.cx-meta{grid-template-columns:auto 1fr;gap:2px 10px;margin:8px 0;font-size:.78rem;display:grid}.cx-meta dt{font:500 .64rem var(--font-geist-mono), monospace;letter-spacing:.14em;color:var(--cx-muted);padding-top:3px}.cx-meta dd{margin:0}.cx-card p{margin:0 0 7px}.cx-hook{color:var(--cx-flare);background:#e9a65c2e;border-radius:6px;margin-inline:-6px;padding:4px 6px;font-weight:500}.cx-attach{font:500 .74rem var(--font-geist-mono), monospace;border:1px solid #4a3b2c;border-radius:8px;align-items:center;gap:8px;margin-top:2px;padding:5px 10px;display:inline-flex}.cx-log{width:min(640px,58%);font:500 .9rem/1.45 var(--font-geist-mono), monospace;color:var(--cx-ink);text-shadow:0 1px 2px #000000e6,0 0 18px #000000d9;margin:0;padding:0;list-style:none;position:absolute;bottom:6%;left:3%}.cx-log li{gap:12px;animation:.5s cx-sub;display:flex}.cx-log li:not(.on){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cx-log li b{color:var(--cx-ember);flex:none;font-weight:600}@keyframes cx-sub{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cx-log li{animation:none}}.cx-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:absolute;bottom:4%;right:2.5%}.cx-btn{font:500 .72rem var(--font-geist-mono), monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--cx-ink);cursor:pointer;background:#100c09d1;border:1px solid #4a3b2c;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:10px 16px;display:inline-flex}.cx-btn:hover{border-color:var(--cx-ember)}.cx-btn[aria-pressed=true]{border-color:var(--cx-ember);color:var(--cx-flare);box-shadow:0 0 18px #e9a65c40}.cx-engage{cursor:pointer;min-height:48px;font-family:var(--font-sora), sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#050403;background:var(--cx-flare);border:0;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;font-size:.8rem;font-weight:600;display:inline-flex;box-shadow:0 0 36px #e9a65c73}.cx-engage[aria-pressed=true]{background:var(--cx-ember)}.cx-tess{gap:8px;max-width:70ch;font-size:.95rem;display:grid}.cx-tess p{color:var(--color-muted,#a0a3a9);margin:0}.cx-tess strong{color:var(--color-ink,#ecedee);font-weight:600}.cx-legend{font:500 .7rem var(--font-geist-mono), monospace;letter-spacing:.06em;color:var(--cx-muted);flex-wrap:wrap;gap:8px 16px;display:flex}.cx-legend span{align-items:center;gap:8px;display:inline-flex}.cx-legend i{border-radius:2px;width:12px;height:12px;display:inline-block}.cx-won{background:var(--cx-ember);box-shadow:0 0 10px #e9a65cb3}.cx-waiting{background:#4a3b2c}@media (max-width:760px){.cx-stage{aspect-ratio:auto;background:0 0;border:0;min-height:0;display:grid;overflow:visible}.cx-sky{aspect-ratio:4/3;border:1px solid var(--cx-line);background:#030303;border-radius:16px;position:relative;overflow:hidden}.cx-tall .cx-sky{aspect-ratio:4/5}.cx-card,.cx-log,.cx-controls{width:auto;margin-top:12px;position:static}.cx-log{text-shadow:none}.cx-stage .cx-card{color:var(--cx-ink)}}