:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;color:#3b3555;background:#fbf8ff;font:15px/1.9 system-ui,-apple-system,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;gap:15px;background:#fff;border-bottom:1px solid #eee7f5;font-size:11px}a{color:#7851ab;text-decoration:none}header>span:nth-child(2){font-size:9px;letter-spacing:2px;color:#a69bb6}main{max-width:800px;margin:auto;padding:42px 24px}.intro{text-align:center;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:3px;color:#a780b2}.intro h1{font-size:clamp(36px,7vw,60px);line-height:1.4;letter-spacing:-2px;margin:15px 0}.intro em{font-style:normal;color:#c16a9a}.intro p{font-size:13px;color:#93809e}.intro small{font-size:10px;color:#a49aaa}#court-scene{position:sticky;top:12px;z-index:3;height:270px;border:1px solid #d3ddf1;border-radius:24px;overflow:hidden;background:linear-gradient(#d6e9fc 0%,#fbe3d9 68%,#d7b5b0 68%);box-shadow:0 14px 35px #624b7d16}#court-scene:after{content:'';position:absolute;bottom:-50px;left:25%;width:50%;height:100px;border:2px solid #ffffff80;border-radius:50%;pointer-events:none}.court-label{position:absolute;left:20px;top:15px;font-size:8px;letter-spacing:2px;color:#71859c}.scene-dialog{position:absolute;top:38px;left:18%;width:64%;background:#ffffffed;border-radius:15px;padding:10px 16px;box-shadow:0 5px 15px #8d799410;z-index:2}.scene-dialog strong{font-size:9px;letter-spacing:1px;color:#ae7bb7}.scene-dialog p{font-size:12px;line-height:1.6;margin:4px 0}.cast{position:absolute;bottom:12px;width:125px;display:flex;align-items:center;flex-direction:column;animation:idle 2.8s ease-in-out infinite}.cast img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 8px 5px #47335320)}.cast b{font-size:8px;letter-spacing:2px;background:#ffffffc0;padding:1px 9px;border-radius:12px;color:#765780}.bible{left:23%}.kiw{right:23%;animation-delay:-1.4s}.basketball{position:absolute;left:48%;bottom:18px;font-size:32px;animation:ball 1.3s ease-in-out infinite}.scene-heart{position:absolute;right:17%;bottom:90px;color:#dc7caa;font-size:24px;animation:idle 2s infinite}.hoop{position:absolute;right:12px;top:50px;color:#fff;font-size:60px;line-height:1}.hoop i{display:block;width:40px;height:65px;border-left:3px solid #b0a2b6;margin-left:26px}.reading-hint{text-align:center;color:#a49aaf;font-size:10px;letter-spacing:1px;margin:24px 0}progress{display:block;position:sticky;top:288px;width:90%;height:3px;margin:0 auto 30px;z-index:4;accent-color:#b48bd7;border:0}#story{padding:0 20px}.line{max-width:78%;margin:20px 0;opacity:.25;transform:translateY(15px);transition:opacity .6s,transform .6s}.line.seen{opacity:1;transform:none}.speaker{display:block;font-size:9px;letter-spacing:1.5px;color:#a18bab;margin:0 9px 5px}.line p{font-size:14px;background:white;border:1px solid #eee4f6;padding:14px 18px;margin:0;border-radius:4px 18px 18px;box-shadow:0 4px 15px #74547d04}.line.k{margin-left:auto}.line.k .speaker{text-align:right;color:#a26e9b}.line.k p{background:#f9eaf2;border-color:#f1ddea;border-radius:18px 4px 18px 18px}.line.b p{background:#eef2ff;border-color:#e0e6fa}.line.n{max-width:100%;text-align:center;margin:38px 0}.line.n .speaker{display:none}.line.n p{background:none;border:0;box-shadow:none;color:#9b8ba4;font-size:12px;padding:10px 25px}footer{text-align:center;padding:65px 0 30px}footer>span{font-size:10px;letter-spacing:3px;color:#be8ba8}footer h2{font-size:22px}footer p{font-size:12px;color:#a397ae}footer button,footer a{display:inline-block;font:inherit;font-size:12px;background:#eee4f8;color:#8055a4;padding:10px 18px;border-radius:25px;border:0;margin:8px;cursor:pointer}#court-scene[data-speaker=b] .bible img,#court-scene[data-speaker=k] .kiw img{filter:drop-shadow(0 0 9px #ffffff);transform:scale(1.05)}@keyframes idle{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes ball{50%{transform:translateY(-25px) rotate(18deg)}}@media(max-width:550px){main{padding:28px 12px}header>span:nth-child(2){display:none}#court-scene{height:245px;top:6px;border-radius:18px}.scene-dialog{width:78%;left:11%;top:33px;padding:8px 12px}.scene-dialog p{font-size:11px}.cast{width:95px;bottom:10px}.cast img{width:88px;height:88px}.bible{left:15%}.kiw{right:15%}.basketball{left:46%;font-size:27px}.hoop{font-size:40px;top:80px}.line{max-width:88%}.line p{font-size:13px;padding:12px 14px}#story{padding:0 7px}progress{top:258px}.intro h1{font-size:40px}.scene-heart{right:10%;bottom:55px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.line{opacity:1;transform:none}}
/* Full-body basketball cast */
#court-scene{height:340px}.cast{width:155px;bottom:12px}.cast img{width:145px;height:185px;object-fit:contain}.bible{left:21%}.kiw{right:21%}.basketball{bottom:30px}.scene-heart{bottom:140px}progress{top:358px}@media(max-width:550px){#court-scene{height:310px}.cast{width:115px;bottom:10px}.cast img{width:108px;height:160px}.bible{left:14%}.kiw{right:14%}.basketball{bottom:28px}.scene-heart{bottom:110px}progress{top:323px}}
header{flex-wrap:wrap}#story-language{font:inherit;padding:7px 9px;border:1px solid #e5d9ef;border-radius:10px;background:white;color:#78588f;min-height:38px}.intro h1{color:#b46e9e;max-width:650px;margin:15px auto;font-size:clamp(30px,5vw,48px)}@media(max-width:550px){header{gap:8px;padding:12px 15px}#story-language{max-width:130px}.intro h1{font-size:34px}}

.story-readers{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:9px 16px;border:1px solid #d7c7e8;border-radius:999px;background:#f3edf9;color:#68517f;font-size:13px}.story-readers[hidden]{display:none}.story-readers strong{color:#713da1;font-size:17px;font-variant-numeric:tabular-nums}