:root{--bg-0: #070b1c;--bg-1: #10152f;--panel: rgba(255, 255, 255, .045);--panel-border: rgba(255, 255, 255, .11);--line: #26305e;--gold: #f6c453;--gold-2: #d99a2b;--gold-3: #8a5a0e;--cyan: #5fd3e6;--magenta: #c46bff;--text: #eef1ff;--text-dim: #a6adce;--win: #47e08a;--danger: #ff6b6b;--cell: #131a3f;--cell-2: #1b2352;--radius: 16px;--sky-strip: clamp(88px, 16vw, 132px);--font-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(1100px 560px at 50% -12%,#232a66 0%,transparent 60%),linear-gradient(160deg,var(--bg-0),var(--bg-1));min-height:100dvh}#app{min-height:100dvh;display:flex;justify-content:center;padding:env(safe-area-inset-top) 12px calc(12px + env(safe-area-inset-bottom))}.game{width:100%;max-width:860px;display:flex;flex-direction:column;gap:12px;padding-block:10px}.header{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.brand{display:flex;flex-direction:column;gap:2px}.title{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(30px,6.5vw,52px);line-height:1;letter-spacing:-.01em;background:linear-gradient(180deg,#fffbe6,#ffe38a 38%,#f0b12e 62%,#b7731a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #6b4308) drop-shadow(0 2px 0 #4a2c00) drop-shadow(0 6px 14px rgba(246,196,83,.35))}.tagline{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}.header-actions{display:flex;gap:8px}.icon-btn{background:var(--panel);border:1px solid var(--panel-border);color:var(--text);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer;min-height:40px}.icon-btn:hover{border-color:var(--gold)}.pills{display:flex;flex-wrap:wrap;gap:6px}.pill{font-size:11.5px;padding:5px 10px;border-radius:999px;border:1px solid rgba(246,196,83,.28);background:#f6c4530f;color:var(--text-dim);white-space:nowrap}.pill b{color:var(--gold);font-weight:800}.pill.demo{border-color:#ff6b6b66;color:var(--danger);background:#ff6b6b0f}.board-area{position:relative;padding:var(--sky-strip) 10px 10px;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 70px #0000008c;background:#0a1130}.world{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.board-content{position:relative;z-index:1;display:flex;gap:10px;align-items:stretch}.tower-col{position:relative;width:clamp(84px,22%,150px);flex:none}.rail{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;width:92px;flex:none}.rail-top{align-self:center;width:34px;height:34px;color:#f4ead059;filter:drop-shadow(0 0 6px rgba(246,196,83,.25));margin-bottom:4px}.rail-top.lit{color:#fff3c4;filter:drop-shadow(0 0 14px rgba(246,196,83,.9))}.rail-svg{width:100%;height:100%;display:block}.rail-item{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 6px;border-radius:12px;background:#05070f73;border:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--text-dim);--accent: var(--gold);transition:border-color .3s,box-shadow .3s,color .3s}.rail-item.tier2{--accent: var(--cyan)}.rail-item.tier3{--accent: var(--magenta)}.rail-icon{width:22px;height:22px;color:currentColor;opacity:.6}.rail-label{font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rail-name{font-size:10.5px}.rail-item.active{color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 18px color-mix(in srgb,var(--accent) 55%,transparent)}.rail-item.active .rail-icon{color:var(--accent);opacity:1;filter:drop-shadow(0 0 6px var(--accent))}.rail-item.active .rail-label{color:var(--accent)}.rail-item.done{color:var(--text)}.rail-item.done .rail-icon{color:var(--accent);opacity:.9}.reels-frame{flex:1;min-width:0;padding:8px;border-radius:var(--radius);background:linear-gradient(180deg,#0a0e288c,#06091ab3);border:1px solid rgba(95,211,230,.35);box-shadow:0 0 0 1px #f6c45340,0 0 26px #5fd3e62e,inset 0 0 40px #00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.reels{position:relative;display:grid;grid-template-columns:repeat(var(--reels, 5),1fr);gap:6px}.reel{position:relative;overflow:hidden;aspect-ratio:1 / 3;border-radius:10px;background:linear-gradient(180deg,#00000040,#0000000d 40%,#0000000d 60%,#0000004d)}.strip{position:absolute;left:0;right:0;top:0;will-change:transform}.strip.blur{filter:blur(1.4px)}.cell{position:relative;width:100%;aspect-ratio:1 / 1}.tile{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:9px;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.07),transparent 55%),linear-gradient(180deg,var(--cell-2),var(--cell));border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff14,inset 0 -6px 14px #00000059;display:grid;place-items:center;overflow:hidden;transition:transform .15s ease,box-shadow .2s ease}.tile img{width:82%;height:82%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.cell.beam .tile{border-color:#f6c4538c;box-shadow:inset 0 0 0 1px #f6c45340,inset 0 -6px 14px #00000059}.cell.win .tile{z-index:2;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 26px #f6c453d9,inset 0 0 18px #f6c45340;animation:winPulse .55s ease-in-out infinite alternate}.cell.win .tile:after{content:"";position:absolute;top:-40%;right:-60%;bottom:-40%;left:-60%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);animation:sheen .9s ease-in-out infinite}@keyframes winPulse{0%{transform:scale(1)}to{transform:scale(1.07)}}@keyframes sheen{0%{transform:translate(-60%)}to{transform:translate(60%)}}.cell.collect .tile{z-index:4;animation:fly .52s cubic-bezier(.4,0,.85,1) forwards}@keyframes fly{0%{transform:scale(1)}25%{transform:scale(1.22);box-shadow:0 0 24px var(--gold)}to{transform:translate(var(--dx),var(--dy)) scale(.28);opacity:0}}.paylines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible;animation:plIn .25s ease-out}.pl-glow{fill:none;stroke:#f6c45359;stroke-width:9;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.pl{fill:none;stroke:#ffe9a6;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #f6c453)}@keyframes plIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.hud{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border-radius:12px;background:#05070f99;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);--accent: var(--gold)}.hud.tier2{--accent: var(--cyan)}.hud.tier3{--accent: var(--magenta)}.hud.tier4{--accent: var(--gold)}.hud.bonus{border-color:var(--win);box-shadow:0 0 18px #47e08a59}.hud.suspense{animation:hudPulse .5s ease infinite alternate}@keyframes hudPulse{to{box-shadow:0 0 22px var(--accent)}}.hud-level{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--accent);white-space:nowrap}.hud-level span{opacity:.55;font-weight:600}.hud-progress{display:flex;align-items:center;gap:6px}.hud-floor{font-size:12px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.hud-pips{display:flex;gap:3px}.hud-pips i{width:6px;height:6px;border-radius:50%;background:#fff3}.hud-pips i.on{background:var(--accent);box-shadow:0 0 6px var(--accent)}.stamp{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none;text-align:center;animation:stampIn .55s cubic-bezier(.2,1.2,.3,1) both;--c1: #fffbe6;--c2: #ffe38a;--c3: #f0b12e;--c4: #b7731a;--glow: rgba(246, 196, 83, .55)}.stamp.cyan{--c1: #f2fdff;--c2: #a8f0ff;--c3: #5fd3e6;--c4: #1c7f96;--glow: rgba(95, 211, 230, .55)}.stamp.magenta{--c1: #fbf3ff;--c2: #e3b8ff;--c3: #c46bff;--c4: #6c2fa8;--glow: rgba(196, 107, 255, .55)}.stamp.win{--c1: #f4fff8;--c2: #b8ffd6;--c3: #47e08a;--c4: #157a45;--glow: rgba(71, 224, 138, .55)}.stamp-text{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,7.5vw,66px);line-height:1;letter-spacing:.02em;background:linear-gradient(180deg,var(--c1) 0%,var(--c2) 38%,var(--c3) 62%,var(--c4) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(0,0,0,.55)) drop-shadow(0 8px 24px var(--glow))}.stamp-sub{font-size:clamp(12px,2.6vw,17px);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}@keyframes stampIn{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.banner{min-height:24px;text-align:center;font-weight:700;color:var(--gold);font-size:clamp(13px,3.4vw,16px)}.banner.freespin{color:var(--win)}.banner.suspense{color:#fff;animation:bannerPulse .45s ease infinite alternate}@keyframes bannerPulse{0%{opacity:.7}to{opacity:1;text-shadow:0 0 14px var(--gold)}}.bar{display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:14px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--panel-border);border-radius:var(--radius);padding:12px 16px;box-shadow:0 12px 30px #00000059}.stat{display:flex;flex-direction:column;gap:2px}.stat .label{font-size:10.5px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em}.stat .value{font-size:clamp(15px,4vw,22px);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.stat .value.win{color:var(--win)}.stat.right{text-align:right;align-items:flex-end}.bet-controls{display:flex;align-items:center;gap:6px}.bet-controls .amount{min-width:78px;text-align:center;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums}.round-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--panel-border);background:var(--cell);color:var(--text);font-size:20px;line-height:1;cursor:pointer}.round-btn:hover:not(:disabled){border-color:var(--gold)}.round-btn:disabled{opacity:.4;cursor:not-allowed}.spin-btn{position:relative;width:clamp(84px,20vw,104px);height:clamp(84px,20vw,104px);border-radius:50%;border:3px solid #f9d97a;cursor:pointer;display:grid;place-items:center;gap:0;color:#2a1a00;background:radial-gradient(circle at 32% 26%,#fff1b8,#f6c453 42%,#d99a2b 78%,#a8640f);box-shadow:0 0 0 4px #f6c4532e,0 10px 30px #d99a2b80,inset 0 2px 8px #ffffffa6,inset 0 -8px 16px #78460059;transition:transform .1s ease,filter .2s ease}.spin-btn:hover:not(:disabled){filter:brightness(1.06)}.spin-btn:active{transform:scale(.95)}.spin-btn:disabled{filter:grayscale(.55) brightness(.8);cursor:not-allowed}.spin-icon{width:44%;height:44%}.spin-label{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.08em;margin-top:-6px}.spin-btn.spinning .spin-icon{animation:spinRot .9s linear infinite}@keyframes spinRot{to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal{background:linear-gradient(160deg,var(--bg-1),var(--bg-0));border:1px solid var(--gold-2);border-radius:var(--radius);max-width:600px;width:100%;max-height:85dvh;overflow:auto;padding:18px}.modal h2{margin-top:0;color:var(--gold);font-family:var(--font-display)}.pt-row{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--panel-border)}.pt-img{width:46px;height:46px;object-fit:contain;flex:none}.pt-inline{width:20px;height:20px;vertical-align:-5px}.pt-name{flex:1;font-weight:700}.pt-pays{font-size:13px;color:var(--text-dim);display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.pt-pays b{color:var(--text)}.rules{font-size:13px;color:var(--text-dim);line-height:1.55}.rules b{color:var(--text)}.close-btn{margin-top:14px;width:100%;padding:12px;border-radius:10px;border:none;cursor:pointer;background:var(--gold);color:#2a1a00;font-weight:800;font-size:15px}button{touch-action:manipulation}@media(max-width:640px){:root{--sky-strip: clamp(64px, 15vw, 92px)}.game{gap:10px;padding-block:6px}.header{align-items:center}.title{font-size:clamp(26px,8vw,34px)}.tagline{display:none}.icon-btn{padding:7px 10px;min-height:36px;font-size:12px}.pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.pills::-webkit-scrollbar{display:none}.pill{flex:none;font-size:11px;padding:4px 9px}.rail{display:none}.tower-col{width:76px}.hud{padding:5px 3px}.board-area{padding:var(--sky-strip) 8px 8px}.board-content{gap:8px}.bar{grid-template-columns:1fr auto 1fr;grid-template-areas:"solde spin gain" "mise mise mise";row-gap:8px;padding:10px 12px}.bar .stat:first-child{grid-area:solde}.bar .spin-btn{grid-area:spin}.bar .stat.right{grid-area:gain}.bar .bet-controls{grid-area:mise;justify-content:center}.banner{min-height:20px;font-size:13px}.dev-toggle{font-size:11px}}@media(max-width:420px){.board-area{padding:var(--sky-strip) 6px 6px}.board-content{gap:6px}.tower-col{width:70px}.reels{gap:4px}.tile{top:2px;right:2px;bottom:2px;left:2px}.reels-frame{padding:6px}}@media(prefers-reduced-motion:reduce){.cell.win .tile,.cell.win .tile:after,.hud.suspense,.banner.suspense,.spin-btn.spinning .spin-icon,.stamp{animation:none}.strip{transition-duration:.2s!important}}.dev{margin-top:6px;border:1px dashed var(--panel-border);border-radius:var(--radius);background:#0003}.dev-toggle{width:100%;background:transparent;border:none;color:var(--text-dim);font-size:12px;font-weight:700;padding:8px 10px;cursor:pointer;text-align:left}.dev-body{display:flex;flex-wrap:wrap;gap:10px 16px;padding:0 10px 12px}.dev-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dev-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-right:2px}.dev-btn{background:var(--cell);border:1px solid var(--panel-border);color:var(--text);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer}.dev-btn:hover:not(:disabled){border-color:var(--gold)}.dev-btn:disabled{opacity:.4;cursor:not-allowed}.dev-btn.active{background:var(--gold);color:#2a1a00;border-color:var(--gold)}.dev-btn.gold{border-color:var(--gold);color:var(--gold)}.dev-btn.warn{border-color:var(--danger);color:var(--danger)}.dev-btn.warn:hover{background:var(--danger);color:#fff}