:root{color-scheme:dark;--ink:#111d33;--panel:#142238;--paper:#f3f5fa;--muted:#b6c4d8;--line:#a5b7d440;--accent:#baceec;--danger:#d59196;--body:system-ui,-apple-system,"Yu Gothic UI","Yu Gothic",sans-serif;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;font-family:var(--body);font-size:16px;color:var(--paper);background:var(--ink)}
.dialogue-box{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}#dialogue-text{flex:0 0 auto;text-align:left}
dialog[open]{display:flex;flex-direction:column;overflow:hidden}.panel-head{flex:none}.panel-copy{overflow-y:auto;overscroll-behavior:contain;min-height:0}.log-panel .panel-copy{scrollbar-gutter:stable;padding-right:.7rem}.log-panel .log-entry:first-child{padding-top:0}
[hidden]{display:none!important}#dialogue-text{max-height:calc(100dvh - 280px);overflow-y:auto;overscroll-behavior:contain}.choice-list{max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain}
*{box-sizing:border-box}body{margin:0!important;overflow:hidden!important;touch-action:manipulation}button,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:1px solid var(--line);border-radius:3px;padding:.8rem 1.1rem;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#c9dcf11a;border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d7e7ff;outline-offset:4px}button:disabled{cursor:default;opacity:.35}button.primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}button.primary:hover{background:#cbd9ee}button.danger{border-color:#d5919677}a{color:var(--accent)}h1,h2,h3,p{margin:0}p{line-height:1.8}small{font-size:.8rem}#tyrano_base,#vchat_base{visibility:hidden!important;pointer-events:none!important}#novel{position:fixed;inset:0;z-index:10;isolation:isolate;overflow:hidden;min-height:0;background:var(--ink)}.loading{display:grid;place-content:center;height:100%;gap:1rem;text-align:center}.eyebrow{font-size:.85rem;letter-spacing:.2em;color:var(--muted)}.scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c192fed 0%,#12213bb0 40%,#14223811 80%);z-index:-1}.title-art{position:absolute;height:125%;width:auto;right:8%;top:0;z-index:-2;object-fit:contain;filter:drop-shadow(0 12px 20px #07101c50)}.title-screen{height:100%;padding:6vh 7vw;display:flex;flex-direction:column;justify-content:center;gap:2rem}.title-screen h1{font-family:var(--serif);font-size:clamp(3rem,6vw,6.8rem);letter-spacing:.12em;font-weight:500;line-height:1.3;text-shadow:0 2px 30px #0004}.title-nav{display:grid;gap:.6rem;width:min(290px,70vw)}.title-nav button{text-align:left;padding:1rem 1.3rem;background:#0c192f77}.title-nav button.primary{background:var(--paper)}.title-foot{position:absolute;left:7vw;bottom:3vh;display:flex;gap:1.4rem;align-items:center;color:var(--muted);font-size:.8rem}.title-foot button{border:0;padding:0;font-size:.8rem;text-decoration:underline}.screen{height:100%;overflow:auto;padding:3rem max(5vw,1rem);background:linear-gradient(135deg,#111d33,#233651)}.screen-header{max-width:1000px;margin:0 auto 2rem;display:flex;justify-content:space-between;align-items:start;gap:1rem}.screen-header h1{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.7rem);font-weight:500}.screen-header p{color:var(--muted);margin-top:.5rem}.portrait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;max-width:650px;margin:auto}.portrait{padding:0;overflow:hidden;background:#eceff5;color:var(--ink);position:relative}.portrait img{display:block;width:100%;height:min(44vh,400px);object-fit:cover;object-position:center 18%}.portrait span{display:block;padding:.75rem 1rem;background:#e8edf5}.portrait[aria-pressed=true]{outline:4px solid var(--accent);outline-offset:4px}.setup-actions{max-width:650px;margin:1.8rem auto 0;display:grid;gap:1rem}.setup-actions .other{min-height:56px}.setup-actions .commit{display:flex;justify-content:flex-end;gap:1rem}.plain-copy{max-width:650px;margin:auto}.plain-copy p{margin:1rem 0}dialog{color:var(--paper);background:#152238;border:1px solid var(--line);border-radius:6px;width:min(720px,92vw);max-height:86dvh;padding:1.7rem;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#07101dba;backdrop-filter:blur(6px)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.3rem;gap:1rem}.panel-head h2{font-family:var(--serif);font-weight:500}.panel-copy p{margin:.8rem 0;color:var(--muted)}#toast{position:fixed;z-index:20000;left:50%;bottom:1.5rem;transform:translateX(-50%);background:#edf3ff;color:var(--ink);border-radius:4px;padding:.8rem 1.2rem;pointer-events:none;opacity:0;transition:opacity .2s;max-width:90vw}#toast.visible{opacity:1}
@media(max-width:650px){.title-art{right:-40%;height:100%;top:8%}.shade{background:linear-gradient(90deg,#0c192ff0,#14223888 65%,#14223820)}.title-screen{padding:4rem 7vw;gap:2rem}.title-screen h1{font-size:3rem}.title-foot{bottom:1.5rem;gap:.6rem;flex-wrap:wrap}.screen{padding:1.5rem 1rem}.screen-header{margin-bottom:1.3rem}.portrait-grid{gap:1rem}.portrait img{height:34vh}.portrait span{padding:.6rem}.setup-actions{margin-top:1.4rem}dialog{padding:1rem}}
.gender-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.2rem}.gender-card{padding:0;overflow:hidden;background:#edf0f6;color:var(--ink);border:2px solid transparent;display:flex;flex-direction:column}.gender-card[aria-pressed=true]{outline:3px solid #d9e8ff;outline-offset:3px}.atlas-portrait{display:block;width:100%;aspect-ratio:1;background-image:url('../assets/avatar-atlas-white.png');background-size:600% 900%;background-position:var(--portrait-x) var(--portrait-y);background-repeat:no-repeat}.race-black{background-image:url('../assets/avatar-atlas-black.png')}.race-asian{background-image:url('../assets/avatar-atlas-asian.png')}.race-hispanic{background-image:url('../assets/avatar-atlas-hispanic.png')}.gender-name{padding:.65rem .4rem;line-height:1.5;font-size:.875rem;min-height:3.8rem;display:grid;place-content:center;width:100%;overflow-wrap:anywhere}.list-actions{max-width:1100px;margin:2rem auto 0;border-top:1px solid var(--line);padding:1.5rem 0;display:flex;gap:1rem;align-items:center;justify-content:flex-end}.list-actions p{margin-right:auto;color:var(--muted)}.race-grid{max-width:850px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.3rem}.selection-summary{max-width:850px;margin:0 auto 1.4rem;color:var(--muted)}
.play-screen{height:100%;position:relative;isolation:isolate}.play-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(#08132466,transparent 24%,transparent 48%,#06102066)}.friend-sprite{position:absolute;height:122%;width:auto;max-width:none;top:5%;left:50%;transform:translateX(-50%);object-fit:contain;z-index:-1;filter:brightness(.9);transition:filter .2s}.friend-sprite.speaking{filter:brightness(1)}.play-top{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2rem;gap:1rem;text-shadow:0 1px 5px #000a;background:linear-gradient(#101d35bb,#101d3530)}.play-top>div:first-child{display:flex;align-items:center;gap:1rem}.social-evaluation{display:flex;align-items:center;gap:.6rem;font-size:.8rem}.social-evaluation meter{width:100px;height:7px;appearance:none;border:1px solid #bfcee380;border-radius:0;background:#09142a}.social-evaluation meter::-webkit-meter-bar{background:#09142a;border:0;border-radius:0}.social-evaluation meter::-webkit-meter-optimum-value{background:#b3c9e7}.play-controls{position:absolute;inset:auto 0 0;min-height:48px;display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.3rem 3vw max(.3rem,env(safe-area-inset-bottom));background:#101c31f2}.play-controls button{border:0;font-size:.8rem;padding:.6rem .8rem;letter-spacing:.1em}.play-controls button[aria-pressed=true]{color:#fff;background:#ffffff25}.dialogue-box{position:absolute;left:6%;right:6%;bottom:64px;width:88%;min-height:185px;padding:2.5rem 2.6rem 2rem;text-align:left;background:#11213af2;border:1px solid #b7c9e56b;border-top:3px solid #c1d0e7;box-shadow:0 10px 60px #08132480;color:#f4f6fb;cursor:pointer}.dialogue-box:hover:not(:disabled){background:#11213af2}.speaker{position:absolute;top:-1.35rem;left:2rem;padding:.4rem 1.5rem;background:#dbe5f3;color:#102039;font-size:.95rem;letter-spacing:.05em;min-width:90px;text-align:center}.speaker:empty{display:none}#dialogue-text{display:block;white-space:pre-wrap;line-height:1.85;font-size:clamp(1rem,1.7vw,1.3rem);letter-spacing:.025em}.narration #dialogue-text{font-family:var(--serif)}.next-marker{position:absolute;bottom:1rem;right:1.5rem;color:var(--muted)}.choice-list{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%);width:min(780px,88%);display:grid;gap:.85rem}.choice{display:flex;align-items:center;text-align:left;background:#14253feF;border:1px solid #c2d2e3a0;min-height:66px;font-size:1.02rem;line-height:1.6;padding:1rem 1.5rem;box-shadow:0 3px 25px #07102444}.choice:hover:not(:disabled){background:#2d4563f5}.choice-number{color:#acbfd8;margin-right:1.3rem;font-size:.8rem;letter-spacing:.1em}.choice.danger{border-color:#c9858988;background:#302332f2}.act-card{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.3rem;border:0;border-radius:0;background:#101e34df;font-family:var(--serif);font-size:2rem}.act-card .eyebrow{font-family:var(--body);font-size:1rem;letter-spacing:.35em}.act-card small{margin-top:1rem;font: .8rem var(--body);color:var(--muted)}.blackout{position:absolute;inset:0;z-index:100;background:#000}
.gameover-screen{height:100%;overflow:auto;background:radial-gradient(ellipse at top,#302330,#0e192d 75%);padding:4vh 5vw;display:grid;align-items:center}.gameover-content{max-width:740px;width:100%;margin:auto;border-left:2px solid #c78089;padding:1rem 0 1rem 2.2rem}.gameover-content h1{font-family:var(--serif);font-size:clamp(2rem,4.6vw,4.4rem);line-height:1.4;margin:1rem 0 1.5rem;font-weight:500}.verdict p{white-space:pre-line;line-height:1.95;margin:1.2rem 0;font-size:1rem}.apology{margin-top:1rem;min-width:270px;background:linear-gradient(90deg,#884e63 var(--apology,0%),#ffffff0d var(--apology,0%));border-color:#cd94a099;user-select:none}.apology-count{margin-top:.8rem;color:var(--muted);font-size:.85rem}.ending-screen{position:relative;height:100%;overflow:auto;isolation:isolate}.ending-art{position:fixed}.ending-shade{position:fixed;inset:0;background:linear-gradient(90deg,#0c192ffa 0%,#0c192fed 29%,#0c192f88 53%,transparent 76%);z-index:-1}.ending-copy{min-height:100%;width:min(680px,56%);padding:5vh 4vw;display:flex;flex-direction:column;justify-content:center}.ending-copy h1{font-family:var(--serif);font-size:clamp(1.7rem,3.5vw,3.5rem);font-weight:500;line-height:1.5;margin:.8rem 0 1rem}.ending-context p{font-family:var(--serif);font-size:.9rem;white-space:pre-line;color:var(--muted)}.ending-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}#restore-copy{position:fixed;bottom:2rem;right:2rem;background:#111d33dd}.dialog-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.menu-actions,.save-list,.record-list{display:grid;gap:.7rem}.save-slot{display:flex;gap:1rem;text-align:left;align-items:center;min-height:82px}.save-slot strong{font-size:.95rem;font-weight:500}.save-slot small{display:block;color:var(--muted);margin-top:.45rem}.slot-number{font-size:.8rem;letter-spacing:.07em;color:var(--muted);min-width:64px}.save-note{font-size:.85rem}.record-row{text-align:left}.setting-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:1.5rem 0}.setting-row select{font:inherit;background:var(--ink);color:var(--paper);padding:.5rem;border:1px solid var(--line)}.setting-row input{accent-color:var(--accent)}.log-entry{border-bottom:1px solid var(--line);padding:.75rem 0}.log-entry strong{font-size:.85rem;color:var(--accent)}.log-entry p{white-space:pre-line}.remodal-wrapper{z-index:30000}.vmouse{display:none!important}
@media(max-width:900px){.gender-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.friend-sprite{height:115%;top:9%}.ending-copy{width:65%;padding:4vh 4vw}.ending-copy .verdict p{font-size:.95rem}.ending-shade{background:linear-gradient(90deg,#0c192ff5,#0c192fd9 45%,#0c192f50 85%)}}
@media(max-width:650px){.gender-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.gender-name{font-size:.8rem;min-height:4rem}.list-actions{flex-wrap:wrap;justify-content:stretch}.list-actions p{width:100%}.list-actions button{flex:1}.race-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-top{padding:.9rem 1rem}.play-top>div:first-child{gap:.65rem}.social-evaluation meter{width:65px}.friend-sprite{height:91%;top:12%}.dialogue-box{left:4%;right:4%;width:92%;bottom:57px;min-height:220px;padding:1.7rem 1.2rem 1.7rem}.speaker{left:1rem;font-size:.85rem}.play-controls{justify-content:space-around;gap:0;padding:.3rem}.play-controls button{font-size:.75rem;padding:.6rem .55rem}.choice-list{width:92%;gap:.65rem;max-height:calc(100dvh - 150px);overflow:auto}.choice{font-size:.95rem;padding:.8rem 1rem;min-height:65px}.choice-number{margin-right:.8rem}.gameover-screen{padding:2rem 1.3rem}.gameover-content{padding-left:1rem}.gameover-content h1{font-size:1.9rem}.verdict p{font-size:.95rem}.ending-copy{width:100%;padding:3rem 1.5rem;justify-content:flex-end;background:linear-gradient(transparent,#0c192fcf 17%,#0c192ff5 70%)}.ending-shade{background:#0c192f35}.ending-art{object-position:58% center}.ending-copy h1{font-size:2rem}.ending-copy .eyebrow{padding-top:13vh}}
@media(max-height:560px) and (min-width:651px){.dialogue-box{bottom:50px;min-height:135px;padding:1.8rem 2rem 1.2rem}.choice{min-height:42px;padding:.6rem 1rem;font-size:.9rem}.choice-list{gap:.6rem}.play-top{padding:.5rem 1.5rem}.ending-copy{padding:1.5rem 3rem}.ending-copy h1{font-size:1.8rem}.ending-copy .verdict p{font-size:.85rem;margin:.6rem 0}.ending-actions{margin-top:.7rem}.gameover-content h1{font-size:2rem;margin:.5rem 0}.gameover-content .verdict p{font-size:.85rem;margin:.5rem 0}}
.interlude{background:#0b1526}.sns-photo{position:absolute;margin:0;width:min(700px,82%);height:calc(100% - 380px);top:90px;left:50%;transform:translateX(-50%);background:#1d2c43;border:1px solid var(--line);padding:.8rem;display:flex;flex-direction:column;gap:.6rem}.sns-photo figcaption{font-size:.8rem;letter-spacing:.2em;color:var(--muted)}.sns-photo img{width:100%;height:calc(100% - 30px);object-fit:contain;min-height:0}
@media(max-width:650px){.sns-photo{top:85px;height:calc(100% - 405px);width:92%;padding:.65rem}}
@media(max-height:560px) and (min-width:651px){.sns-photo{top:58px;height:calc(100% - 240px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.companion-sprite{position:absolute;height:119%;width:auto;max-width:none;top:5%;left:27%;transform:translateX(-50%);z-index:-1;filter:brightness(.88);pointer-events:none}.companion-sprite.speaking{filter:brightness(1)}.with-companion .friend-sprite{left:67%}.pursuit-stage .friend-sprite{left:49%;height:112%;top:9%}.pursuit-stage .companion-sprite{left:13%;height:100%;top:16%}.video-inset{position:absolute;top:80px;left:50%;transform:translateX(-50%);height:260px;width:300px;overflow:hidden;background:linear-gradient(135deg,#66798e,#d0d9e1);border:5px solid #142238;border-radius:6px;box-shadow:0 10px 40px #0006;z-index:1}.video-inset figcaption{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:.4rem .8rem;background:#152238e8;font-size:.85rem}.video-inset img{width:100%;height:auto;transform:scale(1.5);transform-origin:50% 0}
@media(max-width:900px){.companion-sprite{height:112%;top:9%}.with-companion .friend-sprite{left:68%}}
@media(max-width:650px){.companion-sprite{height:84%;top:12%;left:19%}.with-companion .friend-sprite{left:71%;height:87%;top:12%}.pursuit-stage .friend-sprite{left:48%;height:83%;top:13%}.pursuit-stage .companion-sprite{left:7%;height:76%;top:17%}.video-inset{width:190px;height:175px;top:70px;left:47%}}
.gender-card:hover:not(:disabled),.gender-card[aria-pressed=true]{background:#dce5f2;color:var(--ink)}
@media(max-width:650px){.video-inset{width:160px;height:140px;top:34dvh;left:50%}.pursuit-stage>.scene-bg{object-position:95% center}.pursuit-stage .friend-sprite{left:22%;height:78%;top:17%}.pursuit-stage .companion-sprite{left:2%;height:62%;top:26%}}