/* Listening Castle — authored dashboard, live DOM, responsive master. */
.listening-castle-screen{--lc-navy:#072d61;--lc-cream:#fff2d4;--lc-gold:#d9962d;--lc-orange:#ff6b12;position:relative;isolation:isolate;max-width:none!important;margin:0!important;padding:clamp(10px,1.8vw,24px)!important;min-height:100vh;min-height:100dvh;overflow:hidden;background:linear-gradient(#75ccf5 0 30%,#f9dba7 65%,#efbb75 100%);color:var(--lc-navy)}
.listening-castle-screen.active{display:block}
.listening-castle-screen button:focus-visible{outline:4px solid #38d2d0;outline-offset:3px}
.lc-castle-sky{position:absolute;z-index:-3;inset:94px 0 auto;width:100%;height:clamp(130px,20vw,210px);object-fit:cover;pointer-events:none}
.lc-courtyard-side{position:absolute;z-index:-1;top:46%;height:54%;width:clamp(70px,8vw,120px);object-fit:cover;opacity:.92;pointer-events:none;mask-image:linear-gradient(to right,#000 55%,transparent)}
.lc-courtyard-side.left{left:0}.lc-courtyard-side.right{right:0;mask-image:linear-gradient(to left,#000 55%,transparent)}
.lc-shell{width:min(1620px,100%);min-height:calc(100dvh - clamp(20px,3.6vw,48px));margin:auto;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(8px,1.4vh,15px);position:relative}
.lc-topbar{height:clamp(68px,8.5vh,88px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:7px clamp(10px,1.5vw,22px);border:3px solid #e5b76c;border-radius:26px;background:linear-gradient(180deg,#fff9e9,#ffedce);box-shadow:0 6px 0 #c88a45,0 12px 24px #6d4a2630}
.lc-topbar h1{font-size:clamp(2rem,3.3vw,3.4rem);white-space:nowrap;text-shadow:0 2px #fff}
.lc-back{justify-self:start;min-height:52px;display:flex;align-items:center;gap:8px;padding:5px 19px;border:2px solid #d6a865;border-radius:19px;background:#fff4d8;box-shadow:0 5px 0 #c98d43;font-size:clamp(1.05rem,1.7vw,1.45rem);font-weight:1000}.lc-back span{font-size:1.8em;line-height:.6}.lc-back:active{transform:translateY(4px);box-shadow:0 1px 0 #c98d43}
.lc-tools{justify-self:end;display:flex;align-items:center;gap:10px}.lc-star-pill{height:54px;min-width:126px;padding:5px 16px 5px 7px;display:flex;align-items:center;gap:8px;border:2px solid #d5a35b;border-radius:19px;background:#fff4d8;box-shadow:0 4px 0 #c98d43;font-size:1.45rem}.lc-star-pill img{width:42px;height:42px;object-fit:contain}.lc-round-control{width:58px;height:58px;border-radius:50%;overflow:hidden;box-shadow:0 5px 0 #9d6b34;background:#21b9ba}.lc-round-control img{width:100%;height:100%;object-fit:cover}.lc-round-control:active{transform:translateY(4px);box-shadow:0 1px 0 #9d6b34}.lc-round-control.muted{filter:grayscale(.9);opacity:.65}
.lc-hero{justify-self:center;width:min(650px,70vw);min-height:clamp(110px,16vh,150px);display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.4vw,18px);padding:8px 26px;border:4px solid #dfb36d;border-radius:48% 48% 28px 28px/42% 42% 28px 28px;background:linear-gradient(180deg,#fff9e9,#ffedcf);box-shadow:0 7px 0 #b87736,0 12px 28px #5c3c2538;text-align:center}.lc-hero img{width:clamp(110px,12vw,174px);height:clamp(80px,9vw,115px);object-fit:contain;border-radius:0}.lc-hero h2{font-size:clamp(1.7rem,3vw,3rem)}.lc-hero p{font-size:clamp(.95rem,1.5vw,1.35rem);font-weight:1000}
.lc-picker{position:relative;min-height:0;display:grid;grid-template-columns:1fr;align-items:stretch}.lc-game-cards{width:min(1450px,90vw);height:100%;min-height:350px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px)}
.lc-game-card{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border:4px solid #e0ad62;border-radius:32px;background:linear-gradient(#fffaf0,#ffefd1);box-shadow:0 7px 0 #bd7c36,0 12px 28px #65401f38;transition:transform .2s}.lc-game-card:hover{transform:translateY(-5px)}.lc-game-card figure{min-width:0;min-height:0;padding:8px 8px 0}.lc-game-card figure img{display:block;width:100%;height:100%;min-height:190px;object-fit:cover;border:3px solid #e7bd7e;border-radius:24px}.lc-card-copy{padding:10px clamp(10px,1.3vw,20px) 14px;text-align:center}.lc-card-copy h2{font-size:clamp(1.65rem,2.2vw,2.35rem)}.lc-card-copy p{font-size:clamp(.92rem,1.25vw,1.18rem);font-weight:900;min-height:1.6em}.lc-card-copy button{width:min(280px,90%);min-height:60px;margin-top:9px;border:4px solid #fff2cf;border-radius:26px;background:linear-gradient(#ff8b2c,#ff5a08);box-shadow:0 6px 0 #b63e00,0 0 0 2px #df9c54;color:white;font-family:var(--font-d);font-size:clamp(1.6rem,2.2vw,2.15rem);font-weight:800;text-shadow:0 3px #9b3100}.lc-card-copy button:active{transform:translateY(5px);box-shadow:0 1px 0 #b63e00,0 0 0 2px #df9c54}
.lc-arrow,.lc-dots{display:none}.lc-status{position:absolute;left:50%;bottom:5px;z-index:6;transform:translateX(-50%);width:max-content;max-width:90%;padding:8px 16px;border-radius:14px;background:#073364;color:white;font-weight:900;text-align:center}.lc-status[hidden]{display:none!important}.lc-tap{animation:lcTap .45s ease}@keyframes lcTap{50%{transform:scale(.97)}}
.lc-journey{width:min(1180px,80vw);min-height:92px;justify-self:center;display:grid;grid-template-columns:auto auto minmax(220px,1fr) auto;align-items:center;gap:clamp(12px,2vw,26px);padding:8px 22px;border:3px solid #dfae63;border-radius:27px;background:linear-gradient(180deg,#fff9e9,#ffedce);box-shadow:0 6px 0 #c27e39;font-size:clamp(1rem,1.5vw,1.35rem)}.lc-journey>strong{white-space:nowrap;font-family:var(--font-d);font-size:1.18em}.lc-badges{display:flex;gap:7px}.lc-badges i{width:48px;height:48px;display:grid;place-items:center;border:3px solid #d3aa64;border-radius:50%;background:#eadfc9;color:#a7a099;font-style:normal;font-size:1.65rem}.lc-badges i.earned{background:linear-gradient(#62e0dc,#19b7b3);color:#fff;border-color:#fff;box-shadow:0 0 0 3px #d39d48}.lc-progress{display:flex;align-items:center;gap:12px}.lc-progress>i{height:26px;flex:1;min-width:100px;overflow:hidden;border:3px solid #d6a05a;border-radius:99px;background:#f5dfbb}.lc-progress>i b{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#21c6c5,#11aaa9);transition:width .35s}.lc-progress>strong{font-size:1.2em}.lc-journey>img{width:72px;height:64px;object-fit:contain}
@media (min-width:601px) and (max-width:1100px){
 .listening-castle-screen{padding:10px!important}.lc-shell{gap:8px}.lc-topbar{height:66px}.lc-topbar h1{font-size:2.2rem}.lc-back{min-height:46px;padding:4px 13px}.lc-round-control{width:48px;height:48px}.lc-star-pill{height:46px;min-width:100px;font-size:1.15rem}.lc-star-pill img{width:35px;height:35px}.lc-hero{min-height:94px;width:min(570px,72vw);padding:4px 18px}.lc-hero img{width:112px;height:78px}.lc-hero h2{font-size:1.8rem}
 .lc-picker{grid-template-columns:72px minmax(0,680px) 72px;grid-template-rows:minmax(0,1fr) 30px;justify-content:center;align-items:center}.lc-game-cards{grid-column:2;grid-template-columns:1fr;width:100%;height:100%;min-height:330px}.lc-game-card{display:none}.lc-game-card.is-active{display:grid}.lc-game-card figure img{min-height:210px}.lc-arrow{display:grid;place-items:center;width:60px;height:60px;border:3px solid #dbad65;border-radius:50%;background:#fff2d3;box-shadow:0 5px 0 #b97a37;color:#052f62;font-size:3.8rem;line-height:1}.lc-arrow.prev{grid-column:1}.lc-arrow.next{grid-column:3}.lc-dots{grid-column:2;grid-row:2;display:flex;justify-content:center;gap:12px}.lc-dots button{width:18px;height:18px;border:2px solid #c68d4e;border-radius:50%;background:#ffedc7}.lc-dots button.active{background:#ff6b12;box-shadow:0 0 0 3px #fff}.lc-journey{width:min(880px,94vw);min-height:76px;padding:5px 14px}.lc-badges i{width:40px;height:40px;font-size:1.3rem}.lc-journey>img{width:58px;height:52px}.lc-status{bottom:32px}
}
@media (max-width:600px){
 .listening-castle-screen{padding:8px!important;overflow:visible;background:linear-gradient(#78cff7 0 13%,#f8d69c 34%,#efbd79 100%)}.lc-castle-sky{top:62px;height:145px}.lc-courtyard-side{display:none}.lc-shell{display:block;min-height:0}.lc-topbar{height:58px;position:relative;grid-template-columns:auto 1fr auto;padding:4px 7px;border-radius:18px}.lc-topbar h1{font-size:clamp(1.35rem,6.2vw,1.75rem);text-align:center}.lc-back{min-width:46px;min-height:46px;padding:2px 10px;border-radius:15px}.lc-back b{display:none}.lc-tools{gap:5px}.lc-star-pill{height:42px;min-width:72px;padding:3px 7px;font-size:1rem}.lc-star-pill img{width:31px;height:31px}.lc-round-control{width:42px;height:42px}.lc-round-control.settings{display:none}
 .lc-hero{position:relative;width:88%;min-height:112px;margin:14px auto 10px;padding:42px 12px 8px;display:block;border-radius:35px 35px 22px 22px}.lc-hero img{position:absolute;left:50%;top:-20px;transform:translateX(-50%);width:110px;height:70px}.lc-hero h2{font-size:1.45rem}.lc-hero p{font-size:.86rem}
 .lc-picker{display:block}.lc-game-cards{width:100%;height:auto;min-height:0;display:flex;flex-direction:column;gap:14px}.lc-game-card,.lc-game-card.is-active{display:grid;grid-template-columns:minmax(0,52%) minmax(0,48%);grid-template-rows:1fr;min-height:250px;border-radius:24px}.lc-game-card:hover{transform:none}.lc-game-card figure{padding:7px}.lc-game-card figure img{min-height:232px;border-radius:18px}.lc-card-copy{display:flex;flex-direction:column;justify-content:center;padding:9px 9px 12px}.lc-card-copy h2{font-size:clamp(1.25rem,6vw,1.65rem)}.lc-card-copy p{font-size:clamp(.78rem,3.6vw,.95rem);min-height:0}.lc-card-copy button{min-height:52px;width:94%;margin:14px auto 0;font-size:1.45rem;border-radius:20px}.lc-game-card[data-listening-game="listen-choose"] figure img,.lc-game-card[data-listening-game="story-bell"] figure img{object-position:25% center}.lc-game-card[data-listening-game="follow-clues"] figure img{object-position:50% center}.lc-arrow,.lc-dots{display:none!important}.lc-status{position:sticky;bottom:8px;margin:8px auto;transform:none;width:94%;max-width:none}
 .lc-journey{width:100%;min-height:105px;margin:16px auto 7px;grid-template-columns:1fr auto;gap:8px;padding:9px 14px;border-radius:22px}.lc-journey>strong{font-size:1rem}.lc-badges{justify-self:end}.lc-badges i{width:34px;height:34px;border-width:2px;font-size:1.1rem}.lc-progress{grid-column:1;gap:7px}.lc-progress>i{height:22px}.lc-progress>strong{font-size:1rem}.lc-journey>img{grid-column:2;grid-row:2;width:48px;height:44px}
}
@media (max-width:350px){.lc-topbar h1{font-size:1.25rem}.lc-star-pill{display:none}.lc-game-card,.lc-game-card.is-active{min-height:225px}.lc-game-card figure img{min-height:207px}.lc-card-copy h2{font-size:1.18rem}.lc-card-copy p{font-size:.75rem}.lc-card-copy button{min-height:48px;font-size:1.2rem}.lc-badges i{width:30px;height:30px}}

/* Dedicated listening gameplay: one task per screen, no answer text. */
.listening-game-screen{height:100dvh;min-height:0!important;overflow:hidden;max-width:none!important;margin:0!important;padding:clamp(10px,2vw,24px)!important;background:linear-gradient(180deg,#7bd3f7,#daf4e9 50%,#f7d498);color:#082f62}
.listening-game-screen.active{display:block}.lc-game-shell{width:min(1180px,100%);min-height:calc(100dvh - 2*clamp(10px,2vw,24px));margin:auto;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(10px,2vh,20px)}
.lc-game-topbar{display:grid;grid-template-columns:auto 1fr minmax(160px,280px) auto auto;align-items:center;gap:12px;min-height:76px;padding:9px 14px;border:3px solid #dbaa60;border-radius:24px;background:#fff4d8;box-shadow:0 6px 0 #b77735}.lc-game-topbar>button{min-width:58px;min-height:52px;padding:6px 13px;border:2px solid #d7a65f;border-radius:18px;background:#fff9e9;box-shadow:0 4px 0 #bd7b36;font-size:1.05rem;font-weight:1000}.lc-game-heading{text-align:center}.lc-game-heading small{font-weight:1000;letter-spacing:.1em;color:#0b8b93}.lc-game-heading h1{font-size:clamp(1.6rem,3vw,2.5rem)}.lc-game-progress{display:flex;align-items:center;gap:10px}.lc-game-progress i{height:20px;flex:1;overflow:hidden;border:2px solid #d4a05c;border-radius:99px;background:#efdcb8}.lc-game-progress i b{display:block;height:100%;width:0;background:#20bdbb;border-radius:inherit;transition:width .3s}.lc-game-topbar .lc-replay,.lc-game-topbar .lc-transcript{min-width:58px;padding:0;font-size:1.7rem;background:#16b8b8;color:white}.lc-game-topbar .lc-transcript{background:#8e72db;font-size:1.12rem;font-weight:1000}.lc-transcript[hidden]{display:none!important}.lc-transcript:disabled{filter:grayscale(1);opacity:.42;cursor:not-allowed}.lc-replay.needs-replay{animation:lcReplayPulse .85s ease-in-out infinite}@keyframes lcReplayPulse{50%{transform:scale(1.12);box-shadow:0 0 0 8px #52e0dc88,0 4px 0 #bd7b36}}
.lc-guide-row{width:min(680px,90%);justify-self:center;display:flex;align-items:center;justify-content:center;gap:18px;padding:8px 22px;border:3px solid #dfae64;border-radius:26px;background:#fff7e5;box-shadow:0 5px 0 #c4823c}.lc-guide-row img{width:92px;height:92px;object-fit:cover;object-position:center 30%;border:3px solid #edd6a9;border-radius:17px}.lc-guide-row>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 12px}.lc-guide-row strong{font:800 clamp(1.3rem,2.4vw,2rem) var(--font-d)}.lc-guide-row small{grid-column:2;font-size:1rem}.lc-sound-waves{grid-row:1/3;color:#16adaf;font-size:1.5rem;font-weight:1000;letter-spacing:-.18em}
.lc-game-stage{position:relative;min-height:0;display:grid;place-items:center;padding:clamp(10px,2vw,22px);border:3px solid #e1b268;border-radius:34px;background:#fff8e9dd;box-shadow:0 7px 0 #bf7d39}.lc-picture-grid{width:min(1080px,100%);display:grid;grid-template-columns:repeat(var(--lc-choice-count,2),minmax(0,1fr));gap:clamp(15px,3vw,34px)}.lc-picture-choice{position:relative;min-width:0;min-height:270px;padding:10px;overflow:hidden;border:5px solid #e7c386;border-radius:30px;background:#fff;box-shadow:0 8px 0 #bd7b3a;transition:transform .18s,filter .18s,box-shadow .18s}.lc-picture-choice img{display:block;width:100%;height:100%;max-height:310px;object-fit:contain;border-radius:20px}.lc-picture-choice:active{transform:translateY(5px);box-shadow:0 3px 0 #bd7b3a}.lc-picture-choice.gentle-wrong{animation:lcGentleWrong .42s ease}.lc-picture-choice.correct{border-color:#38c99d;box-shadow:0 0 0 8px #70e8c488,0 8px 0 #198869;animation:lcCorrectPop .55s ease}@keyframes lcGentleWrong{50%{transform:scale(.94);filter:saturate(.75)}}@keyframes lcCorrectPop{50%{transform:scale(1.045)}}
.lc-game-status{min-height:28px;text-align:center;font-size:1.05rem;font-weight:1000;color:#075d70}
.lc-clue-board{width:min(980px,100%);display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;gap:18px}.lc-clue-objects,.lc-clue-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lc-clue-object,.lc-clue-target{min-width:0;min-height:150px;padding:10px;border:4px solid #dfba7b;border-radius:25px;background:#fff;box-shadow:0 7px 0 #b87835;transition:transform .18s,opacity .18s}.lc-clue-object img,.lc-clue-target img{display:block;width:100%;height:130px;object-fit:contain}.lc-clue-object.selected{border-color:#13b8b6;box-shadow:0 0 0 7px #58dedb88,0 7px 0 #147e80}.lc-clue-object.placed{opacity:.38;transform:scale(.85);pointer-events:none}.lc-clue-target.filled{border-color:#3bc99e;box-shadow:0 0 0 7px #65e5bf77,0 7px 0 #198c68}.lc-clue-object.gentle-wrong,.lc-clue-target.gentle-wrong{animation:lcGentleWrong .42s ease}.lc-clue-path{display:flex;justify-content:center;gap:7px}.lc-clue-path i{width:13px;height:13px;border-radius:50%;background:#f0b142;box-shadow:18px 0 #f0b142}.lc-clue-target{position:relative;background:#fff8e7}.lc-clue-target::after{content:'';position:absolute;inset:8px;border:3px dashed #27b9b6;border-radius:17px;pointer-events:none}.lc-game-stage.is-listening .lc-clue-board{pointer-events:none;filter:saturate(.72);opacity:.72}.lc-game-stage.is-listening::after{content:'🔊';position:absolute;font-size:3.2rem;padding:15px 24px;border-radius:50%;background:#fff7dc;box-shadow:0 5px 0 #b77735}
.lc-story-listen{width:min(660px,100%);height:100%;min-height:300px;padding:12px;border:5px solid #72d4d1;border-radius:30px;background:#ddf8f5;box-shadow:0 8px 0 #168d8b}.lc-story-listen img{display:block;width:100%;height:100%;max-height:430px;object-fit:contain;border-radius:20px}.lc-story-sequence{width:min(980px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lc-sequence-card{position:relative;min-width:0;min-height:220px;padding:9px;border:5px solid #78d7d4;border-radius:25px;background:#e9fffd;box-shadow:0 8px 0 #188f8d}.lc-sequence-card img{display:block;width:100%;height:100%;max-height:290px;object-fit:contain;border-radius:16px}.lc-sequence-card.correct{border-color:#41ca9f;box-shadow:0 0 0 7px #6ce5c288,0 8px 0 #188867}.lc-sequence-card[data-order]::after{content:attr(data-order);position:absolute;left:50%;bottom:8px;transform:translateX(-50%);padding:5px 14px;border-radius:99px;background:#073464;color:#fff;font-weight:1000}.lc-sequence-card.gentle-wrong{animation:lcGentleWrong .42s ease}.lc-transcript-panel{position:absolute;z-index:8;width:min(640px,90%);padding:20px;border:4px solid #8b71d3;border-radius:22px;background:#fff;color:#092f62;box-shadow:0 12px 40px #16224a55;text-align:left}.lc-transcript-panel strong{font:800 1.3rem var(--font-d)}.lc-transcript-panel p{margin-top:8px;line-height:1.5}.lc-session-reward{width:min(520px,92%);padding:clamp(22px,4vw,42px);text-align:center;border:5px solid #e4ad43;border-radius:34px;background:#fff5d7;box-shadow:0 9px 0 #ac6b2d}.lc-session-reward>span{display:block;font-size:5rem}.lc-session-reward h2{font:900 clamp(1.7rem,4vw,2.8rem) var(--font-d)}.lc-session-reward p{margin:10px 0 22px;font-weight:800}.lc-session-reward button{min-width:190px;min-height:58px;border:3px solid #d44e0b;border-radius:99px;background:#ff6b13;color:#fff;box-shadow:0 6px 0 #a33809;font:900 1.35rem var(--font-d)}
@media(max-width:600px){.listening-game-screen{padding:8px!important}.lc-game-shell{min-height:calc(100dvh - 16px);gap:8px}.lc-game-topbar{grid-template-columns:auto 1fr auto auto;gap:6px;min-height:60px;padding:5px 7px;border-radius:18px}.lc-game-topbar>button{min-width:44px;min-height:46px;padding:3px 7px}.lc-game-topbar>button span{display:none}.lc-game-heading h1{font-size:1.35rem}.lc-game-heading small{font-size:.68rem}.lc-game-progress{grid-column:1/5;grid-row:2;padding:0 8px}.lc-game-topbar .lc-transcript{grid-column:3;grid-row:1}.lc-game-topbar .lc-replay{grid-column:4;grid-row:1}.lc-guide-row{width:96%;min-height:80px;padding:5px 12px;gap:8px}.lc-guide-row img{width:70px;height:70px}.lc-guide-row strong{font-size:1.2rem}.lc-guide-row small{font-size:.82rem}.lc-game-stage{position:relative;padding:10px;border-radius:24px}.lc-picture-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.lc-picture-choice{min-height:clamp(145px,31vh,245px);padding:6px;border-width:4px;border-radius:22px}.lc-picture-choice img{max-height:240px}.lc-game-status{font-size:.9rem}.lc-story-listen{min-height:250px}.lc-story-sequence{gap:8px}.lc-sequence-card{min-height:150px;padding:5px;border-width:4px}.lc-sequence-card[data-order]::after{font-size:.72rem;padding:4px 8px}.lc-clue-board{grid-template-columns:1fr;gap:10px}.lc-clue-path{transform:rotate(90deg);height:20px}.lc-clue-object,.lc-clue-target{min-height:105px;padding:5px}.lc-clue-object img,.lc-clue-target img{height:90px}}
@media(max-width:350px){.lc-guide-row img{width:56px;height:56px}.lc-guide-row{min-height:66px}.lc-picture-choice{min-height:132px}.lc-game-topbar{min-height:56px}.lc-game-heading h1{font-size:1.15rem}}

/* Listen & Choose authored gameplay master v2. */
.lc-hint[hidden]{display:none!important}
.listening-game-screen[data-game="listen-choose"]{position:relative;isolation:isolate;overflow:clip;background:#74cef4}
html body #s-listening-game.listening-game-screen.active[data-game="listen-choose"]{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:clip!important;overscroll-behavior:none;touch-action:none;padding-bottom:clamp(10px,2vw,24px)!important}
html body #s-listening-game.listening-game-screen.active[data-game="listen-choose"] .lc-game-stage{touch-action:pan-y}
.listening-game-screen[data-game="listen-choose"]::before{content:'';position:absolute;z-index:0;inset:0;background:url('../assets/img/listening-castle/generated_images/listen-choose-v3/background.webp') center/cover no-repeat;filter:saturate(.86) brightness(.96);opacity:.72;pointer-events:none}
.listening-game-screen[data-game="listen-choose"] .lc-game-shell{z-index:1;position:relative;height:calc(100dvh - 2*clamp(10px,2vw,24px));min-height:0;max-height:calc(100dvh - 2*clamp(10px,2vw,24px));grid-template-rows:auto minmax(0,1fr) auto}
.listening-game-screen[data-game="listen-choose"] .lc-guide-row{display:none}
.listening-game-screen[data-game="listen-choose"] .lc-game-topbar{grid-template-columns:auto 1fr auto auto;background:transparent;border:0;box-shadow:none;padding:0;gap:14px}
.listening-game-screen[data-game="listen-choose"] .lc-game-heading{justify-self:center;width:min(620px,100%);padding:9px 28px;border:4px solid #ddb064;border-radius:30px;background:#fff3d7;box-shadow:0 6px 0 #ae6e31}
.listening-game-screen[data-game="listen-choose"] .lc-game-heading small{display:none}
.listening-game-screen[data-game="listen-choose"] .lc-game-heading h1{font-size:clamp(1.8rem,3.3vw,3.1rem);line-height:1}
.listening-game-screen[data-game="listen-choose"] .lc-game-heading p{margin-top:5px;font-size:clamp(.9rem,1.35vw,1.2rem);font-weight:900;line-height:1.15}
.listening-game-screen[data-game="listen-choose"] .lc-game-progress{width:96px;min-width:96px;justify-content:center;padding:9px 15px;border:3px solid #dcad66;border-radius:20px;background:#fff4dc;box-shadow:0 4px 0 #b87836}
.listening-game-screen[data-game="listen-choose"] .lc-game-progress i{display:none}
.listening-game-screen[data-game="listen-choose"] .lc-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:74px;min-height:74px;padding:4px 8px;border:3px solid #e0b35f;border-radius:50%;background:#079ea2;color:#fff;box-shadow:0 5px 0 #087074;font-weight:1000}
.listening-game-screen[data-game="listen-choose"] .lc-hint img{width:38px;height:34px;object-fit:cover;object-position:top;border-radius:50%}
.listening-game-screen[data-game="listen-choose"] .lc-hint span{font-size:.82rem}
.listening-game-screen[data-game="listen-choose"] .lc-game-stage{overflow:hidden;overflow-anchor:none;padding:clamp(8px,1.4vw,18px);border:0;background:linear-gradient(180deg,#ffffff18,#fff1d3bb);box-shadow:none}
.lc-listen-master{width:min(1120px,100%);height:100%;min-height:0;display:grid;grid-template-rows:minmax(180px,.9fr) minmax(0,1fr);gap:12px}
.lc-listen-focus{position:relative;display:grid;grid-template-columns:minmax(180px,290px) 1fr minmax(180px,290px);grid-template-rows:1fr auto;align-items:center;justify-items:center;min-height:0}
.lc-listen-owl{grid-column:1;grid-row:1/3;width:min(270px,100%);height:min(245px,100%);object-fit:contain;object-position:center;border:0;filter:drop-shadow(0 8px 5px #56381855)}
.lc-primary-replay{grid-column:2;grid-row:1;width:clamp(130px,12vw,176px);height:clamp(130px,12vw,176px);padding:0;overflow:hidden;border:4px solid #f0c56e;border-radius:50%;background:#0aadae;box-shadow:0 8px 0 #08767a;animation:lcReplayIdle 2s ease-in-out infinite}
.lc-primary-replay img{display:block;width:100%;height:100%;padding:5%;object-fit:contain;border-radius:50%}
.lc-listen-focus p{grid-column:2;grid-row:2;margin-top:4px;padding:5px 20px;border:2px solid #d5a45b;border-radius:99px;background:#fff4d9;font-weight:1000}
.lc-listen-waves{grid-column:3;grid-row:1/3;width:min(190px,80%);height:120px;object-fit:contain;filter:drop-shadow(0 5px 3px #07555c44)}
.lc-listen-master .lc-picture-grid{align-self:stretch;align-items:stretch;width:100%;height:100%;min-height:0;grid-template-columns:repeat(var(--lc-choice-count),minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.lc-listen-master .lc-picture-choice{height:100%;min-height:0;aspect-ratio:auto;padding:7%;border:0;border-radius:27px;background:transparent url('../assets/img/listening-castle/generated_images/listen-choose-v3/states/card-portrait-neutral.png') center/100% 100% no-repeat;box-shadow:none}
.lc-listen-master .lc-picture-choice img{position:relative;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:18px;filter:drop-shadow(0 5px 3px #56381830)}
.lc-listen-master .lc-picture-choice:active,.lc-listen-master .lc-picture-choice:focus-visible{background-image:url('../assets/img/listening-castle/generated_images/listen-choose-v3/states/card-selected-teal.png')}
.lc-listen-master .lc-picture-choice.gentle-wrong{background-image:url('../assets/img/listening-castle/generated_images/listen-choose-v3/states/card-gentle-retry.png')}
.lc-listen-master .lc-picture-choice.correct{border:0;box-shadow:none;background-image:url('../assets/img/listening-castle/generated_images/listen-choose-v3/states/card-correct-glow.png')}
.lc-listen-focus.hinted .lc-primary-replay{animation:lcReplaySuggest .72s ease-in-out 2}.lc-listen-focus.hinted .lc-listen-waves{animation:lcHintGlow .72s ease-in-out 2}
@keyframes lcReplayIdle{50%{box-shadow:0 8px 0 #08767a,0 0 0 8px #66e4dc66}}
.lc-primary-replay.needs-replay{animation:lcReplaySuggest .72s ease-in-out 3}
@keyframes lcReplaySuggest{50%{box-shadow:0 8px 0 #08767a,0 0 0 13px #ffe45fbb;filter:brightness(1.08)}}
@keyframes lcHintGlow{50%{transform:scale(1.045);filter:brightness(1.08)}}
.lc-session-reward{position:relative;overflow:hidden}.lc-reward-key{display:block;width:112px;height:112px;margin:0 auto 4px;object-fit:contain}.lc-reward-celebration{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;pointer-events:none}.lc-session-reward>*:not(.lc-reward-celebration){position:relative;z-index:1}.lc-album-progress{width:min(340px,100%);margin:8px auto 18px;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 14px;border:2px solid #d8a04a;border-radius:18px;background:#fffaf0}.lc-album-progress img{width:76px;height:58px;object-fit:contain}.lc-album-progress strong{font-size:1rem}

@media(max-width:1100px){
 .listening-game-screen[data-game="listen-choose"] .lc-game-heading{width:min(510px,100%)}
 .lc-listen-master{grid-template-rows:minmax(145px,.72fr) minmax(180px,1fr)}
 .lc-listen-focus{grid-template-columns:minmax(140px,220px) 1fr minmax(90px,180px)}
 .lc-listen-owl{width:200px;height:165px}
 .lc-primary-replay{width:125px;height:125px}
 .lc-listen-master .lc-picture-grid[data-choice-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lc-listen-master .lc-picture-choice{max-height:250px}
}
@media(min-width:601px) and (max-height:700px){
 .lc-listen-master{grid-template-rows:90px minmax(0,1fr);gap:6px}
 .lc-listen-focus{grid-template-columns:minmax(110px,1fr) minmax(86px,1fr) minmax(100px,1fr);grid-template-rows:1fr}
 .lc-listen-owl{grid-row:1;width:120px;height:90px}
 .lc-primary-replay{grid-row:1;width:82px;height:82px}
 .lc-listen-focus p{display:none}
 .lc-listen-waves{grid-row:1;width:100px;height:56px}
 .lc-listen-master .lc-picture-grid[data-choice-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
 .lc-listen-master .lc-picture-choice{height:100%;max-height:none;padding:4%;border-radius:18px;background-image:url('../assets/img/listening-castle/generated_images/listen-choose-v3/states/card-landscape-neutral.png')}
}
@media(max-width:600px){
 .listening-game-screen[data-game="listen-choose"] .lc-game-shell{height:calc(100dvh - 16px);min-height:0!important;max-height:calc(100dvh - 16px);grid-template-rows:auto minmax(0,1fr) auto}
 .listening-game-screen[data-game="listen-choose"] .lc-game-topbar{grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:6px}
 .listening-game-screen[data-game="listen-choose"] #lcGameBack{grid-column:1;grid-row:1}
 .listening-game-screen[data-game="listen-choose"] #lcGameBack span,.listening-game-screen[data-game="listen-choose"] .lc-hint span{display:inline!important}
 .listening-game-screen[data-game="listen-choose"] #lcGameBack{min-width:72px}
 .listening-game-screen[data-game="listen-choose"] .lc-game-progress{grid-column:2;grid-row:1;justify-self:center;padding:6px 13px}
 .listening-game-screen[data-game="listen-choose"] .lc-hint{grid-column:3;grid-row:1;min-width:58px;min-height:54px;border-radius:17px;flex-direction:row;gap:2px}
 .listening-game-screen[data-game="listen-choose"] .lc-hint img{width:28px;height:28px}
 .listening-game-screen[data-game="listen-choose"] .lc-game-heading{grid-column:1/4;grid-row:2;width:100%;padding:7px 14px;border-radius:21px}
 .listening-game-screen[data-game="listen-choose"] .lc-game-heading h1{font-size:1.45rem}
 .listening-game-screen[data-game="listen-choose"] .lc-game-heading p{font-size:.78rem}
 .listening-game-screen[data-game="listen-choose"] .lc-game-stage{display:block;overflow-y:auto;overscroll-behavior:contain;padding:8px;border-radius:22px;scrollbar-width:thin}
 .listening-game-screen[data-game="listen-choose"]::before{background-position:center;background-size:cover;opacity:.52}
 .lc-listen-master{height:auto;min-height:100%;display:block}
 .lc-listen-focus{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:115px auto;min-height:150px;margin-bottom:10px}
 .lc-listen-owl{grid-column:2;grid-row:1/3;width:126px;height:125px}
 .lc-primary-replay{grid-column:1;grid-row:1;width:92px;height:92px;border-width:3px}
 .lc-listen-focus p{grid-column:1;grid-row:2;margin:0;padding:4px 8px;font-size:.72rem;text-align:center}
 .lc-listen-waves{display:none}
 .lc-listen-master .lc-picture-grid,.lc-listen-master .lc-picture-grid[data-choice-count="4"]{display:grid;grid-template-columns:1fr!important;gap:12px;width:100%}
 .lc-listen-master .lc-picture-choice{width:100%;height:clamp(130px,17vh,146px);min-height:130px;max-height:none;aspect-ratio:auto;border-radius:22px}
 .lc-listen-master .lc-picture-choice img{object-fit:contain;background:#fff3da;border-radius:17px}
}
@media(max-width:350px){
 .listening-game-screen[data-game="listen-choose"] .lc-game-heading h1{font-size:1.2rem}
 .listening-game-screen[data-game="listen-choose"] .lc-game-heading p{font-size:.69rem}
 .lc-listen-focus{grid-template-rows:92px auto;min-height:120px}
 .lc-listen-owl{width:98px;height:96px}
 .lc-primary-replay{width:76px;height:76px}
 .lc-listen-master .lc-picture-choice{min-height:116px}
}

/* Follow the Clues generated Clue Court pack v1. */
.listening-game-screen[data-game="follow-clues"]{position:relative;isolation:isolate;overflow:clip;background:#6fd2d4}
.listening-game-screen[data-game="follow-clues"]::before{content:'';position:absolute;z-index:0;inset:0;background:url('../assets/img/listening-castle/generated_images/follow-clues-v1/background.webp') center/cover no-repeat;filter:saturate(.88) brightness(.98);opacity:.82;pointer-events:none}
.listening-game-screen[data-game="follow-clues"] .lc-game-shell{position:relative;z-index:1;grid-template-rows:auto auto minmax(0,1fr) auto}
.listening-game-screen[data-game="follow-clues"] .lc-game-topbar{grid-template-columns:auto 1fr minmax(110px,220px) auto auto;background:#fff4dfe8}
.listening-game-screen[data-game="follow-clues"] .lc-game-heading small{display:none}
.listening-game-screen[data-game="follow-clues"] .lc-game-heading p{display:none}
.listening-game-screen[data-game="follow-clues"] #lcRoundText::before{content:'Round '}
.listening-game-screen[data-game="follow-clues"] .lc-hint{display:flex;align-items:center;justify-content:center;gap:4px;min-width:72px;min-height:56px;padding:4px 9px;border-color:#d9a858;background:#14aeb1;color:#fff;font-weight:1000}
.listening-game-screen[data-game="follow-clues"] .lc-hint img{width:34px;height:34px;object-fit:contain}.listening-game-screen[data-game="follow-clues"] .lc-replay{overflow:hidden;border:0!important;background:transparent!important;box-shadow:none!important}.listening-game-screen[data-game="follow-clues"] .lc-replay img{width:48px;height:48px;object-fit:contain}
.listening-game-screen[data-game="follow-clues"] .lc-guide-row{width:min(720px,92%);min-height:100px;gap:18px;background:#fff8e8e8 url('../assets/img/listening-castle/generated_images/follow-clues-v1/ui/instruction-panel.png') center/100% 100% no-repeat}
.listening-game-screen[data-game="follow-clues"] .lc-guide-row>img{width:88px;height:88px;object-fit:contain;object-position:center;border:0;background:transparent;filter:drop-shadow(0 5px 4px #4b2e1d44)}
.listening-game-screen[data-game="follow-clues"] .lc-game-stage{overflow:hidden;overflow-anchor:none;padding:clamp(8px,1.4vw,18px);border:0;background:#fff7e3c9;box-shadow:0 7px 0 #9b672f}
.lc-clue-master{width:min(1120px,100%);height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px}
.listening-game-screen[data-game="follow-clues"] .lc-clue-board{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.25fr) 90px minmax(0,1fr);align-items:center;gap:clamp(8px,1.3vw,18px);padding:clamp(12px,2vw,26px);border-radius:32px;background:transparent url('../assets/img/listening-castle/generated_images/follow-clues-v1/ui/play-board.png') center/100% 100% no-repeat}
.listening-game-screen[data-game="follow-clues"] .lc-clue-objects,.listening-game-screen[data-game="follow-clues"] .lc-clue-targets{min-width:0;height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:stretch;gap:clamp(8px,1vw,14px);padding:clamp(8px,1.1vw,14px);border-radius:26px;background:transparent url('../assets/img/listening-castle/generated_images/follow-clues-v1/ui/object-tray.png') center/100% 100% no-repeat}
.listening-game-screen[data-game="follow-clues"] .lc-clue-targets{background-image:none}
.listening-game-screen[data-game="follow-clues"] .lc-clue-object,.listening-game-screen[data-game="follow-clues"] .lc-clue-target{position:relative;min-width:0;min-height:clamp(112px,17vh,170px);padding:10px;border:0;border-radius:24px;background:transparent url('../assets/img/listening-castle/generated_images/follow-clues-v1/ui/neutral-platform.png') center/100% 100% no-repeat;box-shadow:none;overflow:visible;transition:transform .18s,filter .18s}
.listening-game-screen[data-game="follow-clues"] .lc-clue-target{min-height:clamp(135px,20vh,195px);background-image:url('../assets/img/listening-castle/generated_images/follow-clues-v1/ui/square-drop-zone.png')}
.listening-game-screen[data-game="follow-clues"] .lc-clue-object>img{display:block;width:100%;height:clamp(88px,14vh,140px);object-fit:contain;filter:drop-shadow(0 5px 3px #4c2b1744)}
.listening-game-screen[data-game="follow-clues"] .lc-clue-destination{position:relative;z-index:1;display:block;width:100%;height:clamp(105px,17vh,165px);object-fit:contain;filter:drop-shadow(0 5px 3px #4c2b1738)}
.listening-game-screen[data-game="follow-clues"] .lc-clue-object.selected,.listening-game-screen[data-game="follow-clues"] .lc-clue-target.active{background-image:url('../assets/img/listening-castle/generated_images/follow-clues-v1/ui/selected-node.png');transform:scale(1.035)}
.listening-game-screen[data-game="follow-clues"] .lc-clue-object.correct{background-image:url('../assets/img/listening-castle/generated_images/follow-clues-v1/ui/correct-node.png')}
.listening-game-screen[data-game="follow-clues"] .lc-clue-object.placed{opacity:0;visibility:hidden;transform:scale(.88);pointer-events:none}
.listening-game-screen[data-game="follow-clues"] .lc-clue-target.filled{filter:drop-shadow(0 0 9px #44d8a8)}
.listening-game-screen[data-game="follow-clues"] .lc-clue-object.gentle-wrong,.listening-game-screen[data-game="follow-clues"] .lc-clue-target.gentle-wrong{background-image:url('../assets/img/listening-castle/generated_images/follow-clues-v1/ui/gentle-retry-node.png');animation:lcGentleWrong .42s ease}
.listening-game-screen[data-game="follow-clues"] .lc-clue-target::after{display:none}
.lc-clue-placement-layer{position:absolute;z-index:3;inset:9%;pointer-events:none}.listening-game-screen[data-game="follow-clues"] .lc-clue-target .lc-clue-placed-object{position:absolute;width:28%;height:28%;object-fit:contain;filter:drop-shadow(0 4px 3px #3f271d55)}.lc-clue-placed-object.relation-in{left:36%;top:52%}.lc-clue-placed-object.relation-on{left:36%;top:6%}.lc-clue-placed-object.relation-under{left:36%;top:66%}.lc-clue-placed-object.relation-beside{left:66%;top:44%}
.listening-game-screen[data-game="follow-clues"] .lc-clue-path{position:relative;display:grid;place-items:center;min-width:0;height:120px;transform:none}.lc-clue-dots{width:100%;height:80px;object-fit:contain;opacity:0}.lc-clue-hand{position:absolute;width:58px;height:58px;object-fit:contain;opacity:0}@keyframes lcClueHand{50%{transform:translateX(18px) rotate(4deg)}}
.lc-clue-board.hinted .lc-clue-dots{animation:lcHintGlow .65s ease-in-out 2;opacity:1}.lc-clue-board.hinted .lc-clue-hand{opacity:1;animation:lcClueHand .55s ease-in-out 2}
.lc-clue-step-progress{display:flex;justify-content:center;align-items:center;gap:10px;min-height:44px}.lc-clue-step-progress i{display:grid;place-items:center;width:38px;height:38px;border:3px solid #c9974d;border-radius:50%;background:#fff1d2;color:#79521e;font-style:normal;font-weight:1000}.lc-clue-step-progress i.current{background:#18b9b7;color:#fff;box-shadow:0 0 0 6px #66e1dc77}.lc-clue-step-progress i.done{background:#44c99f;color:#fff}.lc-clue-step-progress i.done span{font-size:0}.lc-clue-step-progress i.done span::after{content:'✓';font-size:1rem}
.listening-game-screen[data-game="follow-clues"] .lc-game-stage.is-listening::after{content:'';width:86px;height:86px;padding:0;background:#fff7dc url('../assets/img/listening-castle/generated_images/follow-clues-v1/actions/speaker.png') center/76% no-repeat}

@media(max-width:1100px) and (min-width:601px){
 .listening-game-screen[data-game="follow-clues"] .lc-clue-board{grid-template-columns:minmax(0,1.15fr) 68px minmax(0,1fr);padding:14px;gap:8px}
 .listening-game-screen[data-game="follow-clues"] .lc-clue-object,.listening-game-screen[data-game="follow-clues"] .lc-clue-target{min-height:118px}
 .listening-game-screen[data-game="follow-clues"] .lc-clue-target{min-height:158px;padding:6px}.listening-game-screen[data-game="follow-clues"] .lc-clue-destination{height:142px}
}
@media(max-width:600px){
 html body #s-listening-game.listening-game-screen.active[data-game="follow-clues"]{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:clip!important;overscroll-behavior:none;padding:8px!important}
 .listening-game-screen[data-game="follow-clues"] .lc-game-shell{height:calc(100dvh - 16px);min-height:0!important;grid-template-rows:auto auto minmax(0,1fr) auto;gap:7px}
 .listening-game-screen[data-game="follow-clues"] .lc-game-topbar{grid-template-columns:auto minmax(80px,1fr) auto auto;grid-template-rows:auto auto;gap:9px;padding:5px}
 .listening-game-screen[data-game="follow-clues"] #lcGameBack{grid-column:1;grid-row:1}.listening-game-screen[data-game="follow-clues"] .lc-game-progress{grid-column:2;grid-row:1}.listening-game-screen[data-game="follow-clues"] .lc-hint{grid-column:3;grid-row:1;min-width:50px;min-height:46px;padding:2px}.listening-game-screen[data-game="follow-clues"] .lc-replay{grid-column:4;grid-row:1}.listening-game-screen[data-game="follow-clues"] .lc-game-heading{grid-column:1/5;grid-row:2}.listening-game-screen[data-game="follow-clues"] .lc-game-heading h1{font-size:1.35rem}.listening-game-screen[data-game="follow-clues"] .lc-hint span{display:none}.listening-game-screen[data-game="follow-clues"] .lc-hint img{width:32px;height:32px}
 .listening-game-screen[data-game="follow-clues"] .lc-guide-row{width:100%;min-height:68px;padding:4px 10px;gap:8px}.listening-game-screen[data-game="follow-clues"] .lc-guide-row>img{width:52px;height:52px}.listening-game-screen[data-game="follow-clues"] .lc-guide-row strong{font-size:1.08rem}.listening-game-screen[data-game="follow-clues"] .lc-guide-row small{font-size:.82rem}
 .listening-game-screen[data-game="follow-clues"] .lc-game-stage{display:block;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:7px;border-radius:22px}
 .lc-clue-master{display:grid;height:100%;min-height:100%;grid-template-rows:minmax(0,1fr) auto}.listening-game-screen[data-game="follow-clues"] .lc-clue-board{height:100%;min-height:420px;display:grid;grid-template-columns:1fr;grid-template-rows:auto 50px minmax(170px,1fr);align-content:stretch;gap:6px;padding:10px;border-radius:24px}
 .listening-game-screen[data-game="follow-clues"] .lc-clue-objects,.listening-game-screen[data-game="follow-clues"] .lc-clue-targets{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}
 .listening-game-screen[data-game="follow-clues"] .lc-clue-object{min-height:100px;padding:5px}.listening-game-screen[data-game="follow-clues"] .lc-clue-object>img{height:88px}.listening-game-screen[data-game="follow-clues"] .lc-clue-target{min-height:158px;padding:6px}.listening-game-screen[data-game="follow-clues"] .lc-clue-destination{height:142px}
 .listening-game-screen[data-game="follow-clues"] .lc-clue-path{height:50px;transform:none}.lc-clue-dots{width:82px;height:48px;transform:rotate(90deg)}.lc-clue-hand{width:43px;height:43px;animation:none}.lc-clue-step-progress{position:sticky;bottom:0;margin-top:6px;padding:4px;background:#fff7e5dd;border-radius:16px}
}
@media(max-width:350px){
 .listening-game-screen[data-game="follow-clues"] .lc-guide-row{min-height:54px}.listening-game-screen[data-game="follow-clues"] .lc-guide-row>img{width:49px;height:49px}.listening-game-screen[data-game="follow-clues"] .lc-clue-object{min-height:88px}.listening-game-screen[data-game="follow-clues"] .lc-clue-object>img{height:76px}.listening-game-screen[data-game="follow-clues"] .lc-clue-target{min-height:108px}.listening-game-screen[data-game="follow-clues"] .lc-clue-destination{height:96px}
}

/* Story Bell generated Story Terrace pack v1. */
.listening-game-screen[data-game="story-bell"]{position:relative;isolation:isolate;overflow:clip;background:#79cef0 url('../assets/img/listening-castle/generated_images/story-bell-v1/background.webp') center/cover no-repeat}
html body #s-listening-game.listening-game-screen.active[data-game="story-bell"]{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;padding:16px!important;box-sizing:border-box;overflow:clip!important}
.listening-game-screen[data-game="story-bell"] .lc-game-shell{position:relative;z-index:1;height:calc(100dvh - 32px);min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto}
.listening-game-screen[data-game="story-bell"] .lc-game-topbar{grid-template-columns:auto minmax(0,1fr) minmax(110px,220px) auto auto auto;background:#fff4dfe9}
.listening-game-screen[data-game="story-bell"] #lcGameBack{grid-column:1}.listening-game-screen[data-game="story-bell"] .lc-game-heading{grid-column:2}.listening-game-screen[data-game="story-bell"] .lc-game-progress{grid-column:3}.listening-game-screen[data-game="story-bell"] #lcHint{grid-column:4}.listening-game-screen[data-game="story-bell"] #lcTranscript{grid-column:5}.listening-game-screen[data-game="story-bell"] #lcReplay{grid-column:6}
.listening-game-screen[data-game="story-bell"] .lc-game-heading small{display:none}
.listening-game-screen[data-game="story-bell"] #lcRoundText::before{content:'Story '}
.listening-game-screen[data-game="story-bell"] .lc-hint{display:flex;align-items:center;justify-content:center;gap:5px;min-width:74px;min-height:56px;padding:4px 10px;border-color:#d9a858;background:#10aeb4;color:#fff;font-weight:1000}
.listening-game-screen[data-game="story-bell"] .lc-hint img{width:34px;height:34px;object-fit:contain}
.listening-game-screen[data-game="story-bell"] .lc-replay{display:flex;align-items:center;justify-content:center;gap:5px;min-width:104px;overflow:hidden;border:0!important;background:#fff4dd!important;box-shadow:0 4px 0 #aa7539!important;color:#583c62;font-weight:1000}
.listening-game-screen[data-game="story-bell"] .lc-replay img{width:52px;height:52px;object-fit:contain}
.listening-game-screen[data-game="story-bell"] .lc-guide-row{width:min(760px,94%);min-height:102px;gap:18px;padding:7px 20px;background:#fff8e8e8 url('../assets/img/listening-castle/generated_images/story-bell-v1/ui/instruction-panel.png') center/100% 100% no-repeat}
.listening-game-screen[data-game="story-bell"] .lc-guide-row>img{width:94px;height:94px;object-fit:contain;object-position:center;border:0;background:transparent;filter:drop-shadow(0 5px 4px #3b2b3b44)}
.listening-game-screen[data-game="story-bell"] .lc-guide-row>div{min-width:0;padding:8px 14px;border-radius:18px;background:#fffaf0e8}.listening-game-screen[data-game="story-bell"] .lc-guide-row .lc-sound-waves{display:none}
.listening-game-screen[data-game="story-bell"] .lc-game-stage{overflow:hidden;overflow-anchor:none;padding:clamp(10px,1.6vw,20px);border:0;background:#fff8e7d4;box-shadow:0 7px 0 #9d6737}
.lc-story-first-listen{position:relative;display:grid;place-items:center;width:min(430px,82%);height:100%;min-height:280px;margin:auto}
.lc-story-first-listen>img{width:min(230px,58vw);height:min(230px,58vw);object-fit:contain;filter:drop-shadow(0 10px 8px #56372755);animation:lcStoryBell 1.15s ease-in-out infinite}
.lc-story-first-listen>span{position:absolute;width:270px;height:270px;border:8px solid #22b8bd55;border-radius:50%;animation:lcStoryWave 1.15s ease-out infinite}
.lc-story-first-listen.hinted>img,.lc-story-master.hinted{animation:lcHintGlow .65s ease-in-out 2}
@keyframes lcStoryBell{50%{transform:rotate(4deg) scale(1.035)}}@keyframes lcStoryWave{from{transform:scale(.62);opacity:.8}to{transform:scale(1.12);opacity:0}}
.lc-story-master{position:relative;width:min(1120px,100%);height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);align-content:center;gap:clamp(12px,2vh,22px)}
.lc-story-slots,.lc-story-source{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(12px,1.5vw,22px)}
.lc-story-slots{padding:clamp(8px,1vw,14px)}
.lc-story-source{padding:clamp(12px,1.4vw,20px);border-radius:28px;background:#13acb8d9 url('../assets/img/listening-castle/generated_images/story-bell-v1/ui/sequence-tray.png') center/100% 100% no-repeat}
.lc-story-slot,.lc-story-source-card{position:relative;min-width:0;min-height:clamp(150px,22vh,225px);padding:9px;border:0;border-radius:24px;background:transparent url('../assets/img/listening-castle/generated_images/story-bell-v1/ui/card-landscape.png') center/100% 100% no-repeat;overflow:visible;transition:transform .18s,filter .18s,opacity .18s}
.lc-story-slot>span{position:absolute;z-index:4;top:-12px;left:50%;display:grid;place-items:center;width:42px;height:42px;transform:translateX(-50%);border:3px solid #d29b42;border-radius:50%;background:#fff3d5;color:#694417;font-weight:1000;box-shadow:0 4px 0 #a56c31}
.lc-story-slot img,.lc-story-source-card img{display:block;width:100%;height:100%;max-height:205px;object-fit:contain;background:#fff3da;border-radius:18px}
.lc-story-source-card{background:#fff5dc;box-shadow:0 7px 0 #936036;cursor:grab}
.lc-story-source-card::after,.lc-story-choice::after{content:'';position:absolute;z-index:3;inset:-8px;display:none;background:center/100% 100% no-repeat;pointer-events:none}
.lc-story-source-card.selected::after{display:block;background-image:url('../assets/img/listening-castle/generated_images/story-bell-v1/ui/card-selected.png')}
.lc-story-source-card.correct::after,.lc-story-slot.correct::after,.lc-story-choice.correct::after{display:block;background-image:url('../assets/img/listening-castle/generated_images/story-bell-v1/ui/card-correct.png')}
.lc-story-source-card.placed{opacity:0;visibility:hidden;pointer-events:none}
.lc-story-master.completed .lc-story-source-card{display:none}
.lc-story-complete{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:100%;color:#fff;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:1000;text-shadow:0 3px 0 #347d68}.lc-story-complete span{display:grid;place-items:center;width:48px;height:48px;margin-left:12px;border-radius:50%;background:#fff;color:#2aa881;text-shadow:none}
.lc-story-slot.active,.lc-story-source-card.selected{transform:translateY(-4px) scale(1.02);filter:drop-shadow(0 0 9px #26d4d0)}
.lc-story-slot.gentle-wrong,.lc-story-source-card.gentle-wrong,.lc-story-choice.gentle-wrong{animation:lcGentleWrong .42s ease;filter:drop-shadow(0 0 8px #ec9a4b)}
.lc-story-slot.filled{background:#fff7e4;padding:8px;box-shadow:0 0 0 5px #58c99d,0 7px 0 #347d68}
.lc-story-drag-hand{position:absolute;z-index:6;right:3%;bottom:14%;width:86px;height:86px;object-fit:contain;opacity:0;pointer-events:none}
.lc-story-master.hinted .lc-story-drag-hand{opacity:1;animation:lcClueHand .55s ease-in-out 2}
.lc-story-choices{align-self:center;width:min(1040px,100%)}
.listening-game-screen[data-game="story-bell"] .lc-story-choice{position:relative;min-height:clamp(190px,34vh,330px);padding:10px;border-color:#e1b866;background:#fff7e5;overflow:visible}
.listening-game-screen[data-game="story-bell"] .lc-story-choice img{width:100%;height:100%;max-height:300px;object-fit:contain;background:#fff3da;border-radius:19px}
.listening-game-screen[data-game="story-bell"] .lc-story-choice.correct{border-color:#55c99e;box-shadow:0 0 0 6px #55c99e66,0 7px 0 #347d68}
.listening-game-screen[data-game="story-bell"] .lc-story-choice.correct::after{display:none}
.listening-game-screen[data-game="story-bell"] .lc-game-stage.is-listening{pointer-events:none}
.listening-game-screen[data-game="story-bell"] .lc-game-stage.is-listening::after{content:'';width:92px;height:92px;padding:0;background:#fff7dc url('../assets/img/listening-castle/generated_images/story-bell-v1/ui/audio-button.png') center/82% no-repeat}
.listening-game-screen[data-game="story-bell"] .lc-transcript-panel{z-index:12;max-width:min(720px,90%);background:#fff9e8f5}

@media(max-width:1100px) and (min-width:601px){
 .listening-game-screen[data-game="story-bell"] .lc-guide-row{min-height:86px}.listening-game-screen[data-game="story-bell"] .lc-guide-row>img{width:76px;height:76px}
 .lc-story-master{gap:10px}.lc-story-slot,.lc-story-source-card{min-height:145px}.lc-story-slot img,.lc-story-source-card img{max-height:158px}
 .listening-game-screen[data-game="story-bell"] .lc-story-choice{min-height:210px}
}
@media(max-width:600px){
 html body #s-listening-game.listening-game-screen.active[data-game="story-bell"]{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:clip!important;padding:8px!important}
 .listening-game-screen[data-game="story-bell"] .lc-game-shell{height:calc(100dvh - 16px);min-height:0!important;grid-template-rows:auto auto minmax(0,1fr) auto;gap:7px}
 .listening-game-screen[data-game="story-bell"] .lc-game-topbar{grid-template-columns:auto minmax(62px,1fr) auto auto auto;grid-template-rows:auto auto;gap:6px;padding:5px}
 .listening-game-screen[data-game="story-bell"] #lcGameBack{grid-column:1;grid-row:1}.listening-game-screen[data-game="story-bell"] .lc-game-progress{grid-column:2;grid-row:1}.listening-game-screen[data-game="story-bell"] #lcHint{grid-column:3;grid-row:1;min-width:48px;min-height:46px;padding:2px}.listening-game-screen[data-game="story-bell"] #lcTranscript{grid-column:4;grid-row:1}.listening-game-screen[data-game="story-bell"] #lcReplay{grid-column:5;grid-row:1}.listening-game-screen[data-game="story-bell"] .lc-game-heading{grid-column:1/6;grid-row:2}.listening-game-screen[data-game="story-bell"] .lc-game-heading h1{font-size:1.3rem}.listening-game-screen[data-game="story-bell"] .lc-hint span{display:none}.listening-game-screen[data-game="story-bell"] .lc-hint img{width:31px;height:31px}.listening-game-screen[data-game="story-bell"] .lc-replay img{width:45px;height:45px}
 .listening-game-screen[data-game="story-bell"] .lc-replay{min-width:48px}.listening-game-screen[data-game="story-bell"] .lc-replay span{display:none}
 .listening-game-screen[data-game="story-bell"] .lc-guide-row{width:100%;min-height:72px;padding:4px 8px;gap:7px}.listening-game-screen[data-game="story-bell"] .lc-guide-row>img{width:54px;height:54px}.listening-game-screen[data-game="story-bell"] .lc-guide-row>div{padding:5px 8px}.listening-game-screen[data-game="story-bell"] .lc-guide-row strong{font-size:1rem}.listening-game-screen[data-game="story-bell"] .lc-guide-row small{font-size:.88rem;line-height:1.15}
 .listening-game-screen[data-game="story-bell"] .lc-game-stage{display:block;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:7px;border-radius:22px}
 .lc-story-first-listen{min-height:330px}.lc-story-first-listen>img{width:180px;height:180px}.lc-story-first-listen>span{width:210px;height:210px}
 .lc-story-master{display:flex;height:auto;min-height:100%;flex-direction:column;gap:10px}.lc-story-source{order:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px}.lc-story-slots{order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px 4px}
 .lc-story-slot,.lc-story-source-card{min-height:116px;padding:5px;border-radius:16px}.lc-story-slot img,.lc-story-source-card img{max-height:122px;border-radius:12px}.lc-story-slot>span{top:-8px;width:34px;height:34px}
 .lc-story-drag-hand{width:58px;height:58px;right:1%;bottom:5%}
 .lc-story-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start;gap:10px;padding:4px}.listening-game-screen[data-game="story-bell"] .lc-story-choice{min-height:145px;padding:6px}.listening-game-screen[data-game="story-bell"] .lc-story-choice img{max-height:175px}
}
@media(max-width:350px){
 .listening-game-screen[data-game="story-bell"] .lc-guide-row{min-height:56px}.listening-game-screen[data-game="story-bell"] .lc-guide-row>img{width:48px;height:48px}.lc-story-slot,.lc-story-source-card{min-height:100px}.listening-game-screen[data-game="story-bell"] .lc-story-choice{min-height:128px}.lc-story-first-listen{min-height:285px}
}