.cx-back{z-index:100;background:#000000a6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.cx-box{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;width:min(980px,100%);max-height:88vh;display:flex;box-shadow:0 16px 50px #0009}.cx-head{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:16px 20px 10px;display:flex}.cx-body{flex-direction:column;gap:16px;padding:12px 20px;display:flex;overflow-y:auto}.cx-group{flex-direction:column;gap:8px;display:flex}.cx-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.cx-card{color:var(--text);cursor:pointer;text-align:left;background:#1c1a17;border:2px solid #3a3a3a;border-radius:8px;flex-direction:column;gap:4px;padding:4px;display:flex;position:relative}.cx-card.is-rare{border-color:#c9a35a}.cx-card img,.cx-noart{aspect-ratio:4/3;object-fit:cover;background:#2a2722;border-radius:4px;width:100%;display:block}.cx-name{font-size:11px;font-weight:700;line-height:1.25}.cx-card.is-off>:not(.cx-x){opacity:.4;filter:grayscale(.8)}.cx-x{color:#ff2d55;text-shadow:0 0 2px #000,0 0 6px #000000e6,0 0 14px #ff2d55b3;place-items:center;font-size:40px;font-weight:900;display:grid;position:absolute;inset:0}.cx-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:10px 20px 16px;display:flex}.cx-detail{border-top:1px solid var(--border);white-space:pre-line;flex-direction:column;gap:4px;min-height:64px;padding:10px 20px;display:flex}.cx-head,.cx-detail,.cx-foot{flex:none}.cx-body{flex:auto;min-height:0}.cx-detail{min-height:84px}.cx-card.is-picked{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent), 0 0 14px color-mix(in srgb, var(--accent) 35%, transparent)}.cx-wait{text-align:center;justify-content:center;align-items:center;gap:10px;padding:36px 20px}.cx-wait-art{aspect-ratio:4/3;object-fit:cover;border:2px solid var(--accent);border-radius:8px;width:180px}.cx-box--reveal{width:min(760px,100%)}.cx-reveal{flex-wrap:wrap;justify-content:center;gap:18px;padding:10px 0 6px;display:flex}.cx-reveal-item{width:150px;color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.cx-reveal-who{font-size:13px;font-weight:700}.cx-reveal-item .cx-card{width:100%}.cx-reveal-item .cx-name{font-size:13px}.cx-back--reveal{z-index:45}.cx-back--full{background:radial-gradient(ellipse at top, #16201c, var(--bg,#0b0d12) 70%);place-items:stretch stretch;padding:0}.cx-box--full{width:100%;max-width:none;height:100vh;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0}.cx-box--full>.cx-head,.cx-box--full>.cx-body,.cx-box--full>.cx-detail,.cx-box--full>.cx-foot{width:100%;max-width:1280px;margin:0 auto}.cx-box--full>.cx-head{border-bottom-color:#0000;padding-top:28px}.cx-box--full>.cx-head b{font-size:22px}.cx-box--full .cx-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}.cx-box--full .cx-name{font-size:12.5px}.cx-box--full>.cx-detail{background:color-mix(in srgb, var(--surface) 70%, transparent);border-top-color:#0000;border-radius:12px;min-height:96px}.cx-box--full>.cx-foot{border-top:0;padding-bottom:24px}.cx-box--full .cx-foot .btn{min-width:260px}.cx-back--full{z-index:300}.cx-box--full{height:100dvh}
