/* Painted nocturnal court: keep large image areas apart from reading surfaces. */
:root{--court-line:#80704b55;--reading-surface:#111b18}body{background:#0d1412}.topbar{position:relative;z-index:2}.night-hero{isolation:isolate;position:relative;min-height:690px;grid-template-columns:1fr 1fr;gap:30px;margin:0 -28px;padding:38px 40px 30px;overflow:hidden;border:1px solid var(--court-line)}.night-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/art/exterior-v1.webp') 62% 50%/cover no-repeat}.night-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07100ff2 0%,#07100fd9 24%,#07100f44 60%,#07100f05),linear-gradient(0deg,#07100fbd,transparent 45%)}.night-hero .hero-text{padding:20px 0;z-index:1;position:relative;text-shadow:0 2px 15px #000}.night-hero h1{color:#e9e0c8}.night-hero .button{text-shadow:none;box-shadow:0 8px 30px #0008}.night-hero .body-copy{color:#d0d3c3;max-width:none}.exterior-window{min-height:580px;position:relative;pointer-events:none}.exterior-caption{position:absolute;bottom:10px;right:0;color:#d8c9a3a6;font:10px var(--serif);letter-spacing:.18em}.hero-foot{margin-top:25px}.host-scene{isolation:isolate;position:relative;max-width:1100px;grid-template-columns:42% minmax(0,1fr);gap:25px;padding:35px 25px;overflow:hidden;border:1px solid var(--court-line);background:#101916}.host-scene:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0a100c10,#0a100caa 48%,#0a100ced 75%),url('assets/art/court-v1.webp') 45% 35%/cover no-repeat;z-index:-1;opacity:.85}.host-portrait{height:660px;background:none;display:flex;align-items:end}.artwork-tobari{display:block;object-fit:contain;object-position:center bottom;max-width:none;width:100%;height:100%;filter:drop-shadow(0 8px 28px #000b)}.host-dialogue{padding:22px 14px 22px 0}.host-lines{font-size:20px;line-height:2.2;color:#e4e5d8}.chapter-screen{isolation:isolate;position:relative;overflow:hidden;border:1px solid var(--court-line);min-height:660px;background:#0b100e}.chapter-screen:before{content:'';z-index:-2;position:absolute;inset:0;background:url('assets/art/court-v1.webp') center 40%/cover}.chapter-screen:after{content:'';z-index:-1;position:absolute;inset:0;background:linear-gradient(0deg,#080e0dee,#080e0d80 50%,#080e0d77)}.chapter-screen h1{text-shadow:0 4px 28px #000;color:#f1e7ce}.chapter-title{color:#d8c192;text-shadow:0 2px 10px #000}.chapter-name{color:#c3c9b9}.chapter-screen .eyebrow{color:#d4c69e}.chapter-screen .button{box-shadow:0 4px 30px #0009}.new-trial{grid-template-columns:230px minmax(0,1fr);gap:45px}.new-trial>.defendant{min-height:420px;background:linear-gradient(0deg,#070e0df5,#0b1510cc),url('assets/art/court-v1.webp') center/auto 100%;border:1px solid var(--court-line);overflow:hidden}.new-trial>.defendant:after{display:none}.accused-art{width:100%;aspect-ratio:3/5;background-image:url('assets/art/people-v1.webp');background-size:500% 200%;background-position:var(--portrait-x) var(--portrait-y);background-repeat:no-repeat;filter:drop-shadow(0 8px 12px #0009)}.new-trial>.defendant .accused-art{position:absolute;width:218px;max-width:100%;height:auto;left:50%;transform:translateX(-50%);bottom:48px}.new-trial>.defendant .subject{top:17px;left:16px;font-size:10px;letter-spacing:.1em;color:#c2b48b;z-index:1}.new-trial>.defendant .prop{bottom:0;left:0;width:100%;min-height:53px;padding:12px 8px;margin:0;background:linear-gradient(0deg,#0a120ff5 65%,#0a120f00);border-top:1px solid #7c765a33;z-index:1;text-align:center;font:14px/1.8 var(--serif);color:#d8d6c2}.case-document{display:flex;flex-direction:column}.case-motif{order:0;display:flex;align-items:center;gap:20px;min-height:154px;margin:0 0 28px;border:1px solid var(--court-line);background:linear-gradient(90deg,#101716,#17201b);overflow:hidden}.motif-image{flex:0 0 170px;width:170px;aspect-ratio:1;background-image:url('assets/art/objects-v1.webp');background-size:400% 300%;background-position:var(--motif-x) var(--motif-y);background-repeat:no-repeat;mask-image:linear-gradient(90deg,#000 80%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent)}.case-motif figcaption{padding:15px 15px 15px 0;font:18px/1.8 var(--serif);letter-spacing:.06em;color:#d4c5a2}.case-motif figcaption span{display:block;font:9px/2 var(--sans);letter-spacing:.16em;color:#9caa97;margin-bottom:6px}.new-trial .statement{background-color:var(--reading-surface)}.new-trial .statement-summary{background:none}.new-trial .statement-defendant,.new-trial .statement-victim{box-shadow:0 7px 25px #0001}.new-trial .statement-body{color:#dce1d3}.ending{isolation:isolate;position:relative;padding:40px 30px;border:1px solid var(--court-line);max-width:900px;overflow:hidden;background:#0a120f}.ending:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#08100ff5 0%,#08100fa6 60%,#08100f30),url('assets/art/audience-v1.webp') center top/auto 480px no-repeat}.ending-figure{width:160px;height:270px;margin:15px auto;background:radial-gradient(ellipse,#bba77b11,transparent 65%)}.ending-figure .accused-art{height:100%;width:100%;aspect-ratio:auto}.ending .reading{white-space:pre-line;position:relative;text-shadow:0 2px 10px #000}.result-head{background:linear-gradient(0deg,#101716ff,#101716ee 60%,#1017168c),url('assets/art/audience-v1.webp') center 20%/cover no-repeat}.execution .audience{opacity:.6;align-items:stretch;inset:0;display:block}.execution .audience img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.8;mask-image:linear-gradient(0deg,transparent,#000 30%,#000);-webkit-mask-image:linear-gradient(0deg,transparent,#000 30%,#000)}.execution:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08100f4d,#08100fe8 58%);z-index:1;pointer-events:none}.execution-dialogue{z-index:3}.execution-host{z-index:2}.stage-2 .audience{opacity:1}.stage-2 .execution-dialogue{background:#06100b55}.stage-2 .execution-host{opacity:.15}.stage-3 .execution-host,.stage-4 .execution-host{opacity:1}.stage-2 .death-final{background:#080b0bf0}.execution-controls{z-index:25}.banished{background:linear-gradient(0deg,#080e0dff,#080e0dbf),url('assets/art/court-v1.webp') center/cover no-repeat;border:1px solid var(--court-line)}
@media(min-width:1400px){.night-hero{margin-left:-45px;margin-right:-45px;padding-left:55px}.host-scene{max-width:1160px}.host-portrait{height:700px}}
@media(max-width:850px){.night-hero{margin:0 -10px;padding:30px;min-height:640px}.host-scene{grid-template-columns:40% 1fr;gap:12px;padding:20px}.host-portrait{height:550px}.host-lines{font-size:18px}.new-trial{grid-template-columns:170px minmax(0,1fr);gap:25px}.new-trial>.defendant{min-height:350px}.new-trial>.defendant .accused-art{width:170px;bottom:45px}.new-trial>.defendant .prop{font-size:12px}.motif-image{flex-basis:145px;width:145px}.case-motif{min-height:145px;gap:10px}.case-motif figcaption{font-size:16px}}
@media(max-width:600px){.night-hero{display:block;margin:0 -6.8%;padding:30px 6.5% 24px;min-height:680px;border-left:0;border-right:0}.night-hero:before{background-position:69% center}.night-hero:after{background:linear-gradient(90deg,#07100fd6,#07100f35),linear-gradient(0deg,#07100ff2 0%,#07100f77 35%,#07100f11 75%)}.night-hero .hero-text{pointer-events:auto;max-width:none;padding:12px 0 0}.night-hero h1{font-size:104px;margin-top:25px}.night-hero .subtitle{font-size:11px}.night-hero .lead{font-size:24px;margin-top:55px}.night-hero .body-copy{font-size:13px;line-height:2;max-width:none}.night-hero .button{width:100%;min-width:0;margin-top:20px}.night-hero .meta{font-size:10px;gap:13px}.exterior-window{position:absolute;inset:0;min-height:0;z-index:-1}.exterior-caption{display:none}.host-scene{display:flex;flex-direction:column;margin:0 -3%;padding:0 18px 22px;min-height:0;gap:0}.host-scene:before{background:linear-gradient(0deg,#0a100cf7 0%,#0a100c88 50%,#0a100c22),url('assets/art/court-v1.webp') center top/auto 420px no-repeat;opacity:1}.host-portrait{position:relative;right:auto;top:auto;opacity:1;width:100%;height:330px;margin:0 auto -40px;pointer-events:none;justify-content:center;z-index:0}.host-portrait .tobari{object-position:center top;width:250px;height:380px;max-width:none;mask-image:linear-gradient(0deg,transparent 2%,#000 24%);-webkit-mask-image:linear-gradient(0deg,transparent 2%,#000 24%)}.host-dialogue{position:relative;width:100%;padding:20px 0 0;z-index:1}.host-dialogue .eyebrow{max-width:none}.host-lines{font-size:17px;line-height:2.1;min-height:0}.host-dialogue .speaker{margin:18px 0}.host-dialogue .scene-controls{margin-top:24px}.chapter-screen{margin:0 -3%;min-height:calc(100svh - 180px);padding:50px 15px}.chapter-screen:before{background-position:center top}.chapter-screen h1{font-size:45px;white-space:nowrap;letter-spacing:.08em}.chapter-name{margin-bottom:35px}.new-trial{display:block}.new-trial>.defendant{position:relative;top:auto;height:210px;min-height:210px;margin:0 0 20px;background:linear-gradient(90deg,#07100fdd,#0b151055),url('assets/art/court-v1.webp') center 55%/cover}.new-trial>.defendant .accused-art{width:145px;left:auto;right:15px;bottom:0;transform:none;opacity:1}.new-trial>.defendant .subject{left:18px;top:26px;font-size:10px}.new-trial>.defendant .prop{left:17px;bottom:45px;width:52%;max-width:52%;min-height:0;text-align:left;padding:12px 0;border-top:1px solid #81775766;background:none;font:15px/2 var(--serif);overflow-wrap:anywhere}.new-trial .case-motif{min-height:110px;margin-bottom:23px;gap:8px}.motif-image{width:118px;flex-basis:118px}.case-motif figcaption{font-size:15px;padding-right:12px}.case-motif figcaption span{font-size:8px}.ending{padding:30px 18px}.ending-figure{width:145px;height:242px}.ending:before{background-size:auto 360px}.ending .reading{font-size:18px}.execution{min-height:760px}.execution-host{right:-15px;top:0;width:215px;height:355px;opacity:.65}.execution-dialogue{padding-top:260px}.execution .reading{font-size:19px;min-height:180px}.execution .audience img{object-position:55% top}.execution:before{background:linear-gradient(0deg,#08100fe8 0%,#08100fa8 65%,#08100f11)}.stage-2 .execution-dialogue{background:none}.result-head{background-position:50% top}.banished{padding:80px 18px 45px}.stage-4 .tobari{animation:recede 1.2s ease both}}
@media(max-width:600px){.host-portrait{height:330px;overflow:hidden;align-items:flex-start;mask-image:linear-gradient(0deg,transparent 1%,#000 24%);-webkit-mask-image:linear-gradient(0deg,transparent 1%,#000 24%)}.host-portrait .tobari{width:354px;height:530px;object-fit:contain;object-position:center top;flex-shrink:0;mask-image:none;-webkit-mask-image:none}}
/* Final role reversal: the player now stands below the judge, inside the dock. */
.hearings-closed h1{font-size:clamp(42px,7vw,78px)}.hearings-closed .chapter-name{margin-top:28px}.accused-scene{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:760px;border:1px solid #8b785255;overflow:hidden;background:#080f0e}.accused-backdrop{position:absolute;inset:0;z-index:-2;background:url('assets/art/defendant-pov-v1.webp') center/cover no-repeat;animation:dock-arrival 1.7s ease both;pointer-events:none}.accused-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#060d0ddd 0%,#060d0d77 35%,#060d0d00 75%),linear-gradient(90deg,#050c0b55,transparent 50%,#050c0b55);pointer-events:none}.accused-status{text-align:center;padding:26px 20px;background:linear-gradient(0deg,transparent,#050908b3);text-shadow:0 2px 12px #000}.accused-status>p{font-size:10px;letter-spacing:.4em;color:#c5b894;margin:0 0 18px}.role-name{display:flex;align-items:center;justify-content:center;gap:17px;position:relative;min-height:40px}.role-name strong{font:25px/1.7 var(--serif);font-weight:400;letter-spacing:.13em;overflow-wrap:anywhere;color:#eee4cd}.current-role{font:13px var(--serif);letter-spacing:.2em;color:#dbb09d;border:1px solid #a76c5766;padding:7px 10px;background:#271411b3}.former-role{position:absolute;left:50%;transform:translateX(-50%);top:58px;font:13px var(--serif);color:#c6c2b5;opacity:0;pointer-events:none}.role-reversal .former-role{animation:old-role-away 1.8s ease both}.role-reversal .current-role{animation:new-role-appear 1.8s ease both}.role-reversal:after{content:'';position:absolute;inset:0;z-index:10;background:#020504;pointer-events:none;animation:open-eyes 1.5s ease both}.pov-caption{margin:220px auto 40px;padding:25px 32px;width:calc(100% - 70px);max-width:780px;background:#08110fe8;border-top:1px solid #c0a76e66;box-shadow:0 15px 45px #0006;backdrop-filter:blur(3px)}.pov-caption .speaker{margin:0 0 18px;font-size:12px}.pov-caption .reading{font:23px/2 var(--serif);white-space:pre-line;min-height:96px;color:#e3e4d7}.pov-narration{font:14px/2 var(--serif);color:#b3b9a9;padding:0 0 20px;border-bottom:1px solid #8b785244;margin:0 0 20px}.pov-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;position:relative;z-index:11}.pov-controls .button{margin-left:auto}.pov-controls .text-skip{white-space:nowrap}.pov-verdict{font-size:clamp(23px,3.2vw,34px)!important;letter-spacing:.07em;font-weight:400;margin:10px 0 20px;line-height:1.8!important}.judgment-scene .pov-caption{border-top:2px solid #c3a676}.judgment-scene .judgment-lead{font-size:19px;line-height:2;padding:0 0 20px;color:#cbd0bd}.verdict-afterword{font:13px/1.8 var(--serif);letter-spacing:.09em;color:#a9b49e;margin:15px 0}.verdict-call .pov-caption{min-height:260px}.witness-at-dock .dock-status{margin:35px auto 0;padding-top:20px;border-top:1px solid #80704b55;font:12px/1.8 var(--serif);letter-spacing:.13em;color:#c6aa8c}.witness-at-dock .eyebrow{font-size:10px;line-height:1.9}.witness-at-dock .button{margin-top:15px}@keyframes dock-arrival{from{transform:scale(1.1);filter:blur(3px)}to{transform:scale(1);filter:blur(0)}}@keyframes open-eyes{0%,25%{opacity:1}100%{opacity:0}}@keyframes old-role-away{0%{opacity:1}45%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(5px)}}@keyframes new-role-appear{0%,45%{opacity:0}100%{opacity:1}}
@media(max-width:600px){.accused-scene{margin:0 -3%;min-height:calc(100svh - 125px)}.accused-backdrop{background-size:auto 100%;background-position:center top}.accused-status{padding:20px 15px}.role-name{gap:12px;align-items:center}.role-name strong{font-size:20px;letter-spacing:.06em;max-width:70%}.current-role{font-size:11px;flex-shrink:0}.former-role{top:48px}.pov-caption{margin:210px 12px 18px;padding:22px 17px;width:auto;max-width:none}.pov-caption .reading{font-size:19px;line-height:2;min-height:80px}.pov-narration{font-size:12px;line-height:2}.pov-controls{flex-wrap:wrap;gap:10px}.pov-controls .button{width:100%;margin-left:0;justify-content:space-between}.pov-verdict{font-size:24px!important}.judgment-scene .pov-caption{margin-top:230px}.judgment-scene .judgment-lead{font-size:16px;line-height:2}.verdict-call .pov-caption{min-height:0}.verdict-afterword{font-size:12px}.witness-at-dock .dock-status{font-size:11px}.hearings-closed h1{font-size:43px;white-space:normal}}
@media(prefers-reduced-motion:reduce){.role-reversal:after{display:none}.role-reversal .former-role{display:none}.role-reversal .current-role{opacity:1}.accused-backdrop{transform:none;filter:none}}
@media(max-width:600px){.accused-backdrop{background-size:auto 440px;background-position:center top;background-color:#080f0e}.pov-caption{margin-top:260px}.judgment-scene .pov-caption{margin-top:260px}}

.release-nav{display:flex;gap:20px;flex-wrap:wrap}.release-nav a{color:inherit;text-decoration:none}.release-nav a:hover{text-decoration:underline}footer{flex-wrap:wrap;gap:18px}