*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;background:#291709;color:#fff1d7;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[role=gridcell]:focus-visible{outline:3px solid #ffe16c;outline-offset:3px}
body{min-height:100dvh;background:linear-gradient(#3a1b0a95,#23130ad9),url('../wildblast-home/background.jpg') center/cover fixed no-repeat}
.wild-game{position:relative;display:flex;flex-direction:column;align-items:center;width:min(500px,100%);min-height:100dvh;margin:auto;padding:10px 10px 18px;background:#36221076;box-shadow:0 0 50px #160b06a8}
.wild-hud{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:96px;padding:10px 55px 10px 12px;border:4px solid #f2a53b;border-radius:26px;background:linear-gradient(#e99436,#a04d18);box-shadow:inset 0 2px #ffe4a06b,0 8px 15px #1c0e0899}
.wild-moves{display:grid;place-items:center;align-content:center;flex:0 0 78px;height:72px;border:6px solid #e6a449;border-radius:50%;background:#a44e19;box-shadow:inset 0 3px 8px #66300d}.wild-moves small{font-size:9px;font-weight:900}.wild-moves strong{font-size:25px;line-height:1}.wild-progress{flex:1;min-width:0;text-align:center;padding:7px 2px;border-radius:13px;background:#9b4b1acc}.wild-progress strong{color:#ffdf75;font-size:23px}.wild-progress span{margin-left:6px;font-size:12px;font-weight:700}.wild-progress small{display:block;margin-top:2px;font-size:12px;font-weight:800}.wild-home,.wild-sound{position:absolute;right:8px;display:grid;place-items:center;width:37px;height:37px;border:1px solid #ecb460;border-radius:10px;background:#603313;color:#fff4d6;text-decoration:none;font-size:24px;font-weight:900}.wild-home{top:5px}.wild-sound{bottom:5px;cursor:pointer;font-size:20px}.wild-sound[aria-pressed=false]{opacity:.55}
.wild-instruction{width:100%;min-height:82px;display:flex;flex-direction:column;justify-content:center;text-align:center;text-shadow:0 2px 4px #231007}.wild-instruction strong{font-size:17px;color:#ffe083}.wild-instruction p{font-size:13px;margin:4px 0;line-height:1.3}
.wild-board{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(8,1fr);gap:2px;width:100%;aspect-ratio:7/8;padding:5px;border:3px solid #dca75a;border-radius:17px;background:#4a2e1ecf;box-shadow:inset 0 0 0 2px #54300f,0 10px 20px #150a0666;touch-action:none;user-select:none}
.wild-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:0;border-radius:3px;background:#463b2fc9;touch-action:none;cursor:pointer;user-select:none}.wild-cell:nth-child(even){background:#504235db}.wild-cell img{display:block;width:95%;height:95%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #10080255)}.wild-cell.is-source{box-shadow:inset 0 0 0 3px #fff0a2,0 0 12px #ffde61;z-index:1;animation:wild-pulse 1s ease-in-out infinite}.wild-cell.is-target{box-shadow:inset 0 0 0 2px #92e7f9,0 0 10px #8befff;z-index:1}.wild-cell.is-match img{animation:wild-pop .42s ease-out both}.wild-cell.is-crate-open img{animation:wild-pop .48s ease-out both}
.wild-bottom{width:100%;margin:12px 0 0;padding:12px;border:3px solid #a46829;border-radius:12px;background:#683b19;text-align:center}.wild-bottom span{display:block;color:#ffbd65;font-size:10px;letter-spacing:.1em;font-weight:900}.wild-bottom strong{font-size:13px}.wild-note{margin:9px 0 0;color:#eed8b1;font-size:10px}
.wild-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#170906a8;backdrop-filter:blur(3px)}.wild-modal{width:min(440px,100%);overflow:hidden;border:1px solid #e0a44f;border-radius:18px;background:linear-gradient(#663817,#271409);box-shadow:0 15px 50px #0009;text-align:center}.wild-banner{position:relative;aspect-ratio:3/1;overflow:hidden;background:linear-gradient(90deg,#301408ea,#713816cc 60%,#5b2b0c55),url('../wildblast-home/background.jpg') center/cover no-repeat}.wild-banner span{position:absolute;z-index:2;left:5%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;font:900 clamp(20px,6vw,30px)/.98 Impact,'Arial Black',system-ui,sans-serif;text-shadow:0 3px 2px #351606}.wild-banner b{color:#fff0cd}.wild-banner strong{color:#ffc52f}.wild-banner img{position:absolute;height:145%;right:10%;bottom:-24%;filter:drop-shadow(0 4px 5px #1809039c)}.wild-banner img:last-child{z-index:3;height:auto;width:24%;right:1%;bottom:-8%}.wild-modal-body{padding:16px 28px 28px}.wild-modal h1{margin:0 0 12px;font-size:25px}.wild-modal em{font-style:normal;color:#ffc533}.wild-modal p{font-size:16px;line-height:1.4;margin:0 0 24px}.wild-primary,.wild-secondary{display:block;width:100%;padding:15px 20px;border:0;border-radius:12px;font-size:16px;font-weight:800;text-align:center;text-decoration:none;cursor:pointer}.wild-primary{background:linear-gradient(#bbed61,#66a928);color:#243409;box-shadow:0 5px #3d7512,0 9px 20px #8acc3550}.wild-secondary{margin-top:12px;border:1px solid #d59c57;background:#5a341d;color:#fff3d9}.wild-modal small{display:block;margin-top:15px;color:#e2c7a0;font-size:11px}@keyframes wild-pulse{50%{box-shadow:inset 0 0 0 3px #fff6bb,0 0 17px #ffef8e}}@keyframes wild-pop{50%{transform:scale(1.25);filter:brightness(2)}100%{transform:scale(0);opacity:0}}
@media(max-height:720px){.wild-game{padding-top:3px}.wild-hud{min-height:73px;padding-top:4px;padding-bottom:4px}.wild-moves{width:56px;flex-basis:56px;height:56px}.wild-moves strong{font-size:18px}.wild-instruction{min-height:55px}.wild-board{width:min(100%,calc((100dvh - 240px)*7/8))}.wild-bottom{padding:6px;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.wild-cell.is-source,.wild-cell.is-match img,.wild-cell.is-crate-open img{animation:none}}

/* Blast, chain and falling effects observed in the Wild Blast free game. */
.wild-board-wrap{position:relative;display:grid;place-items:center;width:100%;isolation:isolate}
.wild-board-wrap .wild-board{width:100%}
.wild-fx{position:absolute;inset:0;z-index:6;overflow:visible;pointer-events:none}
.wild-cell{transition:transform .22s cubic-bezier(.2,.85,.28,1.22),filter .18s;will-change:transform}
.wild-cell.is-swapping{z-index:4;transform:translate(var(--move-x),var(--move-y)) scale(1.08);filter:brightness(1.25)}
.wild-cell.is-match img{animation:wild-match-flare .48s cubic-bezier(.2,.8,.3,1) both}
.wild-cell.is-crate-open img{animation:wild-crate-pop .55s ease-out both}
.wild-board.is-falling .wild-cell img{animation:wild-tile-drop .54s cubic-bezier(.12,.72,.24,1.14) backwards;animation-delay:calc(var(--drop-order)*34ms)}
.wild-puff{position:absolute;width:76px;height:70px;transform:translate(-50%,-50%);animation:wild-smoke .82s ease-out both;background:radial-gradient(circle at 25% 57%,#fff 0 19%,transparent 21%),radial-gradient(circle at 48% 35%,#fff 0 27%,transparent 29%),radial-gradient(circle at 73% 60%,#fff 0 20%,transparent 22%),radial-gradient(circle at 48% 67%,#e8f7ff 0 24%,transparent 26%);filter:drop-shadow(0 1px 4px #caf1ffcc)}
.wild-puff::before,.wild-puff::after{content:'✦';position:absolute;font-size:27px;line-height:1;color:#ffda23;text-shadow:2px 2px #fe7b2e,-6px 9px #9b54eb;animation:wild-star-fly .7s ease-out both}.wild-puff::before{left:24%;top:16%}.wild-puff::after{right:11%;bottom:10%;color:#a64dea;animation-delay:.06s}
.wild-spark{position:absolute;z-index:7;width:7px;height:9px;background:var(--spark-color);border-radius:1px;transform:rotate(var(--spark-angle));animation:wild-confetti .75s ease-out both;pointer-events:none}
.wild-gain{position:absolute;z-index:9;white-space:nowrap;color:#fff;font-weight:1000;font-size:21px;paint-order:stroke;-webkit-text-stroke:2px #56311d;text-shadow:0 3px 3px #221004;transform:translate(-50%,-40%);animation:wild-gain-float 1.1s ease-out both}
.wild-row-flash{position:absolute;left:0;width:100%;height:10px;background:linear-gradient(90deg,transparent,#fff6a4,#fff,transparent);box-shadow:0 0 20px #ffe27c;animation:wild-line-blast .65s ease-out both}
.wild-crate-ring{position:absolute;width:116px;height:116px;border:7px solid #ffe07a;border-radius:50%;box-shadow:0 0 18px #ff8e1f,inset 0 0 15px #ffc850;transform:translate(-50%,-50%) scale(.35);animation:wild-ring .75s ease-out both}
.wild-crate-ring::after{content:'★';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:46px;color:#ffe26a;text-shadow:0 0 9px #fff}
.wild-hud.is-hot{animation:wild-hud-shine .74s ease-out}.wild-hud.is-hot .wild-moves{box-shadow:0 0 20px #ffef7a,inset 0 3px 9px #ffda74}
.wild-moves{position:relative}.wild-moves::before{content:'';position:absolute;inset:-7px;border-radius:50%;border:5px solid transparent;border-top-color:#ffdf69;border-left-color:#ffd167;transform:rotate(-40deg);pointer-events:none}
@keyframes wild-match-flare{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.34) rotate(-8deg);filter:brightness(2.3) drop-shadow(0 0 9px #fff)}100%{transform:scale(.08) rotate(12deg);opacity:0}}
@keyframes wild-crate-pop{50%{transform:scale(1.38) rotate(-12deg);filter:brightness(2)}100%{transform:scale(.2) rotate(25deg);opacity:0}}
@keyframes wild-smoke{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}100%{opacity:0;transform:translate(-50%,-70%) scale(1.45)}}
@keyframes wild-star-fly{to{transform:translate(12px,-20px) rotate(150deg);opacity:0}}
@keyframes wild-confetti{to{transform:translate(var(--scatter-x),var(--scatter-y)) rotate(290deg);opacity:0}}
@keyframes wild-gain-float{15%{opacity:1;transform:translate(-50%,-80%) scale(1.18)}100%{opacity:0;transform:translate(-50%,-210%) scale(1)}}
@keyframes wild-line-blast{0%{opacity:0;transform:scaleX(.1)}25%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.18)}}
@keyframes wild-ring{35%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.65)}}
@keyframes wild-hud-shine{50%{filter:brightness(1.4) drop-shadow(0 0 12px #ffdd6a)}}
@keyframes wild-tile-drop{from{opacity:0;transform:translateY(-100px) scale(.85)}70%{opacity:1}to{transform:translateY(0) scale(1)}}
@media(max-height:720px){.wild-board-wrap{width:min(100%,calc((100dvh - 240px)*7/8))}.wild-board-wrap .wild-board{width:100%}}
@media(prefers-reduced-motion:reduce){.wild-puff,.wild-spark,.wild-row-flash,.wild-gain,.wild-crate-ring,.wild-cell.is-match img,.wild-board.is-falling .wild-cell img{animation-duration:.01ms!important}}
.wild-col-flash{top:0;width:10px;height:100%;background:linear-gradient(transparent,#fff6a4,#fff,transparent);animation:wild-column-blast .65s ease-out both}
@keyframes wild-column-blast{0%{opacity:0;transform:scaleY(.1)}25%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(1.18)}}

/* Guided tutorial: Toy flow, Wild Blast pieces and five demonstration moves. */
.wild-tutorial-page .wild-game{width:min(460px,100%);padding:12px 12px 18px;gap:10px}
.wild-tutorial-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;font-size:11px;font-weight:800;color:#ffcf76}
.wild-tutorial-top a{color:#fff0d9;text-decoration:none;border:1px solid #b2773d80;padding:8px 10px;border-radius:9px;background:#321c13}
.wild-tutorial-top button{border:1px solid #c8944d;border-radius:50%;background:#432413;color:#ffe39a;width:34px;height:34px;font-size:21px;cursor:pointer}.wild-tutorial-top button[aria-pressed=false]{opacity:.5}
.wild-tutorial-page .wild-instruction{min-height:116px;align-items:stretch;justify-content:flex-start;padding:12px 14px;text-align:left;border:1px solid #f3bb5366;border-radius:15px;background:linear-gradient(135deg,#6a3b20e6,#321e15f0);box-shadow:0 6px 18px #160a0660}
.wild-step-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.wild-step-heading>span{font-size:10px;color:#ffd37d;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.wild-step-dots{display:flex;list-style:none;gap:6px;padding:0;margin:0}.wild-step-dots li{width:9px;height:9px;border:1px solid #bd965a;border-radius:50%;background:#29190f}.wild-step-dots [aria-current=step]{background:#ffe3a0;box-shadow:0 0 8px #f9c959}.wild-step-dots .is-done{background:#69dabb;border-color:#69dabb}
.wild-tutorial-page .wild-instruction h1{margin:7px 0 2px;font-size:20px;line-height:1.1;color:#fff5df}.wild-tutorial-page .wild-instruction p{margin:4px 0 0;font-size:13px;line-height:1.35;min-height:35px}
.wild-tutorial-page .wild-hud{min-height:80px;border-width:2px;border-radius:18px;padding:8px 12px;gap:12px}.wild-tutorial-page .wild-moves{flex-basis:60px;height:60px;border-width:4px}.wild-tutorial-page .wild-moves::before{inset:-5px;border-width:3px}.wild-tutorial-page .wild-moves strong{font-size:25px}
.wild-training-progress{flex:1;text-align:center;min-width:0}.wild-training-progress strong{font-size:23px;color:#fff1b7}.wild-training-progress span{font-size:13px;color:#ffe7be}.wild-training-progress small{display:block;font-size:9px;letter-spacing:.12em;margin-top:5px;font-weight:900}
.wild-training-progress progress{display:block;width:100%;height:13px;appearance:none;border:1px solid #ffc46c;border-radius:20px;overflow:hidden;background:#4b2917;margin:5px 0 0}.wild-training-progress progress::-webkit-progress-bar{background:#4b2917}.wild-training-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#efaf25,#ffe994);border-radius:20px;transition:width .5s}.wild-training-progress progress::-moz-progress-bar{background:linear-gradient(90deg,#efaf25,#ffe994)}
.wild-tutorial-page .wild-board-wrap{width:min(100%,max(220px,calc((100dvh - 330px)*7/8)))}.wild-tutorial-page .wild-board{width:100%}
.wild-tutorial-page .wild-cell{opacity:.68}.wild-tutorial-page .wild-cell.is-source,.wild-tutorial-page .wild-cell.is-target,.wild-tutorial-page .wild-cell.is-match{opacity:1}.wild-tutorial-page .wild-cell.is-source{box-shadow:inset 0 0 0 3px #ffe39c,0 0 13px #ffc93c}.wild-tutorial-page .wild-cell.is-target{box-shadow:inset 0 0 0 3px #81f6ff,0 0 13px #41d9ef}
.wild-tutorial-hand{position:absolute;z-index:10;font-family:system-ui;font-size:43px;line-height:1;color:#ffe9cd;text-shadow:0 3px 4px #1a0e08;filter:drop-shadow(0 0 3px #593b18);pointer-events:none;animation:wild-guide-move 1.65s ease-in-out infinite;transform-origin:top left}
@keyframes wild-guide-move{0%,12%{transform:translate(-8px,0) scale(.9);opacity:0}22%{opacity:1}65%,82%{transform:translate(calc(var(--guide-x) - 8px),var(--guide-y)) scale(1);opacity:1}100%{transform:translate(calc(var(--guide-x) - 8px),var(--guide-y));opacity:0}}
.wild-tutorial-page .wild-bottom{margin:0;padding:8px 10px;border-width:1px}.wild-tutorial-page .wild-bottom strong{font-size:12px}.wild-tutorial-page .wild-note{margin:0;text-align:center;font-size:10px}
.wild-tutorial-page .wild-modal{position:relative;max-height:calc(100dvh - 24px);overflow:auto;border:2px solid #e1ad5e;border-radius:20px}.wild-tutorial-page .wild-modal-body{position:relative;padding:18px 22px 24px;z-index:2}.wild-tutorial-page .wild-modal h1{font-size:25px}.wild-tutorial-page .wild-modal p{font-size:14px;line-height:1.45;margin-bottom:16px}.wild-tutorial-page .wild-primary{font-size:17px}.wild-tutorial-page .wild-secondary{font-size:13px;padding:10px}.wild-tutorial-page .wild-modal small{font-size:10px;line-height:1.4}
.wild-finish-star{display:block;font-size:42px;line-height:1;color:#ffdd66;text-shadow:0 0 20px #ffd265}.wild-finish-money{display:block;margin:10px 0 4px;font-size:40px;color:#ffe087;text-shadow:0 3px #6d3314;font-weight:900}.wild-tutorial-page .wild-finish-note{margin:0 0 20px;color:#ecd9bb}.wild-tutorial-result{box-shadow:0 0 45px #e7a84b77,0 15px 50px #0009}
.wild-tutorial-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.wild-tutorial-confetti i{position:absolute;left:calc(5% + var(--i)*8%);top:-15px;width:7px;height:11px;background:#ffd778;animation:wild-tutorial-celebrate 3s linear infinite;animation-delay:calc(var(--i)*-.24s)}.wild-tutorial-confetti i:nth-child(3n){background:#7ff4ee}.wild-tutorial-confetti i:nth-child(3n+1){background:#f99b64}@keyframes wild-tutorial-celebrate{to{transform:translate(18px,550px) rotate(420deg);opacity:0}}
.wild-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:350px){.wild-training-progress strong{font-size:20px}.wild-training-progress span{font-size:11px}.wild-tutorial-page .wild-game{padding:8px}.wild-tutorial-page .wild-instruction h1{font-size:18px}}
@media(max-height:720px){.wild-tutorial-page .wild-game{gap:6px;padding-top:6px}.wild-tutorial-page .wild-instruction{min-height:95px;padding:8px 12px}.wild-tutorial-page .wild-instruction h1{font-size:18px}.wild-tutorial-page .wild-hud{min-height:66px}.wild-tutorial-page .wild-moves{height:48px;flex-basis:48px}.wild-tutorial-page .wild-board-wrap{width:min(100%,max(220px,calc((100dvh - 296px)*7/8)))}}
@media(prefers-reduced-motion:reduce){.wild-tutorial-page *,.wild-tutorial-page *::before,.wild-tutorial-page *::after{animation:none!important;transition:none!important}.wild-tutorial-hand{transform:translate(-8px,0);opacity:1}}