/* Open 7×7 playfield: a wide luminous screen, without individual tile frames. */
.layout{max-width:1440px;grid-template-columns:minmax(165px,195px) minmax(520px,800px) minmax(155px,185px);gap:26px;margin-top:28px;padding:0 28px}
.topbar{max-width:1440px;height:76px}.intro h1{font-size:68px}.intro h1>b{font-size:36px;margin-left:66px}.hero-art{height:165px}.hero-pepe{width:165px}.hero-heart{width:65px;top:87px;right:-4px}.edition{font-size:7px;letter-spacing:1.2px}.intro-copy{font-size:11px}.bonus-button{padding:13px 10px;gap:9px}.bonus-button>span:nth-child(2){font-size:10px}.feature-button{padding:11px 8px;gap:6px}.feature-button b{font-size:9px}.feature-button small{font-size:7px}.feature-button>strong{font-size:12px}.feature-symbol{width:23px}.guide-head{font-size:9px;letter-spacing:1.4px}.guide h3{font-size:10px}.guide-step{gap:9px}.win-ledger{height:200px;margin-bottom:19px}.ledger-empty{min-height:185px}.ledger-row strong{font-size:10px}.ledger-row img{width:29px;height:29px}.ledger-row{min-height:41px;padding:5px 6px;gap:5px}
.ambient{background:radial-gradient(ellipse at -8% 9%,#a49af1,transparent 53%),radial-gradient(ellipse at 110% 26%,#48c9d0,transparent 54%),radial-gradient(ellipse at 0% 100%,#dd91c3b3,transparent 52%),linear-gradient(125deg,#637cb3,#427b9c 54%,#409faa)}
.machine{padding:0 11px;border:2px solid #eef4ffb8;border-radius:22px;background:linear-gradient(125deg,#eef1ff,#b8bde3 38%,#e1c5ee 70%,#b7e9ec);box-shadow:0 16px 40px #243b7b3b,0 0 0 5px #e1dcff1c,inset 0 2px 1px #ffffffcf,inset 0 -2px 2px #7f81b160}
.machine-top{height:34px;color:#5d5485;font-size:7px;letter-spacing:1.5px}.machine-top .mini-gift{color:#8b63c1;text-shadow:none}.max-badge{background:#f6efff;color:#695080;box-shadow:0 1px 3px #6c689b2b}
.board-wrap{padding:0;border:2px solid #8589be;border-radius:10px;background:#b8d8fb;box-shadow:0 1px #fff9,inset 0 1px 6px #8276b44d}
.board-wrap:after{box-shadow:inset 0 6px 12px -10px #354b9455,inset 0 -5px 10px -10px #9b5d9955}
.board{aspect-ratio:1.5;gap:0;grid-template-rows:repeat(7,minmax(0,1fr));background:radial-gradient(ellipse at 50% 39%,#f1f6ff75,transparent 70%),linear-gradient(180deg,#9fc9fb,#c6e6ff 46%,#e6d5ff 77%,#f6c3e9)}
.board:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(100% - 1px),#7b70bb80 calc(100% - 1px)),linear-gradient(125deg,transparent 25%,#ffffff12 42%,transparent 62%);background-size:calc(100% / 7) 100%,100% 100%}
.board .cell,.board .cell:nth-child(even){aspect-ratio:auto;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;transition:background .22s}
.board .cell:after,.board .cell.marked:before{display:none}
.board .cell.marked{background:#c691ee4f;border:0;box-shadow:inset 0 0 18px #f1b1ed38}
.board .cell.boosted[data-tier="1"]{background:linear-gradient(155deg,#f7ca77,#dda653);border:0;box-shadow:inset 0 0 0 1px #fff0be99,inset 0 0 20px #fff3b74d}
.board .cell.boosted[data-tier="2"]{background:linear-gradient(155deg,#f6b064,#e58d4f);border:0;box-shadow:inset 0 0 0 1px #ffdeb699,inset 0 0 20px #fff3bf3d}
.board .cell.boosted[data-tier="3"]{background:linear-gradient(155deg,#f992a6,#d76d9d);border:0;box-shadow:inset 0 0 0 1px #ffd9e799,inset 0 0 20px #ffe0f03d}
.board .cell.boosted[data-tier="4"]{background:linear-gradient(155deg,#d698f3,#a570da);border:0;box-shadow:inset 0 0 0 1px #f9e3ff99,inset 0 0 20px #f8dfff4d}
.board .cell.winning{border:0;background:color-mix(in srgb,var(--cluster-color) 65%,#fff);box-shadow:inset 0 0 20px #ffffff80;z-index:1}
.board .cell.anticipation-cell{border:0;background:linear-gradient(180deg,#fff1bd4a,#ffe4a981,#fff1bd4a);box-shadow:inset 0 0 25px #fff8d652}
.board .cell.scatter-cell{border:0;background:radial-gradient(ellipse,#fff0c1a8,transparent 75%);box-shadow:none}
.scene-gift .gift-image{position:absolute;inset:0;margin:auto;width:100%;height:100%;filter:drop-shadow(1px 3px 1px #435a9959) saturate(1.07);transform-origin:50% 60%}
.scene-gift.on-multiplier .gift-image{inset:0 auto 0 -3%;width:86%;height:94%;margin:auto 0}
.scene-gift .scatter-label{bottom:1%;font-size:6px;letter-spacing:.7px;color:#fff9e8;text-shadow:0 1px 2px #854b7d,0 0 3px #69375c}.scene-gift.on-multiplier .scatter-label{bottom:42%;font-size:5px}
.heat-badge,.heat-badge[data-tier="2"],.heat-badge[data-tier="3"],.heat-badge[data-tier="4"]{padding-bottom:3px;color:#fff9e8;text-shadow:0 2px 0 #7c4f3e,0 0 2px #704551,0 2px 6px #6c476288;letter-spacing:-1px}
.machine-bottom{height:31px;color:#5d5182;font-size:9px}.cascade-count{color:#68558c}.loading{background:linear-gradient(150deg,#bfdefd,#e8cff6);color:#67518a}.loading span{border-color:#9e8aca44;border-top-color:#74568e}
.bonus-active .machine,.super-active .machine{background:linear-gradient(125deg,#fff1e3,#dfc6ee 38%,#edc8df 70%,#c4dff5);border-color:#fff2d6;box-shadow:0 16px 40px #67436b33,0 0 0 5px #ffe5c51c,inset 0 2px #ffffffcf}
.bonus-active .machine-top{color:#705783}.bonus-active .board-wrap{box-shadow:0 1px #fff9,inset 0 1px 6px #8276b44d}.round-meter{margin:0 -11px 7px;background:#fcf0ff66;border-color:#bfb1db66;color:#77628a}.round-meter strong{color:#8f629d;text-shadow:0 1px #fffc}.super-active .round-meter{background:#fff2c47a;color:#856442}.round-meter b{color:#9a618d;text-shadow:0 0 12px #fff8}.bonus-cinema{background:radial-gradient(ellipse at 50% 40%,#f8d6efdf,#7b88c7f2 90%)}.bonus-cinema-title strong{text-shadow:0 3px #9a6483,0 6px 18px #6f568766}.bonus-cinema-title small,.bonus-cinema-title span{color:#fff9ee;text-shadow:0 1px 3px #866788}
.controls{grid-template-columns:minmax(135px,1fr) 145px 190px}.win-strip{min-height:78px}.utility{margin-top:13px}
@media(min-width:1500px){.layout{max-width:1480px;grid-template-columns:215px minmax(600px,850px) 195px;gap:34px;margin-top:34px}.intro h1{font-size:76px}.hero-art{height:190px}.hero-pepe{width:190px}.hero-heart{top:107px;width:75px}}
@media(max-width:1120px){.layout{max-width:1080px;grid-template-columns:170px minmax(420px,790px);gap:22px;padding:0 22px}.topbar{max-width:1080px}.intro h1{font-size:60px}.intro h1>b{font-size:31px;margin-left:59px}.hero-art{height:150px}.hero-pepe{width:148px}.hero-heart{width:60px;top:81px}.controls{grid-template-columns:minmax(100px,1fr) 128px 160px}.board{aspect-ratio:1.45}.guide{display:none}}
@media(max-width:720px){.layout{display:flex;max-width:550px;padding:0 12px;margin-top:17px;gap:14px}.topbar{height:62px}.intro{grid-template-columns:minmax(0,1fr) 145px}.intro h1{font-size:30px}.intro h1>b{font-size:17px;margin:8px 0 0 105px}.hero-art{display:none}.bonus-button{padding:9px;min-height:48px}.bonus-button>span:nth-child(2){font-size:9px}.machine{padding:0 7px;border-radius:16px}.machine-top{height:28px;font-size:5px;letter-spacing:.7px}.max-badge{font-size:5px}.board-wrap{border-radius:7px;border-width:1px}.board{aspect-ratio:1.25;gap:0}.machine-bottom{height:29px;font-size:7px}.cascade-count{font-size:6px}.scene-gift .scatter-label{font-size:4px;letter-spacing:.3px}.scene-gift.on-multiplier .scatter-label{font-size:3px}.heat-badge{padding-bottom:2px;letter-spacing:-.8px}.round-meter{margin:0 -7px 6px;height:30px;font-size:6px}.round-meter strong{font-size:20px}.round-meter b{font-size:18px}.controls{grid-template-columns:minmax(0,1fr) 122px}.win-strip{min-height:69px}.bonus-cinema-title strong{font-size:42px}.bonus-cinema-title small{font-size:5px;margin-bottom:6px}.bonus-cinema-title span{font-size:6px;margin-top:9px}.ambient{background:radial-gradient(ellipse at -20% 10%,#a293ef,transparent 65%),radial-gradient(ellipse at 120% 20%,#4bc3d0,transparent 66%),linear-gradient(145deg,#607aaa,#559ab6 65%,#7783b6)}}
@media(max-width:370px){.layout{padding:0 9px;gap:11px}.intro{grid-template-columns:minmax(0,1fr) 132px}.intro h1{font-size:25px}.intro h1>b{font-size:15px;margin-left:85px}.bonus-button>span:nth-child(2){font-size:8px}.machine-top{font-size:4.5px;letter-spacing:.5px}.max-badge{font-size:4.5px}.board{aspect-ratio:1.2}.controls{grid-template-columns:minmax(0,1fr) 120px}}

/* Keep gifts large in Super; the persistent multiplier occupies one corner. */
.heat-badge,.heat-badge[data-tier="2"],.heat-badge[data-tier="3"],.heat-badge[data-tier="4"]{justify-content:flex-end;align-items:flex-end;padding:0 3px 2px;font-size:calc(var(--heat-size) * .9);transform-origin:85% 85%;text-shadow:0 1px 1px #553743,0 2px 2px #6d474278}
.heat-value{display:inline-flex;align-items:baseline;gap:1px;padding:1px 4px 2px;border-radius:6px;background:linear-gradient(150deg,#86523745,#73432ed9);border:1px solid #ffedbe8a;box-shadow:0 1px 3px #9c654e30;line-height:.94}
.heat-badge .times{align-self:baseline;line-height:1;font-size:.58em}.heat-badge[data-tier="3"] .heat-value{background:linear-gradient(150deg,#95477155,#713753df)}.heat-badge[data-tier="4"] .heat-value{background:linear-gradient(150deg,#8657b477,#5f3879e6)}
.heat-badge[data-digits="3"] .heat-value{font-size:.88em}.heat-badge[data-digits="4"] .heat-value{font-size:.75em}

/* Bonus crystals retain their silhouette, with a brighter aura and an unmistakable badge. */
.scene-gift.gift-shard{z-index:3;isolation:isolate}.scene-gift.gift-shard.muted{opacity:.94}
.scene-gift.gift-shard .gift-image{inset:-10%;width:120%;height:120%;margin:0;filter:saturate(1.35) brightness(1.1) drop-shadow(0 1px 1px #874465) drop-shadow(0 0 2px #fff4b4) drop-shadow(0 0 7px #ffb638b3)}
.scene-gift.gift-shard .scatter-halo,.scene-gift.gift-shard.scatter-landed .scatter-halo{inset:-3% 8%;border-radius:50%;border:1px solid #fff4beaa;background:radial-gradient(ellipse,#fff8c9d9 8%,#ffdf7499 35%,#fd8bbc55 59%,transparent 76%);box-shadow:0 0 12px #f193c477,inset 0 0 11px #fff4b56b;animation:scatter-aura 2.5s ease-in-out infinite;z-index:-1}
.scene-gift.gift-shard .scatter-label{left:50%;bottom:0;top:auto;transform:translateX(-50%);font-size:var(--scatter-label-size,10px);font-weight:950;line-height:1.1;letter-spacing:.7px;white-space:nowrap;padding:2px 6px;border:1px solid #fff3b7;border-radius:5px;background:linear-gradient(180deg,#fff8c9,#ffd567 58%,#ffb547);color:#772e5a;text-shadow:0 1px #fff5cf;box-shadow:0 2px 5px #ac528c66,0 0 8px #ffeaa965;z-index:3}
.scene-gift.gift-shard:before,.scene-gift.gift-shard:after{content:'✦';position:absolute;color:#fffbe2;text-shadow:0 0 4px #ffb82b,0 1px 2px #9a4c78;font-size:var(--scatter-spark-size,15px);line-height:1;z-index:2;pointer-events:none;animation:scatter-sparkle 2.5s ease-in-out infinite}
.scene-gift.gift-shard:before{left:13%;top:5%}.scene-gift.gift-shard:after{right:11%;bottom:24%;animation-delay:-1.25s}
.scene-gift.on-multiplier.gift-shard .gift-image{inset:-9% -4% -9% -12%;width:116%;height:118%;margin:0}
.scene-gift.on-multiplier.gift-shard .scatter-label{top:0;bottom:auto;font-size:var(--scatter-label-size,10px)}
.scene-gift.on-multiplier.gift-shard:before{top:25%;left:10%}.scene-gift.on-multiplier.gift-shard:after{bottom:31%;right:10%}
@keyframes scatter-aura{0%,100%{opacity:.78;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes scatter-sparkle{0%,100%{opacity:.55;transform:scale(.82) rotate(-8deg)}50%{opacity:1;transform:scale(1.12) rotate(8deg)}}
@media(max-width:720px){.heat-badge,.heat-badge[data-tier="2"],.heat-badge[data-tier="3"],.heat-badge[data-tier="4"]{padding-right:1px;padding-bottom:1px}.heat-value{padding:1px 2px;border-radius:4px;gap:0}.scene-gift.gift-shard .scatter-label{padding:1px 3px;letter-spacing:.2px;border-radius:3px}.scene-gift.gift-shard .scatter-halo,.scene-gift.gift-shard.scatter-landed .scatter-halo{box-shadow:0 0 6px #f193c477,inset 0 0 5px #fff4b56b}}
@media(prefers-reduced-motion:reduce){.scene-gift.gift-shard .scatter-halo,.scene-gift.gift-shard:before,.scene-gift.gift-shard:after{animation:none}}

.cash-game .wallet strong{font-size:22px}.cash-game .bet button#betValue{font-size:13px}.cash-game #spinText{font-size:11px}.cash-game .brand{gap:9px}@media(max-width:720px){.cash-game .wallet strong{font-size:20px}.cash-game .bet button#betValue{font-size:12px}}

/* Shared language/fullscreen controls may wrap; reserve their actual height. */
@media(max-width:720px){html header.topbar{height:auto;min-height:62px;padding-top:10px;padding-bottom:10px;row-gap:8px;position:relative;z-index:2}}