/* Authored Picture & Word Match production treatment. */
#s-word-game[data-game="picture-word"]{
  max-width:none;padding:max(10px,env(safe-area-inset-top)) clamp(10px,2vw,28px) max(22px,env(safe-area-inset-bottom));
  background:#8fd5ee url('../assets/img/word-world/picture-word-match/market-background.webp') center/cover no-repeat fixed;
}
#s-word-game[data-game="picture-word"] .word-game-shell{max-width:1600px;width:100%;position:relative;z-index:1}
#s-word-game[data-game="picture-word"] .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#s-word-game[data-game="picture-word"] .word-game-top{grid-template-columns:170px 1fr 270px;align-items:center;padding:8px 14px 10px;margin-bottom:10px;border:2px solid #edc58b;border-radius:24px;background:#fffaf0f2;box-shadow:0 5px 0 #cb9b58,0 8px 18px #52331538;backdrop-filter:blur(5px)}
#s-word-game[data-game="picture-word"] .word-game-top h1{font-size:clamp(38px,4.2vw,67px);color:#082e68;text-shadow:0 3px 0 #fff;letter-spacing:-1px}
#s-word-game[data-game="picture-word"] .word-hud-btn{border:0;background:none;box-shadow:none;padding:0;min-width:64px;min-height:64px;display:flex;align-items:center;justify-content:center;gap:4px}
#s-word-game[data-game="picture-word"] .word-hud-btn img{display:block;width:64px;height:64px;object-fit:contain}
#s-word-game[data-game="picture-word"] #wordGameBack{justify-content:flex-start;width:150px;font-size:23px}
#s-word-game[data-game="picture-word"] #wordGameBack img{width:64px}
#s-word-game[data-game="picture-word"] .word-game-tools{justify-content:flex-end;gap:5px}
#s-word-game[data-game="picture-word"] .word-round-progress{width:min(430px,82%);padding:3px 12px;border:2px solid #ebc994;border-radius:20px;background:#fff8e8;box-shadow:0 3px 0 #d6ae73}
#s-word-game[data-game="picture-word"] .word-round-progress>span{display:grid;place-items:center;width:31px;height:31px;font-size:0}
#s-word-game[data-game="picture-word"] .word-round-progress>span img{width:31px;height:31px;object-fit:contain}
#s-word-game[data-game="picture-word"] .word-round-progress>i{height:14px;background:#f3e4cc;box-shadow:inset 0 2px 4px #76552a33}
#s-word-game[data-game="picture-word"] .word-round-progress small{background:#dff4ff;color:#13588a}
#s-word-game[data-game="picture-word"] .word-instruction{max-width:840px;min-height:84px;margin-bottom:12px;padding:8px 34px;border:0;border-radius:0;background:transparent url('../assets/img/word-world/picture-word-match/panel-instruction.png') center/100% 100% no-repeat;box-shadow:none;justify-content:center}
#s-word-game[data-game="picture-word"] .word-instruction>button{width:62px;height:62px;padding:0;border:0;background:none;box-shadow:none}
#s-word-game[data-game="picture-word"] .word-instruction>button img{width:100%;height:100%;object-fit:contain}
#s-word-game[data-game="picture-word"] .word-instruction small{display:none}
#s-word-game[data-game="picture-word"] .word-instruction h2{font-size:clamp(24px,2.5vw,36px);color:#0b326a}
#s-word-game[data-game="picture-word"] .word-game-stage{min-height:570px;padding:26px 36px;border:5px solid #f4d3a0;border-radius:38px;background:#fffaf0f1;box-shadow:0 0 0 3px #fff8e8,0 10px 24px #3d2b183f;backdrop-filter:blur(3px)}
#s-word-game[data-game="picture-word"] .word-mini-album{display:none}

