.practice-demo{margin:28px 0 38px;padding:22px;border:1px solid rgba(244,198,54,.48);border-radius:22px;background:linear-gradient(135deg,#1b110d,#0c1812);box-shadow:0 20px 42px rgba(0,0,0,.24)}
.practice-demo__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.practice-demo__eyebrow{margin:0;color:#f5ca40;font-size:12px;font-weight:800;letter-spacing:.12em}.practice-demo h2{margin:4px 0 0;font-size:26px}.practice-demo__notice{max-width:440px;margin:0;color:#c1c8bd;font-size:13px}
.practice-demo__grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(270px,.88fr);gap:22px}.practice-card{padding:18px;border-radius:16px;background:rgba(8,18,13,.76);border:1px solid rgba(255,255,255,.11)}
.practice-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.practice-card__top strong{font-size:15px}.practice-card__top span{font-size:12px;color:#aeb9af}.practice-board{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.practice-cell{min-height:44px;display:grid;place-items:center;border-radius:8px;background:#1a261d;border:1px solid rgba(255,255,255,.13);font-weight:800;color:#d9e3d8}.practice-cell--marked{background:#50d879;color:#092411;border-color:#8dffa8;box-shadow:0 0 15px rgba(80,216,121,.3)}.practice-cell--free{background:#f4c63c;color:#342200}
.practice-balls{display:flex;flex-wrap:wrap;gap:9px;min-height:42px;margin-top:16px}.practice-ball{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#4edf77;color:#082210;font-weight:900;animation:ball-in .34s ease both}@keyframes ball-in{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.practice-controls{display:grid;gap:13px}.practice-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.practice-stat{padding:11px;border-radius:10px;background:#161c17;border:1px solid rgba(255,255,255,.08)}.practice-stat span{display:block;font-size:11px;color:#aab4aa;text-transform:uppercase}.practice-stat strong{font-size:21px;color:#63e889}.practice-stat:nth-child(2) strong{color:#f5ca40}.practice-picker{display:flex;gap:8px;flex-wrap:wrap}.practice-picker button,.practice-action{font:inherit;cursor:pointer}.practice-picker button{flex:1;min-width:85px;padding:10px;border-radius:8px;border:1px solid #6b6531;background:#171d18;color:#e8eee6;font-weight:700}.practice-picker button[aria-pressed="true"]{background:#53d979;color:#092411;border-color:#8dffa8}.practice-action{padding:13px;border:0;border-radius:10px;background:linear-gradient(180deg,#6ef58e,#42c96b);color:#082210;font-weight:900;font-size:16px}.practice-action:disabled{opacity:.55;cursor:wait}.practice-result{min-height:48px;padding:11px;border-radius:10px;background:#18271b;border:1px solid rgba(92,223,128,.36);color:#c8d6c8;font-size:14px}.practice-history{margin-top:18px}.practice-history h3{margin:0 0 8px;font-size:16px}.practice-history ul{list-style:none;padding:0;margin:0}.practice-history li{display:grid;grid-template-columns:1fr auto;gap:10px;padding:9px 11px;background:rgba(255,255,255,.055);border-radius:7px;margin-bottom:6px;font-size:13px}.practice-history b{color:#f4cf45}@media(max-width:760px){.practice-demo__head{display:block}.practice-demo__notice{margin-top:10px}.practice-demo__grid{grid-template-columns:1fr}.practice-demo{padding:15px}}
.practice-reset{padding:12px;border-radius:10px;border:1px solid #d8b54a;background:#251b11;color:#ffe9a1;font:inherit;font-weight:800;cursor:pointer}.practice-reset:hover{background:#382714}.practice-reset:focus-visible,.practice-action:focus-visible{outline:3px solid #fff;outline-offset:3px}