:root{--bg: #0a0c12;--panel: #12161f;--panel-2: #1a2030;--felt: #10182a;--felt-line: #1b2a47;--accent: #8a6cff;--accent-dim: #4f3aa8;--text: #e7edf3;--muted: #8b97a6;--card-bg: #f6f4ee;--dark-1: #131a2c;--dark-2: #0c1120;--red: #d23b41;--black: #1c2330;--slot: rgba(255, 255, 255, .05);--slot-line: rgba(255, 255, 255, .12);--shadow: rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#app{max-width:1180px;margin:0 auto;padding:14px 14px 40px}header.s-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:12px}header.s-header h1{margin:0;font-size:clamp(20px,3.6vw,32px);letter-spacing:.13em;font-weight:800;background:linear-gradient(90deg,var(--accent),#c3b3ff);-webkit-background-clip:text;background-clip:text;color:transparent}.s-sub{color:var(--muted);font-size:13px}.s-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}.s-toolbar .spacer{flex:1}button.s-btn{background:var(--panel-2);color:var(--text);border:1px solid var(--slot-line);border-radius:8px;padding:8px 13px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,transform .05s}button.s-btn:hover:not(:disabled){background:#232c40;border-color:var(--accent-dim)}button.s-btn:active:not(:disabled){transform:translateY(1px)}button.s-btn:disabled{opacity:.4;cursor:default}button.s-btn.scry{border-color:var(--accent-dim)}button.s-btn.scry:hover:not(:disabled){background:var(--accent-dim)}button.s-btn.primary{background:var(--accent-dim);border-color:var(--accent)}button.s-btn.primary:hover:not(:disabled){background:var(--accent);color:#0a0613}.s-stat{background:var(--panel);border:1px solid var(--slot-line);border-radius:8px;padding:6px 12px;font-size:13px;color:var(--muted)}.s-stat b{color:var(--text);font-variant-numeric:tabular-nums}.s-main{display:grid;grid-template-columns:1fr 300px;gap:14px;align-items:start}.s-board{background:radial-gradient(circle at 50% 0%,var(--felt-line),var(--felt) 65%);border:1px solid #0a1426;border-radius:14px;padding:14px;box-shadow:inset 0 1px #ffffff0a,0 8px 30px var(--shadow);overflow:hidden}.s-tableau{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--gap, 7px)}.s-col{position:relative;min-height:var(--card-h, 92px);cursor:pointer}.s-slot,.s-card{width:100%;aspect-ratio:5 / 7;border-radius:7px}.s-slot{background:var(--slot);border:1.5px dashed var(--slot-line);display:flex;align-items:center;justify-content:center;color:#fff3;font-size:clamp(14px,2vw,22px);user-select:none}.s-card{position:absolute;left:0;top:0;background:var(--card-bg);border:1px solid rgba(0,0,0,.25);box-shadow:0 1px 2px #0006;user-select:none;overflow:hidden;cursor:pointer}.s-card.down{background:radial-gradient(circle at 50% 40%,rgba(138,108,255,.18),transparent 60%),repeating-linear-gradient(45deg,var(--dark-1) 0 6px,var(--dark-2) 6px 12px);border-color:#050813;box-shadow:inset 0 0 14px #000000b3,0 1px 2px #00000080;display:flex;align-items:center;justify-content:center}.s-card.down .qq{color:#8a6cffb3;font-weight:800;font-size:clamp(13px,2.3vw,22px);letter-spacing:.06em;text-shadow:0 0 10px rgba(138,108,255,.5)}.s-card.down:hover{box-shadow:inset 0 0 14px #0009,0 0 0 2px #8a6cff8c}.s-card.red .corner,.s-card.red .pip{color:var(--red)}.s-card.black .corner,.s-card.black .pip{color:var(--black)}.s-card .corner{position:absolute;top:4%;left:7%;font-weight:800;line-height:1;font-size:clamp(10px,1.7vw,16px);display:flex;flex-direction:column;align-items:center}.s-card .corner .c-suit{font-size:.85em}.s-card .pip{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);font-size:clamp(16px,3.2vw,30px);line-height:1}.s-card.selected{outline:3px solid var(--accent);outline-offset:-1px;box-shadow:0 0 0 3px #8a6cff59,0 4px 10px #0000008c}.s-col.drop-ok:after{content:"";position:absolute;inset:-2px;border-radius:9px;outline:2px solid var(--accent);outline-offset:0;pointer-events:none}.s-tracker{background:var(--panel);border:1px solid var(--slot-line);border-radius:12px;padding:12px}.tr-title{font-size:14px;margin-bottom:10px;color:var(--muted)}.tr-title b{color:var(--text)}.tr-odds{background:var(--panel-2);border:1px solid var(--slot-line);border-radius:9px;padding:10px;margin-bottom:12px}.tr-odds-head{font-size:12.5px;color:var(--muted);margin-bottom:6px}.tr-odds-head b{color:var(--accent)}.tr-odds-list{display:flex;flex-direction:column;gap:3px}.tr-odds-item{display:flex;justify-content:space-between;font-size:13px;padding:3px 7px;background:#8a6cff14;border-radius:5px}.tr-odds-item .pct{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.tr-grid{display:grid;grid-template-columns:22px repeat(13,1fr);gap:2px}.tr-cell{display:flex;align-items:center;justify-content:center;font-size:11px;height:20px;border-radius:3px;font-variant-numeric:tabular-nums}.tr-corner{background:transparent}.tr-rankhead{color:var(--muted);font-weight:700}.tr-suithead{font-size:14px;font-weight:800}.tr-suithead.red{color:var(--red)}.tr-suithead.black{color:var(--text)}.tr-count{background:var(--panel-2);color:var(--text)}.tr-count.zero{background:transparent;color:#fff3}.tr-legend{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.5}.s-banner{margin-top:14px;padding:14px 16px;background:linear-gradient(90deg,var(--accent-dim),#6a52d6);border:1px solid var(--accent);border-radius:10px;display:none;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.s-banner.show{display:flex}.s-banner b{font-size:18px}.s-hint{color:var(--muted);font-size:12.5px;margin-top:14px;line-height:1.7}@media(max-width:900px){.s-main{grid-template-columns:1fr}.s-tracker{order:2}}@media(max-width:560px){#app{padding:8px}.s-board{padding:8px;--gap: 4px}.s-stat{padding:5px 9px;font-size:12px}}