@font-face{font-family:"Noto Serif TC";src:url(./noto-serif-tc-chinese-traditional-400-normal-DQpnKpeM.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Noto Serif TC";src:url(./noto-serif-tc-chinese-traditional-700-normal-CplHwGhL.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Noto Serif TC";src:url(./noto-serif-tc-chinese-traditional-900-normal-D56GMwqp.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Phosphor-Bold;src:url(./Phosphor-Bold-BCak21uZ.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}.ph-bold{font-family:Phosphor-Bold!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;font-feature-settings:"liga";font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased}.ph-bold.ph-arrows-clockwise:before{content:""}.ph-bold.ph-lightning:before{content:""}.ph-bold.ph-list:before{content:""}.ph-bold.ph-minus:before{content:""}.ph-bold.ph-plus:before{content:""}.ph-bold.ph-speaker-high:before{content:""}.ph-bold.ph-speaker-slash:before{content:""}:root{font-family:"Noto Serif TC",Songti TC,serif;color:#fff4d6;background:#06070a;font-synthesis:none;--gold: #d7a93e;--gold-hi: #ffe8a0;--gold-dk: #60400f;--ink: #08090d;--lacquer: #8d1d12;--wood: #42d17a;--fire: #ff5a31;--earth: #f4c44f;--metal: #e9edf6;--water: #43a7ff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}button:focus-visible{outline:3px solid #fff4c0;outline-offset:3px}.scene{position:relative;width:100%;height:100dvh;min-height:0;overflow:hidden;background-color:#07080b;background-image:var(--scene-art);background-size:cover;background-position:center;isolation:isolate;--stage-y: clamp(64px, 9dvh, 96px)}.scene:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;box-shadow:inset 0 0 120px 36px #000000c7}.battle-embers{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.battle-embers i{position:absolute;left:var(--ember-x);bottom:-4%;width:var(--ember-size);aspect-ratio:1;border-radius:50%;background:#ffd56e;box-shadow:0 0 8px 2px #e85b19;opacity:0;animation:ember-rise var(--ember-duration) linear var(--ember-delay) infinite}@keyframes ember-rise{0%{opacity:0;transform:translateZ(0) scale(.55)}12%{opacity:.8}55%{opacity:.52;transform:translate3d(var(--ember-drift),-52vh,0) scale(1)}to{opacity:0;transform:translate3d(var(--ember-drift-end),-104vh,0) scale(.65)}}.opening{position:fixed;inset:0;z-index:100;border:0;color:#ffe7a3;background:#050508e6;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:opacity .26s ease,transform .26s ease}.opening strong{font-size:clamp(40px,7vw,86px);letter-spacing:.18em;text-shadow:0 0 26px #b97816,0 4px 5px #000}.opening-kicker,.opening small{letter-spacing:.38em;color:#cf9e52}.opening.leaving{opacity:0;transform:scale(1.05);pointer-events:none}.tophud{position:absolute;top:clamp(8px,1.8vh,18px);left:clamp(10px,1.7vw,28px);right:clamp(10px,1.7vw,28px);z-index:12;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;pointer-events:none}.logo-seal,.banner-top,.rtp-badge{color:var(--gold-hi);background:#07080cdb;border:2px solid var(--gold);box-shadow:0 7px 22px #000000b8,inset 0 0 18px #d49d2e2e}.logo-seal{justify-self:start;width:clamp(180px,17vw,265px);padding:10px 18px 9px;text-align:center;border-radius:5px}.logo-seal .t{display:block;font-size:clamp(23px,2.25vw,37px);line-height:1.1;font-weight:900;letter-spacing:.14em;text-shadow:0 2px 3px #000}.logo-seal small{display:block;margin-top:5px;color:#ca9b55;font-size:clamp(8px,.8vw,12px);letter-spacing:.35em}.banner-top{justify-self:center;min-width:clamp(260px,31vw,500px);padding:10px 28px;text-align:center;border-width:2px 4px;box-shadow:0 7px 24px #000000c7,0 0 24px #e1a42c47;background-image:linear-gradient(#07080c59,#07080c59),var(--plaque-art);background-size:100% 100%;background-position:center}.banner-top .txt{font-size:clamp(19px,2.1vw,33px);font-weight:900;letter-spacing:.22em;text-shadow:0 2px 3px #000,0 0 14px #a96a10}.rtp-badge{justify-self:end;padding:7px 17px;border-radius:24px;font:700 clamp(10px,1vw,14px) ui-monospace,monospace;letter-spacing:.08em}.play-stage{position:absolute;inset:var(--stage-y) 0;z-index:5;display:grid;place-items:center;padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));pointer-events:none}.center{position:relative;display:flex;flex-direction:column;align-items:center;pointer-events:auto}.main-row{position:relative}.frame{position:relative;width:auto;height:min(80dvh,50vw,768px);aspect-ratio:1.12 / 1;background-image:var(--frame-art);background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(0 16px 24px rgba(0,0,0,.75))}.board{position:absolute;inset:17.2% 12.7% 12.8%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:clamp(3px,.42vw,7px);padding:clamp(3px,.38vw,6px);background:#020306c7;border:1px solid rgba(255,216,120,.22);overflow:hidden}.tile{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#08090ee0;box-shadow:inset 0 0 11px #000000e6,0 2px 5px #000000ad;transition:transform .16s ease,opacity .16s ease,box-shadow .2s ease;transform-origin:center bottom}.tile>img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none;user-select:none}.tile[data-symbol^=L]>img,.tile[data-symbol=WD]>img,.tile[data-symbol=SC]>img{object-fit:contain}.tile[data-symbol^=H]{border:2px solid rgba(228,180,70,.65);border-radius:7px}.tile .nm{position:absolute;z-index:3;left:4px;right:4px;bottom:2px;padding:2px 3px;color:#ffe79c;background:#030305c7;font-size:clamp(7px,.58vw,10px);font-weight:700;letter-spacing:.08em;text-align:center;white-space:nowrap;text-shadow:0 1px 2px #000}.tile.win{transform:scale(1.06);box-shadow:0 0 17px 4px #ffcf5a,inset 0 0 12px #fff1a3;z-index:2}.tile.burst{opacity:0;transform:scale(1.38)}.tile.skill-hit{z-index:3;animation:skill-pulse .55s ease both}.tile.skill-wood{box-shadow:0 0 24px 7px var(--wood)}.tile.skill-fire{box-shadow:0 0 26px 8px var(--fire)}.tile.skill-earth{box-shadow:0 0 26px 8px var(--earth)}.tile.skill-metal{box-shadow:0 0 26px 8px var(--metal)}.tile.skill-water{box-shadow:0 0 26px 8px var(--water)}.board.water-rise{animation:water-rise .7s ease both}.board.tianming{box-shadow:0 0 38px 12px #ffd35c,inset 0 0 32px #fff0a0}.tile.reel-drop,.tile.tumble-drop{z-index:4;overflow:visible;will-change:transform,opacity,filter}.board.reel-entering:before,.board.tumble-entering:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent 0,rgba(244,191,76,.2) 44%,rgba(255,232,156,.35) 54%,transparent 100%),repeating-linear-gradient(90deg,rgba(232,178,62,.08) 0 1.3%,transparent 1.3% 16.666%);background-size:100% 44%,100% 100%;background-repeat:no-repeat;opacity:0;mix-blend-mode:screen;animation:reel-wind .72s linear both}.board.tumble-entering:before{opacity:.32;animation-duration:.46s}.tile.reel-drop{animation:reel-drop var(--reel-duration) cubic-bezier(.12,.72,.18,1) var(--reel-delay) both}.tile.tumble-drop{animation:tumble-drop var(--reel-duration) cubic-bezier(.16,.74,.2,1) var(--reel-delay) both}.reel-trail{position:absolute;inset:-170% 5% 4%;z-index:1;display:flex;align-items:flex-end;opacity:0;filter:blur(6px) saturate(1.28) brightness(1.2);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.28) 22%,#000 100%);animation:reel-trail var(--reel-duration) ease-out var(--reel-delay) both;pointer-events:none}.reel-trail img{width:100%;height:42%;object-fit:cover;transform:scaleY(3.2);transform-origin:center bottom;opacity:.48}.tile[data-symbol^=L] .reel-trail img,.tile[data-symbol=WD] .reel-trail img,.tile[data-symbol=SC] .reel-trail img{object-fit:contain}.reel-column-impact{position:absolute;bottom:-4%;z-index:7;width:19%;height:44%;opacity:0;transform:translate(-50%);pointer-events:none;background:radial-gradient(ellipse at 50% 92%,rgba(255,242,180,.95) 0 4%,rgba(235,170,48,.58) 18%,transparent 58%),linear-gradient(to top,rgba(255,211,101,.42),transparent 72%);mix-blend-mode:screen;filter:blur(.2px);animation:reel-column-impact var(--impact-duration) cubic-bezier(.1,.72,.2,1) var(--impact-delay) both}.reel-column-impact:before,.reel-column-impact:after{content:"";position:absolute;left:50%;bottom:8%;transform:translate(-50%);pointer-events:none}.reel-column-impact:before{width:82%;height:8px;border-radius:50%;border:2px solid rgba(255,229,142,.9);box-shadow:0 0 13px #e99f2c,inset 0 0 9px #fff1b1}.reel-column-impact:after{width:4px;height:72%;background:linear-gradient(to top,rgba(255,244,201,.85),transparent);filter:blur(1px)}.reel-column-impact-tumble{filter:saturate(.86) brightness(.9)}.board.reel-final-impact{animation:reel-final-impact .32s cubic-bezier(.18,.72,.24,1) both}@keyframes reel-drop{0%{opacity:0;transform:translateY(var(--reel-start)) scaleX(.94) scaleY(1.18);filter:blur(8px) brightness(.62)}30%{opacity:.68;filter:blur(5px) brightness(.82)}62%{opacity:1;transform:translateY(13%) scaleX(.98) scaleY(1.05);filter:blur(1.5px) brightness(1.08)}74%{transform:translateY(0) scaleX(1.1) scaleY(.78);filter:blur(0) brightness(1.42)}87%{transform:translateY(-9%) scaleX(.97) scaleY(1.08);filter:brightness(1.12)}95%{transform:translateY(2%) scaleX(1.015) scaleY(.98)}to{opacity:1;transform:translateY(0) scale(1);filter:none}}@keyframes tumble-drop{0%{opacity:0;transform:translateY(var(--reel-start)) scaleX(.96) scaleY(1.12);filter:blur(6px) brightness(.72)}48%{opacity:1;filter:blur(2px) brightness(.96)}76%{transform:translateY(0) scaleX(1.075) scaleY(.84);filter:blur(0) brightness(1.28)}90%{transform:translateY(-6%) scaleX(.98) scaleY(1.05)}to{opacity:1;transform:translateY(0) scale(1);filter:none}}@keyframes reel-trail{0%{opacity:0}16%{opacity:.48}62%{opacity:.26}82%,to{opacity:0}}@keyframes reel-wind{0%{opacity:0;background-position:0 -55%,0 0}18%{opacity:.56}74%{opacity:.28}to{opacity:0;background-position:0 145%,0 0}}@keyframes reel-column-impact{0%,34%{opacity:0;transform:translate(-50%) translateY(10px) scale(.3,.16)}46%{opacity:1;transform:translate(-50%) translateY(0) scale(1.12,.84)}70%{opacity:.72;transform:translate(-50%) translateY(-5px) scale(.92,1.18)}to{opacity:0;transform:translate(-50%) translateY(-18px) scale(1.36,1.4)}}@keyframes reel-final-impact{0%,to{transform:translateY(0) scale(1)}22%{transform:translateY(5px) scaleX(1.008) scaleY(.986);box-shadow:0 0 30px 7px #f0b2379e,inset 0 0 25px #ffdf8438}55%{transform:translateY(-3px) scaleX(.997) scaleY(1.006)}78%{transform:translateY(1px)}}@keyframes skill-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes water-rise{0%{transform:translateY(8px);filter:saturate(1)}50%{transform:translateY(-8px);filter:saturate(1.7) brightness(1.22)}to{transform:translateY(0);filter:saturate(1)}}.gauges{position:absolute;left:clamp(-66px,-5vw,-48px);top:26%;z-index:9;display:flex;flex-direction:column;gap:clamp(6px,.8vh,10px)}.gauge{width:clamp(36px,3.35vw,50px);display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,filter .2s ease}.gauge .orb{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.9))}.gauge progress{width:82%;height:6px;margin-top:-2px;appearance:none;border:1px solid #7d5016;border-radius:6px;overflow:hidden;background:#130d08}.gauge progress::-webkit-progress-bar{background:#130d08}.gauge progress::-webkit-progress-value{background:#e2b84d;box-shadow:0 0 8px #ffdb6c}.gauge.full,.gauge.highlight{transform:scale(1.16);filter:brightness(1.35)}.gauge.target{animation:gauge-target 1.15s ease-in-out infinite}@keyframes gauge-target{0%,to{filter:brightness(1.12)}50%{filter:brightness(1.58) drop-shadow(0 0 8px #f0bc4f)}}.base-chain,.fg-hud{position:absolute;left:19%;right:19%;top:9.5%;z-index:8;height:clamp(28px,3.2vw,43px);display:flex;align-items:center;justify-content:center;gap:clamp(5px,.6vw,9px);color:#f9df9a;background:#040508d6;border:1px solid rgba(225,175,67,.66);box-shadow:0 4px 12px #000000b3}.base-chain-label{font-size:clamp(8px,.68vw,11px);letter-spacing:.18em;color:#c89d52}.base-chain-flow{display:flex;align-items:center}.base-chain-flow span{width:clamp(18px,1.75vw,27px);aspect-ratio:1;opacity:.48;transition:opacity .2s,transform .2s,filter .2s}.base-chain-flow img{width:100%;height:100%;object-fit:contain}.base-chain-flow span.current{opacity:1;transform:scale(1.18);filter:brightness(1.4)}.base-chain-flow span.target{opacity:.92;filter:brightness(1.2) drop-shadow(0 0 5px #ffcf55);animation:chain-target 1s ease-in-out infinite}.base-chain b{min-width:32px;font-size:clamp(12px,1.2vw,19px);color:#ffe896}.base-chain.charged{box-shadow:0 0 18px #da9d22,0 4px 12px #000}.base-chain.locked{box-shadow:0 0 28px #ffd25d,inset 0 0 14px #6d3b05}.base-chain-target{min-width:clamp(82px,7vw,112px);height:68%;padding-left:clamp(5px,.6vw,9px);display:flex;align-items:center;justify-content:center;gap:3px;border-left:1px solid rgba(211,163,65,.45);white-space:nowrap}.base-chain-target span{color:#9f7b42;font-size:clamp(7px,.56vw,9px)}.base-chain-target img{width:clamp(15px,1.35vw,21px);height:clamp(15px,1.35vw,21px);object-fit:contain}.base-chain-target b{min-width:0;font-size:clamp(8px,.7vw,11px);letter-spacing:.06em}@keyframes chain-target{0%,to{transform:scale(.92)}50%{transform:scale(1.13)}}.fg-hud{display:none;left:15%;right:15%;justify-content:space-around;font-size:clamp(8px,.72vw,12px);white-space:nowrap}.fg-hud.on{display:flex}.fg-hud.on~.board+.skill-stage,.scene[data-phase=feature] .base-chain{opacity:.32}.fg-hud .chain{display:flex;gap:3px}.fg-hud .lvl,.fg-hud .stamp{padding:2px 5px;color:#876d43;background:#111014;border:1px solid #5f4924}.fg-hud .lvl.on,.fg-hud .stamp.on{color:#fff2bf;border-color:#e3b646;box-shadow:0 0 8px #c78b1a}.fg-hud .lvl.tm{color:#fff;background:#8b2614}.skill-queue{position:absolute;right:13.2%;top:18.5%;z-index:26;display:flex;flex-direction:column;gap:5px;opacity:0;transform:translate(12px);pointer-events:none;transition:opacity .18s,transform .2s}.skill-queue.on{opacity:1;transform:translate(0)}.skill-queue-item{min-width:clamp(76px,7.2vw,112px);height:clamp(29px,3vw,42px);padding:3px 8px 3px 3px;display:flex;align-items:center;gap:5px;color:#b79a69;background:#06070aeb;border:1px solid #775725;border-radius:18px 4px 4px 18px;box-shadow:0 4px 10px #000;transition:opacity .18s,transform .18s,filter .18s}.skill-queue-item img{width:clamp(23px,2.55vw,36px);height:clamp(23px,2.55vw,36px);object-fit:contain}.skill-queue-item span{display:flex;align-items:baseline;gap:4px;font-size:clamp(8px,.72vw,11px);font-weight:900}.skill-queue-item small{color:#826638;font-size:clamp(6px,.5vw,8px)}.skill-queue-item.current{color:#fff0ad;border-color:#e4b64e;transform:translate(-8px) scale(1.04);box-shadow:0 0 15px #e5a632b3,0 4px 10px #000}.skill-queue-item.done{opacity:.5;filter:grayscale(.45)}.element-path{position:absolute;inset:0;z-index:25;overflow:hidden;pointer-events:none}.element-path img{position:absolute;width:clamp(25px,3vw,43px);height:clamp(25px,3vw,43px);object-fit:contain;filter:brightness(1.38) saturate(1.18) drop-shadow(0 0 9px var(--path-glow, #ffd66e))}.element-path-wood{--path-glow: var(--wood)}.element-path-fire{--path-glow: var(--fire)}.element-path-earth{--path-glow: var(--earth)}.element-path-metal{--path-glow: var(--metal)}.element-path-water{--path-glow: var(--water)}.element-impact{--impact-color: #ffd66e;position:absolute;inset:0;z-index:24;overflow:hidden;pointer-events:none;mix-blend-mode:screen}.element-impact-wood{--impact-color: var(--wood)}.element-impact-fire{--impact-color: var(--fire)}.element-impact-earth{--impact-color: var(--earth)}.element-impact-metal{--impact-color: var(--metal)}.element-impact-water{--impact-color: var(--water)}.element-impact-ring{position:absolute;left:var(--impact-left);top:var(--impact-top);width:clamp(64px,8vw,118px);aspect-ratio:1;border:clamp(2px,.25vw,4px) solid var(--impact-color);border-radius:50%;box-shadow:0 0 17px var(--impact-color),inset 0 0 17px var(--impact-color);animation:element-impact-ring .62s cubic-bezier(.12,.7,.2,1) both}.impact-power-2 .element-impact-ring{width:clamp(78px,10vw,148px)}.impact-power-3 .element-impact-ring{width:clamp(92px,12vw,178px)}.element-impact-shard{--impact-x: 0px;--impact-y: 0px;--impact-delay: 0ms;position:absolute;left:var(--impact-left);top:var(--impact-top);width:clamp(14px,1.55vw,24px);height:clamp(14px,1.55vw,24px);object-fit:contain;opacity:0;filter:brightness(1.55) saturate(1.25) drop-shadow(0 0 6px var(--impact-color));animation:element-impact-shard .66s cubic-bezier(.12,.72,.18,1) var(--impact-delay) both}@keyframes element-impact-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}24%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) scale(1.55)}}@keyframes element-impact-shard{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--impact-x)),calc(-50% + var(--impact-y))) scale(.82) rotate(170deg)}}.tile.scatter-anticipating{z-index:6;animation:scatter-anticipation .72s cubic-bezier(.2,.74,.3,1) var(--anticipation-delay, 0ms) both}.scatter-warning{position:absolute;left:50%;top:50%;z-index:28;transform:translate(-50%,-50%);min-width:34%;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #ffd874;border-radius:28px;color:#fff2b9;background:#08070ad1;box-shadow:0 0 24px #ffc53db8,inset 0 0 18px #ffd86429;animation:scatter-warning .9s ease both}.scatter-warning small{font-size:clamp(9px,.8vw,12px);letter-spacing:.18em}.scatter-warning strong{color:#ffe06f;font:900 clamp(16px,1.7vw,26px) ui-monospace,monospace}.frame.scatter-tension{animation:scatter-tension .9s ease-in-out both}@keyframes scatter-anticipation{0%,to{transform:scale(1);filter:brightness(1)}34%{transform:scale(1.13);filter:brightness(1.8) saturate(1.4);box-shadow:0 0 28px 9px #ffd55e}58%{transform:scale(1.04);filter:brightness(1.2)}78%{transform:scale(1.1);filter:brightness(1.65);box-shadow:0 0 24px 7px #fff0a3}}@keyframes scatter-warning{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}20%,76%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}@keyframes scatter-tension{0%,to{filter:drop-shadow(0 16px 24px rgba(0,0,0,.75))}45%{filter:drop-shadow(0 0 29px #e5a52f) brightness(1.12)}}.dock{position:absolute;left:50%;bottom:0;z-index:10;width:min(610px,48vw,76vh);height:clamp(55px,7vh,72px);margin-top:0;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,30px);padding:8px 24px;background:#080707eb;border:2px solid #9c6e22;border-radius:38px;box-shadow:0 8px 24px #000,inset 0 0 15px #d69e2d2e}.stat{min-width:clamp(92px,9vw,135px);text-align:center}.stat .k{color:#b88b45;font-size:clamp(8px,.72vw,11px);letter-spacing:.26em}.stat .v{color:#fff0c9;font:900 clamp(16px,1.6vw,24px) ui-monospace,monospace;text-shadow:0 2px 3px #000}.stat .v.win-flash{color:#ffe16a;text-shadow:0 0 13px #e59b1d,0 2px 3px #000}.bet-ctrl{display:flex;align-items:center;gap:7px}.bet-ctrl button{width:clamp(30px,2.9vw,43px);aspect-ratio:1;border-radius:50%;border:2px solid #d6a63a;background:#5f3e10;color:#ffe9a5;cursor:pointer;box-shadow:0 4px 9px #000,inset 0 0 8px #ffe08b40}.bet-ctrl button:active{transform:scale(.92)}.controls{position:absolute;right:clamp(16px,4.5vw,70px);bottom:clamp(18px,3vh,32px);z-index:20;display:flex;flex-direction:column;align-items:center;gap:clamp(7px,1.2vh,13px)}.btn-round{display:grid;place-items:center;border-radius:50%;border:2px solid #e2bd60;background:#23180ced;color:#ffe596;cursor:pointer;box-shadow:0 6px 14px #000,inset 0 0 9px #f1ba4638;transition:transform .12s,filter .18s,box-shadow .18s}.btn-round:active{transform:scale(.93)}.btn-round:disabled,.btn-plaque:disabled,.btn-demo:disabled,.bet-ctrl button:disabled{filter:grayscale(.85) brightness(.48);cursor:default}.btn-sm{width:clamp(42px,4vw,58px);aspect-ratio:1;font-size:clamp(18px,1.7vw,27px)}.btn-sm.on{color:#fff;box-shadow:0 0 17px #f5ba37,0 6px 14px #000}.btn-sm.off{opacity:.65}.btn-spin{width:clamp(84px,7.5vw,116px);aspect-ratio:1;border:0;background-color:transparent;background-image:var(--spin-art);background-size:contain;background-position:center;background-repeat:no-repeat;font-size:clamp(34px,3.6vw,54px);color:#ffefa4;text-shadow:0 3px 5px #481000;filter:drop-shadow(0 8px 12px #000)}.btn-spin.spinning i{animation:spin 1s linear infinite}.scene[data-phase=idle] .btn-spin:not(:disabled){animation:spin-attract 2.6s ease-in-out infinite}.btn-plaque{width:clamp(90px,8.2vw,126px);padding:8px;border:2px solid #d1a03b;border-radius:10px;background:#4b2a0df0;color:#ffe5a0;font-size:clamp(9px,.8vw,12px);font-weight:900;line-height:1.45;cursor:pointer;box-shadow:0 5px 13px #000,inset 0 0 10px #ffdc7829}.btn-demo{width:clamp(94px,8.6vw,132px);min-height:48px;padding:4px 8px 4px 4px;display:flex;align-items:center;justify-content:center;gap:4px;border:2px solid #e0b246;border-radius:9px;color:#ffe9a5;background:linear-gradient(135deg,#64130af5,#1f0f08f5);box-shadow:0 6px 16px #000,inset 0 0 13px #ffb7343d;cursor:pointer;overflow:hidden}.btn-demo img{width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 0 6px #e79a22)}.btn-demo span{display:flex;flex-direction:column;font-size:clamp(9px,.75vw,12px);font-weight:900;white-space:nowrap}.btn-demo small{color:#efbd55;font:800 9px ui-monospace,monospace;letter-spacing:.2em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-attract{0%,68%,to{filter:drop-shadow(0 8px 12px #000) brightness(1)}78%{filter:drop-shadow(0 0 19px #ffc847) brightness(1.18);transform:scale(1.025)}88%{filter:drop-shadow(0 8px 12px #000) brightness(1);transform:scale(1)}}.float-win{position:absolute;left:50%;top:44%;z-index:18;transform:translate(-50%,-50%);color:#fff3a3;text-shadow:0 0 16px #ffb41f,0 4px 5px #000;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:3px;animation:float-win .95s ease forwards}.float-win strong{font:900 clamp(26px,3.1vw,48px) ui-monospace,monospace}.float-win small{padding:3px 10px;border:1px solid rgba(255,218,114,.7);border-radius:14px;color:#fff0be;background:#140a03d1;font-size:clamp(8px,.75vw,12px);letter-spacing:.12em;box-shadow:0 0 12px #ffb22473}@keyframes float-win{0%{opacity:0;transform:translate(-50%,-35%) scale(.7)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-100%) scale(.96)}}.verdict-banner{position:absolute;left:50%;top:4%;z-index:24;transform:translate(-50%);min-width:45%;padding:7px 15px;border:2px solid #d1a03b;border-radius:8px;color:#fff0b4;background:#0b0808f0;text-align:center;font-size:clamp(10px,1vw,15px);font-weight:900;letter-spacing:.11em;box-shadow:0 6px 16px #000;animation:verdict .82s ease forwards}.verdict-red{border-color:#e3583d}.verdict-green{border-color:#52c97a}.verdict-white{border-color:#e7edf6}.verdict-gray{border-color:#77736a}@keyframes verdict{0%{opacity:0;transform:translate(-50%,-14px)}18%,82%{opacity:1;transform:translate(-50%)}to{opacity:0}}.toast{position:fixed;left:50%;bottom:13%;z-index:80;transform:translate(-50%);padding:9px 24px;border:2px solid #c39438;border-radius:24px;color:#ffe9ad;background:#0c0806f0;box-shadow:0 7px 19px #000;font-size:clamp(11px,1vw,15px);font-weight:900;letter-spacing:.14em;animation:toast .95s ease forwards}@keyframes toast{0%{opacity:0;transform:translate(-50%,16px)}18%,75%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.skill-stage{position:absolute;left:13%;right:13%;top:33%;z-index:30;height:27%;display:flex;align-items:center;gap:13px;padding:8px 20px;color:#fff1bf;background:#050609ed;border:2px solid #d4a43d;box-shadow:0 0 30px #000,inset 0 0 20px #dc9e282e;opacity:0;pointer-events:none;transform:scale(.82);transition:opacity .18s,transform .22s}.skill-stage.on{opacity:1;transform:scale(1)}.skill-stage img{height:100%;aspect-ratio:1;object-fit:cover;border:2px solid #d7ad54}.skill-stage span{display:flex;flex-direction:column;gap:6px}.skill-stage small{color:#bd8d43;font-size:clamp(8px,.8vw,12px);letter-spacing:.15em}.skill-stage strong{font-size:clamp(17px,1.8vw,28px);line-height:1.35;text-shadow:0 2px 3px #000}.skill-stage.ultimate{border-width:3px;box-shadow:0 0 34px #a95b10,inset 0 0 22px #ffb23133}.skill-stage[data-element=wood]{border-color:var(--wood);box-shadow:0 0 30px #42d17ab8,inset 0 0 20px #42d17a29}.skill-stage[data-element=fire]{border-color:var(--fire);box-shadow:0 0 30px #ff5a31b8,inset 0 0 20px #ff5a312e}.skill-stage[data-element=earth]{border-color:var(--earth);box-shadow:0 0 30px #f4c44fb8,inset 0 0 20px #f4c44f2e}.skill-stage[data-element=metal]{border-color:var(--metal);box-shadow:0 0 30px #e9edf6b8,inset 0 0 20px #e9edf629}.skill-stage[data-element=water]{border-color:var(--water);box-shadow:0 0 30px #43a7ffb8,inset 0 0 20px #43a7ff2e}.big-win{position:absolute;inset:29% 8% 20%;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#fff1a1;background:#210e04e0;border:3px solid #e2af3f;box-shadow:0 0 48px 16px #d37b13,inset 0 0 35px #8b330c;opacity:0;pointer-events:none;transform:scale(.7);transition:opacity .2s,transform .26s cubic-bezier(.2,.85,.3,1.2);overflow:hidden}.big-win.on{opacity:1;transform:scale(1)}.big-win[data-tier=epic]{border-color:#ffd96a;box-shadow:0 0 58px 19px #d59022,inset 0 0 38px #89380e}.big-win[data-tier=legendary]{border-width:4px;border-color:#fff0a1;box-shadow:0 0 68px 24px #e29221,inset 0 0 48px #a3380b;animation:legendary-win .72s ease-in-out infinite alternate}.big-win>span,.big-win>strong,.big-win>small{position:relative;z-index:3}.big-win>span{font-size:clamp(18px,2vw,30px);font-weight:900;letter-spacing:.18em}.big-win>strong{font:900 clamp(48px,6.2vw,96px) ui-monospace,monospace;text-shadow:0 0 22px #ffbd33,0 5px 7px #000}.big-win>small{color:#f6c66b;font-size:clamp(13px,1.4vw,22px)}.big-win-halo{position:absolute;left:50%;top:51%;z-index:1;width:min(92%,470px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background-image:url(./vfx-jackpot-burst-BN-Y0Nby.webp);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.68;animation:big-win-halo-breathe 1.15s ease-in-out infinite alternate}.big-win-halo i{position:absolute;inset:16%;border:1px solid rgba(255,232,155,.58);border-radius:50%;box-shadow:0 0 25px #ffbf32b8,inset 0 0 22px #ffbf3266;animation:big-win-halo-spin 9s linear infinite}.big-win-halo i:last-child{inset:27%;border-style:dashed;animation-direction:reverse;animation-duration:6s}.big-win-elements{position:absolute;left:50%;top:50%;z-index:2;width:min(78%,380px);aspect-ratio:2.9 / 1;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:space-between;opacity:.24}.big-win-elements img{width:clamp(28px,3.7vw,56px);aspect-ratio:1;object-fit:contain;filter:brightness(1.35) drop-shadow(0 0 9px #ffd66a);animation:big-win-element-pulse 1.2s ease-in-out infinite alternate}.big-win-elements img:nth-child(2n){animation-delay:-.6s}@keyframes legendary-win{0%{filter:brightness(1)}to{filter:brightness(1.13)}}@keyframes big-win-halo-breathe{0%{opacity:.5;transform:translate(-50%,-50%) scale(.92) rotate(-2deg)}to{opacity:.82;transform:translate(-50%,-50%) scale(1.05) rotate(2deg)}}@keyframes big-win-halo-spin{to{transform:rotate(360deg)}}@keyframes big-win-element-pulse{0%{transform:translateY(5px) scale(.9);opacity:.45}to{transform:translateY(-5px) scale(1.12);opacity:.92}}.frame.victory-impact{animation:victory-impact .78s cubic-bezier(.2,.78,.24,1)}@keyframes victory-impact{0%{filter:drop-shadow(0 16px 24px rgba(0,0,0,.75)) brightness(1)}18%{filter:drop-shadow(0 0 46px #ffd867) brightness(1.42)}to{filter:drop-shadow(0 16px 24px rgba(0,0,0,.75)) brightness(1)}}.relic-burst{position:absolute;inset:0;z-index:39;overflow:visible;pointer-events:none}.relic-burst img{--burst-x: 0px;--burst-y: 0px;--burst-delay: 0ms;--burst-wave: 0ms;position:absolute;left:50%;top:48%;width:clamp(25px,2.9vw,43px);height:clamp(25px,2.9vw,43px);object-fit:contain;opacity:0;filter:brightness(1.35) drop-shadow(0 0 8px #ffd36a);animation:relic-flight 1.28s cubic-bezier(.16,.76,.25,1) calc(var(--burst-delay) + var(--burst-wave)) both}.relic-burst-legendary img{width:clamp(29px,3.25vw,49px);height:clamp(29px,3.25vw,49px)}.relic-burst.persistent img{opacity:.72;animation:none;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(.9) rotate(18deg)}@keyframes relic-flight{0%{opacity:0;transform:translate(-50%,-50%) scale(.22) rotate(0)}18%{opacity:1}72%{opacity:.92}to{opacity:0;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(1.12) rotate(240deg)}}.overlay{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:24px;color:#ffe8ae;background:#040407e0;backdrop-filter:blur(6px);text-align:center;animation:overlay-in .24s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.overlay h1{margin:0;color:#ffe59a;font-size:clamp(36px,5vw,72px);letter-spacing:.2em;text-shadow:0 0 25px #b86b14,0 4px 6px #000}.overlay h2{margin:0;color:#ffe59a;font-size:clamp(24px,3vw,42px);letter-spacing:.15em}.overlay .quote{max-width:680px;font-size:clamp(13px,1.25vw,19px);line-height:1.75}.overlay .sub{color:#c59d5c;font-size:12px}.overlay .amount{color:#fff09c;font:900 clamp(44px,6vw,88px) ui-monospace,monospace;text-shadow:0 0 23px #e59c1b,0 4px 6px #000}.logo-seal .t,.banner-top .txt,.overlay h1,.overlay h2,.bonus-stage h2,.choice-copy strong{color:transparent;background:linear-gradient(180deg,#fffbe0,#ffe494 38%,#c48225 61%,#ffe39a 82%,#a26013);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.8px rgba(36,13,2,.78);filter:drop-shadow(0 2px 0 #160b04) drop-shadow(0 0 10px rgba(241,177,49,.55))}.bonus-choice-overlay,.heroes-pick-overlay,.demo-setup-overlay,.bonus-stage-overlay{z-index:92}.bonus-choice-panel,.heroes-pick-panel,.demo-setup-panel{position:relative;width:min(940px,94vw);max-height:min(90dvh,820px);overflow:auto;padding:clamp(24px,4vw,48px);border:2px solid #c58c2d;border-radius:18px 4px;background:radial-gradient(circle at 50% 0%,rgba(149,79,13,.3),transparent 40%),linear-gradient(145deg,#1f140dfa,#07080bfa);box-shadow:0 24px 60px #000,inset 0 0 38px #c47b171f,0 0 30px #d894231f}.bonus-choice-panel:after,.demo-setup-panel:after,.bonus-stage:after{content:"";position:absolute;inset:1px;z-index:0;pointer-events:none;border:1px solid rgba(255,226,139,.19);background:linear-gradient(105deg,transparent 30%,rgba(255,231,154,.08) 45%,transparent 58%);background-size:240% 100%;animation:bonus-sheen 3.8s ease-in-out infinite}@keyframes bonus-sheen{0%,30%{background-position:130% 0}75%,to{background-position:-80% 0}}.bonus-choice-panel>*,.demo-setup-panel>*,.bonus-stage>*{position:relative;z-index:1}.bonus-tiger-mark{width:clamp(70px,9vw,118px);filter:drop-shadow(0 0 14px rgba(230,135,26,.75))}.bonus-eyebrow{margin:2px 0 5px;color:#e1ad51;font-size:12px;font-weight:900;letter-spacing:.3em;text-transform:uppercase}.bonus-equal{margin:7px auto 18px;color:#ffe4a0;font-size:clamp(12px,1.3vw,17px);letter-spacing:.1em}.bonus-footnote{margin:18px 0 0;color:#a9926c;font-size:11px}.demo-ribbon{position:absolute!important;top:12px;right:12px;z-index:5!important;padding:6px 12px;color:#fff0bd;background:#84281b;border:1px solid #e5a950;border-radius:3px;font-size:11px;font-weight:900;letter-spacing:.12em;transform:rotate(2deg);box-shadow:0 4px 12px #000}.bonus-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,24px)}.bonus-choice-card{position:relative;min-height:clamp(210px,30dvh,310px);padding:0;overflow:hidden;border:2px solid #7f5925;border-radius:12px;color:#f8e0ae;background:#090b0f;cursor:pointer;box-shadow:0 10px 24px #000000b8,inset 0 0 22px #de9b271f;transition:transform .18s,border-color .18s,box-shadow .18s}.bonus-choice-card:hover,.bonus-choice-card:focus-visible,.bonus-choice-card.chosen{transform:translateY(-6px);border-color:#f0c866;box-shadow:0 16px 28px #000,0 0 25px #e29b2566}.choice-art{position:absolute;inset:0;background:linear-gradient(0deg,#090a0e 0%,transparent 70%),var(--choice-art) center/cover no-repeat;opacity:.78;transition:opacity .18s,transform .3s}.bonus-choice-card:hover .choice-art{opacity:1;transform:scale(1.035)}.choice-art.card-art{background-size:auto 145%;background-position:center 34%}.choice-copy{position:absolute;inset:auto 0 0;padding:28px 16px 15px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(0deg,#030407fa,#03040726)}.choice-copy small{color:#dcac57;letter-spacing:.12em}.choice-copy strong{font-size:clamp(25px,3vw,40px);letter-spacing:.13em}.choice-copy em{color:#b9a47b;font-size:11px;font-style:normal}.heroes-pick-panel{width:min(650px,94vw)}.hero-card-grid{width:min(440px,78vw,54dvh);margin:20px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(7px,1.4vw,13px)}.hero-card-select{position:relative;padding:0;aspect-ratio:.72;overflow:hidden;border:2px solid #755322;border-radius:8px;background:#100b08;cursor:pointer;box-shadow:0 6px 14px #000;transition:transform .16s,border-color .16s,filter .16s}.hero-card-select img{width:100%;height:100%;object-fit:cover}.hero-card-select span{position:absolute;right:5px;bottom:4px;width:24px;height:24px;display:grid;place-items:center;color:#ffe4a0;background:#0e0704d1;border:1px solid #bf8430;border-radius:50%;font:800 11px ui-monospace,monospace}.hero-card-select.selected{transform:translateY(-7px);border-color:#ffe47d;filter:brightness(1.35);box-shadow:0 0 22px #d5861e,0 8px 15px #000}.heroes-pick-footer{display:flex;align-items:center;justify-content:center;gap:20px}#heroPickCounter{min-width:90px;color:#e6bd6c;font:800 14px ui-monospace,monospace}.btn-gold:disabled{filter:grayscale(.8) brightness(.5);cursor:default}.bonus-stage{position:relative;width:min(920px,96vw);height:min(88dvh,800px);min-height:510px;padding:clamp(16px,2.4vw,28px);overflow:hidden;display:flex;flex-direction:column;align-items:center;border:3px solid #b57e2c;background:linear-gradient(#04070a47,#030407db),var(--bonus-stage-art, none) center/cover no-repeat,#08090c;box-shadow:0 24px 70px #000,inset 0 0 70px #000}.bonus-stage-hud{width:100%;min-height:72px;padding:8px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#f7dfaa;background:linear-gradient(90deg,#07080b8c,#44220961,#07080b8c),var(--plaque-art) center/100% 100% no-repeat;border:0;box-shadow:0 5px 15px #000}.bonus-stage-hud h2{margin:0;font-size:clamp(27px,4vw,48px);line-height:1;letter-spacing:.15em}.bonus-stage-hud small{color:#d4a44f;letter-spacing:.18em}.bonus-stage-stats{display:flex;gap:clamp(8px,2vw,24px)}.bonus-stage-stats span{min-width:86px;padding:7px 10px;color:#bfa26d;background:#050608c7;border:1px solid #715021;font-size:11px}.bonus-stage-stats b{display:block;color:#fff0ae;font:900 clamp(17px,2vw,25px) ui-monospace,monospace}.chain-board{flex:1;width:min(650px,76vw,72dvh);aspect-ratio:5 / 4;margin:16px auto 8px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:clamp(5px,1vw,11px);padding:clamp(8px,1.5vw,15px);background:#03070aad;border:2px solid #916328;box-shadow:inset 0 0 35px #000,0 8px 24px #000}.chain-board>i{min-width:0;display:grid;place-items:center;border:1px dashed rgba(214,174,91,.24);border-radius:50% 50% 40% 40%;background:radial-gradient(ellipse,#253235bf,#04080acc);font-style:normal}.chain-board>i.locked{border-style:solid;border-color:#b77a28;background:radial-gradient(ellipse,#703f11ad,#050809eb);box-shadow:inset 0 0 16px #000,0 0 10px #de8f1942}.chain-board>i.new-token{animation:token-lock .58s cubic-bezier(.2,.9,.25,1.2);box-shadow:0 0 24px #f0a62c,inset 0 0 13px #ffe38b47}@keyframes token-lock{0%{opacity:0;transform:translateY(-50%) scale(.45)}75%{transform:translateY(5%) scale(1.12)}to{opacity:1;transform:none}}.ship-token{width:90%;height:72%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffe8a4;background:radial-gradient(circle,#814913,#241109 72%);border:2px solid #cf9331;border-radius:48%;box-shadow:inset 0 0 11px #000}.ship-token small{color:#d2a454;font-size:clamp(7px,.8vw,10px)}.ship-token strong{font:900 clamp(13px,1.6vw,23px) ui-monospace,monospace;text-shadow:0 0 8px #e28d1b}.ship-token.fire{color:#fff;background:radial-gradient(circle,#d24316,#400b06 72%);border-color:#ffb054}.ship-token.collector{background:radial-gradient(circle,#a67b24,#281806 72%);border-color:#ffe28a}.bonus-stage-message{width:min(680px,90%);min-height:55px;margin:0;display:flex;align-items:center;justify-content:center;gap:16px;color:#e8c985;background:#040508e0;border:1px solid #8a622c;font-size:clamp(11px,1.25vw,16px)}.bonus-stage-message strong{color:#fff1a6;font:900 clamp(26px,4vw,52px) ui-monospace,monospace;text-shadow:0 0 15px #dc8c18}.bonus-stage-message .btn-gold{padding:8px 22px}.heroes-stage{background:radial-gradient(circle at 50% 45%,#6d1a0e6b,#030407f0 68%),#08090d}.hero-reveal-grid{flex:1;width:min(475px,54vw,56dvh);margin:14px auto 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(5px,1vw,10px);perspective:900px}.hero-reveal-card{min-width:0;aspect-ratio:.78;opacity:.65;filter:saturate(.7)}.hero-reveal-card.chosen{opacity:1;filter:none}.hero-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .58s cubic-bezier(.2,.72,.25,1)}.hero-reveal-card.revealed .hero-card-inner{transform:rotateY(180deg)}.hero-card-back,.hero-card-front{position:absolute;inset:0;overflow:hidden;border:2px solid #a36d29;border-radius:8px;backface-visibility:hidden;background:#110c09;box-shadow:0 6px 14px #000}.hero-card-back img{width:100%;height:100%;object-fit:cover}.hero-card-front{transform:rotateY(180deg);display:grid;grid-template-rows:1fr auto auto;padding:5px;color:#ffe4a0;background:linear-gradient(#211208,#08080a)}.hero-card-front img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:top;border:1px solid #7c5223}.hero-card-front small{color:#b9975e;font-size:clamp(6px,.65vw,9px)}.hero-card-front strong{font:900 clamp(10px,1.35vw,18px) ui-monospace,monospace}.hero-reveal-card.auto-reveal .hero-card-front{border-color:#fff0a0;box-shadow:0 0 22px #e2a631}.demo-setup-panel{width:min(690px,94vw)}.demo-feature-options,.demo-tier-options{display:grid;gap:10px;margin:18px auto}.demo-feature-options{grid-template-columns:repeat(2,1fr)}.demo-tier-options{grid-template-columns:repeat(3,1fr)}.demo-feature-options button,.demo-tier-options button{min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d0b889;background:#100d0b;border:2px solid #67491f;border-radius:8px;cursor:pointer}.demo-feature-options button.selected,.demo-tier-options button.selected{color:#fff0b4;border-color:#e2b448;background:#51250e;box-shadow:0 0 14px #e09a246b}.demo-feature-options small,.demo-tier-options small{color:#ae8950;font-size:10px}.demo-setup-panel>p:last-of-type{color:#a99572;font-size:11px;line-height:1.7}.btn-gold,.btn-ghost{padding:11px 30px;border:2px solid #e0b54e;border-radius:28px;color:#2a1605;background:#dfaf45;font-weight:900;letter-spacing:.16em;cursor:pointer;box-shadow:0 7px 16px #000}.btn-ghost{color:#ffe5a2;background:#24170c;border-color:#8e6428}.pick-row{display:flex;justify-content:center;gap:clamp(8px,1.2vw,18px)}.pick-el{width:clamp(105px,11vw,168px);height:clamp(180px,22vh,250px);padding:8px;display:grid;grid-template-rows:1fr 58px auto;justify-items:center;gap:6px;border:2px solid #9b6d25;border-radius:12px;color:#ffe6a2;background:#0e0b0af0;cursor:pointer;box-shadow:0 8px 18px #000;transition:transform .16s,border-color .16s,box-shadow .16s}.pick-el:hover{transform:translateY(-8px);border-color:#f0c962;box-shadow:0 14px 26px #000,0 0 19px #af6a12}.pick-portrait{width:100%;height:100%;object-fit:cover;border:1px solid #d0a343}.pick-el .seal{width:58px;height:58px;object-fit:contain;margin-top:-31px;filter:drop-shadow(0 3px 5px #000)}.pick-el .nm{font-size:clamp(11px,1.1vw,16px);font-weight:900;letter-spacing:.12em}.pick-hint{min-height:40px;color:#e7c888}.help-panel{width:min(900px,92vw);max-height:84vh;overflow:auto;padding:22px;color:#f3dfb6;background:#15100c;border:2px solid #b88530;text-align:left;line-height:1.7;box-shadow:0 16px 40px #000}.help-panel h3{margin:18px 0 5px;color:#f0bf55}.help-panel table{width:100%;border-collapse:collapse;font-size:12px}.help-panel th,.help-panel td{border:1px solid #5e4623;padding:5px 8px}.help-panel td:first-child{display:flex;align-items:center;gap:7px}.pay-icon{width:30px;height:30px;object-fit:contain}.rg{margin-top:14px;color:#b7a78a;font-size:11px}.cap-stamp,.egg-stamp{padding:7px 18px;border:2px solid #ffb477;color:#fff0cc;background:#8d2114;font-size:24px;font-weight:900;letter-spacing:.16em;transform:rotate(-4deg)}@media(max-height:700px){.scene{--stage-y: clamp(46px, 9dvh, 62px)}.logo-seal{padding:6px 12px}.logo-seal small{display:none}.banner-top{padding:6px 20px}.rtp-badge{padding:5px 12px}.controls{gap:5px;bottom:10px}.btn-sm{width:44px}.btn-spin{width:76px}.btn-plaque{width:82px;padding:5px}.btn-demo{width:82px;min-height:44px;padding:2px}.btn-demo img{width:30px;height:30px}.btn-demo span{font-size:8px}.frame{height:min(80dvh,49vw,640px)}.dock{height:48px;padding:5px 15px}.base-chain-label{display:none}.base-chain-target{min-width:68px}.base-chain-target span{display:none}.skill-queue{gap:2px}.skill-queue-item{min-width:62px;height:25px;padding:2px 5px 2px 2px}.skill-queue-item img{width:21px;height:21px}.bonus-stage{min-height:0;height:96dvh;padding:8px}.bonus-stage-hud{min-height:54px;padding:4px 9px}.chain-board{margin:7px auto 4px}.bonus-stage-message{min-height:43px}}@media(max-width:1100px){.scene{background-position:center}.logo-seal{width:155px}.logo-seal .t{font-size:21px}.banner-top{min-width:240px}.controls{right:12px}.gauges{left:-45px}.dock{width:min(560px,54vw,78vh)}}@media(orientation:portrait){.scene{--stage-y: 0px;background-image:var(--scene-art-portrait);background-position:center}.scene:after{box-shadow:inset 0 0 80px 24px #000000c7}.tophud{position:absolute;top:max(7px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto;align-items:center}.logo-seal{width:auto;min-width:150px;padding:6px 10px;text-align:left}.logo-seal .t{font-size:clamp(18px,5.5vw,29px)}.logo-seal small{display:none}.rtp-badge{padding:6px 10px;font-size:9px}.banner-top{position:absolute;top:50px;left:50%;min-width:180px;padding:4px 13px;transform:translate(-50%)}.banner-top .txt{font-size:clamp(13px,4vw,19px)}.play-stage{top:max(78px,env(safe-area-inset-top) + 70px);right:0;bottom:max(128px,env(safe-area-inset-bottom) + 118px);left:0;padding:0 4px}.center{width:100%}.frame{width:min(96vw,64dvh,720px);height:auto}.gauges{left:50%;top:clamp(-45px,-5.2dvh,-38px);transform:translate(-50%);flex-direction:row;gap:clamp(4px,2.4vw,15px)}.gauge{width:clamp(34px,9vw,50px)}.gauge progress{height:5px}.dock{width:min(96vw,650px);height:clamp(50px,6.5dvh,62px);margin-top:0;padding:5px clamp(8px,3vw,22px);gap:clamp(2px,2vw,18px)}.stat{min-width:0;flex:1}.stat .k{font-size:clamp(7px,2.2vw,10px)}.stat .v{font-size:clamp(13px,4.2vw,22px)}.bet-ctrl{flex:1.6;gap:3px}.bet-ctrl .stat{min-width:54px}.bet-ctrl button{width:44px;min-width:44px;height:44px}.base-chain{left:16%;right:16%}.base-chain-label,.base-chain-target span{display:none}.base-chain-target{min-width:54px}.controls{position:absolute;right:max(7px,env(safe-area-inset-right));bottom:max(7px,env(safe-area-inset-bottom));left:max(7px,env(safe-area-inset-left));display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(3px,1.5vw,10px)}.btn-sm{width:44px;min-width:44px;height:44px}.btn-demo{width:clamp(64px,18vw,96px);min-height:48px;padding:2px}.btn-demo img{width:28px;height:28px}.btn-demo span{font-size:clamp(7px,2vw,10px)}.btn-plaque{width:clamp(62px,17vw,90px);min-height:48px;padding:4px;font-size:clamp(7px,2vw,10px)}.btn-spin{width:clamp(64px,17vw,86px);min-width:64px}.opening strong{font-size:clamp(34px,12vw,70px)}.opening-kicker,.opening small{padding:0 18px;font-size:10px;letter-spacing:.2em}.overlay{padding:max(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.bonus-choice-panel,.heroes-pick-panel,.demo-setup-panel{width:96vw;max-height:94dvh;padding:18px 12px}.bonus-tiger-mark{width:64px}.bonus-choice-grid{grid-template-columns:1fr}.bonus-choice-card{min-height:180px}.choice-copy{padding-top:20px}.choice-copy strong{font-size:25px}.bonus-footnote{margin-top:10px}.hero-card-grid{width:min(330px,78vw,52dvh);margin:10px auto}.bonus-stage{width:98vw;height:94dvh;min-height:0;padding:8px}.bonus-stage-hud{min-height:58px;padding:5px 7px}.bonus-stage-hud h2{font-size:clamp(21px,7vw,34px)}.bonus-stage-hud small{font-size:8px}.bonus-stage-stats{gap:4px}.bonus-stage-stats span{min-width:64px;padding:4px;font-size:8px}.bonus-stage-stats b{font-size:14px}.chain-board{flex:0 1 auto;width:min(94vw,62dvh);margin:auto;gap:5px;padding:6px}.ship-token small{font-size:6px}.ship-token strong{font-size:clamp(10px,3.2vw,17px)}.bonus-stage-message{width:98%;min-height:72px;flex-wrap:wrap;gap:7px;padding:6px}.bonus-stage-message strong{font-size:28px}.hero-reveal-grid{width:min(86vw,55dvh);margin:auto;gap:5px}.hero-card-front strong{font-size:clamp(8px,2.6vw,14px)}.demo-ribbon{top:6px;right:6px;font-size:8px}}@media(orientation:portrait)and (max-width:420px){.controls{gap:3px}.btn-demo span{max-width:34px;white-space:normal;line-height:1.1}.btn-demo img{display:none}.btn-plaque{width:60px}.base-chain-flow span{width:18px}.base-chain-target{display:none}.dock{border-radius:22px}.hero-card-grid{width:min(285px,74vw,48dvh)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}