*{box-sizing:border-box} :root{color-scheme:dark;--gold:#f0cc7c;--ink:#180f29;--line:#a07d43;--lilac:#cab3ed}body{margin:0;background:#140c24;color:#f8eedb;font-family:Arial,sans-serif;min-height:100svh}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:3px solid #fbd787;outline-offset:3px}button:disabled{opacity:.4;cursor:default}button svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button:active:not(:disabled){transform:scale(.95)}.scenery{position:fixed;inset:0;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 50% 43%,#61346650,transparent 60%),radial-gradient(ellipse at 80% 0%,#54357580,transparent 50%),linear-gradient(#160e29,#302042 60%,#120e20)}.scenery:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 13% 20%,#ffd996 90%,transparent),radial-gradient(2px 2px at 74% 31%,#d6a7ff 90%,transparent),radial-gradient(1px 1px at 33% 58%,#fff 90%,transparent),radial-gradient(1px 1px at 80% 70%,#ffd996 90%,transparent);background-size:231px 241px}.moon{position:absolute;right:16%;top:9%;width:110px;height:110px;border-radius:50%;background:#e8dbb9;box-shadow:0 0 70px #d2c0ff55;opacity:.24}.mountains{position:absolute;inset:33% -10% 0;background:#0b101aaa;clip-path:polygon(0 42%,8% 33%,12% 40%,19% 16%,24% 36%,30% 28%,37% 55%,44% 38%,48% 51%,56% 35%,65% 48%,73% 22%,78% 32%,85% 12%,89% 33%,100% 40%,100% 100%,0 100%)}.mist{position:absolute;bottom:0;width:100%;height:45%;background:radial-gradient(ellipse,#9567b52a,transparent 65%)}.game{width:min(920px,100%);min-height:100svh;margin:auto;padding:24px 25px 130px;display:flex;flex-direction:column}.edition{display:flex;align-items:center;justify-content:center;gap:17px;color:#bda8ca;font-size:9px;letter-spacing:2.7px}.edition span{color:var(--gold)}.brand{font-family:Georgia,serif;font-size:clamp(35px,6vw,66px);font-weight:900;text-align:center;line-height:1.1;letter-spacing:-1.5px;margin:20px 0 8px;text-shadow:0 3px 0 #6a4029,0 5px 13px #000;color:#f5d28c}.brand i{display:inline-block;font-size:.64em;color:#ca9ce6;margin:0 9px;font-weight:normal}.subtitle{text-align:center;color:#c7accb;font-size:8px;letter-spacing:3.5px}.meters{margin:25px auto 0;display:grid;grid-template-columns:1.2fr 1fr 1.1fr;background:#100e21b8;border:1px solid #ae86bb40;border-radius:14px;padding:13px 8px;max-width:680px;box-shadow:0 8px 25px #0002}.meters>div{text-align:center;display:flex;flex-direction:column;gap:5px}.meters>div+div{border-left:1px solid #b69cd320}.meters span{font-size:9px;letter-spacing:1.5px;color:#b8a8c5}.meters strong{font-size:20px;color:var(--gold);font-variant-numeric:tabular-nums}.meters>div:nth-child(2) strong{color:#d9b2ff}.bet-stepper{display:flex;align-items:center;justify-content:center;gap:9px}.bet-stepper button{border:1px solid #b8a2c655;border-radius:5px;width:23px;height:23px;background:#ffffff09;color:#ddc5e5}.playfield{margin:auto 0;padding-top:28px}.reel-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#c9afd3;padding:0 3px 10px}.board{display:grid;grid-template-columns:minmax(0,78fr) minmax(0,22fr);gap:9px}.reel-frame{position:relative;border:3px solid #d8b36d;border-radius:14px;padding:5px;background:linear-gradient(135deg,#a67a39,#ffe3a0 20%,#523320 50%,#efc779);box-shadow:0 0 0 2px #291d30,0 0 0 3px #a28047,0 12px 35px #0006,0 0 25px #d6a34d18}.reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;background:#1b1030;border-radius:8px;padding:3px;overflow:hidden;aspect-ratio:5/3}.reel{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));border:1px solid #a07d4366;border-radius:6px;overflow:hidden;background:linear-gradient(90deg,#251838,#44305488,#231632)}.symbol{min-height:0;display:grid;place-items:center;position:relative;overflow:hidden;border-bottom:1px solid #e8c78425}.symbol:last-child{border:0}.symbol img{width:180%;max-width:none;height:100%;object-fit:contain;filter:drop-shadow(0 3px 2px #0009)}.symbol .letter{font:bold clamp(25px,6vw,65px) Georgia,serif;color:#e6c77d;text-shadow:0 3px #644431,2px 0 #553a23,-2px 0 #553a23}.symbol.Q .letter{color:#b6d887}.symbol.J .letter{color:#ba9ce7}.placeholder{width:72%;height:78%;display:grid;place-items:center;position:relative}.placeholder svg{width:100%;height:100%;filter:drop-shadow(0 2px 2px #0007)}.symbol small{position:absolute;bottom:4%;font-size:clamp(5px,1.3vw,9px);font-weight:bold;letter-spacing:1px;color:#ffe5a3;text-shadow:0 1px 3px #000;background:#21122dc9;padding:1px 3px;border-radius:3px}.symbol.OGRE small{background:#476326;color:#ffffa6}.symbol.WITCH_HAT small{background:#7135a4}.symbol.won{background:radial-gradient(#f5c85b55,#c0a05a11);box-shadow:inset 0 0 12px #ffdd90}.lines{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);pointer-events:none;filter:drop-shadow(0 0 4px #ffc35a)}.corner{position:absolute;color:#ffe3a2;font-size:21px;text-shadow:0 2px #56331b;line-height:1}.tl{left:-7px;top:-9px}.tr{right:-7px;top:-9px}.bl{left:-7px;bottom:-9px}.br{right:-7px;bottom:-9px}.tower{border:1px solid #c6a16b80;border-radius:11px;background:linear-gradient(#2b1a40dd,#171025ef);display:flex;flex-direction:column;align-items:center;padding:10px 6px 8px;text-align:center;min-width:0;box-shadow:inset 0 0 20px #ac6bdb0c}.tower-icon{color:var(--gold);font-size:23px}.tower h2{margin:0 0 10px;font:700 13px Georgia,serif;letter-spacing:1px;color:#edcf92}.tower #ladder{width:100%;display:flex;flex-direction:column;gap:7px;flex:1;justify-content:center}.rung{padding:10px 2px;border:1px solid #a583b030;border-radius:6px;background:#ffffff04;color:#c5acd1;display:flex;flex-direction:column;gap:3px;font-size:17px;font-weight:bold;font-variant-numeric:tabular-nums}.rung small{font:7px Arial;letter-spacing:1px;color:#ba9bc7}.rung.current{color:#ffdda2;background:linear-gradient(135deg,#7837a8,#3b1b5e);border-color:#ddadfd;box-shadow:0 0 16px #b55de638}.tower>small{font-size:7px;line-height:1.5;letter-spacing:.7px;color:#b9a3c6;margin-top:8px}.status{text-align:center;font:italic 15px Georgia;color:#e6c992;margin:20px 0;min-height:20px}.guard-panel{max-width:520px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b89ac02b;padding:14px 0 5px;gap:12px}.guard-panel>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.guard-label{font-size:9px;letter-spacing:1.2px;color:#d4bddc}#guard{display:flex;align-items:center;gap:5px;background:none;border:0;padding:0}#guard b{font-size:8px;color:#bfacd1}.switch-track{display:inline-flex;width:32px;height:18px;border-radius:14px;background:#48384f;border:1px solid #8b718f;padding:2px}.switch-track i{width:12px;height:12px;background:#c1b0c6;border-radius:50%;transition:transform .2s}#guard[aria-checked=true] .switch-track{background:#743fa2;border-color:#c799e9}#guard[aria-checked=true] i{transform:translateX(13px);background:#e8c5ff}#side-cost{font-size:9px;color:#ad97ba}#cashout{border:1px solid #ac8c50;border-radius:8px;background:linear-gradient(#b99445,#79531f);padding:9px 15px;min-width:130px;box-shadow:0 0 15px #ffda6c1a}#cashout span{font-size:8px;letter-spacing:1.4px;display:block;color:#fff3d1}#cashout strong{display:block;font-size:16px;margin-top:3px}footer{display:flex;justify-content:space-between;margin-top:24px;font-size:8px;color:#9786a9;letter-spacing:1px;align-items:center}footer button{background:none;border:0;font-size:8px;color:#b9a1ca}.dock{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(650px,100%);z-index:5;background:linear-gradient(#251931ed,#100d1cf5);border:1px solid #9c74b05c;border-bottom:0;border-radius:22px 22px 0 0;padding:12px 12px max(10px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:8px;box-shadow:0 -5px 35px #0005;backdrop-filter:blur(15px)}#dock-buttons{flex:1;display:flex;justify-content:space-between;gap:3px}.dock-cell{display:flex;align-items:center;flex-direction:column;gap:5px;min-width:0}.dock-cell>button{width:43px;height:42px;border:1px solid #a17bb05c;border-radius:10px;background:radial-gradient(at 30% 20%,#4b365c,#191128);box-shadow:inset 0 1px #ffffff14;color:#e0c8eb;display:grid;place-items:center}.dock-cell>button svg{width:20px;height:20px}.dock-cell span,.spin-stack>span{font-size:7px;color:#c2accd;white-space:nowrap;letter-spacing:.4px}.dock-cell>button.gold{background:linear-gradient(135deg,#edc96a,#896026);border-color:#f6d18b;color:#fff5cc}.dock-cell>button[aria-pressed=true]{border-color:#ddb8ff;box-shadow:0 0 13px #bd7bea55}.spin-stack{position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;margin-left:4px;padding:0 5px}.spin{width:70px;height:70px;border-radius:50%;border:2px solid #e5b3ff;background:radial-gradient(at 35% 20%,#a25bc5,#41205a 80%);box-shadow:0 0 0 5px #4a315e,0 0 0 7px #c69ad099,0 0 24px #b764db6b,inset 0 0 15px #e6a7ff44;display:grid;place-items:center;color:#ffecff}.spin svg{width:43px;height:43px;stroke-width:2.1}.buy{position:absolute;bottom:calc(100% + 14px);width:44px;height:44px;border-radius:12px;border:2px solid #e4b778;background:linear-gradient(145deg,#d66644,#8c2c45);color:#ffe5a0;box-shadow:0 0 15px #c66c4444;padding:8px}.buy svg{width:100%;height:100%}.reel{min-height:0;position:relative}.reel.motion-running{display:block}.motion-track{position:absolute;top:0;left:0;width:100%;will-change:transform}.motion-track .symbol{height:var(--cell-height);min-height:var(--cell-height);width:100%}dialog{width:min(700px,94vw);max-height:85svh;padding:0;border:1px solid #a77cb7;border-radius:18px;color:#eadef2;background:linear-gradient(135deg,#30213e,#171024);box-shadow:0 20px 80px #000a}dialog::backdrop{background:#080411c9;backdrop-filter:blur(6px)}.modal-head{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #b790c12e;gap:12px}.modal-head h2{flex:1;margin:0;font:22px Georgia;color:var(--gold)}.modal-head button{background:#ffffff09;border:1px solid #b390c54a;border-radius:8px;width:32px;height:32px;font-size:22px}#modal-body{padding:20px;overflow:auto;max-height:65svh;font-size:13px;line-height:1.65}#modal-body h3{font-family:Georgia;color:#edca88;font-size:18px}#modal-body p{color:#d2bddc}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-grid button{text-align:left;border:1px solid #c09cd34d;border-radius:12px;padding:22px 15px;background:linear-gradient(135deg,#53346680,#241631);color:#f1d7ff}.menu-grid button strong{display:block;font:18px Georgia;margin-bottom:5px}.menu-grid button small{color:#bda1cd;font-size:10px}.table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.table td,.table th{padding:9px 5px;text-align:left;border-bottom:1px solid #bfa0d029}.table th{color:#e4c78e;font-size:10px}.table img{width:65px;height:40px;object-fit:contain}.primary,.secondary{padding:12px 18px;border-radius:8px;border:1px solid #c39d5c;font-weight:bold;margin:6px 8px 6px 0}.primary{background:linear-gradient(#e9c67b,#a47a35);color:#2c1935}.secondary{background:#ffffff09;color:#e8cfef}.line-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.line-grid svg{width:100%;height:70px;background:#ffffff05;border:1px solid #ae83c83b;border-radius:7px}.setting{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0}.setting select{background:#261936;color:#f3dba7;border:1px solid #9d76b1;padding:8px;border-radius:7px}@media(min-width:800px){.game{padding-top:28px}.playfield{padding-top:40px}.board{gap:14px}.tower{padding:18px 12px}.tower h2{font-size:17px;letter-spacing:2px}.tower-icon{font-size:30px}.rung{padding:17px 2px;font-size:23px}.rung small{font-size:8px}.tower>small{font-size:8px}.reel-caption{font-size:9px}.status{font-size:17px}.guard-panel{margin-top:20px}}@media(max-width:600px){.game{padding:20px 13px 140px}.brand{font-size:37px;letter-spacing:-1.5px;margin-top:30px}.brand i{margin:0 5px}.subtitle{font-size:6px;letter-spacing:2.2px}.edition{font-size:7px;letter-spacing:1.7px}.meters{padding:11px 4px;margin-top:27px}.meters strong{font-size:15px}.meters span{font-size:7px}.bet-stepper{gap:5px}.bet-stepper button{width:19px;height:20px}.playfield{padding-top:24px;padding-bottom:10px}.board{gap:7px}.reel-frame{border-width:2px;padding:3px;border-radius:10px}.reels{gap:2px;padding:2px}.reel{border-radius:5px}.symbol .letter{font-size:35px}.tower{padding:7px 4px}.tower h2{font-size:9px;letter-spacing:.5px;margin-bottom:5px}.tower-icon{font-size:17px}.rung{font-size:12px;padding:6px 0;gap:2px}.rung small{font-size:5px;letter-spacing:.7px}.tower #ladder{gap:4px}.tower>small{font-size:5px;margin-top:5px}.reel-caption{font-size:6px;letter-spacing:1px}.status{font-size:13px;margin:20px 0}.guard-panel{gap:8px;padding-top:12px;padding-right:32px}.guard-panel>div{gap:6px;max-width:175px}.guard-label{font-size:7px}#side-cost{font-size:8px}#cashout{min-width:103px;padding:8px}#cashout strong{font-size:14px}#cashout span{font-size:7px}.dock{gap:3px;padding:12px 7px max(9px,env(safe-area-inset-bottom))}#dock-buttons{gap:1px}.dock-cell>button{width:calc((100vw - 106px)/8);max-width:43px;height:37px;border-radius:9px}.dock-cell>button svg{width:17px;height:17px}.dock-cell span{font-size:6px;letter-spacing:0}.spin{width:61px;height:61px}.spin-stack{padding:0 3px;margin-left:3px}.spin svg{width:35px;height:35px}.buy{width:41px;height:41px}.moon{width:85px;height:85px;right:8%;top:15%}footer{font-size:6px;letter-spacing:.6px}footer button{font-size:7px}.menu-grid button{padding:17px 11px}.menu-grid button strong{font-size:16px}}@media(max-height:700px){.game{padding-top:13px}.brand{margin-top:15px}.meters{margin-top:17px}.playfield{padding-top:17px}.status{margin:12px 0}footer{margin-top:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:800px) and (max-height:850px){.game{width:min(740px,100%);padding-top:14px;padding-bottom:110px}.brand{font-size:44px;margin-top:12px}.meters{margin-top:16px;padding:10px 8px}.playfield{padding-top:18px}.tower{padding:9px 7px}.tower h2{font-size:12px;margin-bottom:5px}.tower-icon{font-size:20px}.rung{padding:9px 2px;font-size:17px}.status{margin:13px 0;font-size:14px}.guard-panel{margin-top:0;padding-top:10px}footer{margin-top:12px}}
@media(max-width:600px){.tower-icon{display:none}.tower h2{margin-bottom:3px}.tower{padding-top:6px;padding-bottom:6px}}
@media(min-width:800px) and (max-height:850px){.game{width:min(620px,100%)}.guard-panel{max-width:470px;padding-right:50px}.tower h2{font-size:11px}.rung{padding:7px 2px}.tower-icon{font-size:17px}}