@import url('./table.css');
:root{font-family:Arial,Helvetica,sans-serif;color:#fff6d7;background:#110603;color-scheme:dark;font-synthesis:none;--gold:#ffd15a;--red:#701010}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#542014 0,#1a0805 55%,#090302 100%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;filter:saturate(.5);opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #5feaff;outline-offset:3px;z-index:10}button[aria-pressed=true]{box-shadow:0 0 14px #ffdc68;border-color:#fff19c}button{touch-action:manipulation}button img{pointer-events:none}[hidden]{display:none!important}.shell{width:min(1440px,100vw,calc((100dvh - 34px)*16/9));padding:0 8px}.machine{position:relative;aspect-ratio:16/9;display:grid;grid-template-rows:8% 9% 14% 6% 46% 17%;padding:0 3.2%;overflow:hidden;border:5px ridge #d9aa4f;border-radius:46px 46px 18px 18px;background:radial-gradient(ellipse at 50% 0,#c92c2b60,transparent 60%),linear-gradient(90deg,#3b0a08aa,#51080677),url('../assets/background-landscape.jpg') center/100% 100%;box-shadow:0 0 0 2px #4b250e,0 0 0 6px #b17932,0 20px 70px #000c,inset 0 0 10px #ffdb8b}.masthead{display:flex;align-items:center;justify-content:center;position:relative;min-height:0}.masthead h1{margin:0;width:28%;height:90%;display:flex;align-items:center}.masthead h1 img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #210800)}.edition{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:clamp(8px,.9vw,12px);letter-spacing:.17em;color:#ffe4a2bb}.masthead nav{position:absolute;right:0;display:flex;gap:6px}.small-button{border:1px solid #c49b4b88;background:#2a080885;border-radius:20px;padding:6px 13px;font-size:12px;min-height:30px}.jackpots{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3%;align-items:center}.jackpot{display:flex;justify-content:space-between;align-items:center;min-width:0;padding:1.5% 4%;border:2px ridge #98886b;border-radius:8px;background:linear-gradient(#29120c,#120905);box-shadow:inset 0 0 15px #0008;font-weight:700;gap:6px;height:72%}.jackpot span{font-size:clamp(13px,2.25vw,30px);letter-spacing:.06em}.jackpot strong{font-family:'Courier New',monospace;font-style:italic;font-size:clamp(17px,2.9vw,39px);font-weight:400;text-shadow:0 0 8px currentColor;white-space:nowrap}.major{color:#ffdc63;border-color:#e4b53f}.minor{color:#60ec61;border-color:#3a6e37;background:#091e08}.mini{color:#55dfff;border-color:#31629b;background:#07112a}.feature-info{display:grid;align-items:center;min-height:0}.thresholds{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:7% 1.2%;height:90%}.thresholds>div{display:flex;align-items:center;gap:5%;border:1px solid #dd754b77;border-radius:8px;background:linear-gradient(#470803,#2a0304);min-height:0;justify-content:space-evenly;padding-right:4%}.thresholds img{width:20%;height:100%;object-fit:contain}.thresholds b{color:#ffde60;text-shadow:1px 2px 1px #4c1300;font-size:clamp(18px,2.7vw,36px);white-space:nowrap}.thresholds span{white-space:nowrap;font-size:clamp(11px,1.75vw,25px)}.thresholds small{font-size:.67em}.message-bar{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-height:0;color:#ffde85;font-size:clamp(10px,1.35vw,18px);text-align:center;text-shadow:1px 1px #2a0400}.message-bar #message{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}#practice-banner{font-size:11px;color:#79f3ff}#practice-banner button{border:0;border-bottom:1px solid #79f3ff;background:none;font-size:inherit;padding:0 3px}.playfield{position:relative;min-height:0;border:7px ridge #a8aeba;border-radius:10px;background:#2b323d;box-shadow:0 0 0 3px #111921,0 0 0 7px #a66e2a,inset 0 0 20px #000}.reels{display:grid;grid-template-columns:repeat(5,1fr);height:100%;overflow:hidden;border-radius:3px;gap:3px;background:#202b34}.reel{display:grid;grid-template-rows:repeat(3,1fr);min-width:0;min-height:0;background:linear-gradient(90deg,#5f6a73 0,#c4d0d8 8%,#edf3ff 30%,#e9effa 70%,#9aa8b5 94%,#48535f);box-shadow:inset 0 9px 18px #142336bb,inset 0 -9px 17px #142336aa;position:relative}.cell{min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:3% 3%;position:relative;isolation:isolate}.symbol-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 3px 1px #0007)}.bar-stack{width:84%;height:90%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0}.bar-stack img{object-fit:contain;width:100%;height:29%;filter:drop-shadow(1px 2px 1px #0005)}.bar1 img{height:37%}.bar2 img{height:31%}.wild-symbol{position:relative;width:92%;height:100%;display:flex;align-items:center;justify-content:center}.wild-symbol img{width:100%;height:100%;object-fit:contain}.wild-symbol .wild-label{position:absolute;top:8%;left:13%;width:77%;height:71%;filter:drop-shadow(1px 1px #730c00)}.cell.winning:after{content:'';position:absolute;inset:3px;border:2px solid #ffeb7c;border-radius:8px;box-shadow:0 0 12px #ffab00,inset 0 0 18px #ffe94d55;pointer-events:none;animation:win-glow 1s infinite alternate}.spinning .cell{animation:reel-spin .17s linear infinite;filter:blur(2px)}.spinning .reel:nth-child(2n) .cell{animation-delay:-.08s}.controls{display:grid;grid-template-columns:.55fr 1.5fr 1.5fr 1.4fr .6fr .6fr 1.15fr;align-items:center;gap:1.4%;margin:0 -3.6%;padding:0 2%;background:linear-gradient(#39180a66,#8b665ba8 34%,#372b28e0 80%,#0d0807);z-index:2;min-height:0}.readout{display:flex;flex-direction:column;text-align:center;align-items:center;min-width:0;gap:4px}.readout>span{color:#ffb93f;font-weight:700;font-size:clamp(14px,1.9vw,26px);text-shadow:1px 1px #552600}.readout strong,.bet-control>strong{font-variant-numeric:tabular-nums;font-size:clamp(18px,2.25vw,31px);color:white;white-space:nowrap;text-shadow:0 2px 2px #000}.readout small,.bet-control>small{font-size:clamp(9px,.8vw,12px);color:#e7ceae;letter-spacing:.03em}.readout.win>strong{color:#ffdf75}.bet-control{display:flex;align-items:center;flex-direction:column;gap:4px}.bet-stepper{display:grid;grid-template-columns:1fr 2.8fr 1fr;width:100%;border:2px ridge #deb477;border-radius:13px;overflow:hidden;box-shadow:0 3px 5px #170900}.bet-stepper button{border:1px solid #3c1a0b;background:linear-gradient(#efb88b,#995a35 48%,#bb7c4c);font-size:clamp(16px,2vw,26px);font-weight:700;padding:5px 0;text-shadow:0 2px #5d361c}.bet-stepper button:first-child,.bet-stepper button:last-child{color:#ffdb87}.round-button{border:3px ridge #e2a967;background:radial-gradient(at 35% 25%,#edb27b,#ad643c 60%,#59351f);border-radius:50%;aspect-ratio:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:1px 3px 4px #180800}.round-button span{font-size:clamp(24px,3.4vw,48px);line-height:1;color:#ffe57c;text-shadow:2px 2px #6d380f}.round-button small{font-size:clamp(7px,.65vw,10px);color:#fff3c2}.settings span{color:#e5d0bc}.spin{position:relative;aspect-ratio:1;width:100%;border:0;background:transparent;padding:0;filter:drop-shadow(0 4px 5px #140c02);align-self:center;transform:translateY(-10%);transition:transform .15s}.spin:not(:disabled):hover{transform:translateY(-10%) scale(1.05)}.spin-base,.spin-mark{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.spin-mark{filter:brightness(3) saturate(.2)}.spin>span{position:absolute;left:0;right:0;bottom:19%;color:#255c06;text-shadow:0 1px #d8ff92;font-weight:900;font-size:clamp(9px,1.3vw,18px);letter-spacing:.12em}.spin:disabled{opacity:.8}.caption{height:32px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:11px;color:#a99983;white-space:nowrap}.caption button{border:0;background:none;padding:3px;color:#debf7a;font-size:11px;text-decoration:underline;text-underline-offset:3px}.caption button:hover{color:#fff6d0}.storage-warning{padding:10px 16px;margin:8px;background:#633a05;color:#fff4bf;font-size:13px;border:1px solid #b98834;border-radius:8px}.feature-stats{height:96%;display:grid;grid-template-columns:1fr 1.4fr 1.4fr;align-content:center;gap:8px;background:radial-gradient(at 50% 0,#c16919,#6b1106 85%);border:2px ridge #edca64;border-radius:10px;padding:8px 4%}.feature-stats>div:not(.token-progress){display:flex;flex-direction:column;text-align:center;gap:3px}.feature-stats span{font-size:clamp(10px,1vw,15px);color:#ffe5a8;letter-spacing:.05em}.feature-stats strong{font-size:clamp(20px,2.6vw,36px);font-variant-numeric:tabular-nums}.token-progress{grid-column:1/-1;display:flex;gap:8%;justify-content:center}.token-progress>span{display:flex;align-items:center;gap:4px;font-size:10px}.token-progress i{border:1px solid #a68a38;border-radius:50%;width:8px;height:8px;background:#402212}.token-progress i.filled{background:#fdf083;box-shadow:0 0 6px #ffd243}.free-mode .machine{filter:none}.selection{position:absolute;inset:0;z-index:4;padding:2% 5%;background:radial-gradient(at 50% 0,#a13214,#3d0805 80%);display:grid;grid-template-rows:22% 78%}.selection-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#ffe98f;min-height:0}.selection-heading strong{font-family:Georgia,serif;font-size:clamp(17px,2.6vw,36px);text-shadow:1px 3px 1px #542300}.selection-heading span{font-size:clamp(11px,1.2vw,16px)}.tiles{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:4% 4%;min-height:0;padding:1% 0}.gold-tile{position:relative;border:0;background:none;min-width:0;min-height:0;transition:filter .15s,transform .15s}.gold-tile img{height:100%;width:100%;object-fit:fill;filter:drop-shadow(0 4px 4px #210200)}.gold-tile span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(11px,2vw,27px);color:#7a3700;text-shadow:0 1px #ffe177}.gold-tile:hover:not(:disabled){transform:scale(1.06);filter:brightness(1.2)}.gold-tile.revealed{opacity:1;filter:saturate(.65)}.gold-tile.jackpot{display:block;padding:0;border:0;background:none;box-shadow:none}.gold-tile.jackpot span{color:#085da8;text-shadow:1px 1px #fff6a2;font-size:clamp(10px,1.8vw,24px)}.celebration{position:absolute;z-index:3;inset:25% 5%;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:clamp(32px,6vw,80px);font-weight:900;color:#ffdf58;text-shadow:-2px -2px #6a2300,2px 3px #6a2300,0 0 25px #df7a00;background:radial-gradient(ellipse,#411002bb,transparent 70%);animation:celebrate .35s ease-out}.shell:fullscreen{width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#110603}.shell:fullscreen .machine{width:min(100%,calc((100dvh - 34px)*16/9))}.shell:fullscreen .caption{flex-shrink:0}.practice-mode{box-shadow:0 0 0 2px #4b250e,0 0 0 6px #b17932,0 0 25px #43c9ec55}.inline-error{color:#ffb4a2;border-left:3px solid #e66843;padding:8px}
.controls{grid-template-rows:minmax(0,1fr)}.spin{width:auto;height:112%;max-width:100%;justify-self:center}
@keyframes reel-spin{0%{transform:translateY(-14%)}100%{transform:translateY(14%)}}@keyframes win-glow{to{box-shadow:0 0 18px #fff29b,inset 0 0 15px #fff39155}}@keyframes celebrate{from{transform:scale(.65);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-aspect-ratio:1/1){body{display:block}.shell{width:100%;padding:5px 5px 0}.machine{aspect-ratio:auto;min-height:calc(100dvh - 42px);grid-template-rows:48px 64px 88px 48px minmax(230px,1fr) 148px;padding:0 10px;border-width:3px;border-radius:20px 20px 12px 12px}.masthead h1{width:60%;height:95%}.edition{font-size:7px;letter-spacing:.07em;left:0;top:86%;transform:none}.masthead nav{right:-2px;gap:3px;top:3px}.small-button{font-size:9px;padding:5px;min-height:28px}.small-button:last-child{display:none}.jackpots{gap:5px}.jackpot{height:86%;padding:5px 4px;flex-direction:column;gap:2px;border-width:1px;border-radius:5px}.jackpot span{font-size:13px;letter-spacing:.05em}.jackpot strong{font-size:18px}.thresholds{gap:4px;height:95%}.thresholds>div{gap:2px;padding:0 3px;flex-wrap:wrap;justify-content:center;border-radius:5px}.thresholds img{width:32%;height:50%}.thresholds b{font-size:17px}.thresholds span{font-size:11px;line-height:1;margin-top:-5px;flex-basis:100%;text-align:center}.thresholds small{font-size:8px}.message-bar{font-size:11px;line-height:1.4}.message-bar #message{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.playfield{border-width:4px;box-shadow:0 0 0 2px #111921,0 0 0 4px #a66e2a}.reels{gap:2px}.cell{padding:3px 1px}.wild-symbol{width:100%}.bar-stack{width:94%}.controls{margin:7px -10px 0;grid-template-columns:repeat(12,1fr);grid-template-rows:63px 72px;gap:4px 5px;padding:0 9px 4px}.balance{grid-column:1/5;grid-row:1}.bet-control{grid-column:5/9;grid-row:1;gap:1px}.win{grid-column:9/13;grid-row:1}.readout{gap:2px}.readout>span{font-size:12px}.readout strong,.bet-control>strong{font-size:21px}.readout small,.bet-control>small{font-size:8px}.bet-stepper{border-radius:8px;border-width:1px}.bet-stepper button{font-size:15px;padding:3px 0}.settings{grid-column:1/3;grid-row:2}.turbo{grid-column:4/6;grid-row:2}.auto{grid-column:7/9;grid-row:2}.round-button{width:48px;max-height:52px;justify-self:center;border-width:2px}.round-button span{font-size:29px}.round-button small{font-size:8px}.spin{grid-column:10/13;grid-row:2;width:82px;justify-self:center;transform:translateY(-5%)}.spin:not(:disabled):hover{transform:translateY(-5%)}.spin>span{font-size:10px;bottom:18%}.caption{height:auto;min-height:34px;flex-wrap:wrap;gap:2px 12px;padding:4px 3px;font-size:9px}.caption>span{flex-basis:100%;text-align:center}.caption button{font-size:10px;min-height:22px}.caption [data-action=fullscreen]{display:none}.feature-stats{gap:3px;padding:6px 4px}.feature-stats span{font-size:8px}.feature-stats strong{font-size:21px}.token-progress{gap:7px}.token-progress>span{font-size:8px;gap:3px}.token-progress i{width:7px;height:7px}.selection{padding:6px;grid-template-rows:23% 77%}.selection-heading strong{font-size:17px}.selection-heading span{font-size:10px}.tiles{gap:7% 3%}.gold-tile span{font-size:13px}.gold-tile.jackpot span{font-size:10px}.celebration{font-size:34px}.shell:fullscreen .machine{width:100%;max-width:650px}.shell:fullscreen .caption{height:34px}}
@media(max-width:350px) and (max-aspect-ratio:1/1){.machine{padding:0 7px;grid-template-rows:44px 60px 82px 48px minmax(215px,1fr) 140px}.jackpot strong{font-size:16px}.jackpot span{font-size:12px}.controls{margin-left:-7px;margin-right:-7px;padding:0 5px;gap:3px}.readout strong,.bet-control>strong{font-size:18px}.spin{width:72px}.selection-heading strong{font-size:15px}.selection-heading span{font-size:9px}.gold-tile span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.spinning .cell{filter:blur(1px)}}