:root{--gold: #ffd54a;--gold-deep: #e09a00;--ink: #fff;--panel: rgb(20 8 40 / 78%);--ring-a: #2a1250;--ring-b: #3b1a6e;--rim: #ffcc33;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow-x:hidden}body{font-family:Trebuchet MS,Calibri,system-ui,sans-serif;color:var(--ink);background:#12051f url(/assets/bg.jpg) center top / cover no-repeat fixed}@media(max-aspect-ratio:1/1){body{background-size:100% auto;background-attachment:scroll}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{min-height:100%;display:grid;grid-template-rows:1fr auto;justify-items:center;padding:clamp(56px,11vw,96px) 16px 16px;background:radial-gradient(circle at 50% 50%,transparent 30%,rgb(8 2 16 / 55%) 75%)}.stage{position:relative;display:grid;justify-items:center;align-self:center}.board-slot{width:min(92vw,calc(100dvh - 230px));max-width:820px;aspect-ratio:1;align-self:center}.board svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 18px rgb(255 200 60 / 45%))}.board-rim{fill:#12051f;stroke:var(--rim);stroke-width:6}.ring{transform:rotate(var(--a))}.ring-1 .cell-bg,.ring-3 .cell-bg{fill:var(--ring-a)}.ring-2 .cell-bg,.ring-4 .cell-bg{fill:var(--ring-b)}.cell-bg{stroke:#ffcc3359;stroke-width:1.5}.sym{transform-box:fill-box;transform-origin:center}.board[data-orientation=upright] .sym{transform:rotate(calc(-1 * (var(--a) + var(--c))))}.center-bg{fill:#2b0f4f;stroke:var(--rim);stroke-width:6}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;padding:12px 16px;margin-top:12px;border-radius:16px;background:var(--panel);border:2px solid var(--gold-deep)}.meter{display:grid;min-width:90px;text-align:center}.meter .label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.meter .value{font-size:22px;font-weight:700}button{font:inherit;cursor:pointer;border-radius:999px;border:2px solid var(--gold);color:#2a1000;background:linear-gradient(var(--gold),var(--gold-deep))}button:disabled{cursor:default;filter:grayscale(.7) brightness(.8)}button.spin{font-size:22px;font-weight:700;padding:10px 36px}button.small{font-size:13px;padding:6px 14px;color:var(--ink);background:transparent}.lines{pointer-events:none}.line{fill:none;stroke-width:7;stroke-linejoin:round;opacity:0;transition:opacity .4s}.board[data-preview=true] .line[data-active=true]{opacity:.75}button.stepper{min-width:64px;padding:2px 10px;font-weight:700}.message{flex-basis:100%;margin:0;text-align:center;color:#ff8a8a;font-weight:700}.line[data-win=true]{opacity:.3}.line[data-showing=true]{opacity:1;stroke-width:10}.cell[data-win=true] .cell-bg{fill:#7a2fb8}.cell[data-hot=true] .cell-bg,.center[data-hot=true] .center-bg{fill:#c04de8;stroke:var(--gold);stroke-width:4}.cell[data-hot=true] .sym,.center[data-hot=true] .center-sym{filter:drop-shadow(0 0 10px #fff3a0)}.win-detail{min-height:1.4em;margin:6px 0 0;font-weight:700;color:var(--gold);text-shadow:0 1px 2px #000}.jackpot{position:absolute;inset:0;display:grid;place-content:center;text-align:center;cursor:pointer;background:radial-gradient(circle,rgb(60 0 90 / 85%) 0%,rgb(20 0 30 / 60%) 60%,transparent 75%);animation:jackpot-in .6s ease-out}.jackpot[hidden]{display:none}.jackpot .title{font-size:clamp(40px,10vw,96px);font-weight:900;color:var(--gold);text-shadow:0 0 20px #ff3,0 4px 0 #a05a00}.jackpot .amount{font-size:clamp(28px,6vw,56px);font-weight:700}@keyframes jackpot-in{0%{transform:scale(.4);opacity:0}}.toggles{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:16px;background:#05000cbf}.modal[hidden]{display:none}.modal-body{width:min(760px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:16px 20px;border-radius:18px;border:3px solid var(--gold-deep);background:linear-gradient(#1d3fa8,#0d1f63)}.modal h2{margin:0 0 10px;color:var(--gold)}.modal h2 small{font-size:14px;color:var(--ink);font-weight:400}.modal table{width:100%;border-collapse:collapse;font-size:14px}.modal th,.modal td{padding:4px 6px;text-align:center;border-bottom:1px solid rgb(255 255 255 / 15%)}.modal .sym-cell{display:flex;align-items:center;gap:8px;text-align:left;white-space:nowrap}.modal .sym-cell img{width:36px;height:36px}.modal .note{text-align:left;font-style:italic}.modal ul{padding-left:20px;line-height:1.5}.line-shapes{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.line-shapes figure{margin:0;text-align:center;font-size:12px}.line-shapes svg{width:72px;height:72px}.shape-ring{fill:#2a1250;stroke:var(--gold);stroke-width:2}.shape-line{fill:none;stroke:#ff4fd8;stroke-width:5;stroke-linejoin:round}.modal-nav{display:flex;justify-content:space-between;margin-top:14px}.pack-btn{width:119px;height:56px;padding:0;border:0;border-radius:10px;background:transparent no-repeat 0 0}.pack-btn.rules{background-image:url(/assets/help/btn_rules.png)}.pack-btn.paytable{background-image:url(/assets/help/btn_paytable.png)}.pack-btn.game{height:57px;background-image:url(/assets/help/btn_game.png)}.pack-btn:hover{background-position:0 -56px}.pack-btn.game:hover{background-position:0 -57px}.pack-btn:active{background-position:0 -112px}.pack-btn.game:active{background-position:0 -114px}.pack-btn[hidden]{display:none}