.keno-page{width:100%;min-width:0;color:var(--ink-primary);flex-direction:column;align-items:center;display:flex;container:keno-layout-host/inline-size}.keno-layout{grid-template-columns:minmax(var(--plinko-sidebar-min-width), var(--plinko-sidebar-width)) minmax(0, 1fr);width:100%;max-width:var(--plinko-layout-max-width);align-items:stretch;display:grid}.keno-controls{flex-direction:column;min-width:0;display:flex}.keno-brand,.keno-control-section,.keno-controls-footer{width:100%}.keno-brand{min-height:var(--control-height-compact);align-items:center;display:flex}.keno-brand-copy{align-items:center;gap:var(--space-3);display:flex}.keno-brand-icon{color:var(--ink-muted);display:inline-flex}.keno-brand h1{font-size:var(--text-xl);letter-spacing:var(--tracking-title);margin:0;font-weight:600}.keno-control-section{gap:var(--space-2);flex-direction:column;display:flex}.keno-bet-field{align-items:center;gap:var(--space-2);min-height:var(--control-height-lg);padding:0 var(--space-1) 0 var(--space-3);border:var(--px-1) solid transparent;border-radius:var(--radius-control);background:var(--surface-control);transition:border-color var(--ease), background var(--ease);display:flex}.keno-bet-field:focus-within{border-color:var(--accent);background:var(--surface-control-hover)}.keno-bet-prefix{color:var(--ink-muted);font-size:var(--text-md)}.keno-bet-input{width:100%;min-width:0;color:var(--ink-primary);font:500 var(--text-lg)/var(--leading-ui) var(--font);background:0 0;border:0;outline:0;flex:1;padding:0}.keno-bet-input::-webkit-inner-spin-button{-webkit-appearance:none}.keno-bet-input::-webkit-outer-spin-button{-webkit-appearance:none}.keno-bet-input[type=number]{-moz-appearance:textfield}.keno-bet-input:disabled{opacity:var(--opacity-disabled)}.keno-bet-actions{gap:var(--px-2);display:inline-flex}.keno-bet-action{min-width:var(--control-height-compact);min-height:var(--control-height-compact);padding:0 var(--space-1);border-radius:var(--radius-xs);color:var(--ink-muted);font:500 var(--text-sm)/var(--leading-ui) var(--font);cursor:pointer;transition:background var(--ease), color var(--ease);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.keno-bet-action:hover:not(:disabled){background:var(--surface-control-hover);color:var(--ink-primary)}.keno-bet-action:disabled{opacity:var(--opacity-disabled);cursor:default}.keno-controls-footer{flex-direction:column;display:flex}.keno-draw-button{width:100%;min-height:var(--control-height-lg);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);background:var(--accent);color:var(--ink-on-accent);font:500 var(--text-lg)/var(--leading-ui) var(--font);cursor:pointer;transition:background var(--ease), color var(--ease);border:0;justify-content:center;align-items:center;display:flex}.keno-draw-button:hover:not(:disabled){background:var(--accent-hover)}.keno-draw-button:active:not(:disabled){background:var(--accent-press)}.keno-draw-button:disabled{background:var(--surface-control);color:var(--ink-muted);opacity:.5;cursor:not-allowed}.keno-board{min-width:0;position:relative}.keno-board .game-toolbar{background:0 0}.keno-board .game-tool:before{background:var(--surface-game)}.keno-board .game-tool:hover:not(:disabled):before{background:var(--surface-game-control-hover)}.keno-board .game-tool.game-tool--active:before,.keno-board .game-tool.game-tool--active:hover:not(:disabled):before{background:var(--surface-game-selected)}.keno-board-head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.keno-selection-status{color:var(--ink-muted);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-ui);margin:0}.keno-selection-status--hidden{width:var(--px-1);height:var(--px-1);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.keno-board-actions{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.keno-board-actions button{min-height:var(--control-height-compact);padding-inline:var(--space-3);border-radius:var(--radius-full);background:var(--surface-game);color:var(--ink-secondary);font:500 var(--text-sm)/var(--leading-ui) var(--font);cursor:pointer;transition:color var(--ease), background var(--ease);border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.keno-board-actions button:after{content:"";inset:var(--hit-outset-compact) 0;position:absolute}.keno-board-actions button:hover:not(:disabled){background:var(--surface-game-control-hover);color:var(--ink-primary)}.keno-board-actions button:disabled{color:var(--ink-subtle);cursor:default}.keno-number-grid{gap:var(--space-2);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.keno-number-grid button{min-width:0;min-height:var(--keno-tile-height);border-radius:var(--radius-sm);background:var(--keno-tile-surface);color:var(--keno-number-ink);font:600 var(--text-xl)/var(--leading-ui) var(--font);cursor:pointer;transition:color var(--ease), background var(--ease), box-shadow var(--ease);border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.keno-number-grid button:hover:not(:disabled):not(.selected){background:var(--bg-tertiary);color:var(--keno-number-ink)}.keno-number-grid button.selected{background:var(--accent);color:var(--ink-on-accent)}.keno-number-grid button.selected:hover:not(:disabled):not(.hit){background:var(--accent-hover)}.keno-number-grid button:disabled{cursor:default}.keno-number-grid button.drawn{animation:keno-reveal var(--duration-slow) var(--ease-out)}.keno-number-grid button.drawn:not(.selected){background:var(--keno-drawn-surface);color:var(--keno-number-ink);box-shadow:inset 0 0 0 var(--px-1) var(--border-hover)}.keno-number-grid button.hit{background:var(--keno-hit-surface);color:var(--keno-hit-ink);box-shadow:inset 0 0 0 var(--px-2) var(--keno-hit-border)}.keno-number-grid button.miss{background:var(--keno-miss-surface);color:var(--keno-number-ink)}.keno-number-grid button.unavailable:not(.drawn){background:var(--keno-unavailable-surface);color:var(--keno-number-ink)}.keno-payline{gap:var(--space-3);margin-block:var(--space-5);flex-direction:column;display:flex}.keno-payline-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);color:var(--ink-muted);font-size:var(--text-sm);flex-wrap:wrap;font-weight:500;display:flex}.keno-payline-state{color:var(--ink-secondary)}.keno-payline-state.is-win{color:var(--keno-number-ink)}.keno-payline-separator{margin-inline:var(--space-1);color:var(--ink-subtle)}.keno-payline-amount{color:var(--success);font-weight:600}.keno-board .game-result-chip{background:var(--surface-game);color:var(--keno-number-ink)}.keno-board .game-result-chip:hover{background:var(--surface-game-control-hover)}.keno-board .game-result-chip.game-result-chip--win{background:color-mix(in srgb, var(--success) 18%, var(--surface-game))}.keno-payline-row{grid-template-columns:repeat(auto-fit, minmax(var(--keno-pay-min-width), 1fr));gap:var(--space-2);display:grid}.keno-pay-chip{justify-content:center;align-items:center;gap:var(--space-1);min-width:0;min-height:var(--space-9);padding:var(--space-2) var(--space-1);border-radius:var(--radius-xs);background:var(--keno-tile-surface);text-align:center;transition:background var(--ease), color var(--ease);flex-direction:column;display:flex}.keno-pay-chip strong{color:var(--keno-number-ink);font-size:var(--text-md);font-weight:600}.keno-pay-hits{color:var(--ink-muted);font-size:var(--text-xs);white-space:nowrap}.keno-pay-chip.is-hit{background:var(--accent-soft);box-shadow:inset 0 0 0 var(--px-1) var(--accent)}.keno-pay-chip.is-hit strong{color:var(--keno-number-ink)}.keno-empty-payout{min-height:var(--space-9);color:var(--ink-muted);font-size:var(--text-sm);align-items:center;margin:0;display:flex}.keno-page button:focus-visible{outline:var(--px-2) solid var(--ink-primary);outline-offset:var(--px-2)}.keno-page :is(.game-tool,.game-seed-verify):focus-visible{outline-offset:calc(var(--px-2) - var(--face-inset-compact))}.keno-page .game-result-chip:focus-visible{outline-offset:calc(-1 * var(--px-2))}@keyframes keno-reveal{0%{transform:scale(var(--keno-reveal-scale))}to{transform:scale(1)}}@container keno-layout-host (width<=780px){.keno-layout{grid-template-columns:minmax(0,1fr)}.keno-layout.game-layout>.game-sidebar{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.keno-layout .game-sidebar-footer{padding-top:var(--space-2);margin-top:0}}@container game-stage (width<=440px){.keno-number-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.keno-selection-status:not(.keno-selection-status--hidden){flex-basis:100%}}@container game-stage (width<=340px){.keno-number-grid{gap:var(--space-1)}}@media (prefers-reduced-motion:reduce){.keno-page *,.keno-page :before,.keno-page :after{transition-property:opacity!important;animation:none!important}}