/* Word-free opening movie, rendered from the game's own assets. */
dialog.film-modal{height:min(690px,calc(100dvh - 32px));width:min(960px,calc(100vw - 22px));max-width:960px;padding:0;border:5px solid #fff6df;overflow:hidden;background:#d7eced;max-height:calc(100dvh - 24px)}.intro-film{position:relative;height:min(680px,calc(100dvh - 42px));min-height:320px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 30%,#fff8e2,#e2d4f3 75%)}.film-logo{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:180px;height:110px;object-fit:contain;z-index:5}.film-town{position:absolute;inset:0;background:url('./assets/town-street.webp') center/cover}.film-walking{position:absolute;bottom:11%;left:12%;z-index:2}.film-walking .lucy{width:180px;height:240px}.film-find{position:absolute;right:19%;bottom:26%;background:#fff2c9cf;border:5px solid white;box-shadow:0 9px 0 #b79b72;border-radius:30px}.film-find .toy{width:170px;height:170px}.film-lucy{position:absolute;left:8%;bottom:16%}.film-lucy .lucy{width:210px;height:280px}.film-squishy{position:absolute;right:10%;bottom:21%;width:260px;height:260px;display:grid;place-items:center;background:radial-gradient(#fff6b1,transparent 70%)}.film-squishy .toy{width:240px;height:240px;max-width:none}.film-finger{position:absolute;bottom:3%;right:25%;font-size:65px;filter:drop-shadow(0 5px 4px #8b614733)}.film-trade{background:url('./assets/lucy-world/clubhouse.webp') center/cover}.film-trade .film-lucy{left:4%;bottom:38%}.film-trade .film-lucy .lucy{width:140px;height:187px}.film-poppy{position:absolute;right:4%;bottom:38%}.film-poppy .clay-pal{width:140px}.film-mat{position:absolute;width:60%;height:42%;left:20%;bottom:18%;background:linear-gradient(#eeb6d9 49%,white 49% 51%,#eeb6d9 51%);border:6px solid white;border-radius:12px;box-shadow:0 10px 0 #b1769c,0 20px 25px #82546850}.film-offer{position:absolute;top:9%;left:13%;width:130px;height:130px}.film-offer .toy{width:100%;height:100%}.film-offer-b{left:auto;right:12%;top:auto;bottom:6%}.film-check{position:absolute;top:5%;right:8%;color:#ffd55b;filter:drop-shadow(0 3px #b78738)}.film-check svg{width:45px;height:45px;stroke-width:4}.film-check-b{top:auto;right:auto;bottom:5%;left:8%}.film-cheer{position:absolute;bottom:14%;left:24%}.film-cheer .lucy{width:240px;height:320px}.film-new-toy{position:absolute;bottom:19%;right:17%}.film-new-toy .toy{width:210px;height:210px}.film-stars{position:absolute;inset:15% 10%;display:grid;place-items:center}.film-stars .world-art{width:100%;height:100%}.film-controls{position:absolute;bottom:15px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:10}.film-controls .btn{min-width:75px;min-height:60px}.film-controls .btn svg{width:32px;height:32px}.film-progress{position:absolute;bottom:39px;left:50%;transform:translateX(-50%);display:flex;gap:9px;z-index:10}.film-progress i{display:block;width:10px;height:10px;border-radius:50%;background:#fff8;border:2px solid white;box-shadow:0 2px 4px #79568733}.film-progress i.current{background:#b082d5;transform:scale(1.3)}
@media(prefers-reduced-motion:no-preference){.film-walking{animation:film-walk 4.5s ease-in-out both}.film-walking .lucy{animation:film-steps .55s steps(1,end) infinite}.film-find{animation:film-discover 4.5s ease both}.film-squishy .toy{animation:film-squeeze 2.5s ease-in-out infinite}.film-finger{animation:film-touch 2.5s ease-in-out infinite}.film-offer-a{animation:film-swap-a 5s ease-in-out both}.film-offer-b{animation:film-swap-b 5s ease-in-out both}.film-check{animation:film-check 5s ease both}.film-cheer{animation:film-cheer 1.2s ease-in-out infinite}.film-stars{animation:film-sparkles 3.5s ease-out both}@keyframes film-walk{from{left:-22%}60%,100%{left:24%}}@keyframes film-steps{0%,100%{background-position:33.3333% 0}50%{background-position:66.6667% 0}}@keyframes film-discover{0%,35%{transform:scale(.5);opacity:0}60%,100%{transform:scale(1);opacity:1}}@keyframes film-squeeze{0%,100%{transform:scale(1)}40%{transform:scale(1.25,.65)}65%{transform:scale(.86,1.15)}}@keyframes film-touch{0%,100%{transform:translateY(30px);opacity:.5}40%{transform:translateY(-40px);opacity:1}}@keyframes film-swap-a{0%,45%{transform:translate(0,0)}75%,100%{transform:translate(115%,65%)}}@keyframes film-swap-b{0%,45%{transform:translate(0,0)}75%,100%{transform:translate(-115%,-65%)}}@keyframes film-check{0%,35%{opacity:0;transform:scale(.5)}45%,100%{opacity:1;transform:scale(1)}}@keyframes film-cheer{50%{transform:translateY(-10px) rotate(3deg)}}@keyframes film-sparkles{from{opacity:0;transform:scale(.4)}30%,100%{opacity:1;transform:scale(1)}}}
@media(max-width:760px){.intro-film{height:min(680px,calc(100dvh - 42px))}.film-logo{width:170px;height:110px}.film-town{background-size:auto 100%;background-position:48% center}.film-walking .lucy{width:133px;height:177px}.film-find{right:9%;bottom:35%;border-radius:22px}.film-find .toy{width:114px;height:114px}.film-lucy{left:2%;bottom:18%}.film-lucy .lucy{width:135px;height:180px}.film-squishy{right:0;bottom:29%;width:180px;height:190px}.film-squishy .toy{width:160px;height:160px}.film-finger{font-size:44px}.film-mat{width:90%;left:5%;height:39%;bottom:20%}.film-trade .film-lucy{left:12%;bottom:62%}.film-trade .film-lucy .lucy{width:90px;height:120px}.film-poppy{right:12%;bottom:62%}.film-poppy .clay-pal{width:90px}.film-offer{width:95px;height:95px}.film-cheer{left:5%;bottom:19%}.film-cheer .lucy{width:173px;height:231px}.film-new-toy{right:4%;bottom:25%}.film-new-toy .toy{width:138px;height:138px}.film-controls{left:12px;right:12px}.film-progress{gap:7px}}
/* Two large character choices lead directly into their own how-to movie. */
dialog.player-modal{width:min(720px,calc(100vw - 22px));max-width:720px;padding:16px;background:linear-gradient(130deg,#f8e3ef,#d8f3ee);max-height:calc(100svh - 22px)}.choose-player{text-align:center}.choose-logo{width:150px;height:95px;object-fit:contain}.choose-player h2{margin:0 0 15px;color:#695382;font-size:25px}.player-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.player-option{display:flex;flex-direction:column;align-items:center;gap:5px;border:4px solid #fff9e8;border-radius:28px;padding:10px;background:linear-gradient(#f7e8ff,#e5cfee);box-shadow:0 6px #aa8cbc;color:#674c80;min-width:0}.player-levi{background:linear-gradient(#e2f6ff,#b9e3df);box-shadow:0 6px #86b6b6}.player-picture{height:min(290px,38svh);width:100%;display:grid;place-items:center}.player-picture .lucy{width:100%;height:100%;max-width:210px}.player-picture img{height:100%;width:100%;object-fit:contain}.player-option strong{font-size:24px}.player-option>span:not(.player-picture){font-size:17px}.player-option b{display:grid;place-items:center;border-radius:50%;background:#ffe793;width:44px;height:44px;margin:4px;color:#715480}.hunter-film-stage{position:absolute;inset:120px 25px 95px;display:grid;grid-template-columns:30% 70%;grid-template-rows:minmax(0,1fr) auto;align-items:center}.lesson-levi{height:100%;display:grid;place-items:center}.lesson-levi .levi{width:100%;height:100%;max-height:320px}.lesson-demo{text-align:center;position:relative;min-width:0}.hunter-film-stage h3{grid-column:1/-1;text-align:center;font-size:24px;color:#61517c;margin:18px 0 0}.lesson-target{display:flex;justify-content:center}.lesson-target .toy{width:115px;height:115px}.lesson-match{display:flex;justify-content:center;gap:12px}.lesson-match .toy{width:85px;height:85px;border-radius:18px}.lesson-match .toy:nth-child(2){outline:4px solid #85c6aa;background-color:#e6f8e6}.lesson-coins{font-size:38px;margin-top:12px}.lesson-purchase{display:flex;align-items:center;justify-content:center;gap:12px;font-size:34px}.lesson-purchase svg{width:35px;height:35px}.lesson-purchase .toy{width:135px;height:135px}.lesson-basket .world-art{width:170px;height:140px}.lesson-stickers{display:flex;justify-content:center;gap:4px;background:#fff9e7;border:3px dashed #b5a1cc;border-radius:18px;padding:10px}.lesson-stickers .toy{width:65px;height:65px}.lesson-shop{display:flex;flex-direction:column;align-items:center;background:#dcecdf;border:5px solid white;border-radius:20px;margin:20px auto 0;width:155px;padding:10px;font-size:28px}.lesson-shop .toy{width:90px;height:90px}.lesson-truck .world-art{width:190px;height:135px}.lesson-parcel{display:flex;align-items:center;justify-content:center}.lesson-parcel .world-art{width:125px;height:110px}.lesson-parcel .toy{width:115px;height:115px}
@media(prefers-reduced-motion:no-preference){.lesson-match .toy:nth-child(2){animation:film-squeeze 2s ease-in-out infinite}.lesson-coins{animation:lesson-pop 6s both}.lesson-purchase>.toy{animation:lesson-pop 5s both}.lesson-shop{animation:lesson-pop 6s both}.lesson-truck{animation:lesson-drive 5.5s both}.lesson-parcel .toy{animation:lesson-pop 5.5s both}@keyframes lesson-pop{0%,25%{opacity:0;transform:translateY(25px) scale(.5)}45%,100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes lesson-drive{0%{transform:translateX(100%);opacity:0}35%,100%{transform:translateX(0);opacity:1}}}
@media(max-width:760px){dialog.player-modal{padding:12px}.player-options{gap:10px}.player-option{padding:8px;border-radius:22px}.player-option strong{font-size:21px}.player-picture{height:min(245px,34svh)}.choose-logo{height:80px;width:130px}.hunter-film-stage{inset:115px 12px 90px;grid-template-columns:26% 74%}.hunter-film-stage h3{font-size:20px}.lesson-target .toy{width:85px;height:85px}.lesson-match{gap:3px}.lesson-match .toy{width:60px;height:60px}.lesson-coins{font-size:28px}.lesson-purchase{gap:3px;font-size:22px}.lesson-purchase .toy{width:90px;height:90px}.lesson-stickers .toy{width:43px;height:43px}.lesson-stickers{padding:5px;gap:0}.lesson-parcel .world-art{width:90px;height:90px}.lesson-parcel .toy{width:90px;height:90px}.lesson-truck .world-art{width:145px;height:110px}.lesson-shop{width:120px}}