/* One calm, tactile visual language for Värvisadu gameplay. Cosmetic only. */
.m3j-game{--m3x-glass:rgba(9,13,28,.82);--m3x-line:rgba(255,255,255,.12);--m3x-text:#f8fafc;--m3x-muted:#aeb9cc}
.m3j-game .match3-game-shell{border:1px solid color-mix(in srgb,var(--m3v-accent) 18%,var(--m3x-line));background:radial-gradient(circle at var(--m3j-light-x,78%) var(--m3j-light-y,8%),color-mix(in srgb,var(--m3v-accent) 12%,transparent),transparent 33%),linear-gradient(155deg,rgba(19,13,36,.82),rgba(4,10,22,.9));box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08)}
.m3j-game .m3j-play-nav{border-bottom:1px solid rgba(255,255,255,.07)}
.m3j-game .m3j-level-badge{border:1px solid color-mix(in srgb,var(--m3v-accent) 32%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--m3v-accent) 13%,transparent),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.09),0 8px 22px rgba(0,0,0,.22)}
.m3j-game .match3-board-wrap{border-radius:27px;background:linear-gradient(145deg,color-mix(in srgb,var(--m3v-accent) 11%,#151126),#050b17 72%);box-shadow:0 24px 60px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.12),inset 0 0 34px rgba(0,0,0,.4)}
.m3j-game .match3-board{gap:clamp(3px,.55vw,6px);padding:clamp(7px,1.1vw,12px);border:1px solid rgba(255,255,255,.13);border-radius:22px;background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--m3v-accent) 9%,transparent),transparent 44%),linear-gradient(160deg,rgba(2,6,18,.84),rgba(11,15,31,.94));transform:translateZ(0);backface-visibility:hidden}
.m3j-game .match3-gem{border-radius:22%;transform:translateZ(0);backface-visibility:hidden;-webkit-tap-highlight-color:transparent}
.m3j-game .match3-gem>i{border:1px solid rgba(255,255,255,.27);border-radius:22%;box-shadow:inset 0 5px 8px rgba(255,255,255,.31),inset 0 -8px 13px rgba(1,4,12,.3),0 5px 9px rgba(0,0,0,.35);filter:saturate(.94);transition:filter 130ms ease,box-shadow 130ms ease,transform 130ms cubic-bezier(.2,.8,.2,1)}
.m3j-game .match3-gem>i:before{content:"";position:absolute;z-index:2;inset:8% 12% auto;height:28%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.38),rgba(255,255,255,0));opacity:.62;pointer-events:none}
.m3j-game .match3-gem:hover:not(:disabled)>i,.m3j-game .match3-gem.selected>i{filter:saturate(1.03) brightness(1.06);box-shadow:inset 0 5px 9px rgba(255,255,255,.4),inset 0 -8px 13px rgba(1,4,12,.3),0 6px 13px rgba(0,0,0,.42),0 0 13px color-mix(in srgb,currentColor 34%,transparent)}
.m3j-game .match3-gem.dragging>i{transform:scale(1.055);filter:brightness(1.1) saturate(1.04)}
.m3j-game .match3-gem .m3j-gem-symbol{z-index:3;filter:drop-shadow(0 2px 2px rgba(0,0,0,.42));font-weight:900}
.m3j-game .match3-gem.special>i{border-color:rgba(255,255,255,.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),inset 0 5px 9px rgba(255,255,255,.34),0 0 13px color-mix(in srgb,currentColor 27%,transparent),0 6px 12px rgba(0,0,0,.38)}
.m3j-game .match3-gem.special:before{inset:-2px;border-width:1px;opacity:.58;animation-duration:1.85s}
.m3j-game .match3-gem.m3j-obstacle:not(.obstacle-mold):not(.obstacle-key)>i{filter:saturate(.74) brightness(.84)}
.m3j-game .match3-gem.m3j-obstacle>.m3j-obstacle-layer,.m3j-game .match3-gem.m3j-obstacle>i>.m3j-obstacle-layer{filter:drop-shadow(0 4px 5px rgba(0,0,0,.46))}
.m3j-game .match3-hud,.m3j-game .match3-goals{border:1px solid color-mix(in srgb,var(--m3v-accent) 20%,var(--m3x-line))!important;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--m3v-accent) 11%,transparent),transparent 42%),linear-gradient(155deg,rgba(18,14,35,.9),rgba(5,12,25,.92))!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 16px 38px rgba(0,0,0,.3)!important}
.m3j-game .match3-hud>div,.m3j-game .match3-hud>.m3j-hud-audio{border:1px solid rgba(255,255,255,.085);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.06)}
.m3j-game .match3-hud small,.m3j-game .match3-goals header span{color:var(--m3x-muted);letter-spacing:.14em}.m3j-game .match3-hud strong{color:var(--m3x-text);text-shadow:0 2px 9px rgba(0,0,0,.42)}
.m3j-game .m3j-objective-chips>span{border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.055);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.m3j-game .m3j-objective-chips>span.done{transform:scale(.97);border-color:rgba(74,222,128,.36);background:linear-gradient(145deg,rgba(74,222,128,.13),rgba(255,255,255,.018))}
.m3j-game .m3j-star-track>[data-match3-goal]{border-color:rgba(250,204,21,.13)!important;background:linear-gradient(90deg,rgba(250,204,21,.07),rgba(255,255,255,.018))!important}.m3j-game .m3j-star-track>[data-match3-goal]>i{background:rgba(255,255,255,.075)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important}.m3j-game .m3j-star-track>[data-match3-goal]>i:after{width:var(--goal-progress,0%)!important;background:linear-gradient(90deg,#ec4899,#f59e0b,#fde68a)!important;box-shadow:0 0 8px rgba(245,158,11,.36);transition:width .28s cubic-bezier(.2,.75,.25,1)!important}
.m3j-game .m3j-powerup-toolbar{border:1px solid color-mix(in srgb,var(--m3v-accent) 22%,rgba(255,255,255,.11));background:linear-gradient(165deg,rgba(24,17,42,.94),rgba(5,12,25,.95))!important;box-shadow:0 18px 42px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.09)!important}
.m3j-game .m3j-powerup-icons>button{position:relative;border:1px solid rgba(255,255,255,.13);background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.11),transparent 45%),linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.1),0 6px 13px rgba(0,0,0,.3);transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
.m3j-game .m3j-powerup-icons>button:hover,.m3j-game .m3j-powerup-icons>button:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--m3v-accent) 54%,white 8%);box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 18px rgba(0,0,0,.38),0 0 15px color-mix(in srgb,var(--m3v-accent) 21%,transparent)}
.m3j-game .m3j-powerup-icons>button:active{transform:scale(.96)}.m3j-game .m3j-powerup-icons>button.is-ready{border-color:rgba(74,222,128,.5);box-shadow:inset 0 1px rgba(255,255,255,.13),0 0 13px rgba(74,222,128,.18)}.m3j-game .m3j-powerup-icons>button>i{border:2px solid #080d1a;background:#f8fafc;color:#111827;box-shadow:0 3px 8px rgba(0,0,0,.48)}
.m3j-game .button,.m3j-game button.button{border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.13),0 10px 23px rgba(0,0,0,.28);transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.m3j-game .button:hover,.m3j-game button.button:hover{transform:translateY(-1px);filter:brightness(1.07);box-shadow:inset 0 1px rgba(255,255,255,.17),0 13px 27px rgba(0,0,0,.34)}
.m3j-game .match3-modal{border:1px solid color-mix(in srgb,var(--m3v-accent) 26%,rgba(255,255,255,.14));background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--m3v-accent) 18%,transparent),transparent 40%),linear-gradient(155deg,rgba(25,17,43,.94),rgba(5,11,24,.95));box-shadow:0 28px 80px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.12)}
.m3j-game.combo-live .match3-board-wrap{filter:none!important}
@media(max-width:680px){.m3j-game .match3-game-shell{border-radius:20px}.m3j-game .match3-board-wrap{border-radius:20px}.m3j-game .match3-board{gap:3px;padding:6px;border-radius:17px}.m3j-game .match3-gem>i{border-radius:20%;box-shadow:inset 0 4px 7px rgba(255,255,255,.28),inset 0 -6px 10px rgba(1,4,12,.28),0 3px 6px rgba(0,0,0,.32)}.m3j-game .m3j-powerup-icons>button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.m3j-game .match3-gem>i,.m3j-game .m3j-objective-chips>span,.m3j-game .m3j-powerup-icons>button,.m3j-game .button{transition-duration:1ms!important}.m3j-game .match3-gem.special:before{animation:none!important}}