*{box-sizing:border-box}body{color:#fff;background:#020617;margin:0;font-family:Arial,Helvetica,sans-serif}.tabs{z-index:10;background:#020617;border-bottom:1px solid #334155;gap:10px;padding:12px;display:flex;position:sticky;top:0}.tabs button{color:#fef3c7;cursor:pointer;background:#0f172a;border:1px solid #facc15;border-radius:12px;padding:12px 16px;font-weight:900}.tabs button.active{color:#111827;background:#facc15}.tracker-frame{background:#0a2e1a;border:0;width:100%;height:calc(100vh - 62px)}.trainer{background:radial-gradient(circle at top,#1f2937,#020617 55%);min-height:100vh;padding:12px}.machine{background:linear-gradient(#1f2937,#0f172a,#020617);border:4px solid #fcd34db3;border-radius:28px;max-width:1280px;margin:auto;overflow:hidden;box-shadow:0 30px 80px #0000008c}header{color:#111827;background:linear-gradient(90deg,#fcd34d,#fef08a,#fcd34d);border-bottom:4px solid #f59e0b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:12px;font-weight:900}h1{margin:4px 0 0;font-size:clamp(24px,4vw,42px);font-weight:900}.sound-btn{color:#fff;background:#020617;border:0;border-radius:12px;padding:12px 16px;font-weight:900}main{padding:16px}.settings{background:#0000004d;border:1px solid #67e8f940;border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;padding:14px;display:grid}.settings label{text-transform:uppercase;letter-spacing:.15em;color:#a5f3fc;font-size:11px;font-weight:900}.settings select,.settings input,.cash-input input{color:#cffafe;background:#020617;border:1px solid #67e8f959;border-radius:10px;width:100%;margin-top:6px;padding:12px;font-weight:800}.settings p{color:#cffafe;grid-column:1/-1;margin:0;font-size:14px}.screen{background:linear-gradient(#064e3b,#022c22);border:4px solid #334155;border-radius:24px;padding:14px;box-shadow:inset 0 0 35px #0000008c}.paytable{background:#00000080;border:2px solid #fcd34d73;border-radius:12px;overflow:hidden}.pay-head,.pay-row{text-align:center;grid-template-columns:1.45fr repeat(5,.55fr);font-size:11px;font-weight:900;display:grid}.pay-head{color:#111827;text-transform:uppercase;letter-spacing:.12em;background:#fcd34d}.pay-head div,.pay-row div{padding:7px 4px}.pay-head div:first-child,.pay-row div:first-child{text-align:left;padding-left:10px}.pay-row{color:#fef3c7;text-transform:uppercase;border-top:1px solid #fcd34d40}.active-col{color:#fff;background:#fcd34d38}.pay-row.winner{color:#111827;background:#34d399}.pay-row.winner .active-col{color:#111827;background:#ffffffb3}.cards-row{justify-content:center;gap:14px;padding:20px 0 8px;display:flex;overflow-x:auto}.card-wrap{flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.card{background:#fff;border:4px solid #cbd5e1;border-radius:12px;width:96px;height:144px;padding:10px;position:relative;box-shadow:0 16px 25px #00000073}.card.held{border-color:#fcd34d;box-shadow:0 0 0 4px #fcd34d59,0 16px 25px #00000073}.rank{font-size:20px;font-weight:900}.rank.bottom{position:absolute;bottom:10px;right:10px}.suit{font-size:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.red{color:#dc2626}.black{color:#0f172a}.hold-btn{color:#fff;letter-spacing:.16em;background:#0284c7;border:2px solid #bae6fd;border-radius:9px;min-width:86px;padding:8px;font-size:12px;font-weight:900}.hold-btn.active{color:#111827;background:#facc15;border-color:#fde68a}.controls{background:linear-gradient(#1e293b,#020617);border:4px solid #334155;border-radius:24px;margin-top:16px;padding:14px}.cash-panel{grid-template-columns:1.25fr .75fr;gap:14px;display:grid}.cash-input,.notes{background:#00000052;border:1px solid #67e8f938;border-radius:16px;padding:14px}.cash-input label{color:#a5f3fc;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:900}.cash-input{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.stats-grid{grid-column:1/-1;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.stat-pill{text-align:left;background:#00000059;border:1px solid #ffffff1a;border-radius:10px;min-width:0;padding:6px 8px}.stat-label{white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;font-size:9px;font-weight:900;overflow:hidden}.stat-value{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:16px;font-weight:900;overflow:hidden}.stat-value.good{color:#6ee7b7}.stat-value.bad{color:#fca5a5}.notes{color:#cbd5e1;font-size:13px}.notes strong{color:#fde68a;text-transform:uppercase;letter-spacing:.18em;margin-bottom:6px;font-size:11px;display:block}.notes p{color:#cffafe;margin:0}.note-grid{grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;font-size:11px;line-height:1.3;display:grid}.button-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.machine-btn{text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:2px solid #fff6;border-radius:12px;padding:10px 8px;font-weight:900;box-shadow:0 7px #0f172a66}.machine-btn small{opacity:.8;margin-top:3px;font-size:10px;display:block}.machine-btn:disabled{opacity:.5;cursor:not-allowed}.silver{color:#0f172a;background:linear-gradient(#e2e8f0,#f8fafc)}.gold{color:#111827;background:linear-gradient(#f59e0b,#fde047)}.green{color:#111827;background:linear-gradient(#34d399,#86efac)}.red{color:#111827;background:linear-gradient(#fb7185,#fca5a5)}.blue{color:#fff;background:linear-gradient(#0ea5e9,#3b82f6)}.result{grid-template-columns:1fr 1fr 1.5fr;gap:12px;margin-top:14px;display:grid}.result-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:14px}.good-border{background:#10b9811a;border-color:#34d39980}.bad-border{background:#f43f5e1a;border-color:#fb718580}.result-card h3{margin:4px 0;font-size:24px}.mini-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}@media (width<=950px){.settings{grid-template-columns:repeat(2,1fr)}.cash-panel{grid-template-columns:1fr}.button-grid{grid-template-columns:repeat(4,1fr)}.result{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){main,.trainer{padding:8px}.settings{grid-template-columns:1fr}.cards-row{justify-content:flex-start}.card{width:78px;height:114px}.rank{font-size:16px}.suit{font-size:26px}.hold-btn{min-width:74px;font-size:10px}.cash-input{grid-template-columns:1fr}.stats-grid,.button-grid{grid-template-columns:repeat(2,1fr)}.pay-head,.pay-row{font-size:9px}.note-grid{grid-template-columns:1fr}}