/* Reference composition: Owl / picture / dotted path / live choices. */
#s-word-game[data-game="picture-word"] .word-match-scene.authored{
  min-height:510px;padding:0;display:grid;grid-template-columns:210px minmax(245px,355px) 130px minmax(330px,450px);grid-template-rows:1fr 92px;
  grid-template-areas:"guide picture path choices" "album picture path hint";align-items:center;justify-content:center;gap:12px 22px;
}
.word-match-guide{grid-area:guide;align-self:end;display:flex;flex-direction:column;align-items:center;min-width:0;pointer-events:none}
.word-match-bubble{position:relative;width:190px;min-height:106px;display:grid;place-items:center;text-align:center;margin-bottom:-10px;z-index:2}
.word-match-bubble>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.word-match-bubble>span{position:relative;z-index:1;width:75%;font:900 23px/1.05 'Baloo 2';color:#102e63}
.word-match-owl{width:190px;height:230px;object-fit:contain;filter:drop-shadow(0 7px 4px #39230b44)}
.word-match-play{grid-area:picture;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
#s-word-game[data-game="picture-word"] .word-big-picture{position:relative;width:min(100%,330px);aspect-ratio:369/458;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;padding:0;display:grid;place-items:center;isolation:isolate}
.word-picture-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1}
#s-word-game[data-game="picture-word"] .word-big-picture>.word-picture-art{display:grid;place-items:center;width:74%;height:66%;margin-top:-7%;font-size:0;filter:none}
.word-picture-art .word-authored-object{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 5px 4px #17243a31)}
.word-picture-art .fallback{font-size:108px}
#s-word-game[data-game="picture-word"] .word-big-picture>b{position:absolute;left:14%;right:14%;bottom:7%;font:800 26px 'Baloo 2';color:#164d82}
#s-word-game[data-game="picture-word"] .word-big-picture.correct{transform:scale(1.025);filter:drop-shadow(0 0 15px #78e745);box-shadow:none}
.word-picture-audio{width:88px;height:88px;margin-top:-22px;padding:0;border:0;background:none;filter:drop-shadow(0 0 11px #ffe555);z-index:3}
.word-picture-audio img{width:100%;height:100%;object-fit:contain}
.word-match-path{grid-area:path;width:100%;max-width:180px;align-self:center;object-fit:contain}
#s-word-game[data-game="picture-word"] .word-match-options{grid-area:choices;width:100%;display:grid;grid-template-columns:1fr;gap:11px}
#s-word-game[data-game="picture-word"] .word-match-choice{position:relative;width:100%;min-height:106px;padding:5px 25px;border:0;border-radius:0;background:none;box-shadow:none;display:grid;place-items:center;isolation:isolate;overflow:visible}
.word-choice-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1}
#s-word-game[data-game="picture-word"] .word-match-choice>strong{font:800 clamp(34px,3.2vw,52px)/1 'Baloo 2';color:#1768a9}
#s-word-game[data-game="picture-word"] .word-match-choice.tone-1>strong{color:#ea6106}
#s-word-game[data-game="picture-word"] .word-match-choice.tone-2>strong{color:#378715}
#s-word-game[data-game="picture-word"] .word-match-choice>small{font-size:13px;color:#64758c}
#s-word-game[data-game="picture-word"] .word-match-choice:not(.picture-choice)>small{display:none}
.word-choice-check{position:absolute;right:-20px;top:-20px;width:61px;height:61px;object-fit:contain;opacity:0;transform:scale(.4);transition:.22s;z-index:4}
#s-word-game[data-game="picture-word"] .word-match-choice.correct{transform:scale(1.045);filter:drop-shadow(0 0 14px #71dc42);box-shadow:none}
#s-word-game[data-game="picture-word"] .word-match-choice.correct .word-choice-check,#s-word-game[data-game="picture-word"] .word-multi-words button.correct .word-choice-check{opacity:1;transform:scale(1)}
#s-word-game[data-game="picture-word"] .word-match-choice.hinted,#s-word-game[data-game="picture-word"] .word-multi-words button.hinted{animation:pwmHint .72s ease-in-out 2;filter:drop-shadow(0 0 13px #ffd427)}
#s-word-game[data-game="picture-word"] .word-match-choice.picture-choice{min-height:140px}
.word-choice-art{display:block;max-width:112px;max-height:78px;object-fit:contain;filter:drop-shadow(0 4px 3px #14223b2f);transform:translateY(-8px)}
.word-choice-art.fallback{font-size:62px}
#s-word-game[data-game="picture-word"] .word-match-choice.picture-choice small{position:absolute;bottom:13px;font-weight:900;color:#174d7b}
.word-match-album,.word-match-hint{min-height:68px;border:2px solid #e7c58f;border-radius:25px;background:#fffaf0;box-shadow:0 5px 0 #c89c5d,0 8px 12px #583d2028;display:flex;align-items:center;justify-content:center;gap:7px;font:900 20px/1 'Baloo 2';padding:5px 15px}
.word-match-album{grid-area:album}.word-match-hint{grid-area:hint;justify-self:end;min-width:170px;font-size:30px}
.word-match-album img{width:61px;height:61px;object-fit:contain}.word-match-hint img{width:58px;height:58px;object-fit:contain}

/* Highest adaptive branch keeps all three pairs live. */
#s-word-game[data-game="picture-word"] .word-multi-scene.authored{
  min-height:510px;padding:0;display:grid;grid-template-columns:195px minmax(260px,360px) 120px minmax(330px,440px);grid-template-rows:1fr 82px;
  grid-template-areas:"guide pictures path words" "album pictures path hint";align-items:center;justify-content:center;gap:12px 20px;
}
.word-multi-scene .word-match-guide{grid-area:guide}
#s-word-game[data-game="picture-word"] .word-multi-pictures{grid-area:pictures;display:grid;grid-template-columns:1fr;gap:8px;width:100%}
#s-word-game[data-game="picture-word"] .word-multi-words{grid-area:words;display:grid;grid-template-columns:1fr;gap:8px;width:100%}
#s-word-game[data-game="picture-word"] .word-multi-pictures button,#s-word-game[data-game="picture-word"] .word-multi-words button{position:relative;min-height:112px;border:0;border-radius:0;background:none;box-shadow:none;display:grid;place-items:center;isolation:isolate;padding:7px 20px}
#s-word-game[data-game="picture-word"] .word-multi-pictures .word-picture-frame{object-fit:fill}
.word-multi-art{display:block;max-width:106px;max-height:88px;object-fit:contain;filter:drop-shadow(0 4px 3px #14223b2f)}
.word-multi-art.fallback{font-size:57px}
#s-word-game[data-game="picture-word"] .word-multi-words strong{font:800 clamp(30px,3vw,45px)/1 'Baloo 2';color:#1768a9}
#s-word-game[data-game="picture-word"] .word-multi-words .tone-1 strong{color:#e95e05}
#s-word-game[data-game="picture-word"] .word-multi-words .tone-2 strong{color:#378715}
#s-word-game[data-game="picture-word"] .word-multi-pictures button.selected{filter:drop-shadow(0 0 14px #ffcf22);box-shadow:none}
#s-word-game[data-game="picture-word"] .word-multi-scene button.correct{background:none;filter:drop-shadow(0 0 13px #72dd43);box-shadow:none}
#s-word-game[data-game="picture-word"] .word-correct-burst{width:320px;min-height:165px;display:grid;place-items:center;border:0;border-radius:0;background:transparent url('../assets/img/word-world/picture-word-match/feedback-reward.png') center/contain no-repeat;box-shadow:none;color:#164d73;text-shadow:0 2px #fff;padding:0 55px;font-size:27px}
#s-word-game[data-game="picture-word"] .word-gentle-wrong{filter:drop-shadow(0 0 6px #ff941c)}
#s-word-game[data-game="picture-word"] .word-mini-art{display:block;max-width:34px;max-height:34px;object-fit:contain}

@keyframes pwmHint{50%{transform:scale(1.055)}}

@media(max-width:1100px){
 #s-word-game[data-game="picture-word"] .word-game-top{grid-template-columns:110px 1fr 190px}
 #s-word-game[data-game="picture-word"] #wordGameBack{width:105px}#s-word-game[data-game="picture-word"] #wordGameBack span{display:none}
 #s-word-game[data-game="picture-word"] .word-hud-btn img{width:56px;height:56px}
 #s-word-game[data-game="picture-word"] .word-match-scene.authored,#s-word-game[data-game="picture-word"] .word-multi-scene.authored{grid-template-columns:155px minmax(210px,285px) 55px minmax(270px,1fr);gap:10px 12px}
 .word-match-bubble{width:150px}.word-match-bubble>span{font-size:18px}.word-match-owl{width:150px;height:190px}
 .word-match-album{font-size:16px;padding-inline:7px}.word-match-hint{min-width:130px;font-size:24px}
}
@media(max-width:760px){
 #s-word-game[data-game="picture-word"]{padding:8px 8px 28px;background-attachment:scroll;background-position:center top}
 #s-word-game[data-game="picture-word"] .word-game-top{grid-template-columns:50px 1fr 50px;padding:5px;gap:3px;border-radius:18px}
 #s-word-game[data-game="picture-word"] .word-game-top h1{font-size:clamp(25px,8vw,32px)}
 #s-word-game[data-game="picture-word"] #wordGameBack{width:48px;min-width:48px}#s-word-game[data-game="picture-word"] .word-hud-btn img{width:48px;height:48px}
 #s-word-game[data-game="picture-word"] .word-game-tools{gap:0}#s-word-game[data-game="picture-word"] .word-game-tools button:not(:first-child){display:none}
 #s-word-game[data-game="picture-word"] .word-round-progress{width:98%;padding:1px 6px;gap:4px}#s-word-game[data-game="picture-word"] .word-round-progress>span{width:24px;height:24px}#s-word-game[data-game="picture-word"] .word-round-progress>span img{width:24px;height:24px}
 #s-word-game[data-game="picture-word"] .word-instruction{width:100%;min-height:68px;padding:4px 14px;margin-bottom:8px;background-size:100% 100%}
 #s-word-game[data-game="picture-word"] .word-instruction>button{width:49px;height:49px}#s-word-game[data-game="picture-word"] .word-instruction h2{font-size:19px;text-align:center}
 #s-word-game[data-game="picture-word"] .word-game-stage{min-height:750px;padding:12px 10px;border-width:3px;border-radius:25px}
 #s-word-game[data-game="picture-word"] .word-match-scene.authored{min-height:710px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:105px 285px 1fr 70px;grid-template-areas:"guide guide" "picture picture" "choices choices" "album hint";gap:6px 9px}
 .word-match-guide{align-self:center;flex-direction:row-reverse;justify-content:center}.word-match-bubble{width:175px;min-height:90px;margin:0 0 0 -20px}.word-match-bubble>span{font-size:18px}.word-match-owl{width:94px;height:105px;z-index:3}
 #s-word-game[data-game="picture-word"] .word-big-picture{width:205px}.word-picture-audio{width:64px;height:64px;margin-top:-25px}
 .word-match-path{display:none}
 #s-word-game[data-game="picture-word"] .word-match-options{grid-template-columns:1fr;gap:7px}
 #s-word-game[data-game="picture-word"] .word-match-choice{min-height:78px}#s-word-game[data-game="picture-word"] .word-match-choice>strong{font-size:31px}
 #s-word-game[data-game="picture-word"] .word-match-choice.picture-choice{min-height:98px}.word-choice-art{max-width:72px;max-height:54px;transform:translateY(-7px)}#s-word-game[data-game="picture-word"] .word-match-choice.picture-choice small{bottom:8px;font-size:11px}
 .word-choice-check{width:47px;height:47px;right:-7px;top:-9px}
 .word-match-album,.word-match-hint{width:100%;min-width:0;min-height:58px;font-size:15px;padding:3px 5px;border-radius:18px}.word-match-hint{font-size:22px}.word-match-album img,.word-match-hint img{width:47px;height:47px}
 #s-word-game[data-game="picture-word"] .word-multi-scene.authored{min-height:710px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:105px 1fr 1fr 64px;grid-template-areas:"guide guide" "pictures pictures" "words words" "album hint";gap:7px}
 #s-word-game[data-game="picture-word"] .word-multi-pictures,#s-word-game[data-game="picture-word"] .word-multi-words{grid-template-columns:repeat(3,1fr);gap:4px}
 #s-word-game[data-game="picture-word"] .word-multi-pictures button,#s-word-game[data-game="picture-word"] .word-multi-words button{min-height:116px;padding:5px}
 .word-multi-art{max-width:80px;max-height:74px}#s-word-game[data-game="picture-word"] .word-multi-words strong{font-size:22px}
 #s-word-game[data-game="picture-word"] .word-correct-burst{width:260px;min-height:135px;font-size:23px}
}
@media(max-width:360px){
 #s-word-game[data-game="picture-word"] .word-game-stage{min-height:720px;padding-inline:7px}
 #s-word-game[data-game="picture-word"] .word-match-scene.authored,#s-word-game[data-game="picture-word"] .word-multi-scene.authored{min-height:685px}
 #s-word-game[data-game="picture-word"] .word-match-choice{min-height:73px}#s-word-game[data-game="picture-word"] .word-match-choice>strong{font-size:27px}
 .word-match-bubble{width:158px}.word-match-owl{width:82px}.word-match-album span{font-size:13px}
}
@media(orientation:landscape) and (max-height:700px) and (min-width:761px){
 #s-word-game[data-game="picture-word"]{background-attachment:scroll}
 #s-word-game[data-game="picture-word"] .word-game-top{padding-block:2px;grid-template-columns:100px 1fr 190px}#s-word-game[data-game="picture-word"] .word-game-top h1{font-size:31px}
 #s-word-game[data-game="picture-word"] .word-hud-btn img{width:47px;height:47px}#s-word-game[data-game="picture-word"] #wordGameBack{width:94px}
 #s-word-game[data-game="picture-word"] .word-instruction{min-height:54px;width:700px}#s-word-game[data-game="picture-word"] .word-instruction>button{width:44px;height:44px}#s-word-game[data-game="picture-word"] .word-instruction h2{font-size:21px}
 #s-word-game[data-game="picture-word"] .word-game-stage{min-height:390px;padding:12px 20px}
 #s-word-game[data-game="picture-word"] .word-match-scene.authored,#s-word-game[data-game="picture-word"] .word-multi-scene.authored{min-height:360px;grid-template-columns:135px 220px 48px minmax(270px,370px);grid-template-rows:1fr 62px;gap:5px 10px}
 .word-match-bubble{width:130px;min-height:76px}.word-match-bubble>span{font-size:15px}.word-match-owl{width:125px;height:145px}
 #s-word-game[data-game="picture-word"] .word-big-picture{width:190px}.word-picture-audio{width:55px;height:55px;margin-top:-22px}
 #s-word-game[data-game="picture-word"] .word-match-choice{min-height:70px}#s-word-game[data-game="picture-word"] .word-match-choice>strong{font-size:30px}
 #s-word-game[data-game="picture-word"] .word-match-choice.picture-choice{min-height:90px}.word-choice-art{max-height:62px}
 .word-match-album,.word-match-hint{min-height:54px}.word-match-album img,.word-match-hint img{width:43px;height:43px}
 #s-word-game[data-game="picture-word"] .word-multi-pictures button,#s-word-game[data-game="picture-word"] .word-multi-words button{min-height:83px}.word-multi-art{max-height:62px}
}