.cinematic-comic{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;height:100vh;height:100dvh;background:#040809;color:#f3f5ef;font-family:system-ui,sans-serif;overflow:hidden}.cinematic-comic *{box-sizing:border-box}.cinematic-comic__image{width:100%;height:100%;object-fit:cover;display:block}.cinematic-comic__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#02090dbf,#02090d00 25%,#02090d00 45%,#02090da6 72%,#02090df5);pointer-events:none}.cinematic-comic__header{position:absolute;top:0;left:0;right:0;padding:26px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cinematic-comic__brand{font-size:20px;font-weight:700}.cinematic-comic__brand>span{color:#a1e1c3}.cinematic-comic__brand small{display:block;margin-top:4px;font:10px monospace;letter-spacing:2px;color:#c7d0cc;text-transform:uppercase}.cinematic-comic__tools{display:flex;align-items:center;gap:16px}.cinematic-comic button{padding:10px 14px;border-radius:7px;border:1px solid #d0d9d342;background:#07141899;color:#e6eeeb;font:13px system-ui;cursor:pointer}.cinematic-comic button:focus-visible{outline:2px solid #f6d49a;outline-offset:4px}.cinematic-comic .cinematic-comic__skip{border-color:transparent;background:transparent}.cinematic-comic__caption{position:absolute;bottom:clamp(28px,6vh,68px);left:max(5vw,calc((100vw - 1300px)/2));right:5vw;max-width:1100px;text-shadow:0 2px 8px #000}.cinematic-comic__chapter{font:11px monospace;color:#becdc6;letter-spacing:2px;text-transform:uppercase;margin-bottom:22px}.cinematic-comic__dialogue{border-left:2px solid #edc184;padding-left:22px;min-height:128px}.cinematic-comic__speaker{display:block;margin-bottom:10px;color:#edc184;font:11px monospace;text-transform:uppercase;letter-spacing:2px}.cinematic-comic__dialogue--stranger{border-color:#a1e1c3}.cinematic-comic__dialogue--stranger .cinematic-comic__speaker{color:#a1e1c3}.cinematic-comic__dialogue--system{border-color:#a1e1c3}.cinematic-comic__dialogue--system .cinematic-comic__speaker{color:#a1e1c3}.cinematic-comic__dialogue--narrator{border-color:#a6b7bb}.cinematic-comic__text{margin:0;font-size:clamp(20px,2.1vw,31px);font-weight:450;line-height:1.45;white-space:pre-line}.cinematic-comic__dialogue--system .cinematic-comic__text{color:#c0f0cf;font-family:monospace;font-size:clamp(18px,1.8vw,26px)}.cinematic-comic__cursor{color:#a1e1c3;font-size:.85em}.cinematic-comic__cursor[data-typing=false]{visibility:hidden}.cinematic-comic__segments{display:flex;gap:7px;width:190px;margin-top:25px}.cinematic-comic__segments span{height:2px;background:#afc3b740;flex:1}.cinematic-comic__segments span[data-reached=true]{background:#a1e1c3}.cinematic-comic__accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cinematic-comic__loading{position:absolute;top:100px;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#071418bb;text-align:center}@media (max-width: 650px){.cinematic-comic__header{padding:18px;align-items:flex-start;flex-wrap:wrap;gap:12px}.cinematic-comic__brand{font-size:17px}.cinematic-comic__tools{gap:8px}.cinematic-comic__caption{left:20px;right:20px;bottom:30px}.cinematic-comic__chapter{font-size:10px;letter-spacing:1px;margin-bottom:14px}.cinematic-comic__dialogue{padding-left:14px;min-height:130px}.cinematic-comic__text{font-size:19px}.cinematic-comic__shade{background:linear-gradient(180deg,#02090dcc,#02090d00 35%,#02090d77 50%,#02090df5)}}@media (max-height: 500px){.cinematic-comic__header{padding:12px 20px}.cinematic-comic__caption{bottom:16px}.cinematic-comic__chapter{margin-bottom:10px}.cinematic-comic__dialogue{min-height:90px}.cinematic-comic__text{font-size:18px}.cinematic-comic__segments{margin-top:12px}}.opening-comic{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;box-sizing:border-box;height:100vh;height:100dvh;overflow:auto;display:flex;flex-direction:column;background:#080f18;color:#edf1f2;font-family:system-ui,sans-serif}.opening-comic *{box-sizing:border-box}.opening-comic button{font:inherit;cursor:pointer;border-radius:7px}.opening-comic button:focus-visible{outline:3px solid #f1c87b;outline-offset:4px}.opening-comic button:disabled{opacity:.3;cursor:default}.opening-comic__header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 32px;flex-shrink:0;border-bottom:1px solid #25303b}.opening-comic__brand{font-size:20px;font-weight:700;letter-spacing:-.5px}.opening-comic__brand>span{color:#8ad8bc}.opening-comic__brand small{display:block;margin-top:3px;color:#8c9ba9;font:10px monospace;text-transform:uppercase;letter-spacing:2px}.opening-comic__tools{display:flex;align-items:center;gap:24px}.opening-comic__quiet{padding:10px 0;border:0;color:#bac6ce;background:none;font-size:13px!important}.opening-comic__quiet:hover{color:#fff}.opening-comic__body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,28%)}.opening-comic__art{min-width:0;min-height:0;position:relative;background:#030709;display:flex;align-items:center;justify-content:center;overflow:hidden}.opening-comic__art img{display:block;width:100%;height:100%;object-fit:contain;animation:openingComicFade .35s ease-out}.opening-comic__frame-number{position:absolute;bottom:18px;left:24px;padding:6px 10px;background:#071019d9;border:1px solid #ffffff26;color:#d4dedf;font:11px monospace;letter-spacing:3px}.opening-comic__story{padding:clamp(24px,3vw,48px) clamp(22px,2.6vw,40px);align-self:stretch;overflow-y:auto;border-left:1px solid #25303b;background:linear-gradient(155deg,#14202b,#0b121c 80%);animation:openingComicFade .3s ease-out}.opening-comic__eyebrow{color:#8ad8bc;font:10px monospace;text-transform:uppercase;letter-spacing:2px;line-height:1.8}.opening-comic h1{margin:14px 0 28px;font-size:clamp(23px,2.2vw,34px);font-weight:600;letter-spacing:-.6px;line-height:1.18}.opening-comic__dialogue{display:flex;flex-direction:column;gap:22px}.opening-comic__speaker{color:#edbe7d;font:10px monospace;text-transform:uppercase;letter-spacing:1.6px}.opening-comic__line--stranger .opening-comic__speaker{color:#8ad8bc}.opening-comic__line p{margin:7px 0 0;font-size:clamp(14px,1.1vw,17px);line-height:1.65;white-space:pre-line}.opening-comic__line--system{padding:16px;border-left:2px solid #68cba4;background:#071714}.opening-comic__line--system p{font-family:monospace;color:#9fe2bf;font-size:13px}.opening-comic__line--narrator p{color:#a3b1bd;font-style:italic}.opening-comic__footer{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #25303b;padding:18px 32px}.opening-comic__back{background:transparent;color:#bac6ce;padding:12px 18px;border:1px solid #394652;min-width:110px}.opening-comic__next{background:#99dbbd;border:1px solid #b0f5d5;color:#10251e;padding:13px 24px;min-width:150px;font-weight:650!important}.opening-comic__next:hover{background:#b2edcf}.opening-comic__progress{width:min(280px,30%);text-align:center}.opening-comic__segments{display:flex;gap:5px}.opening-comic__segments span{flex:1;height:3px;background:#33414e}.opening-comic__segments span[data-reached=true]{background:#8ad8bc}.opening-comic__progress small{display:block;margin-top:9px;color:#8c9ba9;font:10px monospace}.opening-comic__image-error{position:absolute;top:0;right:0;bottom:0;left:0;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#101b26;color:#d0dce3;text-align:center}.opening-comic__image-error button{padding:12px;background:#243d36;color:#fff;border:1px solid #8ad8bc}@keyframes openingComicFade{0%{opacity:.5}to{opacity:1}}@media (max-width: 900px){.opening-comic__body{flex:auto;display:flex;flex-direction:column}.opening-comic__art{flex:none;aspect-ratio:16 / 9}.opening-comic__story{overflow:visible;border-left:0;border-top:1px solid #25303b;padding:24px}.opening-comic__header,.opening-comic__footer{padding:14px 18px}.opening-comic__header,.opening-comic__tools{gap:12px}.opening-comic__brand{font-size:16px}.opening-comic__brand small{font-size:8px;letter-spacing:1px}.opening-comic__footer{gap:12px}.opening-comic__progress{display:none}.opening-comic__back{min-width:auto}.opening-comic__next{min-width:auto;padding:13px 16px}}@media (max-height: 650px) and (min-width: 901px){.opening-comic__header,.opening-comic__footer{padding-top:12px;padding-bottom:12px}.opening-comic__story{padding:22px}.opening-comic h1{margin-bottom:20px}.opening-comic__dialogue{gap:16px}}@media (prefers-reduced-motion: reduce){.opening-comic *{animation:none!important}}:root{color-scheme:dark;--scrollbar-size: 12px;--scrollbar-track: linear-gradient(180deg, #08111f 0%, #0b1627 100%);--scrollbar-thumb: linear-gradient(180deg, #245d4b 0%, #173b30 100%);--scrollbar-thumb-hover: linear-gradient(180deg, #2f7a61 0%, #1f5142 100%);--scrollbar-border: #0f2a22}*{scrollbar-width:thin;scrollbar-color:#245d4b #0b1627}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border:1px solid #122033;border-radius:999px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-border);border-radius:999px;box-shadow:inset 0 0 0 1px #a0ffd614}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-corner{background:#08111f}.full-viewport-height{height:100vh;height:100dvh}