.keno-page{width:100%}.keno-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px}.keno-stage,.keno-panel,.keno-history{border:1px solid var(--border);border-radius:14px;background:linear-gradient(145deg,#211b13,#12100c);box-shadow:0 18px 50px #0007,inset 0 1px #ffffff08}.keno-stage{position:relative;padding:20px}.keno-stage-head{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.keno-stage-head>div{padding:9px 12px;border-radius:8px;background:#0e0c09aa;border:1px solid #ffffff0b}.keno-stage-head span{display:block;color:var(--text-faint);font:700 9px var(--font-mono);letter-spacing:.08em}.keno-stage-head strong{color:#f3d18a;font:700 13px var(--font-mono)}.keno-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.keno-number{position:relative;aspect-ratio:1;border:1px solid #493a27;border-radius:10px;background:linear-gradient(145deg,#2b241a,#17130e);color:#bdb3a3;font:700 clamp(13px,1.2vw,18px) var(--font-mono);cursor:pointer;box-shadow:inset 0 1px #ffffff0a,0 3px 7px #0005;transition:.15s}.keno-number:hover{border-color:var(--ember);transform:translateY(-2px);color:#fff}.keno-number.selected{border-color:#ff8a42;background:radial-gradient(circle at 35% 28%,#ffad55,#dc5e24 62%,#7c2d16);color:#17100a;box-shadow:0 0 18px #e8672c55,inset 0 2px #ffe1ae}.keno-number.drawn{animation:keno-ball .38s ease both;border-color:#e9c164}.keno-number.hit{background:radial-gradient(circle at 35% 28%,#b9e67f,#6f9c43 62%,#344d25);border-color:#c9f58f;color:#101609;box-shadow:0 0 25px #75b34c88}.keno-number.miss{opacity:.45}.keno-result{display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;margin-top:16px;padding:9px;border-radius:10px;background:#0d0b08;border:1px solid #33291d}.keno-result span{color:#807668;font:700 10px var(--font-mono)}.keno-result strong{color:#fff;font:800 21px var(--font-mono)}.keno-result em{color:#f2c14e;font:800 12px var(--font-mono);font-style:normal}.keno-panel{display:flex;flex-direction:column;padding:16px}.keno-panel-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--border);font:700 13px var(--font-display);letter-spacing:.08em}.keno-panel-title small{color:var(--text-faint);font:600 9px var(--font-mono)}.keno-paytable{display:flex;flex-direction:column;gap:5px;min-height:218px;padding:10px 0}.keno-payrow{display:grid;grid-template-columns:1fr auto;gap:8px;padding:7px 9px;border-radius:7px;background:#ffffff05;color:#9c9385;font:600 11px var(--font-mono)}.keno-payrow.active{background:#7c9a5c22;color:#b9e88b}.keno-payrow strong{color:#f2c14e}.keno-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.keno-tools button,.keno-bet button{border:1px solid #493824;border-radius:8px;background:#1a1510;color:#c5b79f;font:700 10px var(--font-mono);cursor:pointer}.keno-tools button{padding:10px}.keno-bet{display:block;margin-top:10px;padding:10px;border:1px solid #493824;border-radius:10px;background:#0e0c09}.keno-bet>span{color:#756d61;font:700 9px var(--font-mono)}.keno-bet>div{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;margin-top:7px}.keno-bet button{height:32px;font-size:17px}.keno-bet strong{text-align:center;font:700 15px var(--font-mono)}.keno-play{margin-top:10px;padding:15px;border:0;border-radius:10px;background:linear-gradient(#f38a45,#d95d25);color:#18100a;font:800 16px var(--font-display);letter-spacing:.08em;cursor:pointer;box-shadow:0 5px 18px #e8672c3d}.keno-play:disabled{opacity:.45;cursor:not-allowed}.keno-message{min-height:34px;padding:10px 3px 0;color:#81786b;font-size:11px;text-align:center}.keno-history{margin-top:16px;padding:14px 16px}.keno-history header{display:flex;justify-content:space-between;color:#ad9d83;font:700 11px var(--font-mono)}.keno-history header small{color:#625b50}.keno-history>div{display:flex;gap:7px;overflow-x:auto;padding-top:12px}.keno-history p{color:#655f54;font-size:12px}.history-draw{display:flex;gap:4px;flex:none;padding:7px;border-radius:8px;background:#0e0c09}.history-ball{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#282118;color:#a99d89;font:700 9px var(--font-mono)}.history-ball.hit{background:#708f4e;color:#10150c}.fair-proof-grid{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 12px}.fair-proof-grid span{color:#8d8273;font-size:11px}.fair-proof-grid code{color:#d7cbb8;font:500 10px var(--font-mono);overflow-wrap:anywhere}@keyframes keno-ball{0%{opacity:0;transform:scale(.25) rotate(-25deg)}70%{transform:scale(1.16)}100%{opacity:1;transform:scale(1)}}@media(max-width:900px){.keno-layout{grid-template-columns:1fr}.keno-panel{order:-1}.keno-paytable{display:grid;grid-template-columns:repeat(3,1fr);min-height:0}.keno-grid{grid-template-columns:repeat(8,1fr)}}@media(max-width:600px){.keno-stage{padding:10px}.keno-grid{grid-template-columns:repeat(5,1fr);gap:5px}.keno-stage-head>div{padding:7px}.keno-paytable{grid-template-columns:repeat(2,1fr)}}