.results-panel .keno-view{color:#14243a;padding:12px 16px 0}.keno-view .keno-legend{background:#f1f5fa;border-radius:9px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 28px;padding:10px 14px;display:flex}.keno-legend .keno-legend-group{color:#586e88;white-space:nowrap;align-items:center;gap:5px;font-size:13px;line-height:1.5;display:inline-flex}.keno-legend-group strong{font-weight:750}.keno-legend-group i{border:2px solid;border-radius:50%;flex:0 0 13px;width:13px;height:13px}.keno-legend-group--a i{background:#fff0e0;border-color:#ffa45e}.keno-legend-group--b i{background:#daf0ed;border-color:#67beb8}.keno-legend-group--c i{background:#e5e6f6;border-color:#949cdb}.keno-view .keno-conversion-note{color:#5a708b;margin:6px 0 2px;font-size:12px}.keno-conversion-note summary{color:#316aaf;cursor:pointer;width:fit-content;padding:5px 2px;font-weight:700}.keno-conversion-note p{margin:3px 0 10px;line-height:1.7}.keno-conversion-note summary:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #1768d5}.keno-view .keno-list{gap:0;margin-top:0;display:grid}.keno-view .keno-record{background:#fff;border:0;border-bottom:1px solid #e4ebf4;border-radius:0;min-width:0;padding:13px 16px 15px}.keno-view .keno-record:nth-child(2n){background:#f8fafd}.keno-view .keno-record:last-child{border-bottom:0}.keno-view .keno-record-head{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;min-width:0;display:grid}.keno-view .keno-record-head .keno-record-meta{flex-flow:wrap;align-items:baseline;gap:5px 10px;min-width:0;display:flex}.keno-record-head .keno-record-meta>strong{color:#152438;white-space:nowrap;font-size:18px;font-weight:800}.keno-record-head .keno-record-meta>time{color:#5b7190;font-size:14px;font-weight:500}.keno-record-head .keno-record-result{align-items:center;gap:8px;min-width:0;display:flex}.keno-view .keno-record-result .formula-inline{order:0;justify-self:auto;gap:4px}.keno-record-result .formula-inline .formula-segment{gap:4px}.keno-record-result .formula-inline strong{color:#14243a;font-size:18px;font-weight:800}.keno-record-result .formula-inline i{color:#657890;font-size:13px;font-weight:500}.keno-record-result .formula-inline .formula-sum{color:#fff;background:#1766c5;border-radius:5px;place-items:center;min-width:30px;height:30px;padding:0 4px;display:inline-grid}.keno-record-result .keno-record-traits{align-items:center;gap:5px;display:flex}.keno-record-traits .result-pill{border-radius:4px;min-width:25px;height:26px;padding:0 4px;font-size:15px;font-weight:800}.keno-record-head .keno-calculation-link{color:#0966d6;cursor:pointer;min-height:32px;font:inherit;white-space:nowrap;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0 2px;font-size:14px;font-weight:700;display:inline-flex}.keno-calculation-link:hover{text-decoration:underline}.keno-calculation-link:focus-visible{outline-offset:3px;outline:2px solid #1768d5}.keno-view .keno-balls.keno-balls--grouped{grid-template-columns:repeat(20,minmax(0,40px));justify-content:start;gap:5px;margin-top:22px;display:grid}.keno-balls--grouped .keno-ball{aspect-ratio:1;font-variant-numeric:tabular-nums;border:2px solid;border-radius:50%;place-items:center;width:100%;min-width:0;font-size:18px;font-weight:750;line-height:1;display:grid;position:relative}.keno-balls--grouped .keno-ball small{width:auto;height:auto;color:inherit;text-align:center;background:0 0;border-radius:0;font-size:13px;font-weight:750;line-height:16px;display:block;position:absolute;top:-18px;left:0;right:0}.keno-balls--grouped .keno-ball--a{color:#ed6500;background:#ffebd8;border-color:#ffa459}.keno-balls--grouped .keno-ball--b{color:#008e83;background:#d9efec;border-color:#64bdb5}.keno-balls--grouped .keno-ball--c{color:#414dc0;background:#e4e5f5;border-color:#9098d6}.keno-balls--grouped .keno-ball--edge{color:#60728c;opacity:1;background:#f8fafc;border-color:#e1e8f1}.calculation-modal.keno-calculation-modal .keno-balls{grid-template-columns:repeat(10,minmax(0,40px));justify-content:center;gap:25px 8px;margin-block:30px 22px}.keno-calculation-modal .keno-calculation-group--a>span{color:#c85400;font-weight:800}.keno-calculation-modal .keno-calculation-group--b>span{color:#007a70;font-weight:800}.keno-calculation-modal .keno-calculation-group--c>span{color:#414dc0;font-weight:800}@media (max-width:1000px){.keno-view .keno-balls.keno-balls--grouped{grid-template-columns:repeat(10,minmax(0,40px));gap:25px 7px}}@media (max-width:640px){.results-panel .keno-view{padding:8px 0 0}.keno-view .keno-legend{justify-content:flex-start;gap:3px 12px;margin-inline:8px;padding:8px 10px}.keno-legend .keno-legend-group{font-size:12px}.keno-view .keno-conversion-note{margin:4px 10px;font-size:12px}.keno-view .keno-record{padding:10px 10px 13px}.keno-view .keno-record-head{grid-template-columns:minmax(0,1fr) auto;gap:5px 8px}.keno-record-head .keno-record-meta{grid-area:1/1}.keno-record-head .keno-record-meta>strong{font-size:16px}.keno-record-head .keno-record-meta>time{font-size:12px}.keno-record-head .keno-record-result{grid-area:2/1;gap:7px}.keno-record-head .keno-calculation-link{grid-area:1/2/3;min-height:44px;font-size:13px}.keno-record-result .formula-inline strong{font-size:16px}.keno-record-result .formula-inline .formula-sum{min-width:27px;height:27px}.keno-record-traits .result-pill{min-width:23px;height:24px;font-size:14px}.keno-view .keno-balls.keno-balls--grouped{grid-template-columns:repeat(10,minmax(0,34px));gap:23px 4px;margin-top:21px}.keno-balls--grouped .keno-ball{border-width:1.5px;font-size:15px}.keno-balls--grouped .keno-ball small{font-size:12px;line-height:15px;top:-17px}.calculation-modal.keno-calculation-modal .keno-balls{grid-template-columns:repeat(10,minmax(0,34px));gap:23px 4px}.keno-calculation-modal .calculation-groups>div{gap:6px;padding-inline:8px}.keno-calculation-modal .calculation-groups strong{overflow-wrap:anywhere;font-size:12px}.keno-calculation-modal .calculation-groups span,.keno-calculation-modal .calculation-groups em{font-size:12px}}