html{scrollbar-gutter:stable}:root{--keno-width: 898px}.keno-layout{max-width:var(--keno-width);margin-inline:auto;display:grid;grid-template-columns:556px 320px;justify-content:center;gap:22px;align-items:start}@media(max-width:1040px){.keno-layout{grid-template-columns:minmax(0,1fr)}}.keno-board-side{display:flex;flex-direction:column;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:var(--bg-alt, #0a110b);background-image:radial-gradient(ellipse 90% 70% at 50% -10%,rgba(60,255,122,.07),transparent 70%);box-shadow:inset 0 0 60px #0000008c,inset 0 1px #ffffff0a}.keno-board-side .keno-status{max-width:none}.keno-board{display:grid;width:100%;grid-template-columns:repeat(8,1fr);gap:7px;max-width:520px}@media(max-width:480px){.keno-board{gap:5px}.keno-board-side{padding:12px}}@media(max-width:360px){.keno-board{gap:4px}.keno-board-side{padding:8px}}.keno-tile{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#161f18;background-image:linear-gradient(180deg,#ffffff0e,#fff0 55%);box-shadow:inset 0 1px #ffffff0f,0 2px 5px #0006;color:var(--text, #e8f0eb);font-family:Share Tech Mono,ui-monospace,monospace;font-size:clamp(12px,2.6vw,16px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;contain:layout paint style;transition:transform 90ms ease,background .14s ease,border-color .14s ease}.keno-tile:hover:not(:disabled){background:#1e2a20;border-color:#3cff7a73;transform:translateY(-2px)}.keno-tile:active:not(:disabled){transform:translateY(0) scale(.95)}.keno-tile:disabled{cursor:default}.keno-tile.is-picked{background:#1a2a2e;border-color:#50c8ff80;box-shadow:inset 0 1px #78d2ff26,0 0 16px #50c8ff1f;color:#a7e6ff}@keyframes keno-reveal{0%{transform:scale(.8);opacity:.4}to{transform:scale(1);opacity:1}}.keno-tile.just-turned{animation:keno-reveal .17s cubic-bezier(.2,.9,.3,1.2)}.keno-tile.is-hit{background:#14301f;background-image:linear-gradient(180deg,#3cff7a29,#3cff7a00 60%);border-color:#3cff7a99;color:var(--neon, #3cff7a);box-shadow:inset 0 1px #3cff7a33,0 0 20px #3cff7a33;font-weight:700}.keno-tile.is-drawn{background:#22201a;border-color:#ffc86459;color:#f0cf8a;opacity:.85}.keno-status{width:100%;max-width:520px;margin-top:12px;min-height:1.2em}.keno-controls{display:flex;flex-direction:column;gap:16px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:var(--surface, #0d140e)}.keno-hud{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.07)}.keno-hud-item{display:flex;flex-direction:column;gap:3px}.keno-hud-item .store-stat-label{margin-bottom:0}.keno-balance{font-family:Share Tech Mono,ui-monospace,monospace;font-size:24px}.keno-sound-toggle[aria-pressed=false]{opacity:.55}.keno-faucet{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff05}.keno-faucet .dash-fineprint{margin:0}.keno-faucet .btn{font-family:Share Tech Mono,ui-monospace,monospace;min-width:84px;text-align:center;justify-content:center}.keno-field{display:flex;flex-direction:column;gap:7px}.keno-field label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.keno-field input[type=number],.keno-field input[type=text]{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#00000040;color:inherit;font-family:Share Tech Mono,ui-monospace,monospace;font-size:16px}.keno-quick{display:flex;gap:6px}.keno-quick .btn{flex:1;justify-content:center}.keno-picks-head{display:flex;align-items:baseline;justify-content:space-between;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.keno-picks-head .btn{text-transform:none;letter-spacing:normal}.keno-action{width:100%;justify-content:center}@media(max-width:1040px){.keno-action{position:fixed;left:0;right:0;bottom:0;z-index:80;margin:0;border-radius:0;min-height:52px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 20px #00000080}.store .wrap{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}}@media(max-width:560px){.keno-controls{gap:12px;padding:14px}.keno-balance{font-size:19px}.keno-field{gap:5px}}.keno-ladder{width:100%;max-width:520px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.keno-ladder-head{display:flex;align-items:baseline;justify-content:space-between;font-family:var(--font-mono, "Share Tech Mono", monospace);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim, #9fb3a6);margin-bottom:8px}.keno-ladder-strip{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.keno-ladder-strip::-webkit-scrollbar{display:none}.keno-ladder-chip{flex:0 0 auto;min-width:52px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff05;font-family:Share Tech Mono,ui-monospace,monospace}.keno-ladder-hits{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint, #6d7d70)}.keno-ladder-mult{font-size:14px;color:var(--text-dim, #9fb3a6)}.keno-ladder-chip.is-win{border-color:#3cff7a66;background:#3cff7a12}.keno-ladder-chip.is-win .keno-ladder-mult{color:var(--neon, #3cff7a);font-weight:700}.keno-fair{max-width:var(--keno-width);margin:14px auto 0;font-size:13px}.keno-fair>summary{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:4px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff06;color:var(--text-dim, #9fb3a6);font-family:var(--font-mono, "Share Tech Mono", monospace);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;list-style:none}.keno-fair>summary::-webkit-details-marker{display:none}.keno-fair>summary:before{content:"\25b8";font-size:9px;opacity:.7}.keno-fair[open]>summary:before{content:"\25be"}.keno-fair>summary:hover{border-color:var(--neon-dim, rgba(60, 255, 122, .4));color:var(--text, #e8f0eb)}.keno-fair[open]{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff06}.keno-fair[open]>summary{margin-bottom:10px}.keno-seeds{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:12px 0 0;font-size:13px}.keno-seeds dt{opacity:.65}.keno-seeds dd{margin:0;font-family:Share Tech Mono,ui-monospace,monospace;overflow-wrap:anywhere}.keno-boards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:var(--keno-width);margin:22px auto 0}.keno-board-card{padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:var(--surface, #0d140e)}.keno-top{display:flex;flex-direction:column;gap:2px;margin:10px 0 0;padding:0;list-style:none}.keno-top-row{display:grid;grid-template-columns:18px minmax(0,1fr) minmax(0,1.1fr) max-content;gap:10px;align-items:baseline;padding:6px 8px;border-radius:8px;font-size:13px}.keno-top-row:nth-child(odd){background:#ffffff06}.keno-top-rank{opacity:.4;font-family:var(--font-mono, "Share Tech Mono", monospace)}.keno-top-row:first-child .keno-top-rank,.keno-top-row:first-child .keno-top-value{color:var(--neon, #3cff7a)}.keno-top-player{font-family:var(--font-mono, "Share Tech Mono", monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keno-top-detail{opacity:.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keno-top-value{font-family:var(--font-mono, "Share Tech Mono", monospace);color:#6ff0b6;text-align:right}.keno-top-empty{margin-top:10px}.keno-mystats{max-width:var(--keno-width);margin:16px auto 0;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:var(--surface, #0d140e)}.keno-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;margin:12px 0 10px}.keno-stat{display:flex;flex-direction:column;gap:3px}.keno-stat-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.keno-stat strong{font-family:var(--font-mono, "Share Tech Mono", monospace);font-size:18px;font-weight:400}.keno-stat strong.up{color:#6ff0b6}.keno-stat strong.down{color:#ff9a9a}@media(max-width:560px){.keno-top-row{grid-template-columns:18px minmax(0,1fr) max-content}.keno-top-detail{display:none}}.keno-popup-backdrop{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:90;width:100%;max-width:340px;padding:0 24px;pointer-events:none;opacity:0;transition:opacity .18s ease}.keno-popup-backdrop.is-open{opacity:1}.keno-popup{position:relative;pointer-events:auto;width:100%;padding:18px 22px 16px;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:var(--surface, #0d140e);box-shadow:0 20px 48px #00000080;transform:translateY(-10px);transition:transform .22s cubic-bezier(.2,.9,.3,1.2)}.keno-popup-backdrop.is-open .keno-popup{transform:translateY(0)}.keno-popup.won{border-color:#3cff7a66;box-shadow:0 20px 48px #00000080,0 0 40px #3cff7a1a}.keno-popup.lost{border-color:#ff5c5c4d}.keno-popup-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#ffffff08;color:var(--text-dim, #9fb3a6);cursor:pointer}.keno-popup-close:hover{color:var(--text, #e8f0eb);border-color:#ffffff40}.keno-popup-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px}.keno-popup.won .keno-popup-icon{background:#3cff7a24;color:var(--neon, #3cff7a)}.keno-popup.lost .keno-popup-icon{background:#ff5c5c24;color:#ff5c5c}.keno-popup-body{min-width:0}.keno-popup-title{font-family:var(--font-mono, "Share Tech Mono", monospace);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim, #9fb3a6)}.keno-popup-amount{font-family:var(--font-display, "Orbitron", sans-serif);font-weight:900;font-size:24px;line-height:1.2}.keno-popup.won .keno-popup-amount{color:var(--neon, #3cff7a);text-shadow:0 0 20px rgba(60,255,122,.35)}.keno-popup.lost .keno-popup-amount{color:#ff9a9a}.keno-popup-detail{font-size:12.5px;color:var(--text-dim, #9fb3a6);margin-top:1px}@media(max-width:560px){.keno-popup-backdrop{top:76px;padding:0 12px}}@media(prefers-reduced-motion:reduce){.keno-popup-backdrop,.keno-popup{transition:none}}.keno-verify-btn{margin-top:12px}.keno-verify{margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.keno-verify.ok{border-color:#3cff7a73;background:#3cff7a14}.keno-verify.bad{border-color:#ff5c5c80;background:#ff5c5c1a}.keno-ticker-wrap{display:flex;align-items:center;gap:12px;max-width:var(--keno-width);margin:0 auto 18px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff06}.keno-ticker-label{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-family:var(--font-mono, "Share Tech Mono", monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.keno-feed-dot{width:6px;height:6px;border-radius:50%;background:var(--neon, #3cff7a);box-shadow:0 0 8px var(--neon-glow, rgba(60, 255, 122, .6));animation:keno-pulse 2.4s ease-in-out infinite}@keyframes keno-pulse{0%,to{opacity:1}50%{opacity:.28}}.keno-ticker{display:flex;gap:8px;flex:1 1 auto;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}.keno-ticker::-webkit-scrollbar{display:none}.keno-ticker-item{display:inline-flex;align-items:baseline;gap:7px;flex:0 0 auto;padding:5px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#ffffff08;font-family:var(--font-mono, "Share Tech Mono", monospace);font-size:12px;white-space:nowrap}.keno-ticker-player{opacity:.6}.keno-ticker-item.won{border-color:#3cff7a59}.keno-ticker-item.lost{border-color:#ff5c5c47}.keno-ticker-item.won .keno-ticker-amount{color:#6ff0b6}.keno-ticker-item.lost .keno-ticker-amount{color:#ff9a9a}.keno-ticker-item.is-new{animation:keno-ticker-in .62s ease-out}@keyframes keno-ticker-in{0%{transform:translate(-10px) scale(.94);opacity:0}to{transform:none;opacity:1}}@media(max-width:560px){.keno-ticker-label{display:none}}@media(hover:none)and (pointer:coarse){.keno-quick .btn{min-height:44px;padding-block:10px}}.keno-halted{max-width:var(--keno-width);margin:0 auto 18px;padding:12px 16px;border:1px solid rgba(255,168,76,.45);border-radius:12px;background:#ffa84c17;color:#ffcb8a;font-size:14px;line-height:1.5}@media(prefers-reduced-motion:reduce){.keno-tile,.keno-tile.just-turned{transition:none;animation:none}.keno-tile:hover:not(:disabled){transform:none}.keno-feed-dot,.keno-ticker-item.is-new{animation:none}}