*{box-sizing:border-box;margin:0;padding:0;}
:root{
  --gold:#c9a84c;--gold-light:#e8c97a;--gold-dim:#7a6230;
  --bg:#070709;--bg2:#101015;--bg3:#181820;--border:#26262f;
  --text:#dfe5ee;--text-dim:#6b7280;
  --green:#34d399;--red:#f87171;--purple:#a78bfa;--blue:#60a5fa;--orange:#f97316;
}
body{font-family:'DM Sans','Segoe UI',sans-serif;background:radial-gradient(circle at 50% 0%,#0d0d18,#050507 60%);min-height:100vh;color:var(--text);overflow-x:hidden;padding-bottom:40px;}
::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-track{background:#0a0a12;}
::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:2px;}
.boot{display:flex;align-items:center;justify-content:center;height:100vh;color:#374151;font-size:14px;flex-direction:column;gap:12px;}
.boot-logo{font-size:44px;}
.glass{background:rgba(255,255,255,0.03);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,0.07);}
.glass2{background:rgba(255,255,255,0.06);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,0.11);}
@keyframes pulse-glow{0%,100%{filter:drop-shadow(0 0 8px currentColor);}50%{filter:drop-shadow(0 0 24px currentColor);}}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.25;}}
@keyframes sl-pulse{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,0);}50%{box-shadow:0 0 0 8px rgba(249,115,22,0.12);}}
@keyframes rat-pulse{0%,100%{box-shadow:0 0 0 0 rgba(167,139,250,0);}50%{box-shadow:0 0 0 8px rgba(167,139,250,0.15);}}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@keyframes slideUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:none;}}
.pred-glow{animation:pulse-glow 2.4s ease-in-out infinite;}
.blink{animation:blink 1.4s ease-in-out infinite;}
.sl-pulse{animation:sl-pulse 1.1s ease-in-out infinite;}
.rat-pulse{animation:rat-pulse 1.1s ease-in-out infinite;}
.fade-in{animation:fadeIn .4s ease;}
.slide-up{animation:slideUp .5s ease;}
.wrap{max-width:620px;margin:0 auto;padding:10px 12px;display:flex;flex-direction:column;gap:10px;}
.btn-main{background:linear-gradient(135deg,#1d4ed8,#7c3aed);border:none;color:#fff;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;border-radius:14px;font-family:'DM Sans',sans-serif;}
.btn-main:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px rgba(124,58,237,0.5);}
.btn-main:disabled{opacity:.45;cursor:not-allowed;}
.btn-sm{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:#94a3b8;cursor:pointer;border-radius:8px;padding:6px 12px;font-size:12px;transition:all .15s;font-family:'DM Sans',sans-serif;}
.btn-sm:hover{background:rgba(255,255,255,0.1);color:#e2e8f0;}
.acc-toggle{width:100%;background:none;border:none;color:#94a3b8;cursor:pointer;padding:11px 14px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;font-family:'DM Sans',sans-serif;}
.acc-toggle:hover{color:#e2e8f0;}
.conf-bar{height:7px;border-radius:4px;background:rgba(255,255,255,0.08);overflow:hidden;}
.conf-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#1d4ed8,#7c3aed);transition:width .7s ease;}
.method-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border:1px solid transparent;margin-bottom:4px;transition:all .2s;}
.method-row.active{border-color:rgba(99,102,241,0.4);background:rgba(99,102,241,0.07);}
.suit-btn{padding:14px 0;border-radius:12px;font-size:26px;cursor:pointer;border:1px solid;transition:all .15s;text-align:center;width:100%;}
.suit-btn:hover{transform:scale(1.06);}
.hand-cell{padding:4px 2px;text-align:center;font-size:10px;border-radius:6px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);}
textarea{background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1);color:#cbd5e1;border-radius:10px;padding:10px;font-family:'DM Mono',monospace;font-size:11px;resize:vertical;outline:none;width:100%;}
textarea:focus{border-color:rgba(99,102,241,0.5);}
select{background:#0d0d1a;border:1px solid rgba(255,255,255,0.12);color:#e2e8f0;border-radius:8px;padding:6px 10px;font-size:13px;outline:none;font-family:'DM Sans',sans-serif;}
.stat-badge{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:3px 10px;font-size:11px;font-weight:700;white-space:nowrap;}
.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.85);}
.live-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(52,211,153,0.15);border:1px solid rgba(52,211,153,0.3);border-radius:20px;padding:2px 8px;font-size:10px;color:#34d399;font-weight:700;}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:200;padding:10px 20px;border-radius:12px;font-weight:700;font-size:13px;color:#fff;box-shadow:0 8px 30px rgba(0,0,0,0.5);white-space:nowrap;}
.suit-r{color:#f87171;}
.suit-b{color:#e2e8f0;}