@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url('./assets/fonts/Onest-latin.woff2') format('woff2')}
@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url('./assets/fonts/Onest-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Monocraft;font-style:normal;font-weight:400;font-display:swap;src:url('./assets/fonts/Monocraft.woff2') format('woff2')}
:root{--ink:#3e291b;--muted:#6c4c30;--paper:#f0d5aa;--cream:#fff1ce;--brass:#eac27f;--wood:#593623;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;background:#241b16;color:var(--cream);font:16px/1.5 Onest,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}
button:focus-visible,a:focus-visible{outline:3px solid #68d5f5;outline-offset:5px}h2:focus{outline:none}::selection{background:#5c3825;color:#fff0d2}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;z-index:20;top:12px;left:16px;padding:12px 20px;background:var(--paper);color:var(--ink);transform:translateY(-200%)}.skip-link:focus{transform:none}
.manor{height:100svh;height:100dvh;position:relative;isolation:isolate;overflow:hidden}
.scenery{position:absolute;inset:0;z-index:-2;overflow:hidden}.scene{position:absolute;inset:0;opacity:0;transition:opacity 240ms var(--ease);pointer-events:none}
.scene img,.scene video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.scene video{opacity:0;transition:opacity 240ms var(--ease)}.scene video.has-frame{opacity:1}
body[data-state=exterior] .scene--exterior,body[data-state=loading] .scene--exterior,body[data-state=transition] .scene--exterior,body[data-state=book] .scene--book{opacity:1}body[data-state=transition] .scene--transition{opacity:1}
.entry-ui{position:absolute;inset:0;text-align:center}.entry-ui:before{content:"";position:absolute;inset:0;background:linear-gradient(#12172560,transparent 38%,transparent 65%,#17120e7a);z-index:-1}
.entry-title{position:absolute;top:9%;left:20px;right:20px;text-shadow:0 3px 0 #2d201d,0 6px 0 #2d201dc9,0 10px 30px #14101999}
.entry-title h1{font:400 clamp(64px,8vw,126px)/1.05 Monocraft,monospace;letter-spacing:-.075em;color:#fff0cf}
.entry-title p{font-size:clamp(15px,1.3vw,19px);margin-top:18px;text-shadow:0 2px 8px #000;font-weight:500}
.entry-action{position:absolute;bottom:12%;left:20px;right:20px;display:flex;align-items:center;flex-direction:column;gap:18px}
.enter-button{display:flex;align-items:center;justify-content:center;gap:32px;min-height:62px;min-width:216px;padding:13px 30px;color:#302119;background:#ebc98c;border:2px solid #fff0c8;box-shadow:inset 0 0 0 3px #b5854c,0 6px 0 #5c3926;font:400 23px/1.2 Monocraft,monospace;transition:transform 140ms var(--ease),background 160ms ease}
.enter-button svg{width:25px;height:25px}.enter-button:active{transform:translateY(4px)}.enter-button:disabled{cursor:wait}.entry-action p{font-size:14px;text-shadow:0 2px 8px #000}
.corner-nav{position:absolute;z-index:4;top:max(20px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:16px}
.corner-brand{display:flex;align-items:center;gap:14px;min-height:44px;font:400 16px/1.4 Monocraft,monospace;text-shadow:0 2px 5px #000}.corner-brand span{font:400 13px/1.4 Onest,sans-serif;color:#f7e3c8}
.quiet-control{display:flex;justify-content:center;align-items:center;gap:12px;padding:10px 14px;min-height:44px;background:#251d18cc;color:#fff1d6;border:1px solid #f2d0a448;border-radius:3px;font-size:14px;line-height:1.3;transition:background 160ms ease,transform 140ms var(--ease)}
.quiet-control:active{transform:translateY(1px)}.quiet-control svg{width:18px;height:18px}
.scene-footer{position:absolute;z-index:4;bottom:max(20px,env(safe-area-inset-bottom));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;gap:12px}
.scene-footer>p{font-size:13px;color:#fff0d7;text-shadow:0 2px 8px #000}
.book-menu{position:absolute;left:50%;top:50%;width:max(100vw,177.7778dvh);height:max(56.25vw,100dvh);transform:translate(-50%,-50%);color:var(--ink);container-type:inline-size;outline:none;pointer-events:none}
.book-page{position:absolute;top:33%;width:20%;height:42%;display:flex;flex-direction:column;pointer-events:auto;font-size:clamp(16px,1.15cqw,21px);line-height:1.5}
.book-page--left{left:27.1%}.book-page--right{left:53.6%;width:19.7%}
.book-caption{font-size:clamp(13px,.9cqw,16px);color:var(--muted);margin-bottom:8px}
.book-brand{font:400 clamp(30px,2.8cqw,50px)/1.2 Monocraft,monospace;letter-spacing:-.075em;margin-bottom:10px}
.book-intro{font-size:clamp(17px,1.35cqw,25px);line-height:1.4;font-weight:550;margin-bottom:14px}
.book-start{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;min-height:46px;background:#593623;color:#fff0ce;border:2px solid #734c2d;box-shadow:0 3px 0 #382215;font-weight:600;font-size:clamp(15px,1.1cqw,20px);transition:transform 140ms var(--ease),background 160ms ease}
.book-start:active{transform:translateY(2px)}.book-launch{margin-top:16px;font-size:clamp(13px,.9cqw,16px);color:var(--muted)}
.chapter h2:not(.book-brand){font-size:clamp(23px,2cqw,34px);line-height:1.2;letter-spacing:-.04em;font-weight:700;margin-bottom:14px;text-wrap:balance}
.chapter>p:not(.book-caption):not(.book-intro):not(.book-launch){font-size:clamp(16px,1.05cqw,19px);line-height:1.5;margin-bottom:12px}.chapter{outline:none;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a77b4d transparent;overscroll-behavior:contain}
.ink-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.chapter-tabs{display:flex;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:12px;flex-shrink:0}
.chapter-tabs a{font-size:clamp(13px,.9cqw,16px);min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;color:var(--muted)}
.chapter-tabs a[aria-current]{color:var(--ink);text-decoration-color:currentColor;font-weight:650}
.contents-title{font:400 clamp(22px,1.6cqw,30px)/1.3 Monocraft,monospace;letter-spacing:-.06em;margin-bottom:12px}
.book-links{display:grid;gap:2px}.book-links>a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:7px 8px;margin-inline:-8px;transition:background 160ms ease,transform 160ms var(--ease);border-radius:2px}
.book-links strong{font-size:clamp(16px,1.2cqw,22px);font-weight:650;display:block}.book-links small{font-size:clamp(13px,.9cqw,16px);display:block;color:var(--muted)}.book-links>a>span:last-child{font-size:22px}
.book-links .book-telegram{justify-content:flex-start;margin-top:8px;padding:9px 12px;background:#13769d;color:#fff}.book-telegram small{color:#e6f3fc}.book-telegram img{flex-shrink:0}.book-telegram>span:nth-last-child(2){margin-left:auto}
.transition-ui{position:absolute;inset:0;pointer-events:none}.transition-ui>p{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);color:#fff3db;text-shadow:0 2px 6px #000;font-size:15px}.transition-ui button{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));pointer-events:auto}
body[data-state=transition] .corner-nav,body[data-state=loading] .corner-nav{visibility:hidden}body[data-state=transition] .scene-footer,body[data-state=loading] .scene-footer{visibility:hidden}
.noscript-note{position:absolute;bottom:22px;left:28px;font-size:13px;background:#241b16cc;padding:8px}
@media(hover:hover) and (pointer:fine){.enter-button:hover{background:#ffdfa3;transform:translateY(-2px)}.book-start:hover{background:#71482e;transform:translateY(-1px)}.quiet-control:hover{background:#4a3526ed}.book-links>a:hover{background:#79542b20;transform:translateX(3px)}.book-links .book-telegram:hover{background:#0c658b}.chapter-tabs a:hover{text-decoration-color:currentColor}.ink-link:hover{color:#8b461b}}
@media(max-width:999px),(max-height:599px){
.book-menu{width:min(570px,calc(100% - 40px));height:auto;max-height:calc(100dvh - 154px);top:51%;padding:28px 28px 20px;background:#efd3a9f5;border:8px solid #66412a;box-shadow:inset 0 0 0 2px #ba8b50,0 8px 0 #352216,0 20px 70px #0005;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#97764c #e7c99e;pointer-events:auto;container-type:normal}
.book-page{position:static;width:auto;height:auto;font-size:16px}.book-page--left{margin-bottom:22px}.book-caption{font-size:13px;margin-bottom:6px}.book-brand{font-size:36px;margin-bottom:10px}.book-intro{font-size:18px;margin-bottom:16px}.book-intro br{display:none}.book-start{font-size:16px}.book-launch{font-size:13px;margin-top:12px}
.chapter-tabs{gap:10px;padding-top:8px;margin-top:0}.chapter-tabs a{font-size:13px}.chapter h2:not(.book-brand){font-size:28px}.chapter>p:not(.book-caption):not(.book-intro):not(.book-launch){font-size:16px}.contents-title{font-size:21px;margin-bottom:9px}.book-links{gap:4px}.book-links>a{min-height:54px}.book-links strong{font-size:17px}.book-links small{font-size:13px}.book-links .book-telegram{margin-top:8px}
.corner-nav{left:20px;right:20px;top:max(16px,env(safe-area-inset-top))}.corner-brand span{display:none}.scene-footer{left:20px;right:20px;bottom:max(16px,env(safe-area-inset-bottom))}.scene-footer>p{max-width:45%;font-size:12px}.entry-title{top:16%}.entry-title h1{font-size:clamp(60px,12vw,104px)}.entry-title p{font-size:15px;margin-top:16px}.entry-action{bottom:16%;gap:16px}.entry-action p{font-size:13px}.transition-ui>p{bottom:28px;max-width:70%;text-align:center;white-space:nowrap}.transition-ui button{right:20px;top:16px}
}
@media(min-width:600px) and (max-width:999px) and (min-height:600px){.book-menu{width:min(760px,calc(100% - 56px));display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:36px 32px}.book-page--left{margin:0}.chapter-tabs{margin-top:auto}.contents-title{margin-bottom:18px}}
@media(max-height:599px){.entry-title{top:18%}.entry-title h1{font-size:52px}.entry-title p{margin-top:8px;font-size:14px}.entry-action{bottom:14%;gap:10px}.enter-button{min-height:48px;font-size:20px}.entry-action p{display:none}.book-menu{top:52%;max-height:calc(100dvh - 120px)}.scene-footer{bottom:10px}.corner-nav{top:10px}}
body[data-state=book] .book-page{animation:ink-in 240ms var(--ease) both}
@keyframes ink-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}