/* Selected landing preview: A, all five outcomes. */
.outcome-preview{margin:40px 0 22px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.preview-heading h2{font:400 25px Anton,sans-serif;letter-spacing:0}.preview-heading>span{font:9px "Space Mono";color:#302063}.ticket-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.outcome-tile{--tile:#fff;--text:#19171f;position:relative;isolation:isolate;background:var(--tile);color:var(--text);border:2px solid #19171f;border-radius:0;box-shadow:3px 3px 0 #19171f;min-width:0;text-align:left;padding:12px 11px;cursor:pointer;min-height:155px;display:flex;flex-direction:column;transition:transform .12s,box-shadow .12s;overflow:hidden}.outcome-tile:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #19171f}.outcome-tile:active{transform:translate(2px,2px);box-shadow:none}.outcome-tile[data-kind=warning]{--tile:#f73642;--text:#ffffb6}.outcome-tile[data-kind=low]{--tile:#fffddd;--text:#19171f}.outcome-tile[data-kind=dream]{--tile:#302063;--text:#f1ff48}.outcome-tile[data-kind=clear]{--tile:#e6ffc6;--text:#19171f}.outcome-tile[data-kind=unknown]{--tile:#ded9e6;--text:#51465e}.tile-meta{display:flex;justify-content:space-between;align-items:center;font:8px "Space Mono";letter-spacing:.3px;margin-bottom:21px;opacity:.85}.tile-meta .tile-symbol{font-size:14px;opacity:1}.tile-title{font:400 25px/1.08 Anton,sans-serif;letter-spacing:-.25px;margin:0 0 12px;position:relative;z-index:1}.tile-hint{font:8px/1.3 "Space Mono";margin:auto 0 0;opacity:.8}.sample-note{font:8px "Space Mono";margin:14px 0 0;color:#302063;opacity:.75;line-height:1.5}
@media(max-width:950px) and (min-width:681px){.tile-title{font-size:21px}.outcome-tile{padding:10px 8px;min-height:147px}.tile-meta{font-size:7px}}
@media(max-width:680px){.outcome-preview{margin:30px 0 18px}.preview-heading{gap:8px}.preview-heading h2{font-size:21px}.preview-heading>span{font-size:7px;text-align:right}.ticket-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.outcome-tile{min-height:127px;padding:10px 8px}.outcome-tile:last-child{grid-column:span 2;min-height:83px}.outcome-tile:last-child .tile-meta{margin-bottom:8px}.tile-title{font-size:21px}.tile-meta{font-size:6px;margin-bottom:12px;gap:3px}.tile-meta .tile-symbol{font-size:11px}.tile-hint{font-size:6px}.sample-note{font-size:7px}}
@media(max-width:370px){.ticket-grid{gap:7px}.tile-title{font-size:19px}.outcome-tile{padding:9px 6px}.tile-meta{font-size:6px;letter-spacing:0}.tile-hint{font-size:6px}.preview-heading h2{font-size:19px}}
.preview-reel{position:absolute;inset:0;background:var(--tile);color:var(--text);z-index:4;overflow:hidden;pointer-events:none}.preview-reel-row{display:flex;align-items:center;justify-content:center;padding:14px;font:400 28px/1.05 Anton,sans-serif;text-align:center}
main:has(#results:not([hidden])) .outcome-preview,main:has(#loading:not([hidden])) .outcome-preview{display:none}
@media(prefers-reduced-motion:reduce){.outcome-tile{transition:none}}
@media(min-width:681px) and (max-width:1000px){.ticket-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.outcome-tile{grid-column:span 2}.outcome-tile:nth-child(n+4){grid-column:span 3;min-height:110px}}