.day4-screen{padding-bottom:calc(7rem + env(safe-area-inset-bottom))}
.day4-content{width:min(100%,760px);margin:auto;color:#452d2a}
.d4-stage{position:relative;isolation:isolate;padding:1.15rem;border:1px solid #d9b98a;border-radius:28px;background:linear-gradient(145deg,#fffaf0,#f7e6da);box-shadow:0 18px 45px #5e26351c;overflow:hidden;animation:d4-enter .45s ease both}
.d4-stage:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background:repeating-linear-gradient(3deg,transparent 0 8px,#7e3a4820 9px 10px)}
.d4-kicker{margin:0;color:#9a5864;font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.d4-stage h1{margin:.4rem 0 .75rem;color:#681f35;font-family:Georgia,serif;font-size:clamp(1.75rem,8vw,3rem);line-height:1}
.d4-stage h2,.d4-stage h3{font-family:Georgia,serif;color:#681f35}
.d4-copy{white-space:pre-line;line-height:1.65}
.d4-notice,.d4-evidence,.d4-paper,.d4-note,.d4-sentence-card{position:relative;margin:1rem 0;padding:1rem;border:1px solid #d9bd91;border-radius:18px;background:#fffdf7;box-shadow:0 8px 20px #56253512}
.d4-notice:after{content:"COURT OF SHREYA";position:absolute;right:.75rem;bottom:.65rem;transform:rotate(-6deg);color:#8c2f49;border:2px solid currentColor;border-radius:5px;padding:.2rem .4rem;font-size:.62rem;font-weight:900}
.d4-bench{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:end;margin:1rem 0;padding:1rem;border-radius:18px;background:linear-gradient(#8a4d37,#65311f);color:#fff8ef;box-shadow:inset 0 -8px #4c2519}
.d4-plaque{padding:.35rem .65rem;border:1px solid #f1d18c;border-radius:5px;background:#3d1e19;color:#f8daa0;font:700 .8rem Georgia,serif}
.d4-chair{width:64px;height:72px;border-radius:24px 24px 5px 5px;background:#542535;display:grid;place-items:center;font-size:1.45rem}
.d4-character-wrap{display:grid;place-items:center;min-height:150px}
.tiny-ammar{--face:#c98d69;position:relative;width:92px;height:142px;transition:transform .35s ease}
.tiny-ammar .head{position:absolute;left:24px;top:7px;width:48px;height:52px;border-radius:48% 48% 45% 45%;background:var(--face);box-shadow:inset 0 8px #2d1b19}
.tiny-ammar .eye{position:absolute;top:27px;width:5px;height:6px;border-radius:50%;background:#231817}.tiny-ammar .eye.a{left:35px}.tiny-ammar .eye.b{right:29px}
.tiny-ammar .mouth{position:absolute;left:42px;top:43px;width:13px;height:6px;border-bottom:2px solid #5d232b;border-radius:50%}
.tiny-ammar .body{position:absolute;left:20px;top:55px;width:56px;height:69px;border-radius:14px 14px 8px 8px;background:#6c293e;box-shadow:inset 0 0 0 8px #fff7e8}
.tiny-ammar .tie{position:absolute;left:44px;top:67px;width:8px;height:28px;background:#b88a3d;clip-path:polygon(50% 0,100% 25%,70% 100%,30% 100%,0 25%)}
.tiny-ammar .arm{position:absolute;top:63px;width:17px;height:58px;border-radius:10px;background:#6c293e;transform-origin:50% 8px}.tiny-ammar .arm.a{left:10px;transform:rotate(12deg)}.tiny-ammar .arm.b{right:5px;transform:rotate(-12deg)}
.tiny-ammar .leg{position:absolute;top:116px;width:18px;height:26px;border-radius:3px;background:#392a31}.tiny-ammar .leg.a{left:27px}.tiny-ammar .leg.b{right:19px}
.tiny-ammar[data-reaction="nervous"]{animation:d4-nervous 1s ease-in-out infinite}.tiny-ammar[data-reaction="innocent"] .mouth{border-bottom:0;border-top:2px solid #5d232b}.tiny-ammar[data-reaction="shocked"] .mouth{height:10px;border:2px solid #5d232b;background:#fff;border-radius:50%}.tiny-ammar[data-reaction="relieved"]{transform:translateY(5px) rotate(2deg)}.tiny-ammar[data-reaction="icecream"] .arm.b:after{content:"🍨";position:absolute;top:33px;right:-16px;font-size:1.6rem}.tiny-ammar[data-reaction="driving"]{transform:rotate(-8deg)}.tiny-ammar[data-reaction="confident"]{transform:scale(1.06);filter:drop-shadow(0 0 12px #ffd36b)}.tiny-ammar[data-reaction="hiding"]{transform:translateY(65px)}.tiny-ammar[data-reaction="accepting"] .arm.a{transform:rotate(-55deg)}.tiny-ammar[data-reaction="bowing"]{transform:rotate(12deg) translateY(8px)}
.d4-progress{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.8rem}.d4-tabs{display:flex;gap:.35rem}.d4-tab{width:27px;height:12px;border-radius:99px;background:#e3c9b5}.d4-tab.done{background:#c79b45}.d4-tab.done:after{content:"✓";position:relative;top:-7px;color:#fff;font-size:.7rem}
.d4-scene{position:relative;min-height:190px;margin:1rem 0;border-radius:20px;overflow:hidden;background:#e9f4f5;border:1px solid #c7d9d9}
.d4-snow{background:linear-gradient(#cee7ef 55%,#f9ffff 56%)}.d4-snow:before{content:"·  ❄  ·  ·  ❄  ·  ❄";position:absolute;inset:5px;color:#fff;font-size:1.5rem;letter-spacing:1rem;animation:d4-snow 4s linear infinite}
.d4-tube{position:absolute;left:20%;bottom:22px;width:90px;height:34px;border:12px solid #d16b75;border-radius:50%}.d4-person{position:absolute;bottom:48px;width:32px;height:72px;border-radius:16px 16px 6px 6px;background:#8d6470}.d4-person.shreya{left:48%}.d4-person.ammar{left:15%;background:#5a3b4a;transition:left .8s ease}.d4-scene.replay .ammar{left:38%}
.d4-incident-label{position:absolute;right:10px;top:12px;padding:.35rem .5rem;border-radius:8px;background:#fff;font-weight:800}.d4-scene.replay .d4-incident-label{text-decoration:line-through}.d4-scene.replay .d4-incident-label:after{content:" Not accidental.";display:block;color:#8b2944;text-decoration:none}
.d4-options{display:grid;gap:.65rem}.d4-option,.d4-sentence-card{width:100%;min-height:48px;text-align:left}.d4-option.selected,.d4-sentence-card.selected{outline:3px solid #c79b45;background:#fff5dc}.d4-option strong,.d4-sentence-card strong{display:block}.d4-option span,.d4-sentence-card span{display:block;margin-top:.3rem;font-size:.85rem;font-weight:400}
.d4-feedback{min-height:2.6rem;padding:.75rem;border-radius:12px;background:#f2dfdc;white-space:pre-line}
.d4-actions{display:grid;gap:.65rem;margin-top:1rem}.d4-actions button,.d4-stage>button{min-height:48px}
.d4-gavel{display:inline-block;width:64px;height:16px;border-radius:7px;background:#75402c;transform:rotate(-24deg);transform-origin:80% 50%;box-shadow:28px 14px 0 -5px #4f291d}.d4-strike{animation:d4-strike .65s ease}.d4-stamp{position:absolute;right:1rem;bottom:1rem;padding:.4rem .7rem;border:4px double #9a2d49;border-radius:8px;color:#9a2d49;font-weight:900;transform:rotate(-8deg);animation:d4-stamp .45s cubic-bezier(.2,1.7,.5,1) both}
.d4-timeline{display:grid;gap:.65rem}.d4-timeline button{text-align:left;min-height:58px;border-style:dashed}.d4-timeline button.revealed{background:#fff5dc;border-color:#c79b45}.d4-cafe{background:linear-gradient(#f3d4bd 60%,#ad6b4e 61%)}.d4-door{position:absolute;right:12%;bottom:0;width:55px;height:125px;background:#704531}.d4-clock{position:absolute;left:10%;top:14%;display:grid;place-items:center;width:48px;height:48px;border:4px solid #fff;border-radius:50%;background:#5b3942;color:#fff}.d4-counter{position:absolute;left:0;right:42%;bottom:0;height:58px;background:#915b42}
.d4-track{background:#d7c5ad}.d4-road{position:absolute;inset:30px -30px -30px;border:40px solid #665b5e;border-radius:50%}.d4-kart{position:absolute;bottom:40px;width:54px;height:28px;border-radius:8px;background:#a62f4a;transition:left .35s ease}.d4-kart:after{content:"";position:absolute;inset:-7px 8px auto;height:15px;border-radius:8px;background:#f2c398}.d4-kart.ammar{left:15%}.d4-kart.shreya{right:15%;background:#d797a6}.d4-look .d4-kart.ammar:before{content:"❤";position:absolute;left:50px;top:-25px;color:#d83f64;animation:d4-pulse .5s infinite alternate}.d4-watch{font-size:1.05rem}
.d4-bus{background:linear-gradient(#172237,#2e3241)}.d4-window{position:absolute;left:8%;top:15%;width:84%;height:58%;border:8px solid #5a3e3c;background:linear-gradient(145deg,#b9d1e1,#eef8ff)}.d4-beam{position:absolute;left:35%;top:-10%;width:38%;height:125%;background:linear-gradient(105deg,transparent,#ffd983aa,transparent);clip-path:polygon(25% 0,65% 0,100% 100%,0 100%);opacity:var(--credit,.5)}.d4-bus .tiny-ammar{position:absolute;left:42%;bottom:-10px;transform:scale(.72)}
.d4-range{width:100%;accent-color:#9a4058}.d4-range-labels{display:flex;justify-content:space-between;font-size:.65rem;font-weight:800}.d4-credit{text-align:center;font-weight:900;color:#7a2943}
.d4-evidence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.d4-mini-card{padding:.8rem;border:1px solid #dcc4a5;border-radius:12px;background:#fff;animation:d4-card .4s ease both}.d4-stand{height:74px;margin-top:-45px;background:#6c3828;border-radius:8px;position:relative;z-index:2}
.d4-confetti{position:fixed;inset:0;pointer-events:none;z-index:20;background-image:radial-gradient(circle,#d95d79 2px,transparent 3px),radial-gradient(circle,#d5a748 2px,transparent 3px);background-size:53px 53px,71px 71px;animation:d4-confetti .9s ease both}
.d4-paper{font-family:Georgia,serif;background:#fffdf2}.d4-paper dl{display:grid;grid-template-columns:minmax(100px,1fr) 1.5fr;gap:.55rem}.d4-paper dt{font-weight:800}.d4-paper dd{margin:0}.d4-seal{width:72px;height:72px;margin:1rem auto 0;border-radius:50%;display:grid;place-items:center;background:#c79b45;color:#fff;border:4px double #fff;box-shadow:0 2px 0 #8b672e;font-size:1.5rem}
.d4-note{font:1.05rem/1.7 "Segoe Print","Bradley Hand",cursive;white-space:pre-line}.d4-reward{text-align:center}.d4-reward-flower{position:relative;display:inline-grid;place-items:center;width:120px;height:150px;font-size:5rem;animation:d4-bloom .8s ease both}.d4-reward-flower:after{content:"🔨";position:absolute;top:36px;font-size:1.2rem;transform:rotate(-18deg)}
.day4-flower span{position:relative}.day4-flower.bloomed span:before{content:"🌷";font-size:1.7rem}.day4-flower.bloomed .flower-gavel:after{content:"🔨";position:absolute;left:-14px;top:-7px;font-size:.65rem}.day4-flower.empty span:before{content:"·"}.gavel-badge{filter:saturate(.7)}
.day4-home-status{margin:-.45rem 0 .75rem;color:#8a5060;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.d4-leave{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#3a1821aa}.d4-leave-card{width:min(100%,380px);padding:1.2rem;border-radius:20px;background:#fff8ed;text-align:center}
@keyframes d4-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes d4-nervous{50%{transform:translateX(3px) rotate(1deg)}}@keyframes d4-snow{to{transform:translateY(90px)}}@keyframes d4-strike{50%{transform:translateY(-20px) rotate(-42deg)}75%{transform:rotate(4deg)}}@keyframes d4-stamp{from{opacity:0;transform:scale(2) rotate(-8deg)}}@keyframes d4-pulse{to{transform:scale(1.4)}}@keyframes d4-card{from{opacity:0;transform:translateY(12px)}}@keyframes d4-confetti{to{opacity:0;transform:translateY(70px)}}@keyframes d4-bloom{from{opacity:0;transform:scale(.25) rotate(-12deg)}} 
@media(max-width:520px){.day4-screen{padding-inline:.7rem}.d4-stage{padding:.9rem;border-radius:22px}.d4-evidence-grid{grid-template-columns:1fr}.d4-paper dl{grid-template-columns:1fr}.d4-paper dd{margin-bottom:.35rem}.d4-progress{align-items:flex-start;flex-direction:column}.d4-bench{grid-template-columns:1fr auto}.d4-options button{white-space:normal}.d4-stage button{width:100%}}
@media(prefers-reduced-motion:reduce){.day4-content *,.day4-content *:before,.day4-content *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.d4-snow:before{display:none}}