#julius-caesar{width:min(1020px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;background:#f5ead0;color:#26483c;border:1px solid #c3a866;border-radius:20px}#julius-caesar::backdrop{background:#082b26d9;backdrop-filter:blur(5px)}.j-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#173d34;color:#ffedbf;position:sticky;top:0;z-index:10;font:18px Georgia}.j-nav button{min-height:44px;padding:10px 14px;border:1px solid #d6c08470;border-radius:24px;background:transparent;color:inherit;font:14px system-ui}.j-content{padding:20px 28px 24px;background:radial-gradient(ellipse at top,#fff8e5,#eadaba)}.j-heading{text-align:center;margin-bottom:14px}.j-heading .eyebrow{color:#8e703c;margin-bottom:8px}.j-heading h1{font-size:34px;line-height:1.15;margin:0}.j-stage{position:relative;width:min(100%,700px,calc(max(150px,100svh - 310px) * 1.5));aspect-ratio:3/2;margin:auto;overflow:hidden;isolation:isolate;border-radius:14px;box-shadow:0 8px 26px #5c382b33;background:#593429}.j-backdrop{width:100%;height:100%;object-fit:cover;display:block}.j-standing{position:absolute;left:42%;bottom:6%;height:72%;width:auto;max-width:37%;object-fit:contain;transform-origin:50% 95%;filter:drop-shadow(0 6px 3px #381f2855)}.j-role{position:absolute;border:1px solid #c9af7d;background:#183c35ed;color:#fff0bb;padding:5px 11px;border-radius:18px;font:600 12px system-ui;z-index:4}.j-role.john{left:3%;bottom:8%}.j-role.janinne{right:3%;bottom:8%}.j-role.cassius{left:50%;bottom:1%;transform:translateX(-50%)}.j-actor{position:absolute;left:18%;bottom:-3%;width:70%;aspect-ratio:2/1;filter:drop-shadow(0 4px 3px #38252544)}.j-resting,.j-rig{display:block;width:100%;height:100%;object-fit:contain;overflow:visible}.fall .j-standing{animation:theatrical-fall 1s ease-in forwards}.fall .j-actor{animation:appear-fallen 1.1s linear forwards}.j-caption{text-align:center;font:16px/1.5 system-ui;color:#5b6d55;margin:14px auto;max-width:760px;min-height:24px}.j-next{display:block;min-height:46px;background:#1c5545;color:#ffefbc;border:1px solid #75996f;border-radius:26px;margin:14px auto 0;padding:12px 24px;font:600 15px system-ui}.j-answers{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:700px;margin:auto}.j-answers button{min-height:48px;background:#fff8e5;color:#254c3f;border:1px solid #a9946070;border-radius:14px;font:600 16px system-ui;box-shadow:0 3px 12px #614c2414}.j-answers button:hover{background:#eddda9}.j-answers button:focus-visible,.j-next:focus-visible,.j-nav button:focus-visible{outline:3px solid #2f7057;outline-offset:3px}.watch-arm{transform-box:view-box;transform-origin:30% 70%;animation:check-watch 4.6s var(--watch-delay) ease-in-out forwards}.chosen-part{transform-box:view-box;animation:part-wiggle 1.2s ease-in-out forwards}.chosen-part.head{transform-origin:12% 47%;animation-name:head-turn}.chosen-part.foot{transform-origin:89% 72%;animation-name:foot-wiggle}.chosen-part.leg{transform-origin:66% 69%;animation-name:leg-lift}.chosen-part.hand{transform-origin:46% 61%;animation-name:hand-wiggle}.j-curtain{position:absolute;top:0;bottom:0;width:52%;background:repeating-linear-gradient(90deg,#751d20 0,#ab302b 12%,#611b20 20%);box-shadow:0 5px 20px #30101577;z-index:8;animation:curtain-close .7s var(--curtain-delay) ease-in-out forwards}.j-curtain.left{left:0;transform:translateX(-105%)}.j-curtain.right{right:0;transform:translateX(105%)}@keyframes theatrical-fall{0%{transform:rotate(0);opacity:1}50%{transform:rotate(35deg) translateY(5%);opacity:1}100%{transform:rotate(80deg) translateY(20%);opacity:0}}@keyframes appear-fallen{0%,60%{opacity:0}100%{opacity:1}}@keyframes check-watch{0%{transform:rotate(0)}18%,57%{transform:rotate(-55deg)}78%,100%{transform:rotate(0)}}@keyframes part-wiggle{0%,100%{transform:translateY(0)}25%,65%{transform:translateY(-5px)}}@keyframes head-turn{0%,100%{transform:rotate(0)}25%,65%{transform:rotate(-7deg)}}@keyframes foot-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(14deg)}65%{transform:rotate(-9deg)}}@keyframes leg-lift{0%,100%{transform:rotate(0)}25%,65%{transform:rotate(-6deg)}}@keyframes hand-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}65%{transform:rotate(8deg)}}@keyframes curtain-close{to{transform:translateX(0)}}@media(max-width:650px){.j-nav{padding:10px 12px}.j-nav>span{display:none}.j-content{padding:18px 16px 22px}.j-heading h1{font-size:27px}.j-stage{width:100%}.j-role{font-size:9px;padding:4px 7px}.j-caption{font-size:14px}.j-answers{gap:7px}.j-answers button{font-size:14px;min-height:46px}}@media(prefers-reduced-motion:reduce){.j-standing,.j-actor,.chosen-part,.watch-arm,.j-curtain{animation:none!important}.fall .j-standing{display:none}.fall .j-actor{opacity:1}.watch-arm{transform:rotate(-45deg)}.j-curtain{display:none}}