/* Reference recreation: functional DOM over independently cropped scenic art. */
:root{--night:#191d2d;--night-blue:#273347;--ink-blue:#34455e;--paper-warm:#e9e4d9;--line-ornament:#b2a990}
html,body{background:#171c2b;color:#34445b}
body::before{opacity:.035;z-index:10}
.game-shell,body[data-page] .game-shell{max-width:none;grid-template-columns:clamp(150px,15.5vw,245px) minmax(0,1fr);min-height:100dvh;background:#21293a}
.sidebar,body[data-page] .sidebar{width:auto;position:relative!important;min-height:100%;height:auto!important;background:linear-gradient(150deg,#192136,#111321 68%,#20283c)!important;border-right:1px solid #797f8a63;box-shadow:inset -16px 0 24px #10131e58;color:#e1dcd2;padding:clamp(20px,2.5vw,35px) clamp(13px,2vw,31px);overflow:visible!important}
.sidebar::after{content:'✧';display:block;text-align:center;color:#a7a6a0;opacity:.65;font:32px Georgia;padding:22px 0}
body[data-page] .brand{color:#ece7dc;font:italic clamp(25px,2.5vw,39px) Georgia,serif;letter-spacing:-.04em;margin:0 0 32px}
body[data-page] .brand-symbol{font:32px Georgia;color:#aab2bd}
body[data-page] .brand small{font:10px var(--serif);letter-spacing:.28em;text-align:center;color:#aeb3be}
.side-rule,.sidebar-foot{display:none!important}
.sidebar nav,body[data-page] .sidebar nav{display:grid;gap:clamp(2px,.5vh,9px);overflow:visible!important}
body[data-page] .nav-item{margin:0;min-height:clamp(50px,7.4vh,76px);border:1px solid transparent;padding:7px 13px;gap:clamp(10px,1.3vw,20px);color:#dedbd7;clip-path:none;background:transparent;transition:background .2s,color .2s,transform .2s}
body[data-page] .nav-item .icon{height:clamp(21px,2vw,30px);width:clamp(21px,2vw,30px);stroke-width:1.2;color:#c6c8cd}
body[data-page] .nav-item b{font:clamp(17px,1.4vw,24px) Georgia,serif;letter-spacing:0}
body[data-page] .nav-item small{font:clamp(9px,.8vw,13px) var(--serif);letter-spacing:.1em;color:#aab0b8}
body[data-page] .nav-item:hover{background:#8994a62b;transform:translateX(2px)}
body[data-page] .nav-item.active{background:#e8e3d8!important;color:#28354a;border-color:#b6ae9e;box-shadow:0 4px 12px #10172569;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)}
body[data-page] .nav-item.active .icon,body[data-page] .nav-item.active small{color:#41516a}
.main,body[data-page] .main{min-width:0;padding:0 clamp(18px,3.2vw,55px) 42px;background:radial-gradient(ellipse at 70% 2%,#50607766,transparent 34%),linear-gradient(125deg,#232d41,#171b2b 70%,#30394a);position:relative;color:#e9e5dd}
.topline{height:clamp(44px,6vh,67px);margin:0;border-bottom:1px solid #c0bfba41;color:#e5e0d7;position:relative;z-index:5}
.topline small,.era-tag,.topline button{color:#e8e2d7}.coins{color:#d6cfbd}
#view{position:relative;z-index:1;min-width:0}
.page-foot{color:#b4b6b9;border-color:#89919a5e}
.page-heading{margin:clamp(20px,2.6vh,34px) 0 16px;color:#eee9df;position:relative;z-index:2}
.page-heading .eyebrow{font:italic clamp(15px,1.4vw,21px) Georgia;color:#bfc6d2;margin:0 0 7px}
.page-heading h1{font:normal clamp(29px,3.25vw,52px)/1.3 var(--serif);letter-spacing:.08em;color:#f3eee2;margin:0 0 10px}
.page-heading p{font-size:clamp(12px,1.1vw,18px);color:#b9bdc6}.heading-star{color:#b8b5a8}
.btn,.v2-primary,.v2-ghost,body[data-page] .v2-tool{border-radius:1px;box-shadow:inset 0 0 0 2px #d0c5af39,0 3px 8px #0e152743;letter-spacing:.07em}
.btn,.v2-primary{background:#313d55;color:#f2ecdf;border:1px solid #969898}
.btn:not(:disabled):hover,.v2-primary:not(:disabled):hover{background:#4a5872;color:#fff9e8}
.btn.secondary,.v2-ghost{border:1px solid #a9a99f;color:#44536a;background:#ebe6da}
.text-btn{color:inherit;border-color:#b4b1a384}

/* The map follows the reference: narrative banner, framed illustrated map,
   and a tall unfinished chapter page. Old and current eras use distinct art. */
body[data-page="map"] .main{background:linear-gradient(90deg,#30394ba8,#2b354981),url('/assets/ui-reference/old-header.jpg') right 0 top 0 / 65% 280px no-repeat,#262d3d!important;padding:0 clamp(18px,2.8vw,46px) 30px}
body[data-page="map"][data-era="现世"] .main{background:linear-gradient(90deg,#252d40ca,#26324d5c),url('/assets/ui-reference/present-header.jpg') right 0 top 0 / 55% 280px no-repeat,#242d40!important}
body[data-page="map"] .page-heading{min-height:clamp(140px,19vh,205px);padding-top:12px;margin-bottom:9px}
body[data-page="map"] .page-heading p{color:#e0ded8}
.author-note{background:#e8e4d8!important;color:#39465c;border:1px solid #b9b09e;box-shadow:inset 0 0 0 5px #eae5d9,inset 0 0 0 6px #b8ad9a,3px 5px 16px #161b2d48;min-height:55px;padding:11px 21px}
.author-note .text-btn{color:#3b465a}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(250px,25%,370px);gap:clamp(12px,1.8vw,26px);margin-top:15px}
.map-card,.journal{border:1px solid #aaa391;background:#e6e1d6;box-shadow:inset 0 0 0 7px #e9e4d9,inset 0 0 0 8px #b5aa9c,5px 8px 18px #1118264b;color:#293a53;border-radius:2px;position:relative}
.map-card::before,.journal::before,.letter-paper::before,.wardrobe-layout::before{content:'✧';position:absolute;top:3px;left:10px;color:#8b918d;z-index:3;font:22px Georgia;pointer-events:none}
.card-caption{background:#e8e3d6;border-bottom:1px solid #ada898;padding:11px 26px 10px;color:#374559}
.card-caption span{padding:3px 12px;background:#35435b;color:#f0eadc;font-size:13px}
.map-wrap{aspect-ratio:1.79;min-height:340px;height:auto;margin:8px;overflow:hidden;border:1px solid #b3ac9d}
.world-map{width:100%;height:100%;object-fit:cover;filter:saturate(.69) contrast(.87) brightness(.89)}
body[data-page="map"][data-era="旧世"] .world-map{filter:saturate(.6) sepia(.14) contrast(.87) brightness(.86)}
.map-point .pin{background:#e9e4d5d9;border:1px solid #42536b;box-shadow:0 2px 5px #17213380;color:#34465f}
.map-point .pin-name{background:#e9e2d1eb;color:#263a54;border:1px solid #aaa28d;box-shadow:2px 2px 6px #27344b88}
.map-point.locked{opacity:.5;filter:grayscale(1)}
.map-bottom{background:#e9e4d8;border-top:1px solid #b9b2a4;color:#47556a;padding:9px 18px}
.journal{padding:clamp(19px,2.3vw,35px);min-width:0}
.journal .eyebrow{color:#565e6a}.chapter-number{font:normal clamp(64px,6.3vw,96px) Georgia;color:#354158}.journal h2{color:#29394f;font-size:clamp(22px,2vw,31px)}.journal p{color:#5c6370;font-size:clamp(12px,1.1vw,16px)}
.journal>.btn{margin-top:16px}.journal-note{color:#5a6271}
.chapter-path span.complete{background:#333e56}
.home-lower{display:none}

/* Correspondence: a letter sheet dominates the right side; the directory is
   a narrow dark column and all writing controls stay live. */
body[data-page="letters"] .main{background:linear-gradient(90deg,#182334d8,#1a253080 53%,#24304571),url('/assets/ui-reference/letters-window.jpg') right top / 65% 290px no-repeat,#1c2533}
.letters-layout{display:grid;grid-template-columns:clamp(205px,23%,320px) minmax(0,1fr);gap:clamp(18px,2.6vw,42px);min-height:clamp(630px,75vh,840px);align-items:stretch}
.correspondents{background:#1823338a;padding:20px 12px 20px 0;display:block;color:#eee9df}
.person-tab{width:100%;border:0;border-bottom:1px solid #b1b6bd3d;border-radius:0;background:transparent;color:#e6e1d8;min-height:83px;display:flex;align-items:center;gap:15px;text-align:left;padding:10px 12px}
.person-tab.selected{background:#78879d6d;border:1px solid #a7b3c18f;box-shadow:inset 0 0 0 2px #c9d1d13d}
.person-tab small{color:#b7bfca}.person-tab .mini-avatar{width:45px;height:56px}
.correspondents>p{color:#b2bcca;font-size:12px;line-height:1.9;margin:25px 10px}
.letter-paper{position:relative;margin:0 0 20px;padding:clamp(22px,3vw,46px) clamp(25px,4vw,65px);background:radial-gradient(ellipse at 50% 44%,#f1eee7,#e0dcd4);color:#46546a;border:1px solid #b9b3a8;outline:1px solid #d1c9ba;outline-offset:-8px;box-shadow:7px 11px 19px #111a285a;min-height:620px}
.letter-paper::after{content:'❧';position:absolute;bottom:9px;right:17px;color:#8c9ba4;font:26px Georgia;pointer-events:none}
.letter-paper h2{font:clamp(23px,2vw,32px) var(--serif);margin:20px 0}.letter-top{border-bottom:1px solid #b8b6af;padding-bottom:11px;color:#58667a}
.letter-thread{min-height:240px;max-height:39vh}.empty-letter>span{color:#8595a4;font-size:40px}.empty-letter p{color:#8d9299}
.letter-paper textarea{border:0!important;border-top:1px solid #bcb8b1!important;background:transparent!important;border-radius:0!important;color:#354965;resize:vertical}
.letter-paper .btn{background:#35445e}

/* The fitting room keeps the reference's broad portrait stage and 3×2 book
   of outfit cards. The images are actual user-provided chibi assets. */
body[data-page="wardrobe"] .main{background:linear-gradient(90deg,#35465ab8,#63718588),url('/assets/ui-reference/wardrobe-window.jpg') right top / 65% 280px no-repeat,#39485a}
.wardrobe-layout{position:relative;display:grid;grid-template-columns:32% minmax(0,1fr);gap:clamp(12px,1.2vw,20px);margin:8px 0 25px;padding:clamp(14px,1.6vw,24px);background:#e5e2db;color:#3e5168;border:1px solid #b7aea0;box-shadow:inset 0 0 0 7px #e8e4da,inset 0 0 0 8px #aeb1b4,5px 9px 24px #1520357a}
.wardrobe-model{border:1px solid #bbc0c0;background:radial-gradient(ellipse at 50% 42%,#eaeae4,#d4d9d9);padding:clamp(12px,1.4vw,23px);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:590px;position:relative}
.wardrobe-model::before{content:'✧';position:absolute;top:12px;left:50%;font:26px Georgia;color:#8494a4}
.wardrobe-model .chibi{width:clamp(150px,20vw,300px);height:clamp(180px,37vh,370px);flex-shrink:0}
.wardrobe-model h2{font-size:clamp(21px,1.8vw,30px);margin:3px 0}.wardrobe-model p{margin:0 0 12px}.wardrobe-tabs{margin-bottom:12px}
.wardrobe-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,.8vw,15px);align-content:start}
.wardrobe-items .shop-item{background:#e9e6e0;border:1px solid #b7b9ba;border-radius:1px;box-shadow:inset 0 0 0 4px #ece9e3,inset 0 0 0 5px #bcbcb8;padding:clamp(9px,1vw,15px) 9px;min-width:0}
.wardrobe-items .shop-item.selected{background:#d7dee1;border-color:#71869a}
.wardrobe-items .item-art{height:clamp(90px,14vh,145px)}.wardrobe-items .item-art .chibi{height:100%;width:100%}
.wardrobe-items .shop-item h3{font-size:clamp(13px,1.2vw,18px);margin:3px 0;color:#425671}.wardrobe-items .shop-item p{font-size:clamp(9px,.75vw,12px);min-height:30px;color:#7e8992;margin:3px 0 6px}
.wardrobe-items .shop-item .btn{padding:5px 9px;min-height:34px;font-size:clamp(10px,.75vw,12px)}

/* Character archive: original HD art, uncut crown and a pale staged bottom. */
body[data-page="characters"] .main{padding:0 15px 0 0;background:#182032;color:#e5e1dd}
.v2-characters{background:#1c2335!important;min-height:calc(100dvh - 63px);margin:0;overflow:hidden;color:#e7e2dd}
.v2-dossier-bg{opacity:.46!important;filter:saturate(.35) brightness(.46)!important;object-fit:cover}
.v2-characters::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#13182a80,#29324a57 60%,#151a2991);pointer-events:none;z-index:1}
.v2-dossier-head,.v2-character-tabs,.v2-dossier-main{position:relative;z-index:2}
.v2-dossier-head{padding:clamp(24px,3vw,48px);padding-bottom:12px;color:#ece8df}
.v2-dossier-head h1{font-size:clamp(27px,2.5vw,40px);color:#f1ece3}.v2-dossier-head p{color:#c9cbd0}
.v2-character-tabs{left:clamp(18px,2vw,33px);top:0;width:clamp(120px,11vw,180px)}
.v2-character-tab{display:block;width:100%;text-align:left;padding:10px 12px;margin-bottom:7px;background:#1d263c99;border:1px solid #7c85964d;color:#e0e0dc}
.v2-character-tab.active{background:#e7e3d8;color:#24314b;border-color:#d6d0bf}
.v2-character-tab small{color:#abb0b7}
.v2-dossier-main{grid-template-columns:48% minmax(30%,1fr) minmax(0,16%);min-height:clamp(565px,77vh,760px)}
body[data-page="characters"] .v2-dossier-figure{padding-left:clamp(125px,13vw,200px);padding-top:0;align-items:flex-start;background:transparent;min-height:560px}
body[data-page="characters"] .v2-dossier-figure img{height:calc(100% - 30px)!important;margin-top:15px!important;max-width:100%;width:auto;object-fit:contain;object-position:center top;transform:none!important;filter:drop-shadow(2px 7px 13px #11182765);mask-image:linear-gradient(#000 0 71%,#000b 82%,transparent 100%)}
body[data-page="characters"] .v2-dossier-figure::after{background:linear-gradient(transparent,#1c25346b 34%,#1c2534 100%);height:25%}
body[data-page="characters"] .v2-dossier-figure::before{color:#a6a39a;border-color:#a6a39a6b}
.v2-dossier-copy{background:#20273aaa;color:#ebe6df;padding:clamp(15px,2vw,30px);align-self:center}
.v2-dossier-name h2{color:#f1ede6;font-size:clamp(25px,2.3vw,37px)}.v2-dossier-name small,.v2-dossier-name span,.v2-dossier-note{color:#c7c7c8}
.v2-dossier-copy dl>div{border-color:#89909c78}.v2-dossier-copy dd{color:#eee9e3}
.v2-tags i{color:#e8e4da;background:#27324a;border-color:#a8a9ab6b}
.portrait-source-note{color:#b3bac2}.v2-dossier-details{color:#ddd9d1}.v2-detail-frame{background:#364053;border:1px solid #a0a5ab}

/* Save book: two-column scenic-top parchment chapters, as in reference. */
body[data-page="saves"] .main,body[data-page="memories"] .main{background:linear-gradient(90deg,#171b2ab9,#20253873),url('/assets/ui-reference/save-window.jpg') right top / 65% 235px no-repeat,#1c2232}
.save-grid.save-book,.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(13px,1.6vw,28px)}
.save-card,.save-card.auto-save{grid-column:auto;display:flex;flex-direction:column;border:1px solid #bfc0bd;background:#e9e5dc;box-shadow:3px 8px 19px #13182478;min-height:420px;color:#38455b}
.save-thumb{height:clamp(125px,19vh,210px)!important;min-height:0!important;width:100%;flex:none;background:#333d50}
.save-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.72)}
.save-thumb b{font:32px Georgia;color:#f2eee5;z-index:3}.save-thumb>span{z-index:3}
.save-page{padding:clamp(16px,1.8vw,29px)!important;flex:1}.save-page h3{color:#34425a;font-size:clamp(16px,1.3vw,22px)}.save-page dl>div{font-size:clamp(10px,.8vw,12px)}
.save-card::after{inset:5px;border-color:#bbb8b2;z-index:1}
.save-actions>span{color:#c4c3c3}.save-actions .btn.secondary{color:#e9e4d8;background:#313c51}
.memory-card{background:#e7e3db;border:1px solid #a8abb1;border-radius:2px;box-shadow:3px 7px 17px #1116276b;color:#3c4a60}
.memory-card>div:last-child{background:#ebe7df}.memory-card h2{color:#35445a}
.memory-image{height:clamp(140px,18vh,200px)}.memory-image img{filter:saturate(.6) brightness(.83)}
.memory-bottom .panel{background:#e8e4db;color:#38455c;border-color:#b6afa4}

/* Market: dark patisserie with real counter, live companion/customer sprites,
   a floating order ticket and a full-height cream workflow page. */
body[data-page="market"] .main{padding:0!important;background:#171b29}
.v2-market{margin:0!important;display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,27%,405px);min-height:calc(100dvh - 64px);background:#1c202d;color:#efeadd}
.v2-market-bg{display:none}
.v2-market-scene{grid-column:1;grid-row:1;min-height:clamp(630px,calc(100dvh - 65px),900px);background:radial-gradient(ellipse at 64% 28%,#65738a70,transparent 36%),linear-gradient(#252737,#171a28 70%,#252334);position:relative;overflow:hidden}
.v2-market-scene::before{content:'';position:absolute;left:55%;top:0;width:38%;height:50%;background:linear-gradient(#a4aec477,#2639514b),url('/assets/ui-reference/market-window.jpg') center/cover;border:13px solid #262b3b;box-shadow:0 0 0 3px #77839766,0 0 35px #b3bcc464;clip-path:polygon(0 10%,7% 0,92% 0,100% 10%,100% 100%,0 100%);opacity:.92}
.v2-market-scene::after{content:'';position:absolute;left:25%;top:29%;width:53%;height:35%;background:linear-gradient(#30374a33,#20253577),url('/assets/ui-reference/market-shelf.jpg') center/cover;border:8px solid #343445;box-shadow:0 5px 14px #101722bf;opacity:.65}
.v2-market-head{position:absolute;z-index:6;left:clamp(20px,3vw,50px);top:clamp(15px,2vw,35px);right:auto;max-width:55%;padding:clamp(15px,2vw,29px);background:#e9e4d9ed;color:#344054;border:1px solid #afaa9b;box-shadow:inset 0 0 0 5px #e8e3d8,inset 0 0 0 6px #a3a6a5,4px 6px 15px #0b122477;text-shadow:none}
.v2-market-head h1{font-size:clamp(25px,2.5vw,37px);color:#2d394d}.v2-market-head p{font-size:clamp(10px,.9vw,13px);color:#515967}
.v2-market-head>div:last-child{color:#505e6a}.v2-market-head b{color:#9c8964}
.market-awning{display:none}.market-menu{top:34%;left:6%;background:#262a38;border-color:#5b5a61;color:#eee6d5;z-index:3}
.market-shelves{left:28%;right:7%;top:37%;height:25%;background:#394358ad;border:6px solid #3a3b4b;box-shadow:0 2px 12px #10131d;z-index:2}
.market-shelves::before,.market-shelves::after{background:#77717d}.market-shelves i{background:#e4ddcb;border-color:#a99f92}
.market-counter{left:3%;right:2%;height:33%;bottom:0;background:linear-gradient(#747381 0 7%,#242838 8% 100%);border:5px solid #4c4852;box-shadow:inset 0 0 0 3px #7b747633,0 -7px 11px #10111b91;z-index:6}
.market-counter::after{inset:20px;background:repeating-linear-gradient(90deg,transparent 0 24%,#8790a021 24% 25%)}
.v2-order-ticket{left:auto;right:8%;top:19%;z-index:8;background:#eee9df;color:#344053;box-shadow:4px 8px 15px #1217278c;transform:rotate(2deg)}
.v2-market-helper{right:27%;bottom:22%;z-index:5}.v2-market-helper .chibi{width:clamp(120px,14vw,185px);height:clamp(130px,22vh,210px)}
.market-customer{left:9%;bottom:4%;z-index:7}.market-customer .chibi{width:clamp(90px,11vw,145px);height:clamp(110px,20vh,180px)}
.v2-market-dessert{left:58%;bottom:8%;z-index:8;transform:translateX(-50%) scale(1.1)}
.v2-market-panel{grid-column:2;grid-row:1;background:radial-gradient(ellipse at 50% 35%,#f0ede5,#dfddd4);color:#344258;border-left:2px solid #aaa99f;box-shadow:-8px 0 25px #1518279c,inset 0 0 0 8px #e8e4dc,inset 0 0 0 9px #b3b2ad;padding:clamp(17px,2vw,32px)}
.v2-market-flow li i{color:#40516a;border-color:#7c8793}.v2-market-flow li.active i{background:#303b51;color:#f5ede0}
.v2-market-panel-body{color:#3b485e}.v2-market-panel-body h2{color:#303a4d;font-size:clamp(22px,2.2vw,34px)}
.v2-market-panel-body .v2-primary{background:#334158;border:1px solid #97988c;color:#f2ecdf}
.v2-ingredient,.v2-helper-pick{background:#e9e6dd;color:#3f4d60;border-color:#a7aba6}.v2-ingredient.selected,.v2-helper-pick.active{background:#768396;color:#fbf5e8}
.v2-craft-game{background:#e5e3da;border-color:#aeb3ae}.v2-craft-game>span{color:#6e7b90}.craft-control input{accent-color:#52647e}

/* Story, settings and dialogs share the same paper/ink language. */
body[data-page="story"] .main{background:#1b2332}.v2-story{margin:0;background:#2d3747}
.v2-story-head>div:first-child{background:#e5e1d9e8;color:#303d54;border:1px solid #b4b0a4}
.v2-dialogue{background:#e9e6dfeb;border:1px solid #a6a9ab;box-shadow:0 8px 23px #17223283,inset 0 0 0 6px #e9e5dd,inset 0 0 0 7px #bcb9b0}
.v2-nameplate{background:#303d55!important;color:#f5efe2!important;border:1px solid #9fa5a7}.v2-choice{background:#f0ece3;border-color:#aeb2b1;color:#35435a}
.v2-tool{background:#303e57!important;color:#f3eee3!important;border:1px solid #a1a8ab!important}
.v2-tool.active{background:#e4e0d6!important;color:#2e3e56!important}
body[data-page="settings"] .panel,.api-form{background:#e6e3da;color:#37465c;border:1px solid #b0aba1;box-shadow:inset 0 0 0 5px #e9e6de,inset 0 0 0 6px #b5b2aa}
body[data-page="settings"] .panel h2,body[data-page="settings"] .api-form h3{color:#34415a}
.modal,.agreement-modal{background:#e8e3d8;color:#34445a;border:1px solid #aca799;border-radius:1px;box-shadow:0 17px 65px #101521a8,inset 0 0 0 7px #ebe5d9,inset 0 0 0 8px #b7b1a5}
.modal-backdrop{background:#13192b9e}
.unlock-card .btn,.chapter-end .btn{background:#313f57}

@media(max-width:1180px){.game-shell,body[data-page] .game-shell{grid-template-columns:clamp(115px,13vw,160px) minmax(0,1fr)}body[data-page] .sidebar{padding:14px 8px}body[data-page] .nav-item{padding:5px 7px;gap:6px}body[data-page] .nav-item b{font-size:14px}body[data-page] .nav-item small{font-size:9px}.v2-dossier-details{display:none}.v2-dossier-main{grid-template-columns:53% 47%}.v2-market{grid-template-columns:minmax(0,1fr) 290px}}
@media(max-width:900px) and (orientation:landscape){
 .game-shell,body[data-page] .game-shell{grid-template-columns:75px minmax(0,1fr)!important;display:grid!important;padding:0!important}
 .sidebar,body[data-page] .sidebar{position:relative!important;inset:auto!important;width:75px!important;height:auto!important;min-height:100%!important;padding:8px 4px!important;overflow:visible!important}
 .sidebar .brand{display:none!important}.sidebar::after{display:none}
 .sidebar nav,body[data-page] .sidebar nav{display:grid!important;gap:0!important;overflow:visible!important}
 body[data-page] .nav-item{min-height:39px!important;width:66px!important;grid-template-columns:20px 1fr!important;padding:3px 4px!important;gap:3px!important}
 body[data-page] .nav-item .icon{width:17px!important;height:17px!important}body[data-page] .nav-item b{display:none!important}body[data-page] .nav-item small{font-size:9px!important;white-space:nowrap}
 body[data-page] .main{padding:0 11px 12px!important}.topline{height:35px}.page-heading{margin:8px 0}.page-heading h1{font-size:23px}.page-heading p{font-size:11px}
 body[data-page="map"] .page-heading{min-height:105px}.author-note{min-height:0;padding:5px 9px}.author-note p{display:none}.home-grid{grid-template-columns:minmax(0,1fr) 175px;gap:8px}.map-wrap{min-height:230px;aspect-ratio:1.7}.journal{padding:13px}.chapter-number{font-size:42px}.journal h2{font-size:18px}.journal p{font-size:10px}
 .letters-layout{grid-template-columns:150px 1fr;gap:8px;min-height:450px}.correspondents{padding:2px}.person-tab{min-height:52px;padding:3px;font-size:11px}.mini-avatar{width:30px!important;height:38px!important}.correspondents>p{display:none}.letter-paper{padding:19px;min-height:430px}.letter-thread{min-height:120px;max-height:150px}
 .wardrobe-layout{grid-template-columns:30% 1fr;padding:7px;gap:7px}.wardrobe-model{min-height:330px;padding:5px}.wardrobe-model .chibi{height:135px;width:120px}.wardrobe-model h2{font-size:15px}.wardrobe-model p{font-size:9px}.wardrobe-tabs button{padding:3px;font-size:9px}.wardrobe-items{gap:4px}.wardrobe-items .shop-item{padding:5px}.wardrobe-items .item-art{height:68px}.wardrobe-items .shop-item h3{font-size:10px}.wardrobe-items .shop-item p{font-size:8px;min-height:12px}.wardrobe-items .shop-item .btn{min-height:25px;font-size:9px;padding:2px 4px}
 .v2-market{min-height:calc(100dvh - 35px);grid-template-columns:minmax(0,1fr) 245px}.v2-market-scene{min-height:390px}.v2-market-head{top:9px;left:9px;padding:8px;max-width:58%}.v2-market-head h1{font-size:18px}.v2-market-head p{display:none}.v2-market-panel{padding:10px}.v2-market-panel-body{padding:9px 0}.v2-market-panel-body h2{font-size:17px}.v2-market-flow{gap:2px}.v2-market-flow li{font-size:8px}.v2-order-ticket{top:18%;right:3%;width:150px;padding:8px}.market-menu{top:37%;width:70px;padding:4px;font-size:11px}.market-menu small{font-size:8px}.market-customer .chibi{width:70px;height:85px}.v2-market-helper .chibi{width:85px;height:100px}.v2-market-dessert{transform:translateX(-50%) scale(.72)}
 .v2-dossier-main{min-height:390px}.v2-dossier-head{padding:12px}.v2-dossier-head h1{font-size:22px}.v2-character-tabs{left:9px;width:90px}.v2-character-tab{padding:4px;font-size:9px}.v2-dossier-figure{min-height:370px!important;padding-left:87px!important}.v2-dossier-copy{padding:9px}.v2-dossier-name h2{font-size:20px}.v2-dossier-note{font-size:10px}.v2-dossier-copy dl>div{padding:4px 0}
 .save-grid.save-book,.memory-grid{gap:8px}.save-card{min-height:330px}.save-thumb{height:100px!important}.save-page{padding:9px!important}.save-page h3{font-size:13px}.save-page dl>div{font-size:9px}
}
@media(max-width:740px) and (orientation:landscape){.home-grid{grid-template-columns:minmax(0,1fr) 160px}.v2-market{grid-template-columns:minmax(0,1fr) 225px}.v2-market-scene{min-height:360px}.wardrobe-items{grid-template-columns:repeat(3,minmax(0,1fr))}}