/* One board skin for the guided tutorial and ordinary Candy Wid rounds. */
html{background:#aa83e1}
body.wild-tutorial-page,body.wild-match-page{color:#fff;font-family:Nunito,system-ui,-apple-system,sans-serif;background:#a68ce6 url('candywid-game-bg-desktop.png') center center/cover fixed no-repeat}
.wild-tutorial-page .wt-page,.wild-match-page .wild-match-game{background:transparent}
.wild-tutorial-page .wt-page{min-height:100dvh;height:100dvh}
.wild-tutorial-page .wt-layout{height:100dvh;padding:112px 12px 38px;display:flex;align-items:center;justify-content:center}
.wild-tutorial-page .wild-board-wrap,.wild-match-page .wild-board-wrap{position:relative;width:min(470px,calc(100vw - 30px),calc((100dvh - 200px)*7/8));margin:auto;isolation:isolate}
.wild-tutorial-page .wild-board,.wild-match-page .wild-board{width:100%;aspect-ratio:7/8;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));gap:0;padding:6px;border:1px solid #ffffffa6;border-radius:16px;background:linear-gradient(145deg,#fff3f2a8,#f9cced9c);box-shadow:0 0 0 5px #ffffff32,inset 0 2px 16px #ffffff77,0 12px 30px #863d9b44;overflow:hidden;touch-action:none}
.wild-tutorial-page .wild-cell,.wild-match-page .wild-cell{min-width:0;min-height:0;padding:0;border:0;border-radius:3px;background:#ffecf37a;display:grid;place-items:center;cursor:pointer;touch-action:none}
.wild-tutorial-page .wild-cell:nth-child(even),.wild-match-page .wild-cell:nth-child(even){background:#eec3e665}
.wild-tutorial-page .wild-cell img,.wild-match-page .wild-cell img{display:block;width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 3px 2px #a1518761);pointer-events:none}
.wild-tutorial-page .wild-cell[data-piece=C] img,.wild-match-page .wild-cell[data-piece=C] img{width:88%;height:88%;filter:drop-shadow(0 0 8px #ffe978)}
.wild-tutorial-page .wild-cell.is-source,.wild-tutorial-page .wild-cell.is-target{z-index:3;border:2px solid #fff7d6;background:#ffdcf8c9;box-shadow:0 0 0 2px #fa75cb,0 0 17px #fff,0 0 27px #ff73d3}
.wild-tutorial-page .wild-cell.is-source{animation:cw-tile-hint 1.5s ease-in-out infinite}
.wild-tutorial-page .wt-hud{top:max(8px,env(safe-area-inset-top));width:min(470px,calc(100% - 24px));min-height:64px;display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:center;gap:0;padding:7px 12px 8px;border:1px solid #9182bf;border-radius:18px;background:linear-gradient(160deg,#31264d,#292041);box-shadow:0 4px 14px #54295377;text-align:center}
.wild-tutorial-page .wt-hud>span{display:flex;flex-direction:column;align-items:center;padding:2px 4px;color:#ffefbe;font-size:14px;line-height:1.2;text-shadow:none}
.wild-tutorial-page .wt-hud>span:first-child{border-right:1px solid #ffffff23}.wild-tutorial-page .wt-hud>span:last-child{border-left:1px solid #ffffff23}
.wild-tutorial-page .wt-hud small{order:-1;margin:0 0 3px;color:#ddd2e3;font-size:8px;letter-spacing:.07em;font-weight:800}
.wild-tutorial-page .wt-hud b{font-weight:900}
.wild-tutorial-page .wt-score strong{color:#27ecae;font-size:clamp(22px,4vw,33px);font-weight:1000;text-shadow:0 0 12px #28efaa44}
.wild-tutorial-page .wt-score progress{width:82%;height:7px;margin:2px auto 0;accent-color:#2af1a2}
.wild-tutorial-page .cw-moves{position:absolute;z-index:4;top:78px;left:50%;transform:translateX(-50%);min-width:165px;padding:7px 14px;border-radius:30px;background:#332747e8;box-shadow:0 4px 12px #58306644;display:flex;gap:7px;align-items:center;justify-content:center;white-space:nowrap}
.wild-tutorial-page .cw-moves b{color:#ffdb68;font-size:18px;line-height:1}.wild-tutorial-page .cw-moves small{font-size:9px;font-weight:900;letter-spacing:.04em}
.wild-tutorial-page .wt-nav{right:20px;top:10px}.wild-tutorial-page .wt-nav a{background:#291e46dc;border:0;box-shadow:0 4px 10px #4f326144}.wild-tutorial-page .wt-nav button{position:fixed;right:12px;bottom:12px;top:auto;width:35px;height:35px;padding:4px;border:2px solid #ffdc5b;border-radius:12px;background:linear-gradient(#ffdf53,#db9f17);color:#fff;box-shadow:0 3px 8px #8b578566}
.wild-tutorial-page .wt-status,.wild-tutorial-page .wt-training-note{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 24px));text-align:center;color:#fff;text-shadow:0 2px 4px #6a3479;font-weight:800}
.wild-tutorial-page .wt-training-note{bottom:2px;font-size:9px;opacity:.8}.wild-tutorial-page .wt-status{bottom:18px;font-size:12px}
.wild-tutorial-page .wt-callout{top:25%;bottom:auto;width:min(420px,calc(100vw - 40px));max-height:160px;padding:10px 20px;border:0;background:transparent;box-shadow:none;pointer-events:none;color:#fff;text-shadow:0 2px 3px #292039,1px 1px 0 #292039,-1px -1px 0 #292039}
.wild-tutorial-page .wt-callout small{display:none}.wild-tutorial-page .wt-callout h1{margin:0;color:#fff;font-size:clamp(16px,2.2vw,23px);font-weight:1000}.wild-tutorial-page .wt-callout p{color:#fff;font-size:clamp(15px,2vw,21px);font-weight:900;line-height:1.35}.wild-tutorial-page .wt-callout button{pointer-events:auto;color:#ffe37d;background:#2d2345dd;border-radius:12px;padding:6px 14px}
.wild-tutorial-page .wt-spotlight{border-radius:12px;box-shadow:0 0 0 9999px #15142e9c,0 0 25px #fff,0 0 0 3px #fff;pointer-events:none}
.wild-tutorial-page .wt-modal-layer{background:#13162aab;backdrop-filter:blur(4px)}
.wild-tutorial-page .wt-modal{width:min(480px,100%);border:0;border-radius:17px;background:#201a3c;box-shadow:0 16px 48px #1a1335a8}
.wild-tutorial-page .wt-banner{width:100%;aspect-ratio:2.7;object-fit:cover}
.wild-tutorial-page .wt-modal-body{padding:22px 24px 23px}
.wild-tutorial-page .wt-modal h1{font-size:22px;font-weight:1000;color:#fff}.wild-tutorial-page .wt-modal h1 em{color:#ff86d4;font-style:normal}
.wild-tutorial-page .wt-intro-copy{font-size:15px;line-height:1.65;color:#fff;font-weight:750}
.wild-tutorial-page .wt-actions{display:grid;gap:10px;margin-top:20px}.wild-tutorial-page .wt-green{display:grid;place-items:center;min-height:54px;border:0;border-radius:12px;background:#04d586;color:#083c36;font-weight:1000;box-shadow:0 5px 14px #00e89a50;text-decoration:none}
.wild-tutorial-page .wt-ghost{display:grid;place-items:center;min-height:50px;border:1px solid #bcb1d466;border-radius:12px;background:#26213e;color:#fff;font-weight:900;text-decoration:none}
.wild-match-page .wild-match-game{min-height:100dvh;box-shadow:none}.wild-match-page .wild-hud{background:linear-gradient(160deg,#33294d,#29213e);border:1px solid #b39bc9;color:#fff;box-shadow:0 8px 18px #5a3b7455}
.wild-match-page .wild-progress,.wild-match-page .wild-bet{background:#31254b;border-color:#8d79ad}.wild-match-page .wild-moves{background:#5c3e85;border-color:#ab83dd}
.wild-match-page .wild-auto-reward{background:linear-gradient(#fdc7f0,#e481d2);border-color:#ffddf4;color:#61215c}
.wild-match-page .wild-play{background:linear-gradient(#24eda3,#00c880);border-color:#58ffbd;color:#0a3b32}
@keyframes cw-tile-hint{50%{transform:scale(1.08);filter:brightness(1.2)}}
@media(max-width:700px){body.wild-tutorial-page,body.wild-match-page{background-image:url('candywid-game-bg-mobile.png');background-position:center center}.wild-tutorial-page .wild-board-wrap,.wild-match-page .wild-board-wrap{width:min(calc(100vw - 20px),calc((100dvh - 175px)*7/8))}.wild-tutorial-page .wt-layout{padding:112px 8px 30px}.wild-tutorial-page .wt-callout{top:18%}.wild-tutorial-page .wt-nav{top:11px;right:10px}.wild-tutorial-page .cw-moves{top:75px}}
@media(max-height:720px){.wild-tutorial-page .wt-layout{padding-top:108px;padding-bottom:18px}.wild-tutorial-page .wild-board-wrap,.wild-match-page .wild-board-wrap{width:min(calc(100vw - 20px),calc((100dvh - 145px)*7/8))}.wild-tutorial-page .wt-status,.wild-tutorial-page .wt-training-note{display:none}}
@media(prefers-reduced-motion:reduce){.wild-tutorial-page .wild-cell.is-source{animation:none}}

/* Candy Wid training finish and sound feedback. */
.wild-tutorial-page .wt-callout{top:auto;bottom:clamp(65px,11vh,130px);max-height:none;z-index:41;line-height:1.4}
.wild-tutorial-page .wt-callout h1,.wild-tutorial-page .wt-callout p{font-weight:1000;text-shadow:0 3px 4px #1d1038,0 0 9px #161024}
.wild-tutorial-page .wt-callout button{margin-top:9px;border:1px solid #ffdd88;color:#ffe168;background:#2b2146ed;box-shadow:0 2px 10px #2b123a7d}
.wild-tutorial-page .wt-status,.wild-tutorial-page .wt-training-note{opacity:.7;pointer-events:none}
.wild-tutorial-page .wt-hud.is-hot{animation:cw-hud-win .7s ease-out}
.wild-tutorial-page .wt-nav button[aria-pressed=false]{filter:grayscale(1);opacity:.68}
.cw-near-goal{position:fixed;left:50%;bottom:13%;z-index:35;transform:translateX(-50%);width:min(490px,95vw);padding:10px;text-align:center;color:#ffe579;font-size:23px;font-weight:1000;text-shadow:0 3px 3px #260c3a,0 0 16px #f238dc;pointer-events:none;animation:cw-near 3.3s ease both}.cw-near-goal small{color:white;font-size:16px}
.cw-claim{position:fixed;inset:0;z-index:52;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 16px max(10px,env(safe-area-inset-bottom));background:#131429bb;box-shadow:inset 0 0 0 3px #5bddf2;animation:cw-claim-in .35s ease both;text-align:center;pointer-events:none}
.cw-claim::before{content:'';position:absolute;inset:7px;border:2px solid #ed80e2;border-radius:20px;box-shadow:inset 0 0 14px #69eafa,0 0 18px #fe65ea;pointer-events:none;animation:cw-border-pulse 1.4s ease-in-out infinite}
.cw-claim p{position:relative;margin:0 0 35px;color:#fff;font-size:23px;font-weight:1000;line-height:1.6;text-shadow:0 3px 3px #1b1531,0 0 9px #1b1531}.cw-claim p b{color:#ffdc78}.cw-claim p strong{color:#49e5a3}
.cw-claim>span{margin-bottom:3px;color:#fff;font-size:20px;animation:cw-arrow .7s ease-in-out infinite alternate}
.cw-claim button{position:relative;width:min(430px,calc(100vw - 44px));min-height:64px;pointer-events:auto;border:4px solid #fff3c5;border-radius:18px;color:#4b2a17;background:linear-gradient(#ffe667,#ffc23d);box-shadow:0 0 0 8px #ff8ac65a,0 0 22px #ffab51,0 7px #ab552f;font-size:18px;font-weight:1000;cursor:pointer;animation:cw-claim-button .9s ease-in-out infinite alternate}
.cw-claim.is-claimed button{transform:scale(.95);filter:brightness(1.3)}
.wild-tutorial-page #wild-finish{background:#171128bd;backdrop-filter:blur(7px)}
.wild-tutorial-page #wild-finish-dialog{width:min(480px,100%);border:2px solid #713ea5;border-radius:18px;background:#211a3c;box-shadow:0 15px 50px #180b33bb;color:#fff;overflow:hidden}
.wild-tutorial-page #wild-finish-dialog .wt-banner{aspect-ratio:3.2;object-fit:cover;object-position:center;margin-bottom:20px}
.wild-tutorial-page #wild-finish-dialog .wt-modal-body{padding:0 22px 18px}
.wild-tutorial-page #wild-finish-title{color:#69f2b5;font-size:30px;white-space:normal!important;font-weight:1000;text-shadow:0 0 15px #31d9ad70}
.wild-tutorial-page #wild-finishNote{color:#e9e2f0;font-size:15px;font-weight:700}
.wild-tutorial-page #wild-finishValue{font-size:clamp(36px,8vw,48px);color:#ffcd35;margin:15px auto;filter:drop-shadow(0 0 9px #ffac28)}
.wild-tutorial-page #wild-finishMessage{color:#fff!important;font-size:16px!important;font-weight:900;margin:18px 0 22px}.wild-tutorial-page #wild-finishMessage em{font-style:normal;color:#f7a3d4}
.wild-tutorial-page #wild-play-real{min-height:64px;border:3px solid #c4ffc0;border-radius:16px;background:linear-gradient(#7ffb57,#02d46f);color:#123a2e;font-size:21px;box-shadow:0 5px #069a5f,0 0 21px #56f96e70}
.wild-tutorial-page .cw-demo-note{display:block;margin:14px 0 0;color:#b7afc5;font-size:10px}
.cw-tutorial-banner{position:relative;display:flex;align-items:center;justify-content:space-around;gap:4px;width:100%;height:148px;padding:12px;overflow:hidden;background:linear-gradient(#a352cf35,#651b9369),url('candywid-game-bg-desktop.png') center 46%/cover;border-bottom:2px solid #bc69e5}
.cw-tutorial-banner img{width:20%;height:70%;object-fit:contain;filter:drop-shadow(0 3px 5px #39134f);transform:rotate(-15deg)}.cw-tutorial-banner img:last-child{transform:rotate(16deg)}
.cw-tutorial-banner span{position:relative;z-index:1;display:grid;text-align:center;gap:4px;line-height:1.02;filter:drop-shadow(0 4px 3px #430b69)}
.cw-tutorial-banner b{color:#58eafd;font-size:clamp(20px,5vw,29px);font-weight:1000;-webkit-text-stroke:1px #4b1a7b;text-shadow:1px 2px #ac2aa3}
.cw-tutorial-banner strong{color:#ffdc47;font-size:clamp(24px,6vw,38px);font-weight:1000;-webkit-text-stroke:1px #8f2456;text-shadow:2px 3px #cf3979;white-space:nowrap}
.cw-finish-banner{height:178px;background-position:center 57%}.cw-finish-banner strong{font-size:clamp(30px,7vw,46px)}
@keyframes cw-claim-in{from{opacity:0}to{opacity:1}}@keyframes cw-border-pulse{50%{filter:brightness(1.8)}}@keyframes cw-arrow{to{transform:translateY(8px)}}@keyframes cw-claim-button{to{filter:brightness(1.12);box-shadow:0 0 0 10px #ff8ac67a,0 0 35px #ffab51,0 7px #ab552f}}@keyframes cw-near{0%,100%{opacity:0;transform:translate(-50%,10px)}14%,85%{opacity:1;transform:translate(-50%,0)}}@keyframes cw-hud-win{50%{filter:brightness(1.4) drop-shadow(0 0 18px #50ffc3)}}
@media(max-width:700px){.wild-tutorial-page .wt-callout{bottom:13%;}.cw-claim p{font-size:18px;margin-bottom:20px}.cw-claim button{min-height:58px;font-size:15px}.wild-tutorial-page #wild-finish-title{font-size:26px}.wild-tutorial-page #wild-finishMessage{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.cw-near-goal,.cw-claim,.cw-claim::before,.cw-claim>span,.cw-claim button{animation:none}}

/* Tutorial alignment measured from the original 1363×936 training screen. */
.wild-tutorial-page .wt-callout{top:31%;bottom:auto;left:50%;width:min(420px,calc(100vw - 40px));padding:0 10px;overflow:visible;max-height:none;pointer-events:none;text-align:center}
.wild-tutorial-page .wt-callout[data-kind="praise"],.wild-tutorial-page .wt-callout[data-kind="meta"]{top:12%;width:min(430px,calc(100vw - 30px))}
.wild-tutorial-page .wt-callout[data-kind="chest"]{top:27%;width:min(400px,calc(100vw - 30px))}
.wild-tutorial-page .wt-callout[data-kind="free"]{top:32%}
.wild-tutorial-page .wt-callout h1{font-size:clamp(18px,2.1vw,24px);line-height:1.35;color:#fff;margin:0}
.wild-tutorial-page .wt-callout[data-kind="move"] h1{display:none}
.wild-tutorial-page .wt-callout p{min-height:0;font-size:clamp(18px,2.1vw,24px);line-height:1.35}
.wild-tutorial-page .wt-callout p:empty{display:none}
.wild-tutorial-page .wt-callout button{position:relative;pointer-events:auto;display:inline-block;margin-top:15px;padding:3px 10px;border:0;background:transparent;box-shadow:none;color:#ffdfeb;font-size:13px;text-shadow:0 2px 5px #2b1042}
.wild-tutorial-page .wt-spotlight{z-index:39;border:1px solid #ffffff8f;border-radius:14px;box-shadow:0 0 0 9999px #18112caa,0 0 25px #ffe0fa,0 0 0 2px #fff5}
.wild-tutorial-page .wt-status,.wild-tutorial-page .wt-training-note{display:none}
.wild-tutorial-page .wt-hud{width:min(460px,calc(100% - 24px))}
.wild-tutorial-page .cw-moves{top:79px}
@media(min-height:721px){.wild-tutorial-page .wt-layout{padding-top:112px;padding-bottom:80px}}
.wild-tutorial-page .wt-modal{background:#201a3c}
.wild-tutorial-page #wild-finish-dialog{width:min(480px,calc(100vw - 32px))}
@media(max-width:700px){.wild-tutorial-page .wt-callout{top:26%}.wild-tutorial-page .wt-callout[data-kind="praise"],.wild-tutorial-page .wt-callout[data-kind="meta"]{top:15%}.wild-tutorial-page .wt-callout[data-kind="chest"]{top:28%}.wild-tutorial-page .wt-callout[data-kind="free"]{top:29%}}
body.wild-tutorial-page{background:#f4c5e4 url('tutorial-background.jpg') center center/cover fixed no-repeat}
.wild-tutorial-page .wt-modal{border:1px solid #64558375;border-radius:19px;background:#1d173a;box-shadow:0 20px 65px #10062170}
.wild-tutorial-page .wt-modal-layer{background:#100c26b8;backdrop-filter:blur(5px)}
.wild-tutorial-page #wild-finish-dialog{background:#1d173a;border:1px solid #64558375}
.wild-tutorial-page .wt-banner,.wild-tutorial-page #wild-finish-dialog .wt-banner{width:100%;height:auto;max-height:none;aspect-ratio:2048/758;object-fit:contain;margin:0 0 18px}
.wild-tutorial-page #wild-intro .wt-banner{margin-bottom:0}
@font-face{font-family:'Candy Baloo';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/baloo2-800.woff2') format('woff2')}
@font-face{font-family:'Candy Baloo';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/baloo2-600.woff2') format('woff2')}
.wild-tutorial-page,.wild-tutorial-page .wt-modal-layer{font-family:'Candy Baloo',system-ui,sans-serif}
.wild-tutorial-page .wt-modal h1,.wild-tutorial-page .wt-modal h2,.wild-tutorial-page .wt-callout h1,.wild-tutorial-page .wt-callout p{font-family:'Candy Baloo',system-ui,sans-serif}
.wild-tutorial-page .wt-spotlight{position:fixed;inset:0;width:100vw;height:100vh;z-index:39;background:transparent;border:0;border-radius:0;box-shadow:none;transition:none;pointer-events:none}
.wild-tutorial-page #wild-rings rect{filter:drop-shadow(0 0 5px #b99bf0);animation:cw-target-pulse 1.8s ease-in-out infinite}
@keyframes cw-target-pulse{50%{opacity:.7}}