:root{--lacquer: #b3121f;--lacquer-deep: #3a0a0e;--gold: #e8b74a;--gold-light: #fff1b8;--jade: #2f8f6b;--ink: #1b1b2f;--ivory: #fbf6e9;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:Georgia,Times New Roman,serif;color:var(--ivory);background:var(--lacquer-deep) url(/assets/bg/game.webp) center / cover no-repeat fixed;min-height:100dvh}body[data-page=lobby]{background-image:url(/assets/bg/lobby.webp)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(rgb(20 0 4 / 45%),transparent 28%,transparent 70%,rgb(20 0 4 / 55%))}.scenery{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:4}.lanterns{position:absolute;inset:0 clamp(8px,6vw,120px) auto;display:flex;justify-content:space-between}@media(min-width:720px){.lanterns{padding:0;justify-content:flex-start;gap:clamp(20px,8vw,160px)}.lantern:nth-child(3){margin-left:auto}}.lantern{width:clamp(36px,6vw,72px);height:auto;transform-origin:50% 0;animation:swing 4s ease-in-out infinite alternate;filter:drop-shadow(0 0 12px rgb(255 90 60 / 55%))}.lantern:nth-child(2n){animation-duration:5s;margin-top:-18px}.lantern:nth-child(2),.lantern:nth-child(3){display:none}@media(min-width:720px){.lantern:nth-child(2),.lantern:nth-child(3){display:block}}@keyframes swing{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.petals [data-cy=petal]{position:absolute;top:0;left:0;will-change:transform;opacity:.9}.lobby,.game-soon{position:relative;z-index:1;min-height:100dvh;display:grid;align-content:start;justify-items:center;gap:24px;padding:clamp(80px,12vw,140px) 28px 32px}@media(min-width:720px){.lobby{padding-top:clamp(24px,5vh,64px);gap:20px}.lobby-head{grid-template-columns:auto auto;align-items:center;column-gap:16px}.lobby-head .balance{grid-column:1 / -1}.game-btn{width:min(340px,calc(100dvh - 330px));min-width:240px}}.lobby-head{display:grid;justify-items:center;gap:6px;text-align:center}.logo .seal{width:clamp(64px,10vw,96px);filter:drop-shadow(0 4px 10px rgb(0 0 0 / 45%))}.lobby-title{margin:0;display:grid;justify-items:center;gap:4px;font-size:clamp(26px,4vw,40px);font-weight:400;letter-spacing:.08em;color:var(--gold-light);text-shadow:0 2px 0 var(--lacquer),0 0 18px rgb(232 183 74 / 45%)}.balance{margin:0;display:flex;align-items:center;gap:8px;padding:6px 16px;border:2px solid var(--gold);border-radius:999px;background:#00000059;font-size:18px}.balance [data-cy=balance]{color:var(--gold-light);font-weight:700;font-variant-numeric:tabular-nums}.lobby-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(16px,4vw,48px);width:100%;max-width:900px}.game-btn{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:10px;width:min(100%,340px);padding:14px;color:inherit;text-decoration:none;border-radius:18px;background:#28040852;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border:2px solid rgb(232 183 74 / 55%);box-shadow:0 10px 24px #00000059;transition:transform .2s ease,box-shadow .2s ease;outline:none}.game-btn[data-active=true]{transform:translateY(-4px);background:#3c080c66;border-color:var(--gold-light);box-shadow:0 14px 30px #0000008c,0 0 24px #e8b74a8c}.game-btn .frame{display:block;width:100%;padding:10px;border-radius:10px;background:radial-gradient(circle,#5a101659,#14020640)}.preview{width:100%;height:auto;aspect-ratio:1;display:block}.game-btn .name{display:grid;justify-items:center;gap:4px}.game-btn .en{font-size:20px;letter-spacing:.06em;color:var(--gold-light)}.preview .tile.golden{transition:filter .3s}.game-btn[data-active=true] .preview .tile.golden{animation:shimmer 1.2s ease-in-out infinite alternate}@keyframes shimmer{to{filter:brightness(1.35) drop-shadow(0 0 3px #fff1b8)}}.preview .ring{transform-origin:0 0}.game-btn[data-active=true] .preview .ring,.game-soon .preview .ring{animation:turn var(--speed) linear infinite}.preview .ring.ccw{animation-direction:reverse}@keyframes turn{to{transform:rotate(360deg)}}.pearl{filter:drop-shadow(0 0 6px #ffcf6b)}.game-soon h1{margin:0;font-weight:400;font-size:clamp(28px,5vw,44px);color:var(--gold-light);text-shadow:0 2px 0 var(--lacquer)}.game-soon .preview-slot{width:min(80vw,420px);aspect-ratio:1}.game-soon p{margin:0;text-align:center}.back{color:var(--gold-light);font-size:18px;padding:8px 18px;border:2px solid var(--gold);border-radius:999px;text-decoration:none;background:#00000059}.back:hover,.back:focus-visible{background:var(--lacquer)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.ways-page{position:relative;z-index:1;min-height:100dvh;display:grid;align-content:start;justify-items:center;gap:8px;padding:8px 16px 16px}.ways-head{display:grid;justify-items:center;gap:6px;width:min(100%,560px)}.ways-head h1{margin:0;display:grid;justify-items:center;font-weight:400;font-size:clamp(20px,3.4vw,28px);letter-spacing:.08em;color:var(--gold-light);text-shadow:0 2px 0 var(--lacquer)}.ladder{margin:0;padding:0;list-style:none;display:flex;gap:10px}.ladder li{min-width:56px;padding:4px 10px;text-align:center;font-size:20px;font-weight:700;color:#ffb3a8;border-radius:999px;background:#0006;border:2px solid #7d0a10;transition:transform .2s,background .2s}.ladder li[data-active=true]{color:var(--ink);background:radial-gradient(circle at 40% 35%,#fff1b8,var(--gold) 60%,#a8741a);border-color:var(--gold-light);transform:scale(1.15);box-shadow:0 0 16px #e8b74abf}.free-spins{margin:0;padding:4px 14px;border-radius:999px;background:var(--jade);color:var(--ivory);font-weight:700}.free-spins[hidden]{display:none}.reels-frame{position:relative;width:min(100%,calc((100dvh - 250px)*.81 + 26px));min-width:260px;padding:10px;border-radius:16px;background:#1e02064d;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border:3px solid rgb(232 183 74 / 70%);box-shadow:inset 0 0 0 1px #fff1b859,0 12px 30px #0006}.reels-svg{display:block;width:100%;height:auto}.reels-svg .cell{transition:transform var(--move, .3s) cubic-bezier(.3,1.25,.6,1)}.reels-svg .cell .inner{transform-box:fill-box;transform-origin:center;transition:transform .25s ease,opacity .25s ease,filter .25s ease}.reels-svg .cell.win .inner,.board-svg .cell.win .inner{animation:win-tilt .55s ease-in-out infinite alternate}.cell.win .tile-face{stroke:var(--gold-light);stroke-width:3}@media(hover:hover)and (pointer:fine){.reels-svg .cell.win .inner,.board-svg .cell.win .inner{filter:drop-shadow(0 0 4px #fff1b8) drop-shadow(0 0 8px var(--gold))}.reel-strip.moving{filter:blur(1.2px)}.board-svg .ring.moving{filter:url(#ring-blur)}}.reels-svg .cell.pop .inner,.board-svg .cell.pop .inner{animation:tumble .32s ease-in forwards}.reels-svg .cell.flip .inner{transform:scaleX(.04) skewY(8deg);transition-duration:.16s}@keyframes win-tilt{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.07) rotate(-3deg) skew(-3deg)}}@keyframes tumble{to{transform:translate(6px,26px) rotate(150deg) scale(.3);opacity:0}}.reels-svg .tile.golden{animation:shimmer 1.4s ease-in-out infinite alternate}@keyframes pulse{to{transform:scale(1.06)}}.step-win{position:absolute;inset:auto 0 -22px;margin:0;text-align:center;font-size:clamp(22px,4vw,32px);font-weight:700;color:var(--gold-light);text-shadow:0 2px 0 var(--lacquer),0 0 12px #000;pointer-events:none}.ways-controls{width:min(100%,560px);display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:8px 10px}.meter{display:grid;gap:2px;padding:6px 8px;border-radius:10px;background:#0006;border:1px solid rgb(232 183 74 / 45%);text-align:center}.meter .label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#f3c7a0}.meter .value{font-size:18px;font-weight:700;color:var(--gold-light);font-variant-numeric:tabular-nums}.stepper{font:inherit;font-size:18px;font-weight:700;border:none;background:none;cursor:pointer;padding:0}.stepper:disabled{cursor:default;opacity:.6}.spin{width:84px;height:84px;border-radius:50%;border:6px solid var(--gold);background:radial-gradient(circle at 40% 35%,#ff5a3c,var(--lacquer) 60%,#6e0a10);color:var(--gold-light);font:inherit;font-size:18px;font-weight:700;letter-spacing:.06em;cursor:pointer;box-shadow:inset 0 0 0 3px #8a5a12,0 6px 16px #0000008c;grid-row:span 2}.spin:not(:disabled):hover{filter:brightness(1.1)}.spin:disabled{filter:grayscale(.6) brightness(.7);cursor:default}.toggles{grid-column:1 / 4;display:flex;flex-wrap:wrap;gap:6px}.small{font:inherit;font-size:14px;color:var(--gold-light);background:#0006;border:1px solid var(--gold);border-radius:999px;padding:4px 12px;cursor:pointer;text-decoration:none}.small[aria-pressed=true]{background:var(--lacquer)}.message{grid-column:1 / -1;margin:0;text-align:center;color:#ffd0c4}.refill{grid-column:1 / -1;justify-self:center;font:inherit;font-weight:700;color:var(--gold-light);background:linear-gradient(var(--lacquer),#7d0a10);border:2px solid var(--gold);border-radius:10px;padding:10px 18px;cursor:pointer}.refill[hidden],.message[hidden]{display:none}.big-win,.announce{position:fixed;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:6px;background:radial-gradient(circle,#b3121fcc,#140004e0);pointer-events:none;text-align:center}.big-win[hidden],.announce[hidden]{display:none}.big-win .title,.announce .title{margin:0;font-size:clamp(36px,8vw,72px);color:var(--gold-light);text-shadow:0 3px 0 var(--lacquer),0 0 24px var(--gold);animation:pop-in .4s cubic-bezier(.3,1.6,.6,1)}.big-win .amount,.announce .amount{margin:0;font-size:clamp(28px,6vw,52px);font-weight:700;color:#fff}.ingot-pile{display:flex;align-items:flex-end;animation:pop-in .6s cubic-bezier(.3,1.6,.6,1)}@keyframes pop-in{0%{transform:scale(.3);opacity:0}}.modal{position:fixed;inset:0;z-index:6;display:grid;place-items:center;padding:16px;background:#000000a6}.modal[hidden]{display:none}.modal-body{width:min(100%,640px);max-height:calc(100dvh - 32px);overflow:auto;padding:18px;border-radius:14px;background:var(--lacquer-deep);border:3px solid var(--gold);display:grid;gap:12px}.modal h2{margin:0 0 8px;color:var(--gold-light);font-weight:400}.modal h2 small{font-size:14px;color:#f3c7a0}.modal table{width:100%;border-collapse:collapse}.modal th,.modal td{padding:4px 6px;border-bottom:1px solid rgb(232 183 74 / 25%);text-align:right;font-variant-numeric:tabular-nums}.modal tbody th{display:flex;align-items:center;gap:8px;text-align:left;font-weight:400}.modal thead th:first-child{text-align:left}.mini{width:26px;height:auto;flex:none}.modal ul{margin:0;padding-left:20px;display:grid;gap:6px;line-height:1.4}.modal .back{justify-self:center;cursor:pointer;font:inherit}@media(min-aspect-ratio:1/1)and (min-width:700px){.ways-page{height:100dvh;min-height:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"head reels controls";align-items:center;align-content:stretch;gap:clamp(12px,2vw,32px);padding:1.5dvh 24px}.ways-head{grid-area:head;justify-self:end;width:auto;gap:14px}.ways-head,.ways-controls{padding:16px;border-radius:16px;background:#1e02069e;border:1px solid rgb(232 183 74 / 45%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ladder{flex-direction:column}.reels-frame{grid-area:reels;height:min(97dvh,calc((100vw - 2 * 260px) * 418 / 338 + 26px));width:auto;min-width:0}.reels{height:100%;aspect-ratio:338 / 418}.reels-svg{height:100%}.ways-controls{grid-area:controls;justify-self:start;width:min(100%,300px);grid-template-columns:1fr 1fr}.ways-controls .meter:first-child{grid-column:1 / -1}.ways-controls .spin{grid-column:1 / -1;grid-row:auto;justify-self:center;width:110px;height:110px;font-size:22px}.ways-controls .toggles{grid-column:1 / -1;justify-content:center}}.reels{position:relative}.reel-strips{position:absolute;inset:0;overflow:hidden;border-radius:10px;pointer-events:none}.reel-strip{position:absolute;top:0;will-change:transform}.reel-strip img{position:absolute;left:0;display:block}.board-frame{width:min(100%,calc(100dvh - 250px))}.board-svg{display:block;width:100%;height:auto}.board-frame{padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.mandala-page .reels{aspect-ratio:1;border-radius:50%;background:#1e02064d;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 12px 30px #0006}@media(min-aspect-ratio:1/1)and (min-width:700px){.board-frame{height:min(97dvh,calc(100vw - 520px));width:auto}.mandala-page .reels{aspect-ratio:1}.board-svg{height:100%;width:auto}}.board-disc{fill:none;stroke:#e8b74a99;stroke-width:3}.ring-track{fill:none;stroke:#e8b74a2e;stroke-width:86}.lock-ring{stroke:transparent;stroke-width:96;transition:stroke .4s}.board-svg.locked .lock-ring{stroke:#e8b74a47}.board-svg .ring{transform-origin:0 0}.board-svg .cell{transition:transform var(--move, .4s) cubic-bezier(.3,1.2,.6,1)}.board-svg .cell.arriving{opacity:0}.board-svg .cell .inner{transform-box:fill-box;transform-origin:center;transition:transform .28s ease,opacity .28s ease}.ray-line{stroke:var(--gold-light);stroke-width:10;stroke-linecap:round;opacity:.75;filter:drop-shadow(0 0 8px var(--gold))}.board-svg .eye{cursor:pointer;outline:none}.board-svg .eye:hover .pearl-glow,.board-svg .eye:focus-visible .pearl-glow{fill:#fff1b873}.pearl-glow{fill:#ffcf6b40;transition:fill .2s}.board-svg.locked .pearl-glow{animation:glow 1s ease-in-out infinite alternate}@keyframes glow{to{fill:#fff1b8b3}}.center-mult circle{fill:var(--lacquer);stroke:var(--gold);stroke-width:4}.center-mult text{fill:var(--gold-light);font:700 34px Georgia,serif;text-anchor:middle}.eye-info{margin:0;text-align:center;line-height:1.4}.eye-info small{color:#f3c7a0}.win-detail{margin:0;min-height:1.4em;max-width:220px;text-align:center;color:var(--gold-light)}.picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.pick{padding:2px;border:2px solid transparent;border-radius:8px;background:#00000040;cursor:pointer}.pick svg{display:block;width:100%;height:auto}.pick[aria-pressed=true],.pick:hover,.pick:focus-visible{border-color:var(--gold-light);background:#e8b74a40}.mandala-page .modal tbody th{display:grid;gap:2px}.mandala-page .modal tbody th span{font-size:13px;color:#f3c7a0}