@import url('/shared/site.css');
body{min-height:100dvh;display:flex;flex-direction:column}header{height:calc(var(--space-1) * 16)}footer{margin-top:auto}.cabinet-room{flex:1;display:flex;align-items:center;justify-content:center;gap:calc(var(--space-1) * 16);padding:calc(var(--space-1) * 5) calc(var(--space-1) * 8)}.game-notes{width:calc(var(--space-1) * 72.5)}.game-notes h1{font-size:calc(var(--space-1) * 11.5);line-height:1.05;margin:calc(var(--space-1) * 5) 0 calc(var(--space-1) * 3.5)}.game-notes>p{color:var(--muted);font-size:calc(var(--space-1) * 3.5);line-height:1.7}.edition{border-top:calc(var(--space-1) * 0.25) solid var(--line);padding-top:calc(var(--space-1) * 4.5);margin-top:calc(var(--space-1) * 5.5)!important;font-variant:small-caps;letter-spacing:calc(var(--space-1) * 0.25)}.game-notes button{margin:calc(var(--space-1) * 2) 0}#start{margin-top:calc(var(--space-1) * 3)}#start label{display:block;margin:calc(var(--space-1) * 2) 0}#start input,#start select{max-width:calc(var(--space-1) * 40);margin-left:calc(var(--space-1) * 2)}button.wax{background:var(--wax);border-color:var(--gold);color:var(--ink)}.cabinet{position:relative;flex:none;height:min(calc(var(--space-1) * 165),calc(100dvh - calc(var(--space-1) * 35.5)));background-repeat:no-repeat;background-size:100% 100%;filter:drop-shadow(0 calc(var(--space-1) * 3) calc(var(--space-1) * 3) var(--scrim))}.slot{aspect-ratio:262/420;background-image:url('/cabinets/slot-3-reel-chrome.svg')}.vp{aspect-ratio:260/470;background-image:url('/cabinets/video-poker-chrome.svg')}.interior{position:absolute;display:flex;flex-direction:column;gap:calc(var(--space-1) * 2.25);background:var(--cab-body);left:9.16%;width:73.28%;top:19.05%;height:74%;padding:0 calc(var(--space-1) * 0.5)}.vp .interior{left:9.23%;width:81.54%;top:17.02%;height:68%}.payglass{background:var(--cab-glass);border:calc(var(--space-1) * 0.25) solid var(--brass);border-radius:calc(var(--space-1) * 1.25);padding:calc(var(--space-1) * 1.5) calc(var(--space-1) * 2.25);flex:1.2;min-height:0;display:flex;align-items:center}table{border-collapse:collapse;width:100%;font-size:calc(var(--space-1) * 3);line-height:1.25;color:var(--ink)}th{text-align:left;font-weight:500}td{text-align:right}td,th{padding:calc(var(--space-1) * 0.25) calc(var(--space-1) * 0.75)}thead{color:var(--brass)}td.selected,th.selected{background:var(--wax-lo)}.reels{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:row;background:var(--ink);border:calc(var(--space-1) * 0.75) solid var(--brass);border-radius:calc(var(--space-1) * 1.25);flex:1.15;min-height:0;overflow:hidden}.symbol{display:flex;align-items:center;justify-content:center;border-right:calc(var(--space-1) * 0.25) solid var(--brass-light);color:var(--cab-body);position:relative}.symbol.middle{border-top:calc(var(--space-1) * 0.25) solid var(--brass);border-bottom:calc(var(--space-1) * 0.25) solid var(--brass);background:var(--card-face)}.symbol svg{height:78%;max-height:calc(var(--space-1) * 12);width:70%;max-width:calc(var(--space-1) * 15)}.symbol .word{font:bold calc(var(--space-1) * 5.5) Georgia;color:var(--wax)}.symbol .bar{background:var(--panel);color:var(--ink);padding:calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.75);border:calc(var(--space-1) * 0.5) solid var(--brass);font-size:calc(var(--space-1) * 4)}.symbol small{font:calc(var(--space-1) * 2.25) Georgia;position:absolute;left:calc(var(--space-1) * 0.75);color:var(--wood-light)}.meter{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--space-1) * 1.25);background:var(--panel);border:calc(var(--space-1) * 0.25) solid var(--line);border-radius:calc(var(--space-1) * 0.75);padding:calc(var(--space-1) * 2.25) calc(var(--space-1) * 1.75);color:var(--brass);font-size:calc(var(--space-1) * 2.75);white-space:nowrap}.meter span{display:flex;align-items:center;gap:calc(var(--space-1) * 1)}.meter strong{color:var(--ink);font-size:calc(var(--space-1) * 3.5)}.meter img{width:calc(var(--space-1) * 4.75);height:calc(var(--space-1) * 4.75)}.controls{display:flex;gap:calc(var(--space-1) * 1.75);align-items:end;justify-content:space-between}.controls label{font-size:calc(var(--space-1) * 2.75);display:grid;gap:calc(var(--space-1) * 0.75);flex:1}.controls select{padding:calc(var(--space-1) * 1);height:calc(var(--space-1) * 8)}.controls button{min-height:calc(var(--space-1) * 9);padding:calc(var(--space-1) * 1.5) calc(var(--space-1) * 2.25);font-size:calc(var(--space-1) * 3)}.controls .wax{flex:1.4}#result{min-height:calc(var(--space-1) * 7.25);text-align:center;font-size:calc(var(--space-1) * 2.75);color:var(--ink);margin:0;line-height:1.3}.poker-window{flex:1.05;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--space-1) * 2)}.cards,.holds{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(var(--space-1) * 1.25)}.cards img{width:100%;aspect-ratio:5/7;object-fit:fill;border-radius:calc(var(--space-1) * 1);background:var(--card-face)}.holds button{font-size:calc(var(--space-1) * 2.5);min-height:calc(var(--space-1) * 6.75);padding:calc(var(--space-1) * 0.75) 0;border-color:var(--line)}.holds button[aria-pressed=true]{background:var(--ink);color:var(--cab-body);border-color:var(--brass)}.vp table{font-size:calc(var(--space-1) * 2.5)}.vp td,.vp th{padding:calc(var(--space-1) * 0.5) calc(var(--space-1) * 0.5)}.vp .controls button{flex:1}.vp .meter{padding:calc(var(--space-1) * 1.75) calc(var(--space-1) * 1.25);font-size:calc(var(--space-1) * 2.5)}.vp .meter strong{font-size:calc(var(--space-1) * 3.25)}#message{position:fixed;bottom:calc(var(--space-1) * 7);left:50%;transform:translateX(-50%);max-width:90vw;background:var(--panel);border:calc(var(--space-1) * 0.25) solid var(--line);padding:calc(var(--space-1) * 2.5) calc(var(--space-1) * 4.5);z-index:30}#message:empty{display:none}dialog table{margin:calc(var(--space-1) * 4) 0}dialog p{line-height:1.7}#rules-text pre{white-space:pre-wrap;font-size:calc(var(--space-1) * 2.75);line-height:1.6}button:focus-visible{outline:calc(var(--space-1) * 0.5) solid var(--brass);outline-offset:calc(var(--space-1) * 0.5)}
@media(max-width:900px),(max-height:500px){footer{display:none}header{height:calc(var(--space-1) * 11);padding:0 calc(var(--space-1) * 5)}.brand{font-size:calc(var(--space-1) * 5.5)}.brand img{height:calc(var(--space-1) * 7)}.cabinet-room{padding:calc(var(--space-1) * 2) calc(var(--space-1) * 4.5);gap:calc(var(--space-1) * 5.5)}.game-notes{width:calc(var(--space-1) * 51.25)}.game-notes h1{font-size:calc(var(--space-1) * 7.5);margin:calc(var(--space-1) * 2) 0}.game-notes>p{font-size:calc(var(--space-1) * 2.75);line-height:1.4}.edition{display:none}#start{margin-top:0}.game-notes button{min-height:calc(var(--space-1) * 7.5);margin:calc(var(--space-1) * 1) 0;font-size:calc(var(--space-1) * 2.75);padding:calc(var(--space-1) * 1.25) calc(var(--space-1) * 2)}.game-notes>p:last-child{display:none} .cabinet{height:calc(100dvh - calc(var(--space-1) * 24))}footer{font-size:calc(var(--space-1) * 2.25);padding:calc(var(--space-1) * 1.25) calc(var(--space-1) * 5)}.payglass{padding:calc(var(--space-1) * 0.75) calc(var(--space-1) * 1)}.interior{gap:calc(var(--space-1) * 1)}.slot table{font-size:calc(var(--space-1) * 2);line-height:1.1}.slot td,.slot th{padding:0 calc(var(--space-1) * 0.5)}.vp table{font-size:calc(var(--space-1) * 1.5);line-height:1.1}.vp td,.vp th{padding:calc(var(--space-1) * 0.25)}.meter,.vp .meter{padding:calc(var(--space-1) * 0.75);font-size:calc(var(--space-1) * 1.75);gap:calc(var(--space-1) * 0.5)}.meter span{gap:calc(var(--space-1) * 0.5)}.meter strong,.vp .meter strong{font-size:calc(var(--space-1) * 2.25)}.meter img{width:calc(var(--space-1) * 3);height:calc(var(--space-1) * 3)}.controls{gap:calc(var(--space-1) * 0.75)}.controls label{font-size:calc(var(--space-1) * 2);gap:calc(var(--space-1) * 0.25)}.controls button,.controls select{font-size:calc(var(--space-1) * 2);min-height:calc(var(--space-1) * 5.75);height:calc(var(--space-1) * 5.75);padding:calc(var(--space-1) * 0.5) calc(var(--space-1) * 1)}.holds{gap:calc(var(--space-1) * 0.5)}.holds button{font-size:calc(var(--space-1) * 1.5);min-height:calc(var(--space-1) * 4);padding:calc(var(--space-1) * 0.25)}.cards{gap:calc(var(--space-1) * 0.75)}.poker-window{gap:calc(var(--space-1) * 1)}#result{font-size:calc(var(--space-1) * 1.75);min-height:calc(var(--space-1) * 4.5)}.symbol svg{max-height:calc(var(--space-1) * 5.5)}.symbol .word{font-size:calc(var(--space-1) * 3.75)}.symbol .bar{font-size:calc(var(--space-1) * 2);padding:calc(var(--space-1) * 0.25) calc(var(--space-1) * 0.75)}.symbol small{font-size:calc(var(--space-1) * 1.5)}}
@media(max-width:540px) and (min-height:501px){.cabinet-room{flex-direction:column;gap:calc(var(--space-1) * 2.5);padding:calc(var(--space-1) * 3)}.game-notes{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:calc(var(--space-1) * 2)}.game-notes h1{font-size:calc(var(--space-1) * 6.5);margin:0}.game-notes>p{display:none}.game-notes>a{font-size:calc(var(--space-1) * 3)}.game-notes #start{margin:0}.cabinet{height:calc(var(--space-1) * 135);max-width:100%}.slot table{font-size:calc(var(--space-1) * 2.5)}.vp table{font-size:calc(var(--space-1) * 2.25)}.controls button,.controls select{font-size:calc(var(--space-1) * 2.75);min-height:calc(var(--space-1) * 8);height:calc(var(--space-1) * 8)}.meter,.vp .meter{font-size:calc(var(--space-1) * 2.25)}.meter strong,.vp .meter strong{font-size:calc(var(--space-1) * 3)}#result{font-size:calc(var(--space-1) * 2.5)}.holds button{font-size:calc(var(--space-1) * 2.25);min-height:calc(var(--space-1) * 5.75)}.symbol svg{max-height:calc(var(--space-1) * 9.25)}}

@media(max-width:900px),(max-height:500px){.cabinet{width:min(calc(var(--space-1) * 130),calc(100vw - calc(var(--space-1) * 70)));height:calc(100dvh - calc(var(--space-1) * 24));aspect-ratio:auto}.interior,.vp .interior{display:grid;grid-template-columns:44% 56%;grid-template-rows:minmax(0,1fr) auto auto auto;gap:calc(var(--space-1) * 1.25);padding-right:calc(var(--space-1) * 1.25)}.payglass{grid-column:1;grid-row:1/4}.reels,.poker-window{grid-column:2;grid-row:1}.meter,.vp .meter{grid-column:2;grid-row:2;font-size:calc(var(--space-1) * 2)}.controls{grid-column:2;grid-row:3}#result{grid-column:1/-1;grid-row:4;font-size:calc(var(--space-1) * 2.25);min-height:calc(var(--space-1) * 3.75)}.slot table{font-size:calc(var(--space-1) * 2.5);line-height:1.5}.vp table{font-size:calc(var(--space-1) * 2);line-height:1.5}.vp td,.vp th{padding:calc(var(--space-1) * 0.25)}.symbol svg{max-height:calc(var(--space-1) * 7.5)}.symbol .word{font-size:calc(var(--space-1) * 5)}.symbol .bar{font-size:calc(var(--space-1) * 2.75)}.holds button{font-size:calc(var(--space-1) * 2);min-height:calc(var(--space-1) * 5)}.controls button,.controls select{font-size:calc(var(--space-1) * 2.5);min-height:calc(var(--space-1) * 7);height:calc(var(--space-1) * 7)}.cards img{max-height:calc(var(--space-1) * 21.5)}.meter strong,.vp .meter strong{font-size:calc(var(--space-1) * 2.5)}}
@media(max-width:540px) and (min-height:501px){.cabinet{width:auto;height:calc(var(--space-1) * 135);aspect-ratio:262/420}.vp{aspect-ratio:260/470}.interior,.vp .interior{display:flex;padding-right:calc(var(--space-1) * 0.5)}.payglass{flex:1.2}.slot table{font-size:calc(var(--space-1) * 2.75)}.vp table{font-size:calc(var(--space-1) * 2.25)}.cards img{max-height:none}.meter,.vp .meter{font-size:calc(var(--space-1) * 2.25)}.controls button,.controls select{height:calc(var(--space-1) * 8)}.reels{flex:1.15}}

.slot-five{aspect-ratio:320/440;background-image:url('/cabinets/slot-5-reel-chrome.svg')}.slot-five .interior{left:8.125%;width:83.75%;top:18.2%;height:74%}.slot-five .reels{grid-template-columns:repeat(5,1fr)}.slot-five .symbol{font:1.4rem Georgia;min-height:0}.slot-five .payglass{flex:.65}.progressive{color:var(--ink);text-align:center;font-size:.8rem;border:calc(var(--space-1) * 0.25) solid var(--brass);padding:.3rem}.placeholder{font-size:.8rem!important}.slot-five #result{min-height:2.5em}
@media(max-width:900px),(max-height:500px){.slot-five .interior{display:grid;grid-template-columns:42% 58%;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:var(--space-1)}.slot-five .progressive{grid-column:1/-1;grid-row:1;font-size:.65rem;padding:calc(var(--space-1) * 0.5)}.slot-five .payglass{grid-row:2/5}.slot-five .reels{grid-row:2}.slot-five .meter{grid-row:3}.slot-five .controls{grid-row:4}.slot-five #result{grid-row:5}.slot-five .symbol{font-size:1.1rem}.slot-five table{font-size:.65rem;line-height:1.4}.slot-five .interior{height:75%}.placeholder{margin:var(--space-1) 0!important}}

.slot-five .symbol.outside{background:var(--cab-body);border:0}