.public-site main:has(#keno-view){padding-top:20px!important}
.kn-heading{display:flex;align-items:center;gap:13px;color:#8ca58f;margin:0 0 16px}.kn-heading h1{font-size:28px;letter-spacing:-.6px;margin:0;color:#f0f6e8}
.kn-stage{width:100%;container-type:inline-size}#keno-view{--kn-scale:.9;width:calc(1080px * var(--kn-scale));height:calc(656px * var(--kn-scale));max-width:100%;margin-inline:auto}
#keno-game{grid-template-columns:320px 760px;width:1080px;height:656px;transform:scale(var(--kn-scale));transform-origin:top left;border:0}
#keno-game .rt-controls{height:656px;padding:26px;gap:10px}#keno-game .kn-label{font-size:13px;color:#a5b59d;font-weight:600;margin-top:10px}
.kn-risks{display:flex;flex:none;padding:5px;gap:2px;background:#10251a;border-radius:8px}.kn-risks button{flex:1;min-width:0;border:0;border-radius:6px;background:none;color:#91a68b;font-size:12px;font-weight:650;height:35px;padding:0 3px;transition:background .15s,color .15s}.kn-risks button[aria-pressed=true]{background:#d4ef83;color:#15321f}.kn-risks button:hover:not(:disabled):not([aria-pressed=true]){background:#29412e;color:#eef5e8}
.kn-random{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.kn-random>button{background:#29412e;border:0;border-radius:7px;min-height:46px;color:#e2ecd8;font-family:inherit;font-size:13px;font-weight:650}.kn-random>button:hover:not(:disabled){background:#35533c}.kn-random button:disabled{opacity:.4}
#kn-auto-fields{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1),opacity .2s}#keno-game.auto-layout #kn-auto-fields{grid-template-rows:1fr;opacity:1}.kn-auto-inner{overflow:hidden;min-height:0;display:grid;gap:8px}.auto-layout .kn-auto-inner{padding-top:10px}.kn-auto-inner>label,.kn-limits label{font-size:12px;color:#a5b59d}.kn-limits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:7px}.kn-limits .rt-limit{margin-top:7px;height:40px;padding:6px}.kn-limits .rt-limit input{font-size:13px}
#kn-status{font-size:12px;line-height:1.5;color:#dfb39a;margin:0}#kn-status:empty{display:none}#kn-place{margin-top:auto}
.kn-playfield{padding:16px 26px 28px;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;background:#10251b}.kn-toolbar{display:flex;align-items:center;gap:8px;min-height:34px;flex:none}#kn-history{display:flex;gap:9px;flex:1;justify-content:flex-end;overflow:hidden;min-width:0}#kn-history button{background:none;border:0;padding:4px 1px;white-space:nowrap;font-size:12px;font-weight:650;color:#82977b;cursor:pointer}#kn-history button.win{color:#d4ef83}
.kn-board-wrap{position:relative;isolation:isolate;margin-top:auto;width:100%;flex:none}#kn-board{position:relative;z-index:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:100%}
.kn-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;min-height:0;padding:0;border:0;border-radius:10px;background:#304735;color:#a9bca2;font-size:23px;font-weight:750;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;box-shadow:0 4px 0 #203426;transition:background .14s,color .14s,transform .14s}.kn-tile span{position:relative;z-index:1}.kn-tile:hover:not(:disabled){background:#3c5742;transform:translateY(-2px)}.kn-tile[aria-pressed=true]{background:#d4ef83;color:#15321f;box-shadow:0 4px 0 #8ea85c}.kn-tile.drawn:not(.hit){background:#281e25;color:#c54d61;box-shadow:0 4px 0 #1d1920}.kn-tile.hit{background:#152b1e;color:#fff;box-shadow:0 4px 0 #0c2015}.kn-gem{position:absolute;width:82%;height:82%;object-fit:contain;display:none;pointer-events:none}.kn-tile.hit .kn-gem{display:block}.kn-tile.hit span{color:#183621;font-size:25px}.kn-tile.revealing{animation:kn-reveal .2s cubic-bezier(.2,.8,.2,1)}.kn-tile:disabled{cursor:default;opacity:1!important}
#kn-payouts{display:flex;gap:2px;margin-top:12px;min-height:68px;flex:none;margin-bottom:auto;border-radius:9px;overflow-x:auto;scrollbar-width:thin;background:#10251a}#kn-payouts .kn-payout{display:flex;flex:1 0 0;flex-direction:column;min-width:0;justify-content:center;align-items:center;background:#1b3223;color:#e0ead7}#kn-payouts strong{display:grid;place-items:center;width:100%;height:34px;font-size:11px;font-weight:600;white-space:nowrap}#kn-payouts small{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;height:32px;font-size:10px;white-space:nowrap;color:#9db293;background:#142b1c}#kn-payouts small img{object-fit:contain;flex:none}#kn-payouts .kn-payout.active small{background:#375d43;color:#eef9e5}.kn-payout-empty{width:100%;display:grid;place-items:center;color:#789071;font-size:12px}
#kn-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;max-width:65%;pointer-events:none;z-index:2}#kn-result img{display:block;width:100%;height:auto}#kn-fairness{width:min(480px,calc(100vw - 32px))}#kn-close-terms{display:block;width:100%;border:0;background:none;color:#a4b89b;padding:14px;cursor:pointer}#kn-terms .rt-primary{margin-top:14px}
@keyframes kn-reveal{from{transform:scale(.83)}to{transform:scale(1)}}
@media(max-width:1000px){#keno-view{width:100%;height:auto;max-width:750px}#keno-game{width:100%;height:auto;transform:none;grid-template-columns:1fr}#keno-game .kn-playfield{grid-row:1;min-height:0;padding:16px;gap:10px}.kn-board-wrap{margin-top:8px}#kn-board{gap:6px}.kn-tile{font-size:clamp(14px,3.2vw,23px);border-radius:6px;box-shadow:0 3px 0 #203426}.kn-tile.hit span{font-size:clamp(14px,3.5vw,25px)}#kn-payouts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:calc(100% + 32px);min-width:0;margin:0 -16px;min-height:62px;gap:1px;border-radius:0;overflow:visible}#kn-payouts .kn-payout{min-width:0;container-type:inline-size}#kn-payouts strong{font-size:clamp(4px,calc(100cqw / var(--kn-chars,8) / .62),9px);height:30px;letter-spacing:-.2px}#kn-payouts small{font-size:clamp(7px,2cqw,10px);height:28px;gap:1px}#kn-payouts small img{width:clamp(6px,2cqw,10px);height:10px}#keno-game .rt-controls{height:auto;min-height:0;padding:20px 16px;gap:10px}#kn-place{order:-2;margin:0 0 4px}.kn-random{order:-1;margin:0 0 8px}#keno-game .rt-mode{order:8;margin-top:14px}.kn-playfield .kn-toolbar{min-height:30px}.kn-limits{gap:10px}#kn-result{width:150px}.kn-risks button{font-size:13px}}
@media(prefers-reduced-motion:reduce){#keno-game *{transition:none!important;animation:none!important}}#keno-game[data-speed=instant] .kn-tile{animation:none}
#keno-game.auto-layout .rt-count-field{height:42px!important}

.kn-tile.selection-locked{opacity:.4!important;cursor:default;transform:none}
.kn-payout{cursor:help}.kn-payout:focus-visible{outline:2px solid #a8c37b;outline-offset:-2px}
.kn-payout-tooltip{position:fixed;z-index:1000;display:grid;grid-template-columns:1fr .8fr 1.2fr;gap:14px;width:330px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:14px 16px;border:0;border-radius:7px;background:#29412e;color:#f0f6e8;pointer-events:none;font-family:inherit}
.kn-payout-tooltip[hidden]{display:none}.kn-payout-tooltip>div{display:grid;gap:7px;text-align:center;min-width:0}.kn-payout-tooltip span{color:#a5b59d;font-size:11px;white-space:nowrap}.kn-payout-tooltip strong{font-size:13px;font-weight:700;white-space:nowrap}
@media(max-width:380px){.kn-payout-tooltip{gap:7px;padding:12px 10px}.kn-payout-tooltip span{font-size:10px}.kn-payout-tooltip strong{font-size:12px}}
