:root{color:#fff2cb;font-synthesis:none;--gold:#f0c86d;--muted:#d0d5c3;--line:#c8a35155;--panel:#11241c;background:#071810;font-family:Trebuchet MS,Arial,sans-serif}*{box-sizing:border-box}body{background:#071810;min-width:360px;margin:0}body:before{content:"";pointer-events:none;background:radial-gradient(at 70% 0,#54804640,#0000 55%),repeating-linear-gradient(110deg,#0000 0 100px,#9cba6308 100px 101px);position:fixed;inset:0}body[data-game=mythical-monsters-hotel]{--gold:#f6cf8c;--muted:#ddcce3;--line:#c49a6655;--panel:#24152d;background:#100d1d}body[data-game=mythical-monsters-hotel]:before{background:radial-gradient(at 60% 0,#783a8055,#0000 65%),repeating-linear-gradient(90deg,#26142c33 0 30px,#0000 30px 60px)}button,select{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled{cursor:default;opacity:.45}button:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #fff2be}button:not(:disabled):hover{filter:brightness(1.16)}button{transition:filter .18s,border-color .18s}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.game-shell{grid-template-columns:200px minmax(0,1fr);gap:18px;max-width:1680px;height:100dvh;margin:auto;padding:14px;display:grid;position:relative}.scenario-lab{scrollbar-width:thin;scrollbar-color:#76643d transparent;flex-direction:column;min-height:0;padding:20px 6px 8px;display:flex;overflow:auto}.eyebrow{color:var(--muted);letter-spacing:2.5px;margin:0 0 16px;font-size:12px}.lab-heading h2{color:#f3e6c4;margin:0 0 25px;font:25px/1.1 Georgia,serif}.scenario-chips{flex-direction:column;gap:2px;display:flex}.scenario-chips button{text-align:left;background:0 0;border:0;border-bottom:1px solid #bca15c28;align-items:center;gap:9px;padding:15px 4px;font-size:16px;line-height:1.35;display:flex}.scenario-number{color:#a18a4d;font:12px Georgia,serif}.scenario-arrow{color:var(--gold);margin-left:auto;font-size:17px}details{color:var(--muted);font-size:12px}summary{cursor:pointer;padding:18px 0 12px;line-height:1.4}.lab-controls{grid-template-columns:1fr 1fr;gap:6px;display:grid}.lab-controls label{flex-direction:column;grid-column:1/-1;gap:8px;display:flex}select{border:1px solid var(--line);background:var(--panel);border-radius:3px;max-width:100%;padding:7px 4px;font-size:14px}.lab-controls select{width:100%}option{color:#fff2cb;background:#211b20}.lab-controls button{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:9px 2px;font-size:14px}#scenario-description{font-size:12px;line-height:1.6}#trace{max-height:135px;padding:8px 0;font:12px/1.8 monospace;list-style:none;overflow-y:auto}.mechanics-note{text-align:center;margin-top:auto;padding-top:30px}.ornament{color:var(--gold);font-size:18px}.mechanics-note p{color:var(--muted);font:italic 13px/1.65 Georgia,serif}.math-version{color:var(--muted);opacity:.65;margin-top:20px;font:12px monospace}.demo-disclaimer{color:var(--muted);opacity:.65;margin:8px 0 0;font-size:12px;line-height:1.7}.stage{background:radial-gradient(at 70% 20%,#214c35 0,#0b241c 45%,#061710 100%);border:1px solid #a9873e;border-radius:3px 3px 18px 18px;flex-direction:column;min-width:0;min-height:0;padding:0 18px 8px;display:flex;position:relative;box-shadow:0 0 0 3px #0d1910,0 0 0 4px #9d783c55,0 20px 70px #0008,inset 0 0 40px #0008}.stage:before,.stage:after{content:"";border-top:4px double var(--gold);pointer-events:none;width:24px;height:24px;position:absolute;top:5px}.stage:before{border-left:4px double var(--gold);left:5px}.stage:after{border-right:4px double var(--gold);right:5px}.cabinet-header{border-bottom:1px solid var(--line);flex:0 0 74px;align-items:center;gap:20px;height:74px;display:flex;position:relative}h1{z-index:2;text-align:center;flex:0 0 155px;width:155px;margin:0;position:relative}h1 img{object-fit:contain;filter:drop-shadow(0 3px 3px #000);width:142px;height:92px;margin:0 auto -11px;display:block}.stage-top{color:var(--gold);letter-spacing:2px;flex:1;justify-content:space-between;gap:12px;font-size:12px;display:flex}#progress{color:var(--muted)}.cabinet-edition{letter-spacing:2px;color:var(--muted);border-left:1px solid var(--line);padding-left:15px;font-size:12px}.cabinet-scene{flex:1;min-height:0;padding:4px 0 0;display:flex;position:relative}.cabinet-character{opacity:.94;background:url(/art/jaguar-pots/mascot.png) 55%/cover no-repeat;border-radius:50% 50% 8px 8px;width:23%;position:absolute;top:14px;bottom:25px;left:-17px;box-shadow:inset 0 -30px 25px #071e19,inset -18px 0 20px #071e19}.character-caption{text-align:center;letter-spacing:2px;color:#dbb968;text-shadow:0 1px 4px #000;width:18%;font-size:12px;font-weight:700;line-height:1.6;position:absolute;bottom:7px;left:0}.reels-column{flex-direction:column;flex:1;min-width:0;min-height:0;margin-left:20%;display:flex;position:relative}.feature-strip{flex:0 0 88px;justify-content:center;align-items:end;gap:0;height:88px;padding-bottom:6px;display:flex;position:relative}.pot{filter:brightness(.45)saturate(.6);background:url(/art/jaguar-pots/ladder.png) 0 0/auto 82px no-repeat;width:103px;height:82px;transition:filter .5s;position:relative}.pot[data-mult="1"]{background-position:0 100%;width:63px}.pot[data-mult="2"]{background-position:-63px 100%}.pot[data-mult="5"]{background-position:-165px 100%}.pot[data-mult="10"]{background-position:-267px 100%}.pot.lit{filter:brightness(1.08)drop-shadow(0 0 7px #d69c3e66)}.board-wrap{background:radial-gradient(#174334 0%,#071b14 80%);border:5px ridge #b48a3c;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #241d0b,0 0 0 3px #d5b25e88,0 10px 22px #0008,inset 0 0 30px #000}#board{position:absolute;inset:0}canvas{display:block}.loading{z-index:3;color:var(--gold);background:#0c211bf5;flex-direction:column;justify-content:center;align-items:center;gap:16px;font:16px Georgia,serif;display:flex;position:absolute;inset:0}.loader{border:2px solid #b58b3e33;border-top-color:var(--gold);border-radius:50%;width:26px;height:26px;animation:1s linear infinite turn}@keyframes turn{to{transform:rotate(360deg)}}.announcement{flex:0 0 76px;justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:8px 4px;display:flex}.announcement>div:first-child{min-width:0}#event-title{color:var(--gold);font:18px/1.1 Georgia,serif}#event-message{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.3}.live-counters{flex-shrink:0;gap:22px;display:flex}.live-counters>div{align-items:center;gap:9px;display:flex}.live-counters small{letter-spacing:1px;max-width:96px;color:var(--muted);font-size:12px;line-height:1.5}.live-counters strong{color:var(--gold);font:25px Georgia,serif}.control-deck{background:linear-gradient(#c5a04c0c,#0004);border-top:1px solid #bd994c77;border-bottom:1px solid #bd994c33;flex:0 0 112px;align-items:center;gap:16px;min-height:112px;padding:7px 10px;display:flex;box-shadow:0 -3px 10px #0003}.wallet{min-width:120px}.wallet small,.bet-control small,.win-meter small{color:var(--muted);letter-spacing:1px;margin-bottom:6px;font-size:16px;display:block}.wallet strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:21px;font-weight:500;display:block}.wallet>span{color:var(--muted);letter-spacing:1.5px;margin-top:5px;font-size:12px;display:block}.bet-control{border-left:1px solid var(--line);padding-left:18px}.bet-control select{background:0 0;border:0;width:90px;padding:0;font-size:19px}.win-meter{text-align:center;flex:1;min-width:95px}.win-meter strong{color:#ffe4a3;white-space:nowrap;font:26px Georgia,serif}.buys{flex-shrink:0;gap:8px;display:flex}.buys:has(.buy+.buy) .buy{min-width:108px;padding:6px 8px}.max-odds{color:var(--muted);margin:4px 0 0;font-size:12px}.deck-note{color:var(--muted);font-size:12px}.autoplay-controls[hidden]{display:none}.buy{outline-offset:-4px;background:linear-gradient(#2e4931,#13271b);border:1px solid #d5b36388;border-radius:3px 3px 10px 10px;outline:1px solid #152015;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-width:142px;height:78px;padding:7px 12px;display:flex;box-shadow:0 3px 8px #0005}.buy small{letter-spacing:2px;color:var(--muted);font-size:12px}.buy strong{letter-spacing:1px;color:var(--gold);font-size:14px}.buy span{font-size:12px}.spin-group{flex-shrink:0;align-items:center;gap:12px;display:flex}.autoplay-controls{grid-template-columns:64px 64px;align-items:center;gap:8px;display:grid}.autoplay-controls #auto{border-radius:8px;width:64px}.auto-count-label select{width:64px;min-height:44px;font-size:16px}.auto-feature-label{white-space:nowrap;color:var(--muted);grid-column:1/-1;align-items:center;gap:6px;font-size:12px;display:flex}.auto-feature-label input{accent-color:#ccaa61;width:18px;height:18px;margin:0}.spin{outline-offset:-7px;color:#382507;background:radial-gradient(circle at 35% 25%,#fff1bc,#d9ac4c 65%,#947026);border:3px solid #f7d68e;border-radius:50%;outline:1px solid #6f5522;flex:0 0 92px;width:92px;height:92px;position:relative;box-shadow:0 3px #755923,0 6px 16px #0009,inset 0 2px 3px #fffa}.spin-icon-center{aspect-ratio:1;width:66%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spin-icon{transform-origin:50%;width:100%;height:100%;display:block}.spin strong{letter-spacing:.5px;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.speed{background:#061a14;border:1px solid #b7a46988;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:56px;min-height:48px;padding:5px;font-size:16px;display:flex}.speed small{color:var(--muted);margin-top:3px;font-size:12px}.deck-status{min-height:28px;color:var(--muted);flex:0 0 28px;align-items:center;gap:12px;padding:4px 8px 0;font-size:12px;display:flex}#auto-status{color:var(--gold)}.keyboard-hint{letter-spacing:1px;margin-left:auto;font-size:12px}.error{z-index:20;background:#421b24;border:1px solid #e79883;border-radius:5px;padding:14px;font-size:12px;line-height:1.5;position:fixed;bottom:12px;left:10%;right:10%}body[data-game=mythical-monsters-hotel] .stage{background:radial-gradient(at 50% 5%,#523152,#21162f 60%,#140d20);border-color:#bb8d59;border-radius:32px 32px 9px 9px}body[data-game=mythical-monsters-hotel] .stage:before,body[data-game=mythical-monsters-hotel] .stage:after{border-radius:50%;width:32px;height:32px;top:10px}body[data-game=mythical-monsters-hotel] h1{color:#ffe3a5;text-shadow:0 2px #7c422a,0 0 18px #b5742844;flex-basis:190px;width:190px;font-family:Georgia,serif}body[data-game=mythical-monsters-hotel] h1 small{letter-spacing:2.4px;margin-bottom:1px;font-size:12px;font-weight:400;display:block}body[data-game=mythical-monsters-hotel] h1 span{letter-spacing:8px;font-size:37px;line-height:1}body[data-game=mythical-monsters-hotel] .cabinet-character{background-image:url(/art/mythical-monsters-hotel/key-art.png);background-position:0;background-size:auto 100%;border-radius:90px 90px 0 0;width:23%;top:7px;bottom:18px;box-shadow:inset -13px 0 15px #24172d,inset 0 -20px 15px #24172d}body[data-game=mythical-monsters-hotel] .character-caption{color:#e6b378}body[data-game=mythical-monsters-hotel] .feature-strip{background:linear-gradient(90deg,#0000,#9f614625,#0000);flex-basis:66px;align-items:center;gap:16px;height:66px;padding:5px 15px}.register-label small{letter-spacing:1px;color:var(--muted);font-size:12px;display:block}.register-label strong{color:var(--gold);font:27px/1.2 Georgia,serif;display:block}.register-label strong span{color:var(--muted);font-size:13px}.pips{flex:1;justify-content:center;gap:7px;max-width:290px;display:flex}.pips i{background:linear-gradient(#4c3050,#261b30);border:1px solid #ac8164;border-radius:10px 10px 2px 2px;width:25px;height:32px;transition:background .4s;box-shadow:inset 0 0 0 3px #21152c}.pips i.lit{background:#edc77b;box-shadow:inset 0 0 0 3px #8e633d,0 0 12px #e9b45766}.soldout-label{letter-spacing:2px;color:var(--gold);text-align:center;font:700 11px/1.3 Georgia,serif}body[data-game=mythical-monsters-hotel] .board-wrap{background:radial-gradient(#513350,#1d1029);border:5px ridge #c29461}body[data-game=mythical-monsters-hotel] .loading{background:#21152af5}body[data-game=mythical-monsters-hotel] .buy{background:linear-gradient(#603749,#311c31)}body[data-game=mythical-monsters-hotel] .speed{background:#26172e}.reels-column{justify-content:center;container-type:size}body{--feature-height:88px}.board-wrap{width:min(100%, calc((100cqh - var(--feature-height) - 6px) * 924 / 738));aspect-ratio:924/738;flex:none;align-self:center}body[data-game=mythical-monsters-hotel]{--feature-height:66px}body[data-game=mythical-monsters-hotel] .cabinet-character{aspect-ratio:430/820;background-position:0 74.38%;background-size:auto 114.756%;width:auto;max-width:21%}body[data-busy=true] .spin-icon{animation:1.2s linear infinite turn}body[data-auto=true] #auto{border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #e9c67533}body[data-phase=respins] .board-wrap,body[data-phase=freeSpins] .board-wrap,body[data-phase=night] .board-wrap{box-shadow:0 0 0 1px #241d0b,0 0 0 3px #d5b25eaa,0 0 28px #d5b25e44,inset 0 0 30px #000}@media (max-width:1150px){.game-shell{grid-template-columns:170px minmax(0,1fr);gap:12px;padding:10px}.stage{padding:0 12px 6px}.control-deck{gap:8px;padding:6px 0}.wallet{min-width:96px}.wallet strong{font-size:20px}.bet-control{padding-left:10px}.bet-control select{width:76px;font-size:18px}.win-meter{min-width:76px}.win-meter strong{font-size:23px}.buy{min-width:120px;padding:6px}.buy strong{letter-spacing:0;font-size:14px}.spin-group{gap:8px}.spin{flex-basis:80px;width:80px;height:80px}.speed{width:52px}.live-counters{gap:12px}.live-counters>div{gap:6px}.cabinet-character{width:21%}.reels-column{margin-left:17%}.lab-heading h2{font-size:24px}}@media (min-width:601px) and (max-width:1020px){.game-shell{grid-template-columns:150px minmax(0,1fr);gap:10px}.cabinet-character{display:none}.reels-column{margin-left:0}.control-deck{flex-basis:240px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);min-height:240px;display:grid}.spin-group{grid-area:3/1/auto/-1;justify-content:flex-end}.buys{grid-area:2/1/auto/-1}.buy{flex-direction:row;flex:1 1 0;gap:10px;min-width:0;height:48px}.win-meter{text-align:right}.announcement{gap:8px}.live-counters{flex-direction:column;gap:4px}.live-counters strong{font-size:20px}.keyboard-hint{display:none}}@media (max-width:600px){.game-shell{grid-template-columns:84px minmax(0,1fr);gap:6px;padding:6px}.scenario-lab{padding:12px 0 4px}.eyebrow{letter-spacing:0;line-height:1.5}.lab-heading h2{margin-bottom:12px;font-size:17px}.scenario-chips button{flex-wrap:wrap;gap:3px;padding:12px 1px;font-size:14px}.scenario-number,.scenario-arrow,.mechanics-note,.demo-disclaimer{display:none}summary{padding:14px 0 10px;font-size:12px}.lab-controls{grid-template-columns:1fr}.lab-controls select,.lab-controls button{min-width:0;font-size:14px}#scenario-description{font-size:12px}.math-version{overflow-wrap:anywhere;font-size:12px}.stage{border-radius:10px;padding:0 6px 5px}.cabinet-header{flex-wrap:wrap;flex-basis:92px;place-content:center;gap:4px;height:92px}h1{flex-basis:100%;width:100%}h1 img{width:98px;height:58px;margin:-6px auto -4px}.stage-top{letter-spacing:0;flex-basis:100%;gap:8px;font-size:12px}body[data-game=mythical-monsters-hotel] h1{flex-basis:100%;width:100%}body[data-game=mythical-monsters-hotel] h1 small{letter-spacing:.5px;font-size:12px}body[data-game=mythical-monsters-hotel] h1 span{letter-spacing:5px;font-size:29px}.stage:before,.stage:after{width:14px;height:14px}.cabinet-character{display:none}.reels-column{margin-left:0}body{--feature-height:61px}.feature-strip{flex-basis:61px;height:61px}.pot{background-size:auto 54px;width:68px;height:54px}.pot[data-mult="1"]{width:41px}.pot[data-mult="2"]{background-position-x:-41px}.pot[data-mult="5"]{background-position-x:-109px}.pot[data-mult="10"]{background-position-x:-176px}.board-wrap{border-width:3px}.announcement{flex-direction:column;flex-basis:108px;align-items:stretch;gap:5px;min-height:108px;padding:7px 0}#event-title{font-size:17px}#event-message{max-height:32px;margin-top:3px;font-size:12px;line-height:1.3;overflow-y:auto}.live-counters{justify-content:space-between;gap:8px}.live-counters>div{gap:5px}.live-counters small{letter-spacing:0;max-width:84px;font-size:12px}.live-counters strong{font-size:18px}.control-deck{flex:0 0 240px;grid-template-columns:1fr 1fr 1fr;gap:8px 4px;min-height:240px;padding:8px 0;display:grid}.wallet{min-width:0}.wallet small,.bet-control small,.win-meter small{letter-spacing:0;margin-bottom:5px;font-size:12px}.wallet strong{font-size:16px}.wallet>span{letter-spacing:0;font-size:12px}.bet-control{min-width:0;padding-left:5px}.bet-control select{width:68px;font-size:16px}.win-meter{text-align:right;min-width:0}.win-meter strong{font-size:19px}.buys{grid-column:1/-1}.buy{flex-flow:wrap;flex:1 1 0;gap:4px 8px;min-width:0;height:48px;padding:5px}.buys:has(.buy+.buy) .buy{flex-flow:wrap;flex:1 1 0;gap:4px 8px;min-width:0;height:48px;padding:5px}.buy small,.buy span{letter-spacing:0;font-size:12px}.buy strong{letter-spacing:0;font-size:14px}.spin-group{grid-column:1/-1;justify-content:space-between;gap:5px}.autoplay-controls{grid-template-columns:60px 60px;gap:6px}.autoplay-controls #auto,.auto-count-label select{width:60px}.spin{border-width:2px;flex-basis:72px;width:72px;height:72px}.speed{width:46px;font-size:14px}.speed small{font-size:12px}.deck-status{flex-basis:30px;min-height:30px;padding:4px 0}.keyboard-hint{display:none}body[data-game=mythical-monsters-hotel] .feature-strip{flex-basis:68px;gap:6px;height:68px;padding:3px 0}body[data-game=mythical-monsters-hotel]{--feature-height:68px}.register-label small{letter-spacing:0;max-width:72px;font-size:12px}.register-label strong{font-size:20px}.register-label strong span{font-size:12px}.pips{gap:2px}.pips i{border-radius:5px 5px 1px 1px;width:9px;height:24px;box-shadow:inset 0 0 0 1px #21152c}.soldout-label{letter-spacing:0;font-size:12px}}@media (max-height:620px) and (min-width:1021px){.game-shell{padding-top:6px;padding-bottom:6px}.cabinet-header{flex-basis:60px;height:60px}h1 img{width:115px;height:72px}.announcement{flex-basis:70px;min-height:70px}#event-message{max-height:32px;overflow:auto}.feature-strip{flex-basis:64px;height:64px}body{--feature-height:64px}.pot{margin:-10px -12px;transform:scale(.75)}body[data-game=mythical-monsters-hotel] .feature-strip{flex-basis:66px;height:66px}}@media (min-width:1021px){body{--lab-w:200px;--shell-pad-y:28px;--head-h:74px;--ann-h:76px;--deck-min:1010px;--art-gap:18px;--chrome-h:calc(var(--shell-pad-y) + 2px + var(--head-h) + 4px + var(--feature-height) + 6px + var(--ann-h) + 112px + 28px + 8px);--board-h:max(180px, calc(100dvh - var(--chrome-h)));--board-w:calc(var(--board-h) * 924 / 738);--col-min:0px;--col-w:max(var(--board-w), var(--col-min));--art-w:clamp(150px, max(min(340px, calc(var(--board-h) * .55)), calc(var(--deck-min) - var(--col-w) - var(--art-gap) - 38px)), max(150px, calc(var(--board-h) * 1.05)));--stage-w:max(var(--deck-min), calc(var(--col-w) + var(--art-w) + var(--art-gap) + 38px))}body[data-game=mythical-monsters-hotel]{--deck-min:920px;--col-min:340px;--art-w:calc((var(--board-h) + var(--feature-height) - 23px) * 430 / 820)}.game-shell{grid-template-columns:var(--lab-w) minmax(0, var(--stage-w));justify-content:center;max-width:none;margin:0}.cabinet-scene{justify-content:center;gap:var(--art-gap)}.cabinet-character,body[data-game=mythical-monsters-hotel] .cabinet-character{flex:0 0 var(--art-w);width:var(--art-w);aspect-ratio:auto;max-width:none;margin:10px 0 21px;position:relative;top:auto;bottom:auto;left:auto}body:not([data-game=mythical-monsters-hotel]) .cabinet-character{background-position:55% 0}body[data-game=mythical-monsters-hotel] .cabinet-character{margin:3px 0 20px}.reels-column{flex:0 0 var(--col-w);min-width:0;margin-left:0}}@media (min-width:1021px) and (max-width:1150px){body{--lab-w:170px;--shell-pad-y:20px}body,body[data-game=mythical-monsters-hotel]{--deck-min:880px}}@media (min-width:1021px) and (max-width:1100px){body{--lab-w:150px}.game-shell{gap:10px}}@media (min-width:1021px) and (max-height:620px){body{--shell-pad-y:12px;--head-h:60px;--ann-h:70px}}@container (width<=440px){body[data-game=mythical-monsters-hotel] .feature-strip{gap:8px;padding:5px 4px}.register-label small{letter-spacing:0}.register-label strong{font-size:22px}.pips{gap:3px}.pips i{width:14px;height:28px}.soldout-label{letter-spacing:1px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}.hotel-art{background-image:url(/art/mythical-monsters-hotel/key-art.png);background-position:0 0;background-size:500%}
