/* 法廷録 Ver.2.0 — original art-directed presentation layer. Gameplay data and v1 save untouched. */
:root{--bg:#070a12;--bg2:#0d1221;--panel:#151a29;--panel2:#1e2635;--panel3:#232739;--gold:#edc67e;--gold2:#ffedbd;--line:rgba(247,205,131,.23);--line2:rgba(241,198,108,.53);--white:#f9f4ea;--muted:#bcc4cf;--subtle:#85909f;--danger:#f29b8f;--green:#9cddc0;--shadow:0 24px 75px rgba(0,0,0,.43)}
body{background:#070a12 radial-gradient(ellipse at 50% -15%,#253249 0,transparent 65%);color:var(--white);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic','Meiryo',system-ui,sans-serif;}
body::before{background-image:linear-gradient(transparent 85%,rgba(0,0,0,.04)),url('assets/scene-court.webp');background-size:100% 100%,cover;background-position:center,center 25%;background-attachment:fixed;opacity:.075;filter:blur(9px)}
button{font-family:inherit}button, .btn, .lawentry, .case-card{touch-action:manipulation}
.header{background:linear-gradient(90deg,rgba(11,14,26,.96),rgba(25,29,46,.95),rgba(11,14,26,.96));box-shadow:0 5px 30px #0009;border-bottom:2px solid #c89b5070}
.headerin{height:76px;max-width:1380px}.brandmark{background:linear-gradient(140deg,#f1d390,#80521f);color:#152030;font-size:25px;box-shadow:inset 0 1px 1px #fffe,0 4px 16px #0009;border:1px solid #ffdfa0;clip-path:polygon(12% 0,88% 0,100% 14%,100% 86%,88% 100%,12% 100%,0 86%,0 14%);border-radius:0;width:47px;height:47px}
.brandtext{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:22px;color:#f9e8c1;text-shadow:0 2px 7px #000}.brandtext small{letter-spacing:.29em;font-family:Georgia,serif;font-size:9px;color:#e7bd70}
.nav button,.headright button{border-radius:5px;transition:all .23s;min-height:43px}.nav button:hover,.nav button.active{background:linear-gradient(#47302b,#281e29);border-color:#c9a06480;color:#ffe7ad;box-shadow:inset 0 0 18px #d9a7681f}.rankmini{border-radius:4px;background:linear-gradient(140deg,#403123,#211c21);box-shadow:inset 0 0 15px #d3a45622;color:#ffe3a5}
.shell{max-width:1320px;padding-bottom:65px}.eyebrow{color:#edc27b;letter-spacing:.26em;text-shadow:0 1px 7px #0008}.sectiontop h1,.sectiontop h2{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(29px,4vw,48px);color:#fff5db;text-shadow:0 3px 12px #000}.sectiontop{border-bottom:1px solid #d4a86433;padding-bottom:15px;margin-bottom:23px}
.panel{border-radius:8px;border:1px solid #b7976657;background:linear-gradient(145deg,rgba(39,44,62,.97),rgba(15,19,31,.98));box-shadow:inset 0 1px 0 #fff1,0 14px 45px #0005;position:relative}.panel.pad{padding:24px}.panel::before{content:'';position:absolute;inset:5px;border:1px solid #d8b47b10;pointer-events:none;border-radius:3px}
.btn{border-radius:4px;position:relative;border:1px solid #b39a72;color:#ffefd4;background:linear-gradient(180deg,#394057,#1b2233 65%,#111927);box-shadow:inset 0 1px 0 #fff2,inset 0 -2px 0 #0006,0 4px 15px #0006;padding:11px 19px;transition:filter .18s,transform .18s,box-shadow .18s,border-color .18s;letter-spacing:.05em;text-shadow:0 1px 2px #000}
.btn:hover:not(:disabled){background:linear-gradient(180deg,#56465a,#302741);border-color:#f6d69c;transform:translateY(-2px);box-shadow:0 6px 22px #0009,0 0 25px #dbab6133}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{color:#3d1c18;background:linear-gradient(165deg,#fff1bf,#edbc6b 48%,#ad7133);border-color:#ffe4ab;text-shadow:0 1px 0 #fff7;box-shadow:inset 0 1px 0 #fff9,0 6px 22px #c9903733}.btn.primary:hover{background:linear-gradient(165deg,#fff8d6,#ffcf84 50%,#c68740);box-shadow:0 5px 28px #edac625c}.badge{border-radius:3px;background:linear-gradient(#3e3126,#24222a);color:#f7d6a2;font-size:10px}.badge.ok{background:#19372f;color:#b7efc7}.badge.lock{background:#1c222f;color:#8794a8}
/* Full illustrated title with hit areas mapped to artwork; mobile has native accessible text menu. */
.v2-title{min-height:100svh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 48%,#262b3f,#060810 70%);overflow:hidden;padding:0 0 4px}.v2-title-stage{width:min(100vw,1672px);aspect-ratio:1672 / 941;position:relative;box-shadow:0 0 100px #02040bbd,0 0 0 1px #e6c78a52;overflow:hidden;background:#111627}.v2-title-stage img{display:block;width:100%;height:100%;object-fit:cover;animation:v2Appear 1.7s ease both;user-select:none;pointer-events:none}
@keyframes v2Appear{from{opacity:0;transform:scale(1.045);filter:brightness(.2) saturate(.5)}to{opacity:1;transform:scale(1);filter:brightness(1)}}
.v2-title-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 30%,#fff2 49%,transparent 62%);background-size:250% 100%;opacity:.23;animation:v2Shimmer 15s ease-in-out infinite}
@keyframes v2Shimmer{0%,60%{background-position:180% 0}100%{background-position:-100% 0}}
.v2-hot{position:absolute;left:61%;width:31%;height:9%;border:2px solid transparent;background:transparent;cursor:pointer;color:transparent;border-radius:5px;z-index:2;transition:background .17s,box-shadow .17s}.v2-hot:hover,.v2-hot:focus-visible{outline:0;background:#ffe9a01b;border-color:#ffe59ad6;box-shadow:0 0 28px #ffba7370,inset 0 0 24px #ffdf6d14;transform:skew(-3deg)}.v2-hot-a{top:45.7%}.v2-hot-b{top:56.7%;height:8%}.v2-hot-c{top:64.5%;height:8%}.v2-hot-d{top:72.3%;height:8%}
.v2-splash-mobile{display:none}.v2-mini-sound{position:absolute;right:1.4%;top:2%;z-index:4;border:1px solid #d4a262a0;background:#11182aaa;color:#fff1cf;border-radius:5px;padding:8px 13px}
/* Shared illustrated scene layer, attached without editing story or progression data. */
.v2-scene{width:100%;height:100%;display:block;background-size:cover;background-position:center;animation:v2SceneIn .7s cubic-bezier(.2,.65,.1,1) both;position:relative}
.v2-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070b18a8,transparent 65%),linear-gradient(0deg,#080a15b8,transparent 65%);pointer-events:none}
@keyframes v2SceneIn{from{opacity:.5;filter:blur(5px);transform:scale(1.035)}to{opacity:1;filter:blur(0);transform:scale(1)}}
.v2-scene-watch{background-image:url('assets/scene-watch.webp')}.v2-scene-museum{background-image:url('assets/scene-office.webp')}.v2-scene-office{background-image:url('assets/scene-office.webp')}.v2-scene-rain{background-image:url('assets/scene-office.webp');filter:brightness(.6) hue-rotate(19deg)}.v2-scene-court{background-image:url('assets/scene-court.webp')}
.hero{border-radius:7px;min-height:340px;background:linear-gradient(90deg,#171822 0,#161e2b 70%);border:1px solid #d2b37f80;box-shadow:0 20px 55px #0009,inset 0 0 35px #dcac661a}.hero::after{content:'';position:absolute;inset:7px;border:1px solid #d3a56326;pointer-events:none}.heroart{width:70%;opacity:.93;mask-image:linear-gradient(to right,transparent,#000 43%)}.heroart .v2-scene{background-image:url('assets/cast.webp')!important;background-position:30% 30%;background-size:cover}.heroart .v2-scene::after{background:linear-gradient(90deg,#060b18bb,transparent 60%)}.heroin{padding:48px 44px}.heroin h1{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;color:#fff2d2;text-shadow:0 3px 16px #000;font-size:clamp(28px,4vw,44px)}.heroin p{color:#e4d8c5}
.case-card{background:linear-gradient(160deg,#292d3b,#131827);border:1px solid #aa86537c;border-radius:6px;overflow:hidden;box-shadow:0 14px 38px #0006;transition:transform .23s,box-shadow .23s}.case-card:hover:not(.locked){transform:translateY(-5px);box-shadow:0 18px 40px #0009,0 0 26px #c99e5730}.case-card .artwrap{height:190px}.case-card .artwrap .v2-scene{background-size:cover;filter:saturate(1.1)}.case-card:nth-child(1) .artwrap .v2-scene{background-image:url('assets/case-watch.webp')}.case-card:nth-child(2) .artwrap .v2-scene{background-image:url('assets/case-museum.webp')}.case-card:nth-child(3) .artwrap .v2-scene{background-image:url('assets/case-rain.webp')}.case-card .artwrap::after{content:'';position:absolute;inset:0;pointer-events:none;border-bottom:2px solid #dabb7e73;background:linear-gradient(0deg,#0b0e1ed9,transparent 60%)}.case-card .artwrap .overlaynum{z-index:2;background:#0a0d1bd9;border-color:#e4b9758c;color:#fff3cf}.case-card h3{font-family:'Yu Mincho',serif;font-size:21px}.case-card.locked{filter:saturate(.35)}
.roadwrap{border:1px solid #caad7680;border-radius:8px;background:linear-gradient(#181c2adf,#0d1320ef),url('assets/scene-road.webp') center/cover;box-shadow:inset 0 1px 0 #fff2,0 24px 55px #0009}.stage{background:transparent}.stageidx{font-family:Georgia,serif;color:#fff1bc;background:linear-gradient(140deg,#473321,#171823);border:1px solid #ebc57b}.stagehead{background:linear-gradient(100deg,#40312773,#1b1d2a3d);border-bottom:1px solid #bba16f85}.roadcircle{background:radial-gradient(circle at 35% 20%,#f7d692,#8f5b25)!important;color:#2a1d1b!important;box-shadow:0 0 18px #ffd47b65,inset 0 0 0 2px #fff6;border:2px solid #ffde98!important}.roadcircle.disabled{background:linear-gradient(#343746,#171c2b)!important;color:#94a1b7!important;box-shadow:none;border-color:#424f5e!important}.roadtrack .roadline{background:linear-gradient(#e5c88b,#615b5c)}.roadinfo{background:linear-gradient(100deg,#252b3b88,#191f2eaa);border:1px solid #ba936436;border-radius:6px;padding:12px 16px}
.scene{border-radius:6px;background:#121b2b;border:2px solid #c6a16cbf;box-shadow:inset 0 0 30px #0009,0 20px 40px #0008}.scene-bg .v2-scene{height:100%}.scene.large{height:clamp(390px,50vw,570px)}.scene-dim{background:linear-gradient(0deg,#070917f3 0,transparent 58%),linear-gradient(90deg,#0a122385,transparent 85%)}
.v2-portrait{height:100%;width:100%;position:relative;overflow:visible;filter:drop-shadow(-6px 6px 7px #0009);animation:v2Breath 5s ease-in-out infinite;transform-origin:bottom center}
.v2-portrait img{width:100%;height:100%;object-fit:contain;object-position:bottom center;display:block;filter:contrast(1.05) saturate(1.12)}
.v2-portrait::before{content:'';position:absolute;inset:30% 15% 0;background:radial-gradient(#eac17a33,transparent 70%);filter:blur(25px);z-index:-1}
@keyframes v2Breath{0%,100%{transform:translateY(0)}50%{transform:translateY(4px) scale(1.012)}}
.scene-portrait{height:97%;right:0%;max-width:53%}.scene-portrait .v2-portrait{height:100%;}.clientportrait .v2-portrait{min-height:220px}.courtroom{height:clamp(260px,27vw,365px);border-radius:6px;border:2px solid #c49e6f;background:#1a1c29;box-shadow:0 18px 40px #000a}.courtroom>.v2-scene{position:absolute;inset:0;opacity:.85;background-position:center 42%}.courtroom::after{background:linear-gradient(0deg,#0a0d1bfa,transparent 53%),linear-gradient(90deg,#10101c8f,transparent 60%)}.courtchar{height:96%;width:35%;bottom:-2%;filter:drop-shadow(0 9px 11px #000a);transition:transform .4s}.courtchar .v2-portrait{height:100%}.courtchar.left{left:0%;width:34%}.courtchar.right{right:2%;width:40%}.courtchar.center{left:38%;width:24%;bottom:-8%;height:65%;opacity:.9}.courttag{border:1px solid #d8b77d94;border-radius:3px;background:#0a1224e8;letter-spacing:.2em;padding:7px 15px;box-shadow:0 5px 18px #0008}
.storybox{background:linear-gradient(160deg,#182038f2,#080d1be8);border:1px solid #d1ae73bc;border-radius:4px;box-shadow:0 10px 30px #000a,inset 0 0 0 5px #d2b47a0d}.storybox::before{content:'';position:absolute;left:14px;right:14px;top:7px;height:1px;background:#d7b77a6f}.storywho{color:#ffe4ac;text-shadow:0 1px 4px #000}.storytext{color:#f6f4ee;line-height:1.8;text-shadow:0 1px 2px #000}
.testimony{background:linear-gradient(150deg,#2d2538,#121a2b);border:1px solid #d3af72a6;box-shadow:0 18px 40px #0007;position:relative}.testimony::before{content:'COURT RECORD';position:absolute;right:21px;top:-12px;color:#f8d8a1;letter-spacing:.26em;background:#2d2634;border:1px solid #bc9261;padding:2px 10px;font-size:9px}.claim{color:#fff5dc;font-family:'Yu Mincho',serif;font-size:clamp(18px,2vw,25px);line-height:1.85;background:#141b2caa;border-left:3px solid #f1d18e;padding:18px}.courtstack{gap:20px}.feedback{border:1px solid #b6ceae8f;border-radius:5px;background:#1936298e;color:#c3edcf}.feedback.bad{background:#43272d8e;color:#ffe0dd}
.evid{border:1px solid #9e8f7b66;border-radius:4px;background:linear-gradient(120deg,#273041,#151b2b);box-shadow:inset 0 1px 0 #fff1;transition:transform .16s,filter .16s}.evid:hover{transform:translateX(4px);filter:brightness(1.14);border-color:#f4ce86}.evicon{background:linear-gradient(#4c3d2a,#292a34)!important;color:#ffdba6;border:1px solid #d9b67957}.comparison{background:linear-gradient(130deg,#242132,#141d2d);border:1px solid #d3af71a1;border-radius:7px;padding:24px}.comparison select{background:#1d2737;color:#f6e6c7;border:1px solid #b4a17f}
.choice{border-radius:4px;background:linear-gradient(130deg,#2b3045,#171c2b);border:1px solid #b2997066;color:#f9f3e7;box-shadow:inset 0 1px 0 #fff1}.choice:hover{background:linear-gradient(#483b48,#25243b);border-color:#eed094}.judgefinal{background:linear-gradient(130deg,#232536,#131624);border:1px solid #d0af77;border-radius:7px}
.resultmain{max-width:880px}.verdictword.good{font-size:clamp(72px,12vw,130px);color:#f9ecc5;text-shadow:0 3px #765627,0 5px 0 #3b2d27,0 0 55px #d6be68a6;animation:v2Verdict .9s cubic-bezier(.1,1,.15,1) both}.verdictword.bad{color:#e9b9af;text-shadow:0 0 35px #ea65636c}.resultmain .panel.pad{text-align:left;background:linear-gradient(135deg,#2e292d,#111827)}@keyframes v2Verdict{0%{opacity:0;transform:scale(1.6);filter:blur(8px)}70%{opacity:1;transform:scale(.94);filter:blur(0)}100%{transform:scale(1)}}.rankup{border-radius:8px;background:radial-gradient(ellipse at 50% 34%,#e8ba6738,#121829e8 75%),url('assets/scene-rank.webp') center/cover;border:2px solid #edc57b;box-shadow:0 0 60px #edb45f31}.rankup h2{font-size:clamp(32px,5vw,53px);color:#ffedb9;text-shadow:0 3px 15px #000}.rankup .iconbig{filter:drop-shadow(0 0 35px #f7d26c);animation:float 3s ease-in-out infinite}
.lawlayout .lawgroups{background:linear-gradient(165deg,#242c3a,#111a2a);padding:10px;border:1px solid #bf9f6e91;border-radius:5px;box-shadow:0 12px 28px #0006}.lawgroup{border-radius:3px}.lawgroup.active{background:linear-gradient(130deg,#62403f,#2a2935);border-color:#ecc17f}.lawentry{border-radius:5px;background:linear-gradient(150deg,#f5edda,#dfd5bf);color:#28262a;border:1px solid #d2b27e;box-shadow:0 5px 17px #0004;transition:transform .16s,box-shadow .16s}.lawentry:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0007}.lawentry b{color:#25202b}.lawentry .eyebrow{color:#89532e}.lawentry p{color:#574e4b}.lawdetail,.lawexact{color:#26292f}.lawexact{background:#f7f3e7;box-shadow:inset 0 0 0 2px #c1a37a44;border:1px solid #b4a081;border-radius:4px;line-height:2.1}.lawlist{gap:14px}.modal{background:linear-gradient(145deg,#282638,#121b2b);border:2px solid #d7b577;box-shadow:0 30px 100px #000e,inset 0 0 0 6px #d7b57710;border-radius:6px}.modalback{backdrop-filter:blur(10px)}.modal h2{font-family:'Yu Mincho',serif;color:#ffdfb1}.paper{background:linear-gradient(165deg,#fff9e9,#e6d9bf);color:#25242e;box-shadow:0 12px 25px #0006;border:1px solid #bfaa83;transform:rotate(-.35deg)}
.v2-attack{pointer-events:none;position:fixed;z-index:300;inset:0;display:grid;place-items:center;overflow:hidden;animation:v2AttackOut 1.15s ease both}.v2-attack:before{content:'';position:absolute;inset:-35%;background:linear-gradient(125deg,transparent 32%,#f5e4b5 42%,#8e2a35 46%,#f4b879 49%,transparent 55%);transform:rotate(-12deg) scale(.1);animation:v2Slash .8s cubic-bezier(.1,.8,.2,1) both}.v2-attack strong{z-index:1;color:#fff3c6;text-shadow:0 5px #4a1922,0 8px 0 #1b1520,0 0 55px #fabb84;font:900 clamp(38px,9vw,120px)/1.1 'Yu Mincho',serif;letter-spacing:.1em;transform:rotate(-6deg);animation:v2Slam .7s cubic-bezier(.14,1.5,.22,1) both;white-space:nowrap}.v2-attack small{z-index:2;position:absolute;bottom:22%;font-weight:900;letter-spacing:.4em;color:#fff3cc;text-shadow:0 3px 5px #000}.v2-evidenceflash{position:fixed;z-index:300;left:50%;top:13%;transform:translateX(-50%);background:linear-gradient(115deg,#e9c787,#bd8b48);color:#281b1d;border:3px double #ffedba;box-shadow:0 14px 35px #000c,0 0 30px #e6c5764a;padding:15px 30px;font-weight:900;letter-spacing:.13em;font-size:clamp(14px,2.5vw,22px);pointer-events:none;animation:v2Toast 1.4s ease both}
@keyframes v2Slash{0%{transform:rotate(-12deg) translate(-50%,50%) scale(.2)}60%{transform:rotate(-12deg) translate(0,0) scale(1)}100%{transform:rotate(-12deg) translate(30%,-20%) scale(1.2)}}@keyframes v2Slam{0%{opacity:0;transform:scale(2.5) rotate(-8deg);filter:blur(14px)}55%{opacity:1;transform:scale(.94) rotate(-6deg);filter:blur(0)}100%{transform:scale(1) rotate(-6deg)}}@keyframes v2AttackOut{0%,75%{opacity:1}100%{opacity:0}}@keyframes v2Toast{0%{opacity:0;transform:translate(-50%,-35px) scale(.8)}20%,80%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-20px)}}
.screen-enter{animation:v2ScreenEntry .38s ease both}@keyframes v2ScreenEntry{from{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.v2-settingsrow{display:grid;grid-template-columns:1fr 140px;align-items:center;gap:12px;margin:14px 0;color:#f3deb6}.v2-settingsrow input{accent-color:#eac37f;max-width:100%}
@media(max-width:760px){.v2-title{align-items:stretch;display:block;padding:0}.v2-title-stage{display:none}.v2-splash-mobile{display:flex;min-height:100svh;flex-direction:column;justify-content:flex-end;background:radial-gradient(ellipse at 50% 0%,#47313b,#111521 60%);position:relative;isolation:isolate;overflow:hidden;padding:26px 22px max(34px,env(safe-area-inset-bottom))}.v2-splash-mobile:before{content:'';position:absolute;inset:0 0 25%;background:url('assets/cast-alt.webp') 37% 18%/cover no-repeat;z-index:-2;filter:saturate(1.1)}.v2-splash-mobile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090d19 3%,#10172aee 37%,transparent 85%);z-index:-1}.v2-mobile-brand{font:900 clamp(55px,15vw,88px)/1.1 'Yu Mincho',serif;color:#fff0c7;text-shadow:0 5px 2px #513321,0 12px 20px #000d;letter-spacing:.16em}.v2-mobile-sub{font:700 11px Georgia,serif;letter-spacing:.45em;color:#edbf71}.v2-mobile-caption{font-size:13px;color:#e8d4bc;letter-spacing:.05em;margin:10px 0 25px}.v2-mobile-menu{display:grid;gap:11px}.v2-mobile-menu .btn{font-size:16px;min-height:57px;width:100%}.v2-mobile-ver{font-size:10px;color:#b5a790;letter-spacing:.18em;margin-top:24px;text-align:center}.v2-mobile-settings{position:absolute;top:20px;right:20px;border:1px solid #efd38b;border-radius:4px;background:#101523d5;color:#ffe6b9;padding:8px 15px}.heroart{width:100%;mask-image:linear-gradient(0deg,transparent 0%,#000 60%);opacity:.32}.heroin{padding:34px 23px}.hero{min-height:350px}.scene-portrait{max-width:68%;right:-12%;height:73%}.courtroom{height:235px}.courtchar{height:93%}.courtchar.left{width:40%}.courtchar.right{width:49%;right:-3%}.courtchar.center{width:30%;left:36%}.courtstack{grid-template-columns:1fr}.scene.large{height:435px}.roadwrap{background-position:45% center}.v2-portrait img{object-fit:contain}.panel.pad{padding:17px}}
@media(max-width:560px){.headerin{height:63px;padding:0 11px}.brandmark{height:36px;width:36px;font-size:20px}.brandtext{font-size:14px}.nav button{min-height:34px;padding:7px}.headright{gap:2px}.case-card .artwrap{height:195px}.scene-portrait{right:-17%;max-width:80%;height:70%}.courtroom{height:205px}.courtchar.center{height:58%}.sectiontop h1{font-size:29px}.v2-settingsrow{grid-template-columns:1fr 100px}}
@media(prefers-reduced-motion:reduce){.v2-scene,.v2-portrait,.v2-title-stage img,.screen-enter,.v2-attack,.v2-attack:before,.v2-attack strong,.v2-evidenceflash{animation:none!important}}

/* Final polish: remove embedded interface lettering from background painting without obscuring interactive content */
.courtroom>.v2-scene{filter:blur(4px) saturate(.75) brightness(.68);transform:scale(1.045)}
.v2-scene-museum{background-image:url("assets/scene-museum.webp")}
.v2-scene-rain{background-image:url("assets/scene-rain.webp");filter:none}
.v2-scene-rain::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(104deg,transparent 0,transparent 31px,#abd3f01e 33px,transparent 35px);animation:v2Rain 2s linear infinite;opacity:.7}
@keyframes v2Rain{to{background-position:-160px 340px}}

.courtroom>.v2-scene{filter:blur(13px) saturate(.5) brightness(.37);transform:scale(1.1)}
@media(max-width:560px){.heroin h1{font-size:26px;line-height:1.45}.heroin p{font-size:13px}.small{font-size:12px}.courtroom>.v2-scene{filter:blur(8px) saturate(.6) brightness(.45)}}

/* ===== Ver.2.1 quality hotfix ===== */
.v2-title-fixed{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 0%,#24314a 0,#0a0d16 55%)}
.v2-title-bg,.v2-title-overlay{position:absolute;inset:0}
.v2-title-bg .v2-scene-clean{height:100%;opacity:.95}
.v2-title-overlay{background:linear-gradient(90deg,rgba(5,9,16,.38) 0%,rgba(5,9,16,.22) 40%,rgba(7,11,18,.76) 100%),linear-gradient(180deg,transparent 0%,rgba(5,9,16,.18) 60%,rgba(5,9,16,.85) 100%);pointer-events:none}
.v2-title-shell{position:relative;z-index:2;max-width:1320px;margin:0 auto;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) 480px;gap:28px;align-items:center;padding:28px}
.v2-title-visual{position:relative;min-height:720px}
.v2-title-cast{position:absolute;bottom:0;pointer-events:none}
.v2-title-cast .v2-portrait{height:100%;animation:v2Breath 5.3s ease-in-out infinite}
.v2-title-cast.attorney{left:16%;height:64%;width:44%;z-index:4}
.v2-title-cast.mentor{left:-3%;height:72%;width:40%;z-index:2;opacity:.97;filter:brightness(.92)}
.v2-title-cast.assistant{left:-2%;height:43%;width:26%;z-index:3}
.v2-title-cast.judge{right:-1%;height:57%;width:31%;z-index:1;opacity:.88;filter:brightness(.85) saturate(.9)}
.v2-title-ui{position:relative;padding:34px 30px;border-radius:24px;background:linear-gradient(180deg,rgba(13,20,33,.88),rgba(12,17,29,.95));border:1px solid rgba(228,189,118,.24);backdrop-filter:blur(14px);box-shadow:0 30px 70px rgba(0,0,0,.35)}
.v2-title-kicker{font-size:11px;letter-spacing:.42em;font-weight:900;color:var(--gold2);margin-bottom:12px}
.v2-title-logo{margin:0;font:900 clamp(48px,7vw,78px)/1.05 'Yu Mincho','Hiragino Mincho ProN',serif;letter-spacing:.14em;color:#fff9ea;text-shadow:0 5px 20px rgba(0,0,0,.45)}
.v2-title-sub{margin-top:8px;color:var(--gold);font:800 14px/1.2 Georgia,serif;letter-spacing:.36em}
.v2-title-copy{margin:26px 0 18px;font-size:clamp(18px,2.1vw,28px);line-height:1.6;color:#f6edd8;text-shadow:0 4px 10px rgba(0,0,0,.25)}
.v2-title-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}
.v2-title-menu{display:grid;gap:12px}
.v2-title-btn{min-height:58px;justify-content:flex-start;padding-inline:20px;font-size:16px;border-radius:14px}
.v2-title-foot{margin-top:20px;padding-top:16px;border-top:1px solid rgba(228,189,118,.16);font-size:12px;color:#c2c9d5;line-height:1.8}
.v2-scene-clean{position:relative;width:100%;height:100%;display:block;overflow:hidden}
.v2-scene-clean svg{width:100%;height:100%;display:block;animation:v2Appear .7s ease both}
.v2-scene-clean-shadow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,10,18,.04) 0%,rgba(5,10,18,.12) 60%,rgba(5,10,18,.28) 100%)}
.heroart .v2-scene-clean,.scene-bg .v2-scene-clean,.spotart>.v2-scene-clean,.clientportrait>.v2-scene-clean,.artwrap>.v2-scene-clean{height:100%}
.courtroom>.v2-scene-clean{position:absolute;inset:0;opacity:.98}
.courtroom>.v2-scene-clean svg{filter:blur(1px) saturate(.92) brightness(.82);transform:scale(1.03);transform-origin:center center}
.clientportrait,.spotart,.artwrap,.scene.large,.hero,.courtroom{isolation:isolate}
.clientportrait>.v2-scene-clean::after,.spotart>.v2-scene-clean::after,.scene-bg>.v2-scene-clean::after,.heroart>.v2-scene-clean::after,.artwrap>.v2-scene-clean::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,20,.04),rgba(7,12,20,.18) 65%,rgba(7,12,20,.3));pointer-events:none}
.clientportrait>.v2-scene-clean svg,.spotart>.v2-scene-clean svg,.scene-bg>.v2-scene-clean svg,.heroart>.v2-scene-clean svg,.artwrap>.v2-scene-clean svg{filter:saturate(1.02) brightness(.92)}
.spotart .hotspot{z-index:4;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:2px solid rgba(244,222,177,.82);background:radial-gradient(circle at 35% 30%,#ffebc7,#c79042 70%);box-shadow:0 0 0 6px rgba(248,220,165,.12),0 8px 18px rgba(0,0,0,.34);font-weight:900;color:#17202d}
.spotart .hotspot.found{background:radial-gradient(circle at 35% 30%,#e5fff6,#5eb99f 70%);border-color:#d3ffef}
.v2-portrait img{image-rendering:auto}
.v2-person-attorney img,.v2-person-prosecutor img,.v2-person-judge img{filter:contrast(1.06) saturate(1.06)}
@media(max-width:1100px){.v2-title-shell{grid-template-columns:1fr;align-items:end;padding:20px}.v2-title-visual{min-height:460px}.v2-title-ui{max-width:760px;margin:0 auto 10px}.v2-title-cast.attorney{left:21%;height:65%;width:40%}.v2-title-cast.mentor{left:2%;height:69%;width:32%}.v2-title-cast.assistant{left:3%;height:40%;width:22%}.v2-title-cast.judge{right:2%;height:52%;width:25%}}
@media(max-width:760px){.v2-title-shell{padding:14px;gap:0;display:block}.v2-title-visual{min-height:54svh;margin-bottom:-10px}.v2-title-ui{padding:24px 18px 20px;border-radius:22px}.v2-title-kicker{font-size:10px;letter-spacing:.28em}.v2-title-logo{font-size:50px}.v2-title-sub{font-size:12px;letter-spacing:.3em}.v2-title-copy{font-size:18px;margin:18px 0 14px}.v2-title-btn{min-height:54px;font-size:15px}.v2-title-cast.attorney{left:23%;height:63%;width:58%}.v2-title-cast.mentor{left:-8%;height:64%;width:44%}.v2-title-cast.assistant{left:-3%;height:33%;width:28%}.v2-title-cast.judge{right:-8%;height:43%;width:35%}.spotart .hotspot{width:38px;height:38px}}
@media(max-width:480px){.v2-title-shell{padding:10px}.v2-title-visual{min-height:47svh}.v2-title-logo{font-size:42px}.v2-title-copy{font-size:16px}.v2-title-ui{padding:20px 14px 18px}.v2-title-meta{gap:6px}.v2-title-cast.attorney{left:20%;width:63%}.v2-title-cast.mentor{left:-12%;width:49%}.v2-title-cast.assistant{left:-5%;width:33%}.v2-title-cast.judge{display:none}}


/* === 2.2: remove every leftover UI screenshot as a decorative background === */
body::before{background-image:none!important;opacity:0!important}
.roadwrap{background-image:linear-gradient(160deg,#172339ee,#0a1222ee)!important}
.rankup{background-image:radial-gradient(ellipse at center,#bf925044,#121829 70%)!important}
.v2-title-cast .v2-portrait-vector svg,.v2-portrait-vector svg{width:100%;height:100%;display:block;max-width:none;filter:drop-shadow(0 9px 15px #0008)}
.v2-portrait-vector{overflow:visible!important;isolation:isolate}
.v2-portrait-vector>svg{position:absolute;inset:0}
.v2-portrait-vector .character{height:100%;width:100%;max-width:100%}
.v22-interview-game{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:16px;min-height:560px;margin-top:18px;margin-bottom:24px}
.v22-interview-scene{position:relative;min-height:540px;overflow:hidden;background:#131c2e;border:1px solid #d5ac7190;border-radius:8px;isolation:isolate;box-shadow:0 25px 65px #0008}
.v22-interview-backdrop{position:absolute;inset:0;z-index:-2}
.v22-interview-backdrop svg{filter:saturate(1.05) brightness(.86)}
.v22-interview-light{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 62% 17%,#fff0c629,transparent 45%),linear-gradient(0deg,#060a17cf 0%,transparent 48%)}
.v22-interview-sprite{position:absolute;bottom:85px;left:25%;height:83%;width:52%;filter:drop-shadow(0 15px 18px #0009);animation:v2Breath 5s ease-in-out infinite}
.v22-interview-sprite .v2-portrait{width:100%;height:100%;position:relative}
.v22-interview-chapter{position:absolute;left:20px;top:17px;background:#0d1324da;border:1px solid #d9b98290;padding:6px 11px;font-size:10px;letter-spacing:.1em;color:#f8dda6}
.v22-interview-chapter strong{color:#fff;letter-spacing:.24em;margin-left:12px;font-size:9px}
.v22-interview-dialog{position:absolute;bottom:13px;left:13px;right:13px;border:1px solid #e8bf76;background:linear-gradient(165deg,#171f35f2,#0c1326f5);border-radius:5px;min-height:143px;padding:22px 19px 12px;box-shadow:0 10px 20px #0009}
.v22-speaker{position:absolute;top:-17px;left:16px;padding:5px 18px;background:linear-gradient(#835237,#3b2d2d);border:1px solid #edca8b;border-radius:3px;font-size:17px;color:#fff3d3;font-weight:900;box-shadow:0 5px 10px #0007}
.v22-speaker small{font-size:10px;color:#e3c7aa;margin-left:8px;font-weight:500}
.v22-dialog-text{font-size:16px;line-height:1.85;color:#fff9ed;min-height:57px}
.v22-dialog-help{margin-top:10px;color:#d6bd92;letter-spacing:.06em;font-size:11px}
.v22-interview-controls{background:linear-gradient(160deg,#242c40,#101727);border:1px solid #b59a7666;border-radius:8px;padding:24px;display:flex;flex-direction:column;box-shadow:inset 0 1px 0 #fff1}
.v22-controls-head{display:flex;justify-content:space-between;align-items:center;gap:15px}
.v22-interview-controls h2{font:900 25px/1.45 'Yu Mincho','Hiragino Mincho ProN',serif;color:#ffefd1;margin:17px 0 5px}
.v22-interview-controls p{font-size:12px;color:#b8c4d4;margin:0 0 22px}
.v22-question-stack{display:grid;gap:10px}
.v22-question{border:1px solid #c1a26b77;background:linear-gradient(135deg,#253249,#182439);border-radius:5px;min-height:70px;padding:15px 12px;display:flex;gap:13px;align-items:center;text-align:left;color:#fff6e4;font-size:14px;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
.v22-question:hover{transform:translateX(-3px);background:#33415a;border-color:#f0c782}
.v22-question:focus-visible{outline:3px solid #f2d59b;outline-offset:3px}
.v22-question.answered{border-color:#84d5b688;color:#dbfaed}
.v22-qnum{color:#f1cf91;font:700 14px Georgia,serif;border-right:1px solid #bba37366;padding-right:10px}
.v22-qarrow{margin-left:auto;color:#f3ca7c;font-size:20px}
.v22-learning-tip{margin-top:auto;padding:16px 3px;display:flex;gap:6px;flex-direction:column;font-size:12px;color:#b1bdd0}
.v22-learning-tip strong{color:#edc584;font-size:12px}
.v22-next-investigation{width:100%;min-height:56px;font-size:15px}
@media(max-width:970px){.v22-interview-game{grid-template-columns:1fr}.v22-interview-scene{min-height:440px}.v22-interview-sprite{height:85%;width:45%;left:29%}.v22-interview-controls{padding:18px}.v22-learning-tip{margin-top:10px}}
@media(max-width:540px){.v22-interview-scene{min-height:405px}.v22-interview-sprite{width:67%;height:81%;left:19%;bottom:88px}.v22-interview-dialog{padding:22px 14px 10px;min-height:137px}.v22-dialog-text{font-size:14px}.v22-speaker{font-size:15px}.v22-speaker small{font-size:9px}.v22-question{min-height:59px;font-size:13px}.v22-interview-chapter{left:9px;top:10px}.v22-interview-controls h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.v22-interview-sprite{animation:none}}

/* Title character illustration is decorative only: NO embedded controls or hit boxes. */
.v22-title-keyart{position:absolute;inset:0;background:url('./assets/title-cast-clean.webp') center bottom / contain no-repeat;mask-image:linear-gradient(0deg,transparent 0%,black 16%,black 86%,transparent 100%);filter:drop-shadow(0 15px 25px #000c);animation:v2Appear 1s ease both;pointer-events:none}
@media(max-width:760px){.v22-title-keyart{background-size:contain;background-position:center bottom}}