:root{color-scheme:dark;--accent:#6c8baf;--glow:rgba(57,98,147,.22);--text:#e8dfd0;--muted:#a99f94;background:#0d1016;font-family:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;min-height:100vh;color:var(--text);background:#0d1016;transition:background .8s}button,a{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #ebcf9a;outline-offset:4px}
.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 58% 55% at 50% 34%,var(--glow),transparent 75%),repeating-linear-gradient(105deg,transparent 0 3px,rgba(255,255,255,.007) 4px 5px);transition:background 1s}
.topbar{height:78px;padding:0 clamp(18px,4vw,60px);border-bottom:1px solid #ffffff18;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0e1015dd}.wordmark{padding:0;color:#e7d8bf;background:none;border:0;text-align:left;line-height:1;letter-spacing:.12em;font-weight:bold;font-size:18px}.wordmark small{display:block;margin-top:6px;font:10px/1.1 Arial,sans-serif;letter-spacing:.3em;color:var(--accent);transition:color .7s}.top-actions{display:flex;gap:clamp(12px,2vw,26px)}.text-button{color:#c7bbab;border:0;background:none;text-transform:uppercase;letter-spacing:.14em;font:12px Arial,sans-serif;padding:12px 0}.text-button:hover,.download:hover,footer a:hover{color:#fff}
main{position:relative;overflow:hidden;min-height:80vh}.reader{width:min(100% - 32px,770px);margin:0 auto;padding:36px 0 72px;text-align:center}.eyebrow{color:var(--accent);font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.3em;transition:color .7s;margin:0 0 18px}.art-shell{position:relative;width:min(100%, min(56vh * .667, 700px));min-width:min(100%,360px);margin:auto;background:#211b19;border:1px solid #937c5b88;box-shadow:0 3px 0 #554735,0 25px 75px #000b,0 0 90px var(--glow);transition:box-shadow .8s,transform .4s}.art-shell img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.art-shell.turning{transform:scale(.985);opacity:.65}.sword-hotspot{position:absolute;border:0;background:transparent;cursor:crosshair}.sword-hotspot::after{content:'⚡';position:absolute;right:4px;bottom:4px;color:#d6bc7d;text-shadow:0 0 12px #46a8f8;font-size:19px;opacity:.7}.sword-hotspot:hover::after{opacity:1}.sword-hotspot[hidden]{display:none}
.reader-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:700px;margin:28px auto 0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:10px 0}.nav-button{min-width:120px;background:none;border:0;color:#dbcbb5;padding:13px 4px;text-transform:uppercase;letter-spacing:.15em;font:12px Arial,sans-serif;text-align:left}.nav-button.next{text-align:right;color:#eee1c8}.nav-button:hover{color:var(--accent)}.nav-button:disabled{visibility:hidden}.counter{color:#b8afa5;font:11px Arial,sans-serif;letter-spacing:.24em;white-space:nowrap}.hint{color:#7d7975;font:12px Arial,sans-serif;letter-spacing:.05em;margin:15px}
.thread{position:absolute;top:80px;width:2px;height:calc(100% - 220px);max-height:1700px;pointer-events:none;opacity:0;transition:opacity .7s,transform .8s;background:linear-gradient(transparent,currentColor 8%,currentColor 85%,transparent);box-shadow:0 0 10px currentColor}.thread-blue{left:max(4%,calc(50% - 440px));color:#5c87b7}.thread-red{right:max(4%,calc(50% - 440px));color:#b52e31}.thread-blue::after,.thread-red::after{content:'';position:absolute;left:-2px;top:49%;width:6px;height:32px;border-left:1px solid currentColor;transform:rotate(16deg)}
.ending{position:relative;margin:22px auto 0;max-width:720px;min-height:600px;padding:70px 20px 50px;background:radial-gradient(circle at 50% 20%,#78272b 0,#260e16 47%,#100d12 85%);border:1px solid #8f4b3e;box-shadow:0 25px 80px #000a,inset 0 0 100px #0008;overflow:hidden}.ending[hidden],.credits[hidden]{display:none}.banner{position:absolute;inset:-110px 19% auto;height:360px;background:linear-gradient(90deg,#3b0d14,#9c2c2d 50%,#3a0b12);clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);filter:drop-shadow(0 20px 20px #000);opacity:.55;animation:unfurl 1.4s ease-out both}.banner span{display:block;color:#17080b;font-size:135px;padding-top:110px}.ending-kicker{position:relative;margin:240px auto 18px;color:#c9a88d;text-transform:uppercase;letter-spacing:.23em;font:11px Arial,sans-serif}.ending h1{position:relative;margin:0;font-size:clamp(36px,7vw,68px);line-height:1.1;letter-spacing:.05em;text-shadow:0 4px 18px #000}.ending h1 em{font-style:normal;font-size:.57em;color:#f0d6bf}.ending-quote{position:relative;font-style:italic;font-size:23px;color:#d7b9a2;margin:27px 0 36px}.primary-button{position:relative;border:1px solid #cc8f72;background:#551b21;color:#f8e6d6;padding:13px 25px;text-transform:uppercase;letter-spacing:.15em;font:12px Arial,sans-serif}.primary-button:hover{background:#833038}.download{display:block;position:relative;margin:24px auto;color:#c4ab9a;font:12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;text-decoration:underline;text-underline-offset:5px}
.credits{width:min(100% - 42px,740px);margin:0 auto 100px;text-align:center}.rule{height:1px;background:linear-gradient(90deg,transparent,#965147,transparent);margin-bottom:55px}.credits h2{font-size:34px;font-weight:normal;margin:0 0 32px}.cast{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;background:#a66b523b;border:1px solid #a66b523b;text-align:left}.cast>div{padding:22px;background:#171319}.cast strong{display:block;font-size:18px;color:#e8d6c1}.cast span{display:block;margin-top:9px;color:#b9aaa2;font:13px/1.4 Arial,sans-serif}
footer{display:flex;justify-content:space-between;gap:24px;padding:26px clamp(20px,4vw,60px);border-top:1px solid #ffffff1a;color:#817a75;font:11px/1.5 Arial,sans-serif}footer a{white-space:nowrap;text-decoration:none;color:#bba998}
dialog{border:1px solid #a89575;background:#1b1a19;color:#e5d7c1;width:min(90vw,620px);max-height:90vh;padding:0;box-shadow:0 25px 90px #000}dialog::backdrop{background:#030407d9;backdrop-filter:blur(5px)}.dossier{position:relative;padding:clamp(24px,5vw,45px);background:repeating-linear-gradient(0deg,#0000 0 27px,#ffffff05 28px 29px)}.close{position:absolute;right:16px;top:11px;font:32px Arial,sans-serif;color:#e2d4c1;border:0;background:none}.file-label{font:11px Arial,sans-serif;letter-spacing:.18em;color:#a7b4c0}.dossier h2{font-size:38px;letter-spacing:.06em;margin:20px 0}.dossier-grid{display:grid;grid-template-columns:190px 1fr;gap:25px}.portrait{height:240px;overflow:hidden;border:4px solid #ad9878}.portrait img{width:100%;height:100%;object-fit:cover;object-position:52% 45%}.dossier dl{margin:0}.dossier dt{color:#a6a19b;text-transform:uppercase;letter-spacing:.12em;font:10px Arial,sans-serif;margin-bottom:5px}.dossier dd{margin:0 0 21px;font-size:18px}.file-note{margin:20px 0 0;font-style:italic;color:#c6b6a4}.defected #status{color:#d95754;font-weight:bold;letter-spacing:.12em}.defected .file-label{color:#df6963}
.flash{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:0;background:linear-gradient(120deg,transparent 40%,#effaffbd 44%,transparent 47%,#b1e7ff65 51%,transparent 55%);mix-blend-mode:screen}.flash.active{animation:lightning .65s steps(2) both}
@keyframes lightning{0%,30%,60%,100%{opacity:0}10%,42%{opacity:1}50%{opacity:.4}}@keyframes unfurl{from{transform:translateY(-310px)}to{transform:translateY(0)}}
@media(max-width:650px){.topbar{height:65px}.wordmark{font-size:14px}.wordmark small{font-size:8px}.text-button{font-size:10px}.reader{padding-top:25px}.art-shell{width:min(100%, min(62vh * .667, 700px));min-width:0}.thread-blue{left:6px}.thread-red{right:6px}.nav-button{min-width:75px}.nav-button span{display:none}.nav-button.next span{display:inline}.reader-nav{margin-top:18px}.dossier-grid{grid-template-columns:120px 1fr;gap:15px}.portrait{height:190px}.dossier h2{font-size:28px}.dossier dd{font-size:15px}footer{display:block}footer a{display:block;margin-top:10px}.ending{min-height:550px}.ending-kicker{margin-top:230px}}
@media(max-width:380px){.top-actions{gap:7px}.text-button{font-size:9px}.dossier-grid{grid-template-columns:1fr}.portrait{width:160px;height:160px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}