/* Keno — CSGOPUZZ dark/yellow */
.kn-wrap{display:grid;grid-template-columns:1fr;gap:0;border-radius:10px;overflow:hidden;border:1px solid #23262f;background:#12141b}
@media(min-width:1024px){.kn-wrap{grid-template-columns:340px 1fr}}
.kn-side{display:flex;flex-direction:column;gap:10px;padding:20px;background:#191c24}
.kn-lbl{font-size:14px;font-weight:600;color:#9aa0ad;margin-top:4px}
.kn-betrow{display:flex;height:44px;border-radius:7px;overflow:hidden;border:1px solid #2b2f3a;background:#101218}
.kn-betrow input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;padding:0 12px;font-size:15px}
.kn-betrow button{padding:0 12px;background:#242833;color:#fff;font-weight:700;font-size:13px;border-left:1px solid #2f3440}
.kn-betrow button:hover{background:#2e3340;color:#ffc21a}
.kn-mini{align-self:flex-end;font-size:12px;color:#9aa0ad;margin-top:-4px}.kn-mini:hover{color:#fff}
.kn-risk{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border-radius:8px;background:#101218;border:1px solid #2b2f3a}
.kn-risk button{height:34px;border-radius:6px;font-size:13px;font-weight:600;color:#9aa0ad;transition:.15s}
.kn-risk button:hover{color:#fff}
.kn-risk button.on{background:rgba(255,194,26,.18);color:#ffc21a}
.kn-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.kn-two button{height:38px;border-radius:7px;background:#242833;color:#fff;font-size:13px;font-weight:600;border:1px solid #2f3440}
.kn-two button:hover{border-color:#ffc21a}
.kn-inst{display:flex;align-items:center;gap:10px;color:#cfd3dc;font-size:14px;font-weight:600;cursor:pointer;user-select:none}
.kn-inst input{display:none}
.kn-inst span{width:38px;height:22px;border-radius:11px;background:#2b2f3a;position:relative;transition:.2s}
.kn-inst span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#9aa0ad;transition:.2s}
.kn-inst input:checked+span{background:rgba(255,194,26,.3)}
.kn-inst input:checked+span:after{left:19px;background:#ffc21a}
#kn-go{height:48px;border-radius:8px;background:#ffc21a;color:#14161c;font-size:16px;font-weight:800;margin-top:6px;box-shadow:0 4px 0 #b58600;transition:.1s}
#kn-go:hover{background:#ffd04d}#kn-go:active{transform:translateY(2px);box-shadow:0 2px 0 #b58600}
#kn-go:disabled{opacity:.55;cursor:not-allowed}
.kn-foot{display:flex;justify-content:space-between;font-size:12px;color:#9aa0ad}.kn-foot b{color:#fff}#kn-count{color:#ffc21a;font-weight:700}
.kn-main{padding:20px;display:flex;flex-direction:column;gap:12px}
.kn-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;max-width:880px;width:100%;margin:0 auto}
.kn-grid button{aspect-ratio:1/1;border-radius:8px;background:#232733;color:#8b91a0;font-size:clamp(14px,2vw,26px);font-weight:800;box-shadow:0 5px 0 #191c25;transition:transform .12s,background .15s;position:relative}
.kn-grid button:not(.sel):not(.hit):not(.miss):hover:not(:disabled){transform:translateY(-2px);background:#2b3040;color:#fff}
.kn-grid button.sel{background:#ffc21a;color:#14161c;box-shadow:0 5px 0 #b58600}
.kn-grid button.miss{background:#1a1d26;color:#ff4d5e;box-shadow:0 5px 0 #13151c}
.kn-grid button.hit{background:#ffc21a;color:transparent;box-shadow:0 5px 0 #b58600}
.kn-grid button.hit:after{content:"";position:absolute;inset:13%;border-radius:50%;background:#14161c url(/csgowin_files/logo_csgowin.webp) center/62% no-repeat;box-shadow:0 0 14px rgba(255,194,26,.55);animation:knPop .25s ease-out}
@keyframes knPop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.kn-grid button.pop{animation:knpop .25s ease}
@keyframes knpop{0%{transform:scale(.8)}60%{transform:scale(1.08)}100%{transform:scale(1)}}
.kn-grid button:disabled{cursor:default}
.kn-pays,.kn-hitrow{display:grid;gap:8px;width:100%}
.kn-pays div{height:48px;border-radius:7px;background:#232733;color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;transition:.2s}
.kn-pays div.now{background:#ffc21a;color:#14161c}
.kn-hitrow{background:#232733;border-radius:7px;padding:0 8px}
.kn-hitrow div{height:44px;display:flex;align-items:center;justify-content:center;gap:5px;color:#cfd3dc;font-weight:700;font-size:14px}
.kn-hitrow i{width:12px;height:12px;transform:rotate(45deg);background:#ffc21a;border-radius:2px;display:inline-block}
.kn-empty{grid-column:1/-1;text-align:center;color:#8b91a0;font-size:14px;padding:14px;background:#232733;border-radius:7px}
.kn-msg{margin-top:2px;font-size:14px;min-height:18px;text-align:center}