:root{--ui-color-accent:#c7a45b;--ui-color-background:#100d12;--ui-color-danger:#a13a4d;--ui-color-ink:#171014;--ui-color-line:#c7a45b55;--ui-color-muted:#b9adb3;--ui-color-primary:#7e2636;--ui-color-secondary:#4a2b35;--ui-color-surface:#24141d;--ui-color-text:#f2e8d8;--ui-color-violet:#30202a;--ui-typography-body:"PingFang SC", "Noto Sans SC", sans-serif;--ui-typography-display:"Songti SC", "STSong", "Noto Serif SC", serif;--ui-typography-latin:Georgia, "Times New Roman", serif;--ui-shape-border-width:1px;--ui-shape-radius:2px;--ui-shape-shadow:0 14px 38px #0006;--ui-motion-easing:cubic-bezier(.22,.75,.24,1);--ui-motion-fast-ms:.16s;--ui-motion-normal-ms:.42s;font-family:var(--ui-typography-body);color:var(--ui-color-text);background:var(--ui-color-background);font-synthesis:none;--night:var(--ui-color-background);--plum:var(--ui-color-surface);--violet:var(--ui-color-violet);--pink:var(--ui-color-primary);--gold:var(--ui-color-accent);--rose:var(--ui-color-danger);--pearl:var(--ui-color-text);--ink:var(--ui-color-ink);--muted:var(--ui-color-muted);--line:var(--ui-color-line);--display:var(--ui-typography-display);--latin:var(--ui-typography-latin);--shadow:var(--ui-shape-shadow)}*{box-sizing:border-box}html{background:var(--night)}body{background:radial-gradient(circle at 50% -12%, #5a354024 0, transparent 34rem), linear-gradient(145deg, #090709, var(--night) 58%, #1b1115);min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.archive-shell,.stage-shell{background:linear-gradient(155deg, #25171c 0%, var(--night) 48%, #160f12 100%);border-inline:1px solid #c7a45b24;width:min(100%,430px);min-height:100dvh;margin:0 auto;animation:.55s cubic-bezier(.22,.8,.35,1) both shell-arrival;position:relative;overflow:hidden;box-shadow:0 20px 90px #000c}.archive-shell:before,.stage-shell:before{content:"";z-index:0;pointer-events:none;opacity:.2;background:linear-gradient(30deg,#0000 49.5%,#c7a45b0d 50%,#0000 50.5%) 0 0/72px 72px,radial-gradient(circle at 82% 12%,#7e263625,#0000 24%),radial-gradient(circle at 12% 44%,#c7a45b0d,#0000 28%);position:absolute;inset:0}.archive-header{z-index:1;border-bottom:2px solid var(--pink);grid-template-columns:minmax(0,1fr) 118px;align-items:center;gap:12px;min-height:226px;padding:34px 22px 24px;display:grid;position:relative}.archive-copy p,.hub-header p,.objective-card small,.result-screen small,.review-header p,.evidence-thesis small{color:var(--gold);font:italic 10px/1.5 var(--latin);letter-spacing:.14em;text-transform:uppercase;margin:0}.archive-copy h1{max-width:235px;color:var(--pearl);font:700 40px/.98 var(--display);letter-spacing:-.06em;text-wrap:balance;margin:13px 0 11px}.archive-copy>span{max-width:245px;color:var(--muted);font-size:12px;line-height:1.75;display:block}.vow-orbit{width:108px;height:108px;color:var(--ink);background:var(--pink);border:2px solid var(--pearl);box-shadow:7px 7px 0 var(--rose), -4px -4px 0 var(--gold);border-radius:50%;place-items:center;animation:.8s cubic-bezier(.2,.9,.25,1.2) both orbit-arrival;display:grid;position:relative;transform:rotate(-7deg)}.vow-orbit:after{content:"";border:1px solid var(--rose);border-radius:50%;position:absolute;inset:17px}.vow-orbit>div{position:absolute;inset:0}.vow-orbit i{z-index:2;background:var(--rose);border:1px solid var(--ink);border-radius:50%;width:7px;height:7px;position:absolute;top:49px;left:49px}.vow-orbit i:first-child{transform:rotate(0)translateY(-45px)}.vow-orbit i:nth-child(2){transform:rotate(40deg)translateY(-45px)}.vow-orbit i:nth-child(3){transform:rotate(80deg)translateY(-45px)}.vow-orbit i:nth-child(4){transform:rotate(120deg)translateY(-45px)}.vow-orbit i:nth-child(5){transform:rotate(160deg)translateY(-45px)}.vow-orbit i:nth-child(6){transform:rotate(200deg)translateY(-45px)}.vow-orbit i:nth-child(7){transform:rotate(240deg)translateY(-45px)}.vow-orbit i:nth-child(8){transform:rotate(280deg)translateY(-45px)}.vow-orbit i:nth-child(9){transform:rotate(320deg)translateY(-45px)}.vow-orbit b{z-index:1;font:700 21px var(--display);letter-spacing:.08em}.vow-orbit em{z-index:1;color:var(--rose);font:700 8px var(--latin);position:absolute;bottom:21px}.roster-grid,.hub-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 16px 26px;display:grid;position:relative}.character-card{min-width:0;color:var(--pearl);text-align:left;border:1px solid var(--pink);cursor:pointer;background:#241436;border-radius:0;padding:0 0 10px;transition:transform .18s,box-shadow .18s,background .18s;position:relative;overflow:hidden;box-shadow:4px 4px #e6346570}.character-card:hover:not(:disabled){z-index:2;box-shadow:7px 7px 0 var(--rose);background:#321a48;transform:translate(-2px,-3px)}.character-card img{aspect-ratio:4/5;object-fit:cover;object-position:top center;border-bottom:1px solid var(--pink);filter:saturate(.92)contrast(1.04);width:100%;display:block}.dossier-index{color:var(--gold);font:italic 7px var(--latin);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;padding:8px 7px 0;display:block;overflow:hidden}.character-card strong{font:700 16px var(--display);letter-spacing:.02em;padding:4px 7px 0;display:block}.character-card small{color:#cdbed3;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:30px;margin:3px 7px 6px;font-size:9px;line-height:1.5;display:-webkit-box;overflow:hidden}.character-card.is-locked{cursor:not-allowed}.character-card.is-locked img{filter:blur(3px)grayscale(.4)brightness(.48);transform:scale(1.04)}.character-card.is-locked>:not(img):not(.seal){opacity:.45}.seal{min-height:38px;color:var(--pearl);text-align:center;border:1px solid var(--gold);box-shadow:3px 3px 0 var(--rose);letter-spacing:.05em;background:#0f0a1edb;place-content:center;font-size:9px;display:grid;position:absolute;inset:18px 7px auto}.seal b{color:var(--pink);font:italic 8px var(--latin);display:block}.heart-meter{gap:3px;padding:0 7px;display:flex}.heart-meter i{color:#806f8d;text-shadow:none;font-size:10px;font-style:normal}.heart-meter i.filled{color:var(--rose);text-shadow:0 0 8px #ffb3d988}.primary-action,.stage-continue{color:var(--ink);background:var(--pink);border:2px solid var(--pearl);box-shadow:var(--shadow);letter-spacing:.06em;cursor:pointer;border-radius:0;font-weight:800;transition:transform .15s,box-shadow .15s;position:relative}.primary-action:hover,.stage-continue:hover{box-shadow:3px 3px 0 var(--rose);transform:translate(3px,3px)}.primary-action{width:calc(100% - 38px);min-height:58px;margin:0 19px 32px}.primary-action span{color:var(--rose);font:italic 8px var(--latin);letter-spacing:.13em;display:block}.hub-header{z-index:1;border-bottom:2px solid var(--pink);min-height:214px;padding:28px 20px 18px;position:relative}.hub-header .text-action{color:var(--pearl);border:1px solid var(--pink);box-shadow:2px 2px 0 var(--rose);cursor:pointer;background:0 0;padding:7px 9px;font-size:10px}.hub-header>div:not(.clue-progress){margin-top:27px}.hub-header h1{font:700 34px var(--display);letter-spacing:-.04em;margin:7px 0 15px}.clue-progress{border:1px solid var(--line);background:#ffb3d910;grid-template-columns:1fr 1fr;display:grid}.clue-progress span{color:var(--muted);padding:10px 12px;font-size:10px}.clue-progress span+span{border-left:1px solid var(--line)}.clue-progress b{color:var(--gold);font:italic 18px var(--latin);display:block}.objective-card{z-index:1;color:var(--ink);background:var(--gold);border:2px solid var(--pearl);box-shadow:5px 5px 0 var(--rose);margin:16px 20px 10px;padding:14px 16px;position:relative}.objective-card small{color:var(--rose)}.objective-card p{margin:6px 0 0;font-size:12px;font-weight:600;line-height:1.6}.hub-grid{padding-top:10px}.stage-shell{background:var(--night);padding-bottom:30px}.stage-nav{z-index:2;height:56px;color:var(--pearl);border-bottom:1px solid var(--line);background:#171014f2;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 12px;display:grid;position:relative}.stage-nav button{min-height:31px;color:var(--pink);border:1px solid var(--line);cursor:pointer;background:0 0;padding:0 8px}.stage-nav>span{font:700 17px var(--display);justify-self:center}.stage-nav .heart-meter{justify-self:end;padding:0}.vertical-stage{z-index:1;aspect-ratio:9/16;border-bottom:1px solid var(--line);background:#090611;width:100%;max-height:calc(100dvh - 206px);position:relative;overflow:hidden}.vertical-stage>picture,.vertical-stage>picture>img,.vertical-stage>video{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.vertical-stage.is-static{isolation:isolate}.vertical-stage.is-static .story-still{animation:story-still-arrival .28s var(--ui-motion-easing) both}.stage-vignette{pointer-events:none;background:linear-gradient(#100d1205 35%,#100d12b8 72%,#100d12fa 100%),linear-gradient(90deg,#7e263618,#0000 14% 86%,#c7a45b12);position:absolute;inset:0}.round-marker{color:var(--ink);background:var(--gold);font:italic 11px var(--latin);border:1px solid #e7d4a866;padding:7px 9px;position:absolute;top:14px;right:14px;box-shadow:0 8px 26px #0007}.dialogue-sheet{z-index:2;padding:54px 22px 22px;position:absolute;bottom:0;left:0;right:0}.dialogue-sheet small{color:var(--gold);font:italic 11px var(--latin);letter-spacing:.14em}.dialogue-sheet>p{color:#d2c6c5;font:14px/1.65 var(--display);margin:10px 0 0}.dialogue-sheet blockquote{color:var(--pearl);border:1px solid #c7a45b6b;border-left:3px solid var(--gold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:500 18px/1.68 var(--display);background:#171014d9;margin:13px 0 0;padding:15px 17px;box-shadow:0 16px 36px #0008}.dialogue-sheet blockquote b{color:var(--gold);font:600 12px var(--ui-typography-body);letter-spacing:.08em;margin-bottom:5px;display:block}.choice-panel{z-index:1;border-top:1px solid var(--line);background:#1b1117;padding:17px 18px 8px;position:relative}.choice-panel>p{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.55}.choice-panel button{width:100%;min-height:60px;color:var(--pearl);text-align:left;cursor:pointer;background:#281821;border:1px solid #c7a45b4a;grid-template-columns:42px 1fr;align-items:center;margin:10px 0;display:grid;box-shadow:0 8px 20px #0004}.choice-panel button:hover{color:var(--pearl);border-color:var(--gold);background:#3a2029;transform:translateY(-1px)}.choice-panel button span{color:var(--gold);text-align:center;font:italic 11px var(--latin)}.choice-panel button:hover span{color:var(--gold)}.choice-panel button strong{border-left:1px solid var(--line);font:600 16px/1.45 var(--ui-typography-body);padding:14px 15px}.stage-continue{width:calc(100% - 32px);min-height:50px;margin:16px 16px 0}.stage-feedback-slot{z-index:2;background:#1b1117;padding:13px 18px 0;position:relative}.consequence-toast{width:100%;color:var(--pearl);border:1px solid #c7a45b73;border-left:3px solid var(--rose);animation:note-arrival .32s var(--ui-motion-easing) both;background:linear-gradient(100deg,#351a22,#24151b);grid-template-columns:auto 1fr;gap:4px 12px;padding:13px 15px 14px;display:grid;position:relative;box-shadow:0 10px 28px #0005}.consequence-toast small{color:var(--gold);font:italic 9px var(--latin);letter-spacing:.15em;text-transform:uppercase;grid-column:1/-1}.consequence-toast b{color:#dfa3ac;white-space:nowrap;font-size:13px}.consequence-toast span{color:#e1d7d2;font-size:13px;line-height:1.6}.media-error{z-index:2;color:var(--pearl);border:2px solid var(--pink);box-shadow:5px 5px 0 var(--gold);background:#4b1330;gap:9px;margin:14px 16px;padding:14px;display:grid;position:relative}.media-error span{font-size:11px;line-height:1.55}.media-error button{min-height:39px;color:var(--ink);background:var(--pink);border:1px solid var(--pearl);cursor:pointer}.result-screen{grid-template-rows:50dvh 1fr;display:grid}.result-screen>img{object-fit:cover;object-position:top;filter:saturate(.86);width:100%;height:100%;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.result-screen>section{z-index:2;margin-top:-58px;padding:0 23px 31px;position:relative}.result-screen h1{color:var(--pearl);font:700 35px var(--display);letter-spacing:-.04em;margin:8px 0}.result-screen p{color:var(--muted);font-size:13px;line-height:1.8}.clue-slip{color:var(--ink);background:var(--gold);border:2px solid var(--pearl);box-shadow:5px 5px 0 var(--rose);margin:18px 0 22px;padding:15px}.clue-slip span{color:var(--rose);font:italic 9px var(--latin);letter-spacing:.1em;display:block}.clue-slip b{font:700 15px var(--display);margin-top:5px;display:block}.result-screen .primary-action{width:100%;margin:0}.review-entry{width:calc(100% - 40px);color:var(--ink);background:var(--pink);border:2px solid var(--pearl);box-shadow:5px 5px 0 var(--rose);cursor:pointer;justify-content:space-between;align-items:center;margin:3px 20px 14px;padding:14px 16px;display:flex}.review-entry span{color:var(--rose);font:italic 9px var(--latin);letter-spacing:.08em}.review-entry b{font:700 15px var(--display)}.evidence-review-screen{padding-bottom:30px;overflow:visible}.review-header{z-index:1;border-bottom:2px solid var(--pink);padding:36px 23px 23px;position:relative}.review-header h1{font:700 38px var(--display);margin:9px 0}.review-header span{color:var(--muted);font-size:12px;line-height:1.75}.evidence-thesis{z-index:1;color:var(--ink);background:var(--gold);border:2px solid var(--pearl);box-shadow:5px 5px 0 var(--rose);margin:18px 20px 15px;padding:17px;position:relative}.evidence-thesis small{color:var(--rose)}.evidence-thesis h2{font:700 20px/1.35 var(--display);margin:6px 0 8px}.evidence-thesis p{color:#4d3658;margin:0;font-size:11px;line-height:1.7}.evidence-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:9px;padding:0 18px;display:grid;position:relative}.evidence-card{border:1px solid var(--pink);background:#29163e;min-height:150px;padding:11px 9px;box-shadow:3px 3px #e6346570}.evidence-card>span{color:var(--gold);font:italic 8px var(--latin)}.evidence-card h2{font:700 14px/1.35 var(--display);margin:8px 0 5px}.evidence-card p{color:var(--muted);margin:0;font-size:9px;line-height:1.55}.evidence-card small{color:#a68eae;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:7px;display:block;overflow:hidden}.review-footer{z-index:1;padding:20px;position:relative}.review-footer p{color:var(--muted);font-size:11px;line-height:1.7}.review-footer .primary-action{width:100%;margin:8px 0 0}@keyframes shell-arrival{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit-arrival{0%{opacity:0;transform:rotate(-24deg)scale(.72)}to{opacity:1;transform:rotate(-7deg)scale(1)}}@keyframes story-still-arrival{0%{opacity:.68}to{opacity:1}}@keyframes note-arrival{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=360px){.archive-header{grid-template-columns:minmax(0,1fr) 96px;padding-inline:16px}.archive-copy h1{font-size:34px}.vow-orbit{width:90px;height:90px}.vow-orbit i{top:40px;left:40px}.vow-orbit i:first-child{transform:rotate(0)translateY(-37px)}.vow-orbit i:nth-child(2){transform:rotate(40deg)translateY(-37px)}.vow-orbit i:nth-child(3){transform:rotate(80deg)translateY(-37px)}.vow-orbit i:nth-child(4){transform:rotate(120deg)translateY(-37px)}.vow-orbit i:nth-child(5){transform:rotate(160deg)translateY(-37px)}.vow-orbit i:nth-child(6){transform:rotate(200deg)translateY(-37px)}.vow-orbit i:nth-child(7){transform:rotate(240deg)translateY(-37px)}.vow-orbit i:nth-child(8){transform:rotate(280deg)translateY(-37px)}.vow-orbit i:nth-child(9){transform:rotate(320deg)translateY(-37px)}.roster-grid,.hub-grid{gap:7px;padding-inline:10px}.character-card strong{font-size:14px}.stage-nav{gap:4px;padding-inline:7px}.stage-nav button{padding-inline:5px;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}