/* Blue ribbons and paper frames follow the supplied UI references. */
:root{--ink:#344d66;--paper:#f5f1e8;--blue:#45627e;--line:#c9b99b}
*{letter-spacing:0!important}body{background:#e8edf0;color:var(--ink)}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #839ead;outline-offset:4px}
.game-shell,body[data-page] .game-shell{max-width:1800px;margin:auto;display:grid;grid-template-columns:190px minmax(0,1fr);background:#f4f2ed}
.sidebar,body[data-page] .sidebar{width:190px;padding:25px 15px;background:#405a73;border-right:1px solid #c7bca7;box-shadow:none}
body[data-page] .brand>span:nth-child(2),body[data-page] .nav-item span,body[data-page] .sidebar-foot{display:block}body[data-page] .nav-item i{display:none}
body[data-page] .brand{font-size:29px;color:#f5f0e4;gap:9px}body[data-page] .brand-symbol{font-size:35px}body[data-page] .brand small{font-size:12px;margin-top:5px}
body[data-page] .nav-item{justify-content:flex-start;gap:13px;padding:10px 14px;border-radius:0;color:#f2ecdf;border:1px solid transparent;margin:5px 0;min-height:55px}
body[data-page] .nav-item .icon{width:25px;height:25px;flex-shrink:0}body[data-page] .nav-item b{font:18px Georgia}body[data-page] .nav-item small{font-size:12px}
body[data-page] .nav-item.active{background:#f3eddf;color:#405b75;border-color:#cfbea1;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%)}
body[data-page] .main{min-width:0}.page-heading h1{font-size:36px}.page-heading p{font-size:16px}.eyebrow{font-style:italic}
.btn,.v2-primary{border:1px solid #b8a583;background:#46627e;box-shadow:inset 0 0 0 3px #46627e,inset 0 0 0 4px #91a0a9;color:#fff9eb;font-size:15px;min-height:45px;border-radius:3px}
.btn.secondary,.v2-ghost{background:#f8f4e9;color:#3b546b;border:1px solid #b8b9b4;box-shadow:none;border-radius:3px;font-size:13px}.btn:disabled{opacity:.5}
.panel,.journal,.map-card,.shop-item,.letter-paper,.save-card{border-radius:4px;background:#f8f5ed;border-color:#cbbb9f;box-shadow:none}
body[data-page="map"] .main{padding:16px 32px 25px;background:#f2f0e9 url('/assets/integrated/map.webp') right top/auto 225px no-repeat}
body[data-page="map"] .page-heading{background:#f5f2e7ed;width:fit-content;padding-right:24px}.topline{margin-bottom:20px}.home-grid{grid-template-columns:minmax(0,1fr) 275px;gap:23px}.map-wrap{aspect-ratio:1.62;height:auto;min-height:360px}.world-map{width:100%;height:100%;object-fit:cover}.card-caption{padding:15px 22px;border-bottom:1px solid #cfbea4}.map-card,.journal{border:1px solid #bdad91;outline:1px solid #d9ccba;outline-offset:-6px}.journal{padding:26px}.chapter-number{font-size:73px}.journal h2{font-size:28px}.journal p{font-size:15px}.author-note{background:#faf6eceb;border:1px solid #c8bba2;border-radius:3px}.home-lower{margin-top:25px}.life-scene{background:url('/assets/integrated/bg-room.webp') center/cover}.life-window,.life-shelf,.life-floor{display:none}.life-label{background:#f4f1e8de;padding:7px 13px}.life-actors{bottom:10px}.little-note{background:#f4f1e8}
.v2-home{color:#304e68;background:#d4e0df}.v2-home-veil{background:#eaf0e440}.v2-home-center{background:#f8f4e4da;min-height:65svh;margin:3vh 0 0 5%;width:490px;max-width:90%;padding:36px 40px;text-shadow:none;align-items:center}.v2-home-center h1{font-size:88px;color:#405b75}.v2-home-center .v2-kicker,.v2-home-top,.v2-home-mark>small,.home-link{color:#344f69}.v2-home-credit{background:#f6f1e4db;padding:14px;color:#40546b}.v2-home-credit small,.v2-home-credit span{color:#40546b}.v2-home-sigil{width:100%}
.v2-story{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 4% 28px;background:#d4dee0}.v2-story-bg{object-fit:cover;opacity:1}.v2-story.night .v2-story-bg{filter:brightness(.77) saturate(.75)}.v2-story-wash{background:#e7edf117}.v2-story-head{position:absolute;inset:22px 3% auto;padding:5px;gap:15px}.v2-story-head>div:first-child{padding:12px 20px;background:#f3f0e4e8;text-shadow:none;border-left:1px solid #b5a17d}.v2-story-head h1{font-size:30px}.v2-story-head small{font-size:12px;color:#52687a}.v2-story-head span{font-size:14px}.v2-story-tools{gap:7px;background:none;padding:0;border:0;backdrop-filter:none;flex-wrap:wrap;justify-content:flex-end}.v2-tool{border:1px solid #b3a27c;background:#425970;color:#fff6e5;padding:9px 13px;font-size:12px;border-radius:3px}
.story-cast{position:absolute;inset:15% 7% 19%;display:flex;justify-content:center;align-items:flex-end;gap:3%;z-index:2;pointer-events:none}.story-portrait{margin:0;position:relative;height:100%;max-width:48%;width:430px;display:flex;justify-content:center;align-items:flex-start;overflow:hidden;filter:drop-shadow(2px 8px 7px #3a47562b)}.story-portrait img{height:100%;width:100%;object-fit:contain;object-position:center top;mix-blend-mode:normal}.story-portrait figcaption{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);background:#f5f1e9d9;padding:5px 15px;font-size:12px;white-space:nowrap}.cast-1 .story-portrait{max-width:58%;width:450px}.v2-dialogue{position:relative;left:auto;right:auto;bottom:auto;margin-top:400px;min-height:200px;padding:35px 32px 18px;background:#f7f3e9f5;border:1px solid #b2a182;box-shadow:inset 0 0 0 5px #efe8d9,inset 0 0 0 6px #d7c8af,0 7px 20px #46546825;backdrop-filter:none}.v2-dialogue::before,.v2-dialogue::after{width:22px;height:22px;border-color:#baa37d}.v2-nameplate{background:#435d76;color:#fff7e7;top:-24px;left:28px;min-width:220px;height:48px;padding:6px 24px;gap:10px}.v2-nameplate b{font-size:18px}.v2-nameplate small{color:#d1d9dc}.v2-prose{font-size:var(--reading-size);line-height:1.85}.v2-dialogue-body{min-height:85px}.v2-dialogue footer{font-size:11px}.v2-next{width:44px;height:44px}.v2-choices{grid-template-columns:1fr;gap:8px}.v2-choice{background:#f3f0e8;font-size:16px;min-height:44px}.v2-choice:hover{background:#dee7eb;border-color:#7791a4}.choice-response{display:flex;align-items:center;gap:16px}.choice-response .v2-prose{flex:1}.choice-q{display:flex;flex-shrink:0;max-width:190px}.choice-q .chibi{width:90px;height:105px}
.chibi img,body[data-page] .chibi img{mix-blend-mode:normal;object-fit:contain;width:100%;height:100%;max-height:100%;filter:none}.chibi{animation:q-idle 5.3s ease-in-out infinite;transform-origin:50% 95%}.chibi-I{animation-duration:6.5s}.chibi-L{animation-duration:4.8s}.chibi.mood-happy{animation:q-happy 1.2s ease-in-out 3}.chibi.mood-sad{animation:q-sad 3s ease-in-out infinite}.chibi.mood-angry{animation:q-shake .5s ease-in-out 3}.life-actors .actor:nth-child(2){animation:q-walk 24s ease-in-out infinite}.life-actors .actor:nth-child(3){animation:q-walk 29s ease-in-out infinite reverse}
@keyframes q-idle{0%,45%,100%{transform:translateY(0) rotate(0)}50%,70%{transform:translateY(-3px) rotate(1deg)}80%{transform:translateY(-1px) rotate(-1deg)}}@keyframes q-happy{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes q-sad{50%{transform:translateY(3px) rotate(-3deg)}}@keyframes q-shake{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes q-walk{0%,20%,100%{transform:translateX(0)}45%,65%{transform:translateX(24px)}80%{transform:translateX(12px)}}
.v2-characters{background:#eff0ea}.v2-dossier-bg{opacity:.16;filter:saturate(.55)}.v2-dossier-head h1{font-size:29px}.v2-dossier-head span{font-size:11px}.v2-dossier-head p{font-size:14px}.v2-dossier-main{grid-template-columns:47% 35% 18%;min-height:610px}.v2-dossier-figure{padding-left:130px}.v2-dossier-figure img{mix-blend-mode:normal;max-width:100%;height:95%;filter:drop-shadow(3px 5px 7px #40556a1f)}.v2-dossier-name h2{font-size:29px}.v2-dossier-copy{padding:20px}.v2-dossier-note{font-size:16px}.v2-dossier-copy dd{font-size:14px}.v2-dossier-copy dt{font-size:10px}.v2-dossier-details{margin-right:30px}.v2-detail-frame{height:260px;background:#e8e7df}.v2-detail-frame img{object-position:50% 0;mix-blend-mode:normal;filter:none}.portrait-variants{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 18px}.portrait-variants button[aria-pressed="true"]{background:#46627e;color:#fff}.v2-character-tabs{left:23px}.v2-character-tab{width:130px}.v2-character-tab b{font-size:15px}
.v2-market{grid-template-columns:minmax(0,1fr) 335px;background:#d9e4e8}.v2-market-bg{width:calc(100% - 335px);object-fit:cover;object-position:center}.v2-market-head{left:30px;right:360px;top:30px;color:#30485e;text-shadow:none;display:block;background:#f7f3e8dc;padding:15px 22px;width:fit-content;max-width:calc(100% - 380px)}.v2-market-head h1{font-size:30px}.v2-market-head small{font-size:12px}.v2-market-head>div:last-child{margin-top:9px}.v2-market-head b{color:#385873}.v2-market-panel{background:#f8f4e9;border-left:1px solid #bdad90;box-shadow:none;backdrop-filter:none;padding:25px 21px}.v2-market-panel h2{font-size:28px}.v2-market-panel p{font-size:15px}.v2-market-kicker{font-size:11px}.v2-market-flow li span{font-size:10px}.v2-market-panel-body{padding-top:25px}.v2-market-helper{right:20%;bottom:23%}.v2-market-helper .chibi{width:180px;height:210px}.v2-order-ticket{top:24%;left:5%;width:210px;background:#fbf7eaef;z-index:5}.v2-order-ticket small{font-size:11px}.v2-order-ticket span{font-size:13px}.v2-market-dessert{bottom:18%;left:55%}.market-customer{position:absolute;left:5%;bottom:4%;display:grid;justify-items:center;z-index:4}.market-customer .chibi{width:130px;height:155px}.market-customer>span{background:#f7f3e8e8;padding:5px 10px;font-size:13px}.v2-ingredient-group label{font-size:14px}.v2-ingredient{font-size:15px;min-height:60px}.v2-ingredient::before{content:'';display:block;margin:0 auto 5px;width:38px;height:25px;background:#e9d3a0;border:1px solid #b89a71;border-radius:50%}.v2-ingredient-group:nth-of-type(2) .v2-ingredient::before{background:#f9f5e9;border-radius:50% 50% 35% 35%}.v2-ingredient-group:nth-of-type(2) .v2-ingredient:nth-child(2)::before{background:#847086}.v2-ingredient-group:nth-of-type(3) .v2-ingredient::before{background:#8a9c72;width:23px;border-radius:0 70%}.v2-ingredient-group:nth-of-type(3) .v2-ingredient:nth-child(2)::before{background:#dcc494}.craft-control{padding:22px 5px;display:grid;gap:18px}.craft-control input{width:100%;accent-color:#526e88}.craft-control output{font:italic 40px Georgia;text-align:center;color:#46627e}.craft-control label{font-size:15px}.v2-craft-game{background:#eef0e8;border-color:#c8b89a}.v2-craft-game>span{font-size:70px}.v2-no-pressure{font-size:12px}.v2-market-summary dt{font-size:14px}.v2-helper-pick b{font-size:15px}.v2-helper-pick small{font-size:12px}
.wardrobe-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;padding:26px;background:#f8f5ed;border:1px solid #cbbc9f;outline:1px solid #d7cbb8;outline-offset:-7px}.wardrobe-model{display:grid;align-content:center;justify-items:center}.wardrobe-model .chibi{width:195px;height:260px}.wardrobe-model p{font-size:14px;text-align:center}.wardrobe-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.wardrobe-items .shop-item{padding:18px 12px;text-align:center}.wardrobe-items .item-art{height:135px;display:grid;place-items:center}.wardrobe-items .item-art img{max-width:100%;max-height:135px;object-fit:contain;mix-blend-mode:multiply}.wardrobe-items .shop-item h3{font-size:18px}.wardrobe-items .shop-item p{font-size:13px;min-height:42px}.wardrobe-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.wardrobe-tabs button{padding:7px 10px}.wardrobe-model select{margin-top:15px;max-width:100%}
.cinema-modal{padding:0!important;width:min(1350px,96vw)!important;max-width:none!important;overflow:hidden;border:1px solid #c4b593;background:#263e50}.cinema-modal .close-btn{z-index:5;background:#f4efe5}.first-meeting{position:relative;aspect-ratio:16/9;overflow:hidden}.first-meeting>img{width:100%;height:100%;object-fit:cover;animation:meeting-camera 9s cubic-bezier(.2,.3,.3,1) both}.meeting-I>img{animation-name:meeting-brother}.meeting-caption{position:absolute;bottom:0;left:0;right:0;padding:26px 35px;background:#f2f0e8e8;animation:meeting-caption 9s both;display:grid;grid-template-columns:1fr auto;gap:5px}.meeting-caption h2{font-size:28px;margin:0}.meeting-caption small{grid-column:1;font-style:italic}.meeting-caption p{margin:0}.meeting-caption button{grid-column:2;grid-row:1/4;align-self:center}@keyframes meeting-camera{0%{transform:scale(1.55);transform-origin:67% 85%}65%{transform:scale(1.12);transform-origin:64% 30%}100%{transform:scale(1)}}@keyframes meeting-brother{0%{transform:scale(1.45);transform-origin:25% 65%}65%{transform:scale(1.12);transform-origin:38% 28%}100%{transform:scale(1)}}@keyframes meeting-caption{0%,55%{opacity:0;transform:translateY(10px)}80%,100%{opacity:1;transform:none}}
.reduce-motion *, .reduce-motion *::before, .reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduce-motion .meeting-caption{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.meeting-caption{opacity:1;transform:none}}
@media(max-width:1200px){.game-shell,body[data-page] .game-shell{grid-template-columns:155px minmax(0,1fr)}body[data-page] .sidebar{width:155px;padding:20px 8px}body[data-page] .brand{font-size:24px}.home-grid{grid-template-columns:minmax(0,1fr) 240px}.map-wrap{min-height:330px}.v2-dossier-main{grid-template-columns:52% 48%}.v2-dossier-details{display:none}.v2-market{grid-template-columns:minmax(0,1fr) 300px}.v2-market-bg{width:calc(100% - 300px)}.v2-market-head{max-width:calc(100% - 340px);right:auto;left:20px}.v2-market-head h1{font-size:25px}.v2-market-helper{right:6%}.v2-order-ticket{width:185px}.wardrobe-layout{grid-template-columns:180px minmax(0,1fr)}.wardrobe-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.game-shell,body[data-page] .game-shell{display:block;padding-bottom:76px}body[data-page] .sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:72px;padding:4px 7px;z-index:30;border:0;border-top:1px solid #c3b38f}body[data-page] .sidebar nav{display:flex;overflow:auto;gap:4px}body[data-page] .sidebar .brand,body[data-page] .sidebar-foot,.side-rule{display:none}body[data-page] .nav-item{flex:0 0 61px;display:grid;justify-items:center;gap:2px;margin:0;padding:5px 4px;min-height:60px}body[data-page] .nav-item b{display:none}body[data-page] .nav-item small{font-size:11px}body[data-page] .nav-item .icon{width:22px;height:22px}body[data-page] .main{padding:16px}.page-heading h1{font-size:27px}.home-grid{display:block}.map-wrap{min-height:280px;aspect-ratio:1.2}.journal{margin-top:20px}.home-lower{display:block}.little-note{padding:20px}.author-note{display:block;padding:12px}.author-note p{margin:8px 0}body[data-page="map"] .main{padding:15px}.v2-home-center{padding:25px;min-height:65svh}.v2-home-center h1{font-size:72px}.v2-home-top{padding:24px}.v2-home-credit{position:relative;bottom:auto;right:auto;margin:20px}.v2-story{min-height:calc(100svh - 76px);padding:12px 8px 14px;margin:-16px}.v2-story-head{inset:12px 12px auto;display:block}.v2-story-head>div:first-child{width:fit-content;padding:9px 13px}.v2-story-head h1{font-size:23px}.v2-story-head small{font-size:11px}.v2-story-tools{display:flex;margin-top:10px;justify-content:flex-start}.v2-tool{padding:7px 10px}.story-cast{inset:175px 1% 200px;min-height:270px;gap:0}.story-portrait{max-width:50%;height:310px;align-self:flex-start}.cast-1 .story-portrait{max-width:85%;height:340px}.v2-dialogue{margin-top:450px;padding:31px 18px 14px;min-height:200px}.v2-prose{font-size:min(var(--reading-size),19px);line-height:1.85}.v2-dialogue footer>span{max-width:50%;line-height:1.5}.choice-response{display:block}.choice-q{float:none;margin-left:auto;height:90px}.choice-q .chibi{height:90px;width:75px}.v2-nameplate{left:18px;min-width:200px}.v2-characters{margin:-16px}.v2-dossier-main{display:block;min-height:0}.v2-dossier-figure{height:440px;padding:15px 0 0}.v2-dossier-copy{padding:25px}.v2-character-tabs{left:0}.v2-dossier-head{padding:25px}.v2-market{margin:-16px;display:block}.v2-market-bg{width:100%;height:540px}.v2-market-scene{min-height:540px}.v2-market-head{left:14px;top:15px;max-width:calc(100% - 28px);padding:10px 16px}.v2-market-head h1{font-size:24px}.v2-order-ticket{top:25%;width:180px;padding:13px}.v2-market-helper{bottom:20%;right:4%}.v2-market-helper .chibi{width:130px;height:150px}.market-customer .chibi{width:100px;height:120px}.v2-market-dessert{bottom:14%;left:60%;transform:translateX(-50%) scale(.9)}.v2-market-panel{min-height:420px;padding:23px}.v2-market-panel-body{padding-bottom:12px}.wardrobe-layout{display:block;padding:20px 15px}.wardrobe-model{margin-bottom:25px}.wardrobe-model .chibi{width:150px;height:185px}.wardrobe-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wardrobe-items .shop-item{padding:10px}.wardrobe-items .shop-item h3{font-size:16px}.wardrobe-items .btn{padding:8px;font-size:12px}.first-meeting{aspect-ratio:3/4}.meeting-caption{padding:20px;display:block}.meeting-caption h2{font-size:24px}.meeting-caption button{margin-top:12px}}