/* V1.10: separate page structures and real controls derived from the supplied final drafts. */
html,body{overflow-x:hidden;overflow-y:auto;height:auto;min-height:100%;overscroll-behavior-y:auto}
body[data-page] .game-shell{display:grid!important;grid-template-columns:clamp(130px,15.5vw,260px) minmax(0,1fr);max-width:none;min-height:100dvh;padding:0!important}
body[data-page] .sidebar{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:100%;overflow:visible!important;padding:clamp(16px,2.2vw,36px) clamp(12px,1.8vw,30px) 170px!important;background:linear-gradient(90deg,#151b2bde,#192133cb),url('/assets/ui-reference/letters-window.jpg') 35% center/auto 100% no-repeat!important;border-right:1px solid #9c9fa952;align-self:stretch;touch-action:pan-y;overscroll-behavior:auto}
body[data-page] .sidebar::before{content:'';position:absolute;inset:12px 11px 0;border:1px solid #a4aaa52d;border-radius:80px 80px 0 0;pointer-events:none}
body[data-page] .sidebar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:170px;background:url('/assets/ui-parts/nav-footer.webp') bottom center/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 32%);pointer-events:none;padding:0}
body[data-page] .brand{position:relative;z-index:1;margin:0 0 clamp(30px,4vh,54px);gap:10px;justify-content:center}
body[data-page] .brand-symbol{font-size:35px;color:#c3c4bd}
body[data-page] .brand>span:nth-child(2){font-size:clamp(27px,2.5vw,41px);letter-spacing:-.03em;color:#eee9dc}
body[data-page] .brand small{font-size:11px;letter-spacing:.3em;margin-top:8px}
body[data-page] .sidebar nav{display:grid!important;gap:clamp(6px,1.4vh,16px)!important;overflow:visible!important;position:relative;z-index:1}
body[data-page] .nav-item{width:100%;display:flex!important;min-height:clamp(49px,7.2vh,75px);padding:9px 16px;gap:16px;flex:none;border-radius:0;color:#e7e3d9}
body[data-page] .nav-item b{display:block;font-size:clamp(17px,1.5vw,25px)}
body[data-page] .nav-item small{display:block;font-size:clamp(10px,.85vw,14px);margin-top:5px;color:#b8bcc4}
body[data-page] .nav-item.active{background:linear-gradient(105deg,#e2d9c4,#d9d0bd)!important;box-shadow:inset 0 0 0 3px #d5cbb7,inset 0 0 0 4px #9a9489,0 3px 8px #080e1c88;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}
body[data-page] .nav-item.active i{font-size:21px;right:12px;color:#71818f}
body[data-page] .nav-item.active i::after{content:'✧'}
body[data-page] .nav-item.active small{color:#485367}
body[data-page] .main{min-width:0;overflow:visible;height:auto!important}
body[data-page] .page-foot{display:none}
.ref-navy{position:relative;background:linear-gradient(#3c455b,#273248)!important;border:1px solid #a5a7a4!important;box-shadow:inset 0 0 0 3px #283248,inset 0 0 0 4px #81878a,0 3px 5px #17202e5e!important;color:#eee8d9!important;border-radius:1px;min-height:48px;padding:10px 31px!important;letter-spacing:.17em}
.ref-navy::before,.ref-navy::after{content:'⌁✧⌁';position:absolute;top:50%;transform:translateY(-50%);font-size:14px;letter-spacing:-.15em;color:#a8b0b5;pointer-events:none}
.ref-navy::before{left:11px}.ref-navy::after{right:11px}
body[data-page="map"] .main{padding:0 clamp(12px,1.2vw,22px) 18px!important;isolation:isolate;background:#292f3d!important}
body[data-page="map"] .main::before{content:'';position:absolute;inset:14px 12px auto;height:clamp(220px,27vh,288px);background:linear-gradient(90deg,#e3ddcf 0%,#e3ddcfdd 27%,#e3ddcf22 56%,transparent 76%),url('/assets/ui-reference/old-header.jpg') right center/auto 100% no-repeat,#d9d7cc;box-shadow:inset 0 0 0 7px #e5dfd1,inset 0 0 0 8px #aca999;border:1px solid #979a91;z-index:-1}
body[data-page="map"][data-era="现世"] .main::before{background:linear-gradient(90deg,#232b3df0,#30394b55 60%,transparent),url('/assets/ui-reference/present-header.jpg') right center/auto 100% no-repeat,#243045;box-shadow:inset 0 0 0 7px #303748,inset 0 0 0 8px #8c919455}
body[data-page="map"] .topline{margin:0 24px;height:clamp(65px,8vh,87px);border-color:#9b9d9575;color:#323b4d}
body[data-page="map"][data-era="旧世"] .topline button,body[data-page="map"][data-era="旧世"] .era-tag,body[data-page="map"][data-era="旧世"] .coins{color:#354055}
.ref-home-header{height:clamp(155px,19vh,202px);position:relative;padding:12px 26px}
body[data-page="map"] .ref-home .page-heading{min-height:0;margin:8px 0 0;padding:0;display:block}
body[data-page="map"] .ref-home .page-heading h1{font-size:clamp(29px,3.2vw,53px);letter-spacing:.02em;color:#273347;margin:4px 0 12px}
body[data-page="map"] .ref-home .page-heading .eyebrow{font-size:clamp(15px,1.4vw,23px);color:#4d5662}
body[data-page="map"] .ref-home .page-heading p{color:#565d69;font-size:clamp(12px,1.15vw,19px)}
body[data-page="map"][data-era="现世"] .ref-home .page-heading h1{color:#f1ece3}body[data-page="map"][data-era="现世"] .ref-home .page-heading p,body[data-page="map"][data-era="现世"] .ref-home .page-heading .eyebrow{color:#c5c7cb}
.ref-home .heading-star{display:none}.ref-header-compass{position:absolute;top:-65px;left:30%;font-size:85px;opacity:.2;color:#78848a;pointer-events:none}
.ref-author{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;min-height:62px;padding:13px 27px;background-image:url('/assets/ui-parts/paper-grain.webp')!important;background-size:cover;border-radius:0}
.ref-author span,.ref-author p,.ref-author button{font-size:clamp(10px,.85vw,14px)}.ref-author p{flex:1;margin:0}.ref-author button{white-space:nowrap;border-bottom:1px solid #81898d;box-shadow:none}
.ref-home-grid{grid-template-columns:minmax(0,1fr) 28%;gap:16px;margin:0;align-items:stretch}
.ref-map-sheet,.ref-chapter-sheet{border-radius:0!important;background:#e2ddd2 url('/assets/ui-parts/paper-grain.webp') center/cover!important;border:18px solid transparent!important;border-image:url('/assets/ui-parts/map-frame.webp') 45 fill / 18px / 0 stretch!important;overflow:hidden;box-shadow:4px 6px 14px #11182566;outline:1px solid #918d83;color:#303a4d}
.ref-map-sheet::before,.ref-chapter-sheet::before{display:none}
.ref-map-sheet .card-caption{padding:0 0 9px;background:transparent;border-bottom:1px solid #aaa69b;height:36px}
.ref-map-sheet .card-caption>span{margin-left:22px;position:relative;clip-path:polygon(0 0,100% 0,95% 50%,100% 100%,0 100%,5% 50%);padding:5px 25px;background:#333b4d;color:#e5e1d7;letter-spacing:.2em}
.ref-map-sheet .card-caption small{font-size:clamp(8px,.7vw,12px);letter-spacing:0;color:#3c4656}
.ref-map-sheet .map-wrap{height:auto;aspect-ratio:1.76;min-height:0;margin:0;border:0}
.ref-map-sheet .world-map{opacity:1;filter:saturate(.38) contrast(.83) brightness(.86);object-fit:cover}
body[data-page="map"][data-era="旧世"] .ref-map-sheet .world-map{filter:saturate(.24) sepia(.13) contrast(.86) brightness(.85)}
.ref-map-compass{position:absolute;left:2%;top:3%;font-size:clamp(45px,6vw,100px);line-height:1;color:#34435c99;text-shadow:0 1px #dad8c6;pointer-events:none}
.ref-map-compass i{position:absolute;top:-5px;left:44%;font:10px Georgia}
.ref-map-sheet .pin{width:clamp(25px,2.8vw,46px);height:clamp(25px,2.8vw,46px);font-size:clamp(18px,2vw,32px);line-height:1.35;background:radial-gradient(#ece8dc,#bdbfb8)!important;box-shadow:inset 0 0 0 3px #d1d0c4,0 3px 6px #222b3c88;border:1px solid #69717a;color:#26344b}
.ref-map-sheet .pin-name{font-size:clamp(9px,.9vw,15px);margin-top:3px;padding:5px 11px;background:#e8e3d2e8;border-radius:0;border:1px solid #b4ab99;color:#333c4b;box-shadow:2px 3px 6px #1f26384d}
.ref-map-sheet .map-bottom{background:transparent;padding:7px 4px 0;font-size:clamp(8px,.7vw,12px);color:#626a72}
.ref-chapter-sheet{border-image-source:url('/assets/ui-parts/chapter-frame.webp')!important;display:flex;flex-direction:column;padding:clamp(12px,1.5vw,26px) 16px 54px;position:relative}
.ref-bookmark{position:absolute;top:-20px;right:20px;width:22px;height:55px;background:#354054;clip-path:polygon(0 0,100% 0,100% 100%,50% 83%,0 100%);border:1px solid #747c84}
.ref-chapter-sheet .eyebrow{font:italic clamp(13px,1.3vw,21px) Georgia;max-width:none;margin:0 0 15px;color:#485366}
.ref-chapter-sheet .chapter-path{margin:0 0 20px;display:flex;gap:8px}
.ref-chapter-sheet .chapter-path span{width:clamp(23px,2vw,32px);height:clamp(23px,2vw,32px);font-size:11px;border:1px solid #9c9d92;color:#686e74}
.ref-chapter-sheet .chapter-path .current,.ref-chapter-sheet .chapter-path .complete{background:#30384a;color:#e7e4d9}
.ref-chapter-sheet .chapter-number{font-size:clamp(55px,5.5vw,92px);color:#343c50;margin:8px 0 20px;line-height:1}.ref-chapter-sheet .chapter-number small{font-size:9px}
.ref-chapter-sheet h2{font-size:clamp(19px,1.9vw,32px);margin:0 0 20px;letter-spacing:.06em}
.ref-chapter-sheet p{font-size:clamp(11px,1.05vw,18px);line-height:1.9;margin:0 0 16px;color:#636573}
.ref-chapter-bottom{margin-top:auto}.ref-chapter-sheet .progress-track{background:#9d9d9866;margin:9px 0 7px;height:3px}.ref-chapter-sheet .progress-track i{background:#464b5a}
.ref-chapter-sheet .progress-label{font-size:clamp(9px,.75vw,12px);margin-bottom:20px;color:#626871}.ref-chapter-sheet .ref-navy{font-size:clamp(10px,1.1vw,17px)}
@media(max-width:1050px) and (orientation:landscape){
 body[data-page] .game-shell{grid-template-columns:105px minmax(0,1fr)!important}body[data-page] .sidebar{padding:15px 5px 115px!important}body[data-page] .brand{margin-bottom:15px;gap:3px}body[data-page] .brand-symbol{font-size:19px}body[data-page] .brand>span:nth-child(2){font-size:20px}body[data-page] .brand small{font-size:8px;margin-top:3px}
 body[data-page] .sidebar nav{gap:4px!important}body[data-page] .nav-item{min-height:42px!important;width:100%!important;padding:6px 8px!important;gap:6px!important;display:flex!important}body[data-page] .nav-item b{display:none!important}body[data-page] .nav-item small{font-size:10px!important;margin-top:0}body[data-page] .nav-item .icon{width:19px!important;height:19px!important}body[data-page] .sidebar::after{height:110px}
 body[data-page="map"] .main{padding:0 10px 14px!important}body[data-page="map"] .main::before{height:180px;inset:8px 8px auto}body[data-page="map"] .topline{height:42px;margin:0 14px}.ref-home-header{height:135px;padding:15px 15px}.ref-author{min-height:43px;padding:9px 15px;gap:8px}.ref-author p{display:none}.ref-home-grid{grid-template-columns:minmax(0,1fr) 29%;gap:10px}.ref-map-sheet,.ref-chapter-sheet{border-width:12px!important;border-image-width:12px!important}.ref-map-sheet .card-caption{height:30px;padding-bottom:5px}.ref-map-sheet .card-caption>span{margin-left:0;padding:4px 14px;font-size:10px}.ref-map-sheet .map-wrap{min-height:250px!important;aspect-ratio:1.76!important}.ref-chapter-sheet{padding:12px 3px 18px}.ref-chapter-sheet .chapter-path{gap:4px;margin-bottom:10px}.ref-chapter-sheet .chapter-number{margin:8px 0 13px;font-size:52px}.ref-chapter-sheet h2{margin-bottom:12px}.ref-chapter-sheet .ref-navy{padding:9px 17px!important;min-height:37px}.ref-navy::before,.ref-navy::after{content:'✧';font-size:10px}.ref-navy::before{left:5px}.ref-navy::after{right:5px}.ref-header-compass{display:none}
}
/* 02 — correspondence directory at left, complete letter paper at right. */
body[data-page="letters"] .main{padding:0 clamp(30px,3.5vw,60px) 50px!important;background:linear-gradient(90deg,#152130f0 0%,#1e2a3ba0 35%,#1e2a3b21),url('/assets/ui-reference/letters-window.jpg') right top/78% 300px no-repeat,#192636!important}
body[data-page="letters"] .topline{height:74px;border-color:#b0b8c262}
.ref-letters-page{position:relative;display:grid;grid-template-columns:24% minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(28px,5vw,80px);padding-top:28px;min-height:800px}
.ref-letter-intro{grid-column:1;grid-row:1;z-index:1}
.ref-letter-intro .page-heading{display:block;margin:0 0 37px}.ref-letter-intro .heading-star{display:none}.ref-letter-intro h1{font-size:clamp(25px,2.3vw,40px);white-space:nowrap;letter-spacing:.05em}.ref-letter-intro .page-heading p{font-size:clamp(12px,1vw,17px)}
.ref-correspondents{grid-column:1;grid-row:2;background:transparent;padding:0;margin:0;min-width:0}
.ref-correspondents .person-tab{min-height:86px;padding:11px 18px;border-bottom:1px solid #c3c7ca64;color:#deded9;gap:20px;position:relative}
.ref-correspondents .person-tab b{font-weight:400;font-size:clamp(14px,1.25vw,21px);white-space:nowrap}.ref-correspondents .person-tab small{font-size:12px;margin-top:7px}.ref-correspondents .person-tab>i{margin-left:auto;font-size:18px;color:#b5c1cc}
.ref-correspondents .person-tab.selected{background:linear-gradient(135deg,#79879b9e,#5d6e838c);border:1px solid #9ea6b1a0;box-shadow:inset 0 0 0 3px #65758b7a}
.ref-correspondents .mini-avatar{width:44px;height:62px;flex:none}.ref-correspondents .mini-avatar .chibi{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;margin:0!important;transform:none!important}.ref-correspondents .mini-avatar img{width:100%;height:100%;object-fit:contain}
.ref-correspondents>p{padding:13px 15px;margin:15px 0 24px;font-size:12px;color:#c2c7d0;line-height:2}.ref-letter-switch{width:100%;text-align:left;border-bottom:1px solid #a2abb88c;color:#dddcd6;font-size:16px;padding:12px 8px;position:relative}.ref-letter-switch::after{content:'──── ✧ ────';display:block;color:#adb6be;font-size:12px;margin-top:7px}
.ref-letter-paper{grid-column:2;grid-row:1/span 2;margin:80px 0 0;min-height:650px;display:flex;flex-direction:column;position:relative;border:20px solid transparent!important;border-image:url('/assets/ui-parts/letter-frame.webp') 35 / 20px / 0 stretch;outline:0;box-shadow:8px 13px 28px #0b142778;background:#e4e2dc url('/assets/ui-parts/paper-grain.webp') center/100% 100%;padding:35px 45px 24px;color:#3e516c}
.ref-letter-paper::before,.ref-letter-paper::after{display:none}.ref-letter-paper .letter-top{display:flex;justify-content:space-between;align-items:center;padding:0 0 18px;border-bottom:1px solid #a5a9ae88;color:#546883}.ref-letter-paper .letter-top>span{font:italic clamp(14px,1.2vw,20px) Georgia}.ref-letter-paper .letter-top small{font-size:clamp(8px,.7vw,11px);color:#596579}
.ref-letter-paper h2{font-size:clamp(23px,1.9vw,32px);font-weight:400;margin:27px 0 13px;color:#374a65}
.ref-letter-paper .letter-thread{flex:1;min-height:230px;max-height:340px;margin:0;padding:8px 0;background:transparent}
.ref-letter-paper .empty-letter{height:100%;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px}.ref-letter-paper .empty-letter>span{font-size:58px;line-height:1;color:#788a9d}.ref-letter-paper .empty-letter p{font-size:clamp(12px,1.05vw,17px);line-height:2.1;color:#89929c;text-align:center}
.ref-letter-paper #letter-form{display:flex;flex-direction:column;gap:20px;position:relative;z-index:3}
.ref-letter-paper textarea{height:110px;min-height:90px;max-height:240px;border:0!important;border-top:1px solid #aaaeb373!important;border-radius:0;background:transparent!important;padding:18px 0 0;resize:vertical;color:#3b526e;font-size:clamp(13px,1.1vw,18px);box-shadow:none;line-height:1.9}
.ref-letter-paper textarea:focus{outline:0;border-top-color:#526b89!important}.ref-letter-paper textarea::placeholder{color:#5b6d85}
.ref-letter-paper .form-bottom{display:flex;align-items:end;justify-content:space-between;gap:24px;min-height:63px}.ref-letter-paper .form-bottom small{font-size:clamp(9px,.7vw,12px);color:#8591a3;line-height:1.6;max-width:55%}.ref-letter-paper .form-bottom .ref-navy{font-size:clamp(12px,1.05vw,17px);min-width:190px;white-space:nowrap}
.ref-envelope{pointer-events:none;position:absolute;right:-38px;bottom:-20px;width:220px;height:140px;transform:rotate(-10deg);background:linear-gradient(30deg,#374661,#5f708a);border:1px solid #8d9aab;box-shadow:4px 8px 16px #14223d66;z-index:2;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.ref-envelope::before{content:'';position:absolute;inset:0;background:linear-gradient(33deg,transparent 49.5%,#a6b0bd66 50%,transparent 50.6%),linear-gradient(-33deg,transparent 49.5%,#a6b0bd66 50%,transparent 50.6%)}
.ref-envelope i{position:absolute;left:44%;top:38%;font:italic 20px Georgia;border-radius:50%;width:40px;height:40px;text-align:center;line-height:40px;background:#4b5d7b;box-shadow:inset 0 0 0 3px #8191a44a,0 1px 4px #172232;border:1px solid #afafa0;color:#bfbab0}
.ref-letter-flower{position:absolute;width:130px;height:110px;left:-48px;top:-48px;background:url('/assets/ui-parts/letter-flower.webp') center/contain no-repeat;mask-image:radial-gradient(ellipse,#000 48%,transparent 74%);z-index:2;pointer-events:none}
.ref-letter-candle{position:absolute;right:-60px;bottom:120px;width:70px;height:230px;background:url('/assets/ui-parts/letter-candle.webp') center/contain no-repeat;mask-image:linear-gradient(transparent,#000 15% 80%,transparent);pointer-events:none}
.ref-letter-unavailable{min-height:120px;border-top:1px solid #a8aeb8;font-size:14px;color:#718297;padding-top:20px}
@media(max-width:1050px) and (orientation:landscape){
 body[data-page="letters"] .main{padding:0 20px 35px!important}body[data-page="letters"] .topline{height:42px}.ref-letters-page{grid-template-columns:23% minmax(0,1fr);column-gap:22px;padding-top:20px;min-height:550px}.ref-letter-intro .page-heading{margin:0 0 18px}.ref-letter-intro h1{font-size:21px}.ref-letter-paper{margin-top:54px;min-height:470px;padding:15px 20px 20px;border-width:12px!important;border-image-width:12px}.ref-letter-paper .letter-top{padding-bottom:10px}.ref-letter-paper h2{margin-top:17px;font-size:21px}.ref-letter-paper .letter-thread,.ref-letter-paper .empty-letter{min-height:170px;max-height:200px}.ref-letter-paper textarea{height:80px;min-height:70px;font-size:14px}.ref-letter-paper .form-bottom{gap:10px}.ref-letter-paper .form-bottom .ref-navy{min-width:136px;font-size:12px}.ref-correspondents .person-tab{padding:8px 5px;gap:8px;min-height:62px}.ref-correspondents .mini-avatar{width:28px;height:43px}.ref-correspondents .person-tab small{font-size:9px}.ref-correspondents>p{font-size:10px;padding:4px;margin:12px 0}.ref-letter-paper #letter-form{gap:6px}.ref-envelope{width:160px;height:100px}.ref-letter-candle{display:none}.ref-letter-flower{width:85px;height:80px;left:-35px;top:-35px}
}
/* 03 — fitting portrait and captions have separate grid tracks: no overlaid UI. */
body[data-page="wardrobe"] .main{padding:0 clamp(25px,6.3vw,108px) 36px!important;background:linear-gradient(90deg,#425366b0,#42536630 70%),url('/assets/ui-reference/wardrobe-window.jpg') right top/70% 310px no-repeat,#354759!important}
body[data-page="wardrobe"] .topline{display:none}
.ref-wardrobe-page{padding-top:42px;position:relative}.ref-wardrobe-page .page-heading{margin:0 0 25px;display:block}.ref-wardrobe-page .page-heading h1{color:#dfe5e6;font-size:clamp(29px,3.2vw,52px);margin:7px 0}.ref-wardrobe-page .page-heading p{color:#bdc8d2;font-size:clamp(12px,1.15vw,18px)}.ref-wardrobe-page .heading-star{display:none}
.ref-wardrobe-room{position:relative;display:grid;grid-template-columns:32% minmax(0,1fr);gap:20px;min-height:655px;padding:16px;background:#e3e3dd url('/assets/ui-parts/paper-grain.webp') center/100% 100%;border:18px solid transparent;border-image:url('/assets/ui-parts/wardrobe-frame.webp') 30 / 18px / 0 stretch;box-shadow:5px 9px 22px #19263680;color:#39516c}
.ref-fitting{display:grid;grid-template-rows:minmax(290px,1fr) auto auto;align-items:start;min-width:0;position:relative;padding:18px 15px;border:1px solid #a1abb2;background:radial-gradient(ellipse at 50% 40%,#eef0eb7a,transparent 68%);box-shadow:inset 0 0 0 5px #e4e5df,inset 0 0 0 6px #aeb9c273}
.ref-fitting-stage{position:relative;height:100%;min-height:290px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.ref-fitting-stage::before{content:'';position:absolute;inset:6px 4px;border:1px solid #a2b0bf88;border-radius:50% 50% 3px 3px;box-shadow:inset 0 0 0 7px #dce1e040;pointer-events:none}
.ref-fitting-stage::after{content:'❧';position:absolute;bottom:1px;left:0;right:0;text-align:center;color:#a0b0b9;font:30px Georgia;pointer-events:none}
.ref-fitting-orbit{position:absolute;top:3px;right:10px;color:#6b8296;font-size:22px;pointer-events:none}
.ref-fitting-stage .chibi{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;width:100%!important;max-width:290px;height:clamp(240px,31vh,330px)!important;max-height:100%;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}
.ref-fitting-stage .chibi>img{width:100%!important;height:100%!important;object-fit:contain;object-position:center;transform:none!important}
.ref-fitting-caption{position:relative;text-align:center;padding:13px 0 15px;min-width:0}.ref-fitting-caption h2{font-size:clamp(20px,1.85vw,30px);color:#334e6b;margin:0 0 10px;font-weight:500}.ref-fitting-caption p{font-size:clamp(11px,.95vw,15px);color:#7c8d9a;margin:0 0 13px}.ref-fitting-caption .wardrobe-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0}
.ref-small-button{position:relative;border:1px solid #8695a4;background:#e9e7de6b;padding:9px 18px;min-height:38px;color:#516880;border-radius:2px;font-size:clamp(11px,.95vw,15px);box-shadow:inset 0 0 0 2px #d8dedf,0 1px 3px #384c6122;transition:background .2s,border-color .2s}
.ref-small-button:hover:not(:disabled),.ref-small-button.active{background:#b8c5d29c;border-color:#536e8b}.ref-small-button:disabled{opacity:.55;cursor:default}
.ref-fitting-caption .ref-small-button{padding:8px 10px;font-size:clamp(10px,.8vw,13px)}
.ref-wear-button{width:100%;align-self:end;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,15px 100%,0 50%);margin:0;min-height:48px;color:#e8e7db;font-size:clamp(13px,1.3vw,20px)}
.ref-outfit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(270px,1fr));gap:12px;min-width:0}
.ref-outfit-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;padding:18px 12px 13px;background:#ece9e147;border:12px solid transparent;border-image:url('/assets/ui-parts/outfit-frame.webp') 24 / 12px / 0 stretch;outline:1px solid #b4b8b880;outline-offset:-3px}
.ref-outfit-card.selected{background:#b4c4d16e;outline:1px solid #8498ac;outline-offset:-2px}
.ref-outfit-star{position:absolute;right:0;top:-2px;font-size:20px;color:#70879e}
.ref-outfit-art{height:clamp(95px,13vh,138px);width:100%;display:flex;align-items:center;justify-content:center;position:relative;margin:0 0 10px}
.ref-outfit-art .chibi{position:relative!important;inset:auto!important;margin:0!important;transform:none!important;width:100%!important;height:100%!important;max-width:145px}.ref-outfit-art img{width:100%;height:100%;object-fit:contain;transform:none!important}
.ref-outfit-art .decor-symbol{font:90px Georgia;color:#859b9c;line-height:1}
.ref-outfit-card h3{font-size:clamp(14px,1.25vw,21px);font-weight:400;margin:4px 0 10px;color:#3c5771}.ref-outfit-card p{font-size:clamp(10px,.85vw,14px);margin:0 0 20px;color:#89959b;line-height:1.7;min-height:26px}.ref-outfit-action{margin-top:auto}.ref-outfit-action .ref-small-button{padding:8px 18px}
@media(max-width:1050px) and (orientation:landscape){
 body[data-page="wardrobe"] .main{padding:0 20px 30px!important}.ref-wardrobe-page{padding-top:22px}.ref-wardrobe-page .page-heading{margin:0 0 16px}.ref-wardrobe-page .page-heading h1{font-size:29px}.ref-wardrobe-room{grid-template-columns:30% minmax(0,1fr);padding:6px;gap:10px;min-height:520px;border-width:12px;border-image-width:12px}.ref-fitting{grid-template-rows:minmax(200px,1fr) auto auto;padding:10px}.ref-fitting-stage{min-height:200px}.ref-fitting-stage .chibi{height:230px!important;max-width:205px}.ref-fitting-caption{padding:10px 0}.ref-fitting-caption h2{font-size:19px}.ref-fitting-caption p{font-size:10px}.ref-fitting-caption .ref-small-button{font-size:9px;padding:6px;min-height:28px}.ref-wear-button{min-height:38px}.ref-outfit-grid{gap:8px;grid-template-rows:repeat(2,minmax(230px,1fr))}.ref-outfit-card{padding:7px 3px 9px;border-width:8px;border-image-width:8px}.ref-outfit-art{height:100px;margin-bottom:6px}.ref-outfit-art .decor-symbol{font-size:65px}.ref-outfit-card h3{font-size:13px;margin:3px 0 8px}.ref-outfit-card p{font-size:10px;min-height:30px;margin-bottom:10px}.ref-outfit-action .ref-small-button{padding:6px 11px;min-height:30px;font-size:10px}
}
/* 04 — latest patisserie reference: built shop scene, counter, tabletop, order paper. */
body[data-page="market"] .main{padding:0!important;background:#1b1d2a!important}body[data-page="market"] .topline{display:none}
.ref-market{display:grid;grid-template-columns:minmax(0,1fr) 30.5%;position:relative;min-height:100dvh;background:#232533;color:#e6e2db}
.ref-patisserie{position:relative;isolation:isolate;min-height:clamp(750px,100dvh,1080px);overflow:hidden}
.ref-shop-architecture{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#1c1d29,#3e4050 60%,#232536)}
.ref-shop-window{position:absolute;top:-2%;left:73%;width:28%;height:47%;background:url('/assets/ui-reference/market-window.jpg') center top/100% 100%;border:6px solid #272b3b;box-shadow:0 0 0 2px #76819a38,0 12px 45px #a7afc144;filter:saturate(.52) brightness(.91)}
.ref-shop-wall{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 23%,#777d8817 23.3% 23.6%,transparent 24% 25%);pointer-events:none}
.ref-shop-shelf{position:absolute;left:27%;top:24%;width:43%;height:20%;background:url('/assets/ui-parts/market-shelf.webp') center/cover;filter:saturate(.7) brightness(.8);box-shadow:0 0 18px #17203080}
.ref-shop-display{position:absolute;left:27%;right:10%;top:43%;height:18%;background:url('/assets/ui-reference/market-display.jpg') left bottom/auto 100% repeat-x;border:5px solid #555768;box-shadow:inset 0 5px 20px #10182466,0 5px 10px #10152166;filter:saturate(.6);z-index:1}
.ref-shop-counter{position:absolute;left:0;right:0;top:61%;height:24%;background:url('/assets/ui-reference/market-cabinet.jpg') left center/auto 100% repeat-x;border-top:10px solid #5c5e6a;box-shadow:0 -2px 0 #9ba0a663,inset 0 8px 15px #10152280;filter:saturate(.55) brightness(.9);z-index:3}
.ref-shop-floor{position:absolute;inset:84% 0 0;background:linear-gradient(#39435266,#202839b0),repeating-conic-gradient(#3c4555 0% 25%,#535766 0% 50%) 0 0 / 160px 80px;border-top:1px solid #777d8340}
.ref-shop-sign{position:absolute;top:3.5%;left:8.5%;width:48%;padding:18px 18px 10px;border:15px solid transparent;border-image:url('/assets/ui-parts/market-sign-frame.webp') 22 / 15px / 0 stretch;background:#e6e4d8 url('/assets/ui-parts/paper-grain.webp') center/cover;color:#354159;box-shadow:6px 10px 25px #0b112066;z-index:5}
.ref-shop-sign::after{content:'❧';position:absolute;right:-21px;bottom:-13px;font-size:35px;color:#a5b6b8;pointer-events:none}.ref-shop-sign small{font-size:clamp(9px,.95vw,15px);letter-spacing:.05em}.ref-shop-sign h1{font-size:clamp(24px,2.2vw,36px);letter-spacing:.08em;margin:7px 0 10px;color:#313c50}.ref-shop-sign p{font-size:clamp(10px,.83vw,14px);line-height:1.7;margin:0 0 12px}.ref-shop-sign>div{display:flex;gap:24px;border-top:1px solid #b1b6b165;padding-top:6px;font-size:clamp(10px,.9vw,15px)}.ref-shop-sign b{font-weight:400;color:#596478}
.ref-shop-menu{position:absolute;left:7%;top:32%;width:18%;padding:20px 15px 11px;background:#262533;border:5px ridge #6b6670;box-shadow:0 5px 14px #11142299,inset 0 0 0 2px #343744;color:#abaab3;z-index:2}
.ref-shop-menu h2{font:italic clamp(22px,2vw,33px) Georgia;color:#d2d0d1;margin:0 0 12px}.ref-shop-menu ul{padding-left:14px;margin:0;line-height:1.9;font:clamp(11px,1.1vw,18px)/1.9 Georgia}.ref-shop-menu>span{display:block;text-align:right;font-size:25px;color:#777b8c}
.ref-order-ticket{position:absolute;left:auto!important;right:8%!important;top:19%!important;width:30%!important;min-width:175px;padding:19px 22px;background:#e9e6d8 url('/assets/ui-parts/paper-grain.webp') center/cover;border:1px solid #a7ab9f;box-shadow:inset 0 0 0 5px #e4e3d6,inset 0 0 0 6px #b7bcaf,4px 7px 15px #0e142666;transform:rotate(3deg);z-index:4;color:#313e51}
.ref-order-ticket small{font-size:clamp(8px,.85vw,14px);letter-spacing:0;padding-right:8px}.ref-order-ticket b{font-size:clamp(17px,1.6vw,26px);margin:13px 0}.ref-order-ticket>span{font-size:clamp(10px,1vw,16px);color:#5d6471;line-height:1.7}.ref-order-ticket>i{position:absolute;right:-12px;top:0;width:45px;height:65px;background:#2d3348;color:#a5a89c;font-size:28px;text-align:center;line-height:65px;border:1px solid #9e9e8e;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%)}
.ref-shop-helper{position:absolute;left:53%;bottom:39%;z-index:4;display:flex;flex-direction:column;align-items:center;width:21%}
.ref-shop-helper .chibi{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;width:100%!important;height:clamp(175px,25vh,260px)!important;max-width:215px}.ref-shop-helper .chibi img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal!important}
.ref-shop-helper>span{font-size:11px;position:absolute;bottom:-15px;padding:3px 10px;background:#dcded6df;color:#42536b;border:1px solid #a4b0b8;white-space:nowrap}.ref-shop-helper small{display:none}
.ref-shop-customer{position:absolute;left:10%;bottom:8%;width:19%;z-index:5;display:flex;flex-direction:column;align-items:center}
.ref-shop-customer .chibi{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;width:100%!important;max-width:190px;height:clamp(160px,24vh,240px)!important}.ref-shop-customer .chibi img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal!important}
.ref-shop-customer>span{font-size:clamp(10px,1vw,16px);padding:9px 13px;background:#e9e4d4;border:1px solid #a5a89d;color:#454c60;box-shadow:2px 3px 4px #10182766;white-space:nowrap}
.ref-shop-table{position:absolute;left:31%;width:55%;height:17%;bottom:0;background:url('/assets/ui-parts/market-table.webp') center top/100% 100% no-repeat;z-index:6;pointer-events:none}
.ref-shop-stilllife{position:absolute;left:62%;bottom:15%;width:23%;height:23%;background:url('/assets/ui-parts/market-stilllife.webp') center/contain no-repeat;mask-image:radial-gradient(ellipse,#000 45%,transparent 72%);z-index:7;pointer-events:none}
.ref-made-dessert{left:51%!important;bottom:16%!important;z-index:8;width:175px;height:100px;transform:translateX(-50%) scale(1.15)!important;filter:drop-shadow(1px 5px 4px #182338aa);pointer-events:none}
.ref-recipe-paper{grid-column:2;min-height:100%;background:#e7e6df url('/assets/ui-parts/paper-grain.webp') center/100% 100%;border:18px solid transparent!important;border-image:url('/assets/ui-parts/market-panel-frame.webp') 23 / 18px / 0 stretch;box-shadow:-8px 0 20px #11172480;backdrop-filter:none;padding:22px 22px 19px;z-index:9;color:#384255}
.ref-recipe-paper .v2-market-flow{padding:0 0 22px;border-bottom:1px solid #989e996e;gap:6px}.ref-recipe-paper .v2-market-flow li{color:#666d75;gap:10px}.ref-recipe-paper .v2-market-flow li i{width:29px;height:29px;border:1px solid #939e9c;font-size:12px;color:#79837f}.ref-recipe-paper .v2-market-flow li.active i{background:#323c51;color:#e7e5d8;border-color:#57616b}.ref-recipe-paper .v2-market-flow li span{font-size:clamp(9px,.85vw,14px)}
.ref-recipe-paper .v2-market-panel-body{padding:29px 0 0;display:flex;flex-direction:column;gap:0}.ref-recipe-paper .v2-market-kicker{font-size:clamp(9px,.9vw,14px);color:#596273;letter-spacing:.03em}.ref-recipe-paper h2{font-size:clamp(23px,2vw,33px);font-weight:500;margin:15px 0 23px;color:#30394d;line-height:1.5}.ref-recipe-paper p{font-size:clamp(12px,1vw,17px);line-height:1.85;color:#657183}
.ref-recipe-paper .v2-primary{position:relative;margin-top:auto;background:linear-gradient(#3e465a,#263046);color:#ece6d9;border:1px solid #919a99;box-shadow:inset 0 0 0 3px #293248,inset 0 0 0 4px #7b838c,0 4px 6px #232c3a44;min-height:55px;padding:15px 22px;border-radius:0;font-size:clamp(12px,1.1vw,18px);letter-spacing:.04em}
.ref-recipe-paper .v2-primary::before{content:'✧';margin-right:8px;color:#aaaead}.ref-recipe-paper .v2-primary::after{content:'✧';margin-left:8px;color:#aaaead}
.ref-patisserie-mark{text-align:center;margin-top:17px;color:#6c7375;font:11px Georgia;letter-spacing:.16em}
.ref-recipe-paper .v2-market-summary>div{padding:19px 0;border-color:#a1aaa06e}.ref-recipe-paper .v2-market-summary dt,.ref-recipe-paper .v2-market-summary dd{font-size:clamp(12px,1.15vw,18px);color:#515c6c}.ref-recipe-paper .v2-helper-pick{border-radius:0;padding:7px;background:#eeece47a;color:#3d5169;border:1px solid #a7b3b5}.ref-recipe-paper .v2-helper-pick.active{background:#a6b6c441;border-color:#627e93}.ref-recipe-paper .v2-helper-pick .chibi{position:relative!important;transform:none!important;inset:auto!important;width:43px;height:52px;margin:0}.ref-recipe-paper .v2-helper-pick img{mix-blend-mode:normal!important;object-fit:contain}
.ref-recipe-paper .v2-ingredient{background:#e3e5de;color:#3f596d;border:1px solid #98a8ad;min-height:70px;box-shadow:inset 0 0 0 3px #e6e8e1}.ref-recipe-paper .v2-ingredient.selected{background:#718697;color:#f0ebde}.ref-recipe-paper .v2-craft-game{background:#dbe0de;border-color:#9eabb1;border-radius:50% 50% 2px 2px;height:155px;margin:10px 0}.ref-recipe-paper .craft-control{padding:12px 0;gap:11px}.ref-recipe-paper .craft-control output{font-size:28px}.ref-recipe-paper .v2-no-pressure{margin:12px 0 0}
@media(max-width:1050px) and (orientation:landscape){
 .ref-market{grid-template-columns:minmax(0,1fr) 32%}.ref-patisserie{min-height:580px}.ref-shop-sign{top:3%;left:6%;width:52%;padding:8px 8px 5px;border-width:9px;border-image-width:9px}.ref-shop-sign h1{font-size:20px;margin:7px 0}.ref-shop-sign p{font-size:10px;line-height:1.65;margin-bottom:8px}.ref-shop-sign>div{gap:12px;font-size:10px}.ref-shop-sign small{font-size:8px}.ref-shop-menu{left:5%;top:32%;width:20%;padding:11px 8px;border-width:3px}.ref-shop-menu h2{font-size:21px}.ref-shop-menu ul{font-size:11px}.ref-order-ticket{top:27%!important;right:4%!important;width:32%!important;min-width:0;padding:12px}.ref-order-ticket small{font-size:8px}.ref-order-ticket b{font-size:14px;margin:10px 0}.ref-order-ticket>span{font-size:9px}.ref-order-ticket>i{width:24px;height:45px;line-height:45px;font-size:17px;right:-5px}.ref-shop-helper{left:53%;width:24%;bottom:38%}.ref-shop-helper .chibi{height:150px!important}.ref-shop-customer{left:8%;width:25%}.ref-shop-customer .chibi{height:160px!important}.ref-shop-customer>span{font-size:9px;padding:6px 8px}.ref-shop-helper>span{font-size:8px;bottom:-11px}.ref-made-dessert{transform:translateX(-50%) scale(.85)!important}.ref-recipe-paper{padding:16px 10px;border-width:12px!important;border-image-width:12px}.ref-recipe-paper .v2-market-flow{gap:2px;padding-bottom:15px}.ref-recipe-paper .v2-market-flow li i{width:22px;height:22px;font-size:9px}.ref-recipe-paper .v2-market-flow li span{font-size:9px}.ref-recipe-paper .v2-market-panel-body{padding:19px 0 0}.ref-recipe-paper h2{font-size:20px;margin:12px 0 17px}.ref-recipe-paper p{font-size:12px}.ref-recipe-paper .v2-primary{min-height:43px;padding:11px 8px;font-size:11px}.ref-recipe-paper .v2-market-summary>div{padding:14px 0}.ref-recipe-paper .v2-market-summary dt,.ref-recipe-paper .v2-market-summary dd{font-size:12px}.ref-recipe-paper .v2-ingredient{min-height:57px;font-size:11px;padding:6px}.ref-recipe-paper .v2-ingredient-group label{font-size:11px}.ref-recipe-paper .v2-helper-pick{gap:6px}.ref-recipe-paper .v2-helper-pick .chibi{width:32px;height:42px}.ref-recipe-paper .v2-helper-pick b{font-size:11px}.ref-recipe-paper .v2-helper-pick small{font-size:9px}.ref-recipe-paper .v2-craft-game{height:100px}.ref-recipe-paper .v2-craft-game>span{font-size:44px}.ref-patisserie-mark{font-size:8px}
}
/* 05 — headroom belongs to the portrait cell, not a negative transform. */
body[data-page="characters"] .main{padding:0!important;background:#1b2334!important}body[data-page="characters"] .topline{display:none}
.ref-characters-page{position:relative;isolation:isolate;min-height:100dvh;padding:30px 30px 0;color:#e1e4e1;overflow:hidden}
.ref-archive-scenery{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#222a3ba0,#28394b63 65%,#1b23349c),url('/assets/integrated/bg-library.webp') center/cover;filter:saturate(.32) brightness(.63)}
.ref-characters-page::before{content:'';position:absolute;inset:12px 12px 0;border:1px solid #d0d3cc1f;pointer-events:none;z-index:-1}
.ref-archive-head{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;padding:8px 12px 26px;min-height:130px}.ref-archive-head small{font:clamp(9px,.85vw,14px) Georgia;letter-spacing:.025em}.ref-archive-head h1{font-size:clamp(27px,2.5vw,41px);font-weight:400;margin:12px 0 8px;letter-spacing:.06em}.ref-archive-head p{font-size:clamp(11px,1vw,17px);color:#c5ccd1;margin:0}.ref-archive-head>span{font:italic clamp(22px,2.4vw,40px) Georgia;white-space:nowrap;color:#c5cbd0}
.ref-archive-layout{display:grid;grid-template-columns:12% minmax(0,34fr) minmax(0,34fr) 16%;gap:1.3%;align-items:stretch;min-height:680px;height:calc(100dvh - 164px)}
.ref-character-tabs{display:flex;flex-direction:column;gap:10px;padding:25px 0 0;min-width:0;z-index:2}.ref-character-tab{display:block;width:100%;padding:14px 14px 12px;background:#212b419e;border:1px solid #8491a445;box-shadow:inset 0 -6px #7f8e9b15;text-align:left;color:#d6dbe0;line-height:1.5}.ref-character-tab i{font:italic clamp(12px,1.1vw,18px) Georgia;display:block}.ref-character-tab b{font-size:clamp(13px,1.15vw,19px);display:block;font-weight:400;margin-top:4px}.ref-character-tab small{font-size:10px;display:block;margin-top:4px;color:#9eaebc}.ref-character-tab.active{background:#e2dfd2;color:#334358;border-color:#b8c0bf;box-shadow:inset 0 0 0 4px #d7dacd}.ref-character-tab.active small{color:#758494}
.ref-archive-figure{position:relative;min-width:0;margin:0;padding:6px 0 0;display:flex;align-items:flex-start;justify-content:center;isolation:isolate;overflow:visible}
.ref-archive-figure>img{position:relative;width:100%;height:calc(100% - 6px);max-height:100%;object-fit:contain;object-position:center top;margin:0;transform:none!important;mix-blend-mode:normal;filter:drop-shadow(3px 9px 10px #101c2d4d);mask-image:linear-gradient(#000 0 73%,#000e 79%,#0008 89%,transparent 100%)}
.ref-portrait-veil{position:absolute;left:-15%;right:-10%;bottom:-1px;height:25%;background:radial-gradient(ellipse at 50% 100%,#66728655,transparent 70%),linear-gradient(transparent,#26334766 50%,#263347);mask-image:linear-gradient(transparent,#000 60%);pointer-events:none;z-index:2}
.ref-portrait-veil::after{content:'❧ ───────── ✧';display:block;position:absolute;bottom:12%;left:20%;right:10%;font-size:22px;color:#b5c5ca48;letter-spacing:.1em;transform:rotate(-5deg)}
.ref-portrait-folio{position:absolute;bottom:15px;left:12%;font:italic 70px Georgia;color:#d0d2cb18;pointer-events:none}
.ref-character-file{align-self:center;min-width:0;padding:0 5px 30px;color:#d6dce0}
.ref-character-name small{font:italic clamp(18px,1.7vw,28px) Georgia;color:#cbd2d6}.ref-character-name h2{font-size:clamp(25px,2.25vw,38px);font-weight:400;margin:15px 0 10px;line-height:1.55;color:#e7ebe5;letter-spacing:.03em}.ref-character-name>span{font-size:clamp(10px,.8vw,13px);color:#afbfc7}
.ref-character-tags{display:flex;gap:10px;margin:28px 0 30px}.ref-character-tags i{font-style:normal;font-size:clamp(10px,.85vw,14px);padding:5px 12px;border:1px solid #afbac296;color:#d5dce0;white-space:nowrap}
.ref-character-note{font-size:clamp(13px,1.25vw,20px);line-height:2;color:#b0bdcb;margin:0 0 29px;min-height:80px}
.ref-character-file dl{margin:0 0 34px;border-top:1px solid #a1acb036}.ref-character-file dl>div{display:grid;grid-template-columns:35% 1fr;gap:15px;align-items:center;border-bottom:1px solid #9ba7b13b;padding:15px 0}.ref-character-file dt{font:clamp(8px,.73vw,12px) Georgia;color:#c3ccd0;white-space:nowrap}.ref-character-file dd{font-size:clamp(12px,1vw,17px);color:#d3dce1;margin:0;line-height:1.8}
.ref-character-actions{display:flex;gap:15px;flex-wrap:wrap}.ref-paper-button,.ref-outline-button{font-size:clamp(12px,1vw,17px);padding:13px 24px;border:1px solid #aab7c3;box-shadow:inset 0 0 0 3px #aeb8c233;background:#dfded3;color:#35485f;min-height:48px;border-radius:0}.ref-outline-button{background:#2532478c;color:#d5dce3;outline:1px solid #768ca16b;outline-offset:4px}.ref-paper-button:hover{background:#f0eee3}.ref-outline-button:hover{background:#40536ac9}
.ref-archive-detail{align-self:center;min-width:0;padding-top:20px;text-align:center}.ref-detail-portrait{height:310px;width:100%;border:8px double #a7b1b569;padding:8px 4px 0;background:#50617455;position:relative}.ref-detail-portrait::after{content:'⌁ ✧ ⌁';position:absolute;bottom:-3px;left:0;right:0;color:#b9c4c3;font-size:20px}.ref-detail-portrait img{height:100%;width:100%;object-fit:contain;object-position:center top;mask-image:linear-gradient(#000 75%,transparent)}.ref-archive-detail>span{display:block;font:clamp(7px,.68vw,11px) Georgia;letter-spacing:.04em;margin:16px 0 10px;color:#afbfc8}.ref-archive-detail p{font-size:clamp(9px,.8vw,13px);line-height:1.8;color:#a6b8c6}.ref-detail-seal{margin:40px 0 0 auto;font:italic 30px Georgia;width:48px;height:62px;padding-top:7px;border:3px double #98aabd80;background:#4d62755c;color:#aabcc8;transform:rotate(4deg)}
@media(max-width:1180px){.ref-archive-layout{grid-template-columns:13% minmax(0,42fr) minmax(0,40fr);gap:2%}.ref-archive-detail{display:none}.ref-character-name h2{font-size:26px}.ref-character-file{padding-right:15px}}
@media(max-width:1050px) and (orientation:landscape){
 .ref-characters-page{padding:20px 18px 0}.ref-archive-head{min-height:100px;padding:0 0 20px}.ref-archive-head h1{font-size:26px;margin:9px 0 7px}.ref-archive-head>span{font-size:23px}.ref-archive-layout{height:auto;min-height:500px;grid-template-columns:14% minmax(0,40fr) minmax(0,42fr);gap:2%}.ref-archive-figure{height:520px;padding-top:8px}.ref-character-tabs{padding-top:15px;gap:8px}.ref-character-tab{padding:11px 8px}.ref-character-tab i{font-size:12px}.ref-character-tab b{font-size:12px}.ref-character-name h2{font-size:24px;margin:13px 0 9px}.ref-character-name small{font-size:18px}.ref-character-file{padding:15px 0 30px}.ref-character-tags{gap:6px;margin:17px 0}.ref-character-tags i{padding:4px 8px;font-size:10px}.ref-character-note{font-size:13px;min-height:0;margin-bottom:15px}.ref-character-file dl{margin-bottom:23px}.ref-character-file dl>div{padding:11px 0;gap:8px}.ref-character-file dt{font-size:8px}.ref-character-file dd{font-size:11px}.ref-paper-button,.ref-outline-button{padding:9px 15px;min-height:36px;font-size:12px}.ref-character-actions{gap:10px}
}
/* 06 — scenic page tops, parchment page bottoms, real metadata and slot actions. */
body[data-page="saves"] .main{padding:0 clamp(28px,5.5vw,94px) 50px!important;background:linear-gradient(90deg,#1b2234ce,#1d273963 73%),url('/assets/ui-reference/save-window.jpg') right top/68% 260px no-repeat,#1c2433!important}body[data-page="saves"] .topline{display:none}
.ref-saves-page{padding-top:39px}.ref-save-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;border-bottom:1px solid #a3b4c766;padding-bottom:19px;position:relative}.ref-save-header::after{content:'✧';position:absolute;left:40%;bottom:-10px;color:#a5b5c4;background:#2d3849;padding:0 8px;pointer-events:none}
.ref-save-header .page-heading{margin:0;display:block}.ref-save-header .page-heading h1{font-size:clamp(27px,2.8vw,46px);font-weight:400;margin:10px 0 14px;letter-spacing:.04em}.ref-save-header .heading-star{display:none}.ref-save-header .page-heading p{font-size:clamp(11px,1vw,17px);color:#adbccc}.ref-save-tools{display:flex;gap:12px;flex:none;align-items:center}.ref-save-tools .ref-outline-button{font-size:12px;min-height:38px;padding:8px 13px}.ref-save-tools .icon{width:15px;height:15px;vertical-align:middle}
.ref-save-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;position:relative}.ref-save-loading{color:#bbc6cb;font-size:15px}
.ref-save-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#e5e4dc;border:1px solid #aab9c6;border-radius:4px;box-shadow:0 7px 19px #13203473;outline:1px solid #8495a14d;outline-offset:4px}
.ref-save-scene{position:relative;height:170px;flex:none;overflow:hidden;background:#2c3c53}.ref-save-scene::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1521391a,#202c4955);pointer-events:none}.ref-save-scene>img{width:100%;height:100%;object-fit:cover;filter:saturate(.37) contrast(.87) brightness(.82)}
.ref-save-scene b{position:absolute;top:25px;left:32px;font:clamp(29px,2.6vw,43px) Georgia;color:#eeeede;z-index:1}.ref-save-scene>span{position:absolute;right:19px;bottom:13px;font:11px Georgia;color:#e7ebde;letter-spacing:.08em;z-index:1}
.ref-save-paper{position:relative;padding:24px 30px 21px;flex:1;color:#4a5c70;background:#e5e4dc url('/assets/ui-parts/paper-grain.webp') center/cover;border:12px solid transparent;border-image:url('/assets/ui-parts/letter-frame.webp') 35 / 12px / 0 stretch}
.ref-save-paper>small{font:clamp(9px,.85vw,14px) Georgia;color:#5a6572;letter-spacing:.02em}.ref-save-paper>h2{font-size:clamp(20px,1.85vw,31px);font-weight:400;color:#36465f;letter-spacing:.03em;margin:14px 0 17px;line-height:1.5}.ref-save-corner{position:absolute;right:7px;top:-19px;font-size:32px;color:#939f9d;pointer-events:none;background:linear-gradient(transparent,#e5e4dc 40%);padding:4px}
.ref-save-metadata{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin-bottom:17px}.ref-save-metadata p{font-size:clamp(10px,.88vw,14px);line-height:1.8;margin:0;color:#69788a;min-width:0}.ref-save-metadata p:nth-child(1){grid-column:1/-1}.ref-save-metadata p:nth-child(3){grid-column:1/-1}.ref-save-metadata p:nth-child(4){grid-row:2;grid-column:2}.ref-save-metadata span{font-size:10px;color:#92a0a5;display:inline-block;margin-right:13px}
.ref-save-progress{height:2px;background:#acb6b551;margin:3px 0 19px;max-width:200px}.ref-save-progress i{display:block;height:100%;background:#7c8e9e}
.ref-save-actions{display:flex;gap:0;margin-top:auto;align-items:center}.ref-save-link{font-size:clamp(11px,.95vw,15px);font-weight:400;background:none;padding:4px 0;color:#687c92;border-bottom:1px solid #adbec2;position:relative;min-height:28px}.ref-save-link+.ref-save-link{margin-left:22px}.ref-save-link+.ref-save-link::before{content:'';position:absolute;width:1px;height:14px;left:-11px;top:8px;background:#aab7bb}.ref-save-link:hover{color:#2b4f6e;border-bottom-color:#556b7f}.ref-save-link.danger{color:#9b777c}
.ref-save-empty-copy{font-size:clamp(11px,1vw,16px);line-height:2;color:#8b99a4;margin-bottom:29px}.ref-save-card.empty .ref-save-scene img{opacity:.35}.ref-save-card.empty .ref-save-scene::after{background:#1c2b4545}
.ref-auto-save{grid-column:1/-1;display:grid;grid-template-columns:29% minmax(0,1fr);min-height:190px}.ref-auto-save .ref-save-scene{height:100%;min-height:190px}.ref-auto-save .ref-save-paper{padding:19px 28px 15px}.ref-auto-save .ref-save-paper>h2{margin:9px 0 12px;font-size:24px}.ref-auto-save .ref-save-metadata{grid-template-columns:1fr 1fr;margin-bottom:10px}.ref-auto-save .ref-save-metadata p:nth-child(1),.ref-auto-save .ref-save-metadata p:nth-child(3){grid-column:auto}.ref-auto-save .ref-save-metadata p:nth-child(4){grid-row:auto;grid-column:auto}.ref-auto-save .ref-save-progress{position:absolute;left:40px;bottom:23px;max-width:none;width:40%}.ref-auto-save .ref-save-actions{justify-content:flex-end}.ref-auto-save .ref-save-corner{right:10px;top:0}
@media(max-width:1050px) and (orientation:landscape){
 body[data-page="saves"] .main{padding:0 24px 35px!important}.ref-saves-page{padding-top:22px}.ref-save-header{margin-bottom:20px;gap:15px}.ref-save-header .page-heading h1{font-size:29px}.ref-save-tools{gap:8px;flex-wrap:wrap;justify-content:end;max-width:140px}.ref-save-tools .ref-outline-button{padding:6px 9px;min-height:30px;font-size:10px}.ref-save-grid{gap:18px}.ref-save-scene{height:125px}.ref-save-scene b{left:19px;top:16px;font-size:28px}.ref-save-paper{padding:16px 18px 14px;border-width:8px;border-image-width:8px}.ref-save-paper>h2{font-size:20px;margin:11px 0 14px}.ref-save-metadata{gap:2px 8px}.ref-save-metadata p{font-size:11px}.ref-save-metadata span{margin-right:8px;font-size:9px}.ref-save-scene>span{font-size:9px;right:10px;bottom:8px}.ref-save-link{font-size:11px}.ref-auto-save{grid-template-columns:27% 1fr;min-height:175px}.ref-auto-save .ref-save-scene{min-height:175px}.ref-auto-save .ref-save-paper{padding:13px 16px 12px}.ref-auto-save .ref-save-paper>h2{font-size:20px}.ref-auto-save .ref-save-progress{left:26px;bottom:19px;width:38%}.ref-auto-save .ref-save-scene b{font-size:23px}
}
/* Portrait stage — same head size and camera plane, explicit per-asset body scale. */
body[data-page="story"] .story-cast{inset:13% 4% 22%;display:flex;align-items:stretch;justify-content:center;gap:2%;min-height:0;overflow:hidden;isolation:isolate}
body[data-page="story"] .story-portrait,body[data-page="story"] .story-portrait.is-npc,body[data-page="story"] .story-portrait.is-lead{height:100%!important;min-height:0;width:var(--stage-slot,43%)!important;max-width:48%!important;position:relative;margin:0;align-self:stretch!important;transform:none!important;overflow:hidden;filter:none;mask-image:linear-gradient(#000 0 75%,#000e 83%,#0006 94%,transparent 100%)}
body[data-page="story"] .cast-1 .story-portrait{width:60%!important;max-width:68%!important}
body[data-page="story"] .story-portrait img,body[data-page="story"] .story-portrait.is-half img{position:absolute;left:50%;top:var(--stage-crown,1%);width:auto!important;height:calc(100% * var(--stage-image-height,1))!important;max-height:none!important;max-width:none!important;object-fit:contain;object-position:center top;transform:translateX(-50%)!important;transform-origin:center top;filter:drop-shadow(0 7px 9px #26334625);mix-blend-mode:normal}
body[data-page="story"] .story-portrait::before,body[data-page="story"] .story-portrait.is-half::after{display:none}
body[data-page="story"] .story-portrait figcaption{display:none}
body[data-page="story"] .story-cast::after{inset:0;z-index:3;background:linear-gradient(180deg,#72839906 0%,#72839908 58%,#556a8533 88%,#4d627d44);pointer-events:none}
body[data-page="story"] .v2-story-bg{filter:saturate(.5) contrast(.84) brightness(.88)}
body[data-page="story"] .v2-story-wash{background:linear-gradient(90deg,#a0b3c12b,transparent 30% 70%,#899eb82b),linear-gradient(180deg,#6d7b960e,#414e6b32 68%,#3545617a)}
@media(max-width:1050px) and (orientation:landscape){body[data-page="story"] .story-cast{inset:10% 3% 28%!important;gap:1%!important}body[data-page="story"] .story-portrait,body[data-page="story"] .story-portrait.is-npc,body[data-page="story"] .story-portrait.is-lead{width:var(--stage-slot,43%)!important;max-width:48%!important}body[data-page="story"] .cast-1 .story-portrait{width:62%!important;max-width:70%!important}}
/* Preserve the V1.6 first-meeting presentation. No replacement portrait or filter. */
.first-meeting.meeting-M>img{object-fit:cover;filter:none;animation:meeting-camera 9s cubic-bezier(.2,.3,.3,1) both}
.first-meeting.meeting-I>img{object-fit:cover;filter:none;animation:meeting-brother 9s cubic-bezier(.2,.3,.3,1) both}
@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)}}
.reduce-motion .first-meeting>img{animation:none!important}
/* Opening uses the same supplied scenic header and engraved button language. */
body[data-page="home"] .v2-home-bg{content:url('/assets/ui-reference/old-header.jpg');object-fit:cover;filter:saturate(.25) contrast(.8) brightness(.63)}
body[data-page="home"] .v2-home-veil{background:linear-gradient(90deg,#151f35ba,#37475f38,#1b253db3)}
body[data-page="home"] .v2-home-actions .v2-primary{background:linear-gradient(#3e4b61,#25334a);border:1px solid #9cabae;box-shadow:inset 0 0 0 3px #29354a,inset 0 0 0 4px #839399;padding:17px 40px;font-size:17px;letter-spacing:.1em;border-radius:0}

/* V1.11 / V1.3: reviewed cutouts, facial camera calibration and reference scenery. */
body[data-page] .sidebar{padding-bottom:30px!important}
body[data-page] .sidebar::after{content:none!important;display:none!important;background:none!important}
body[data-page] .sidebar-foot{position:relative;margin-top:30px;padding-top:22px;border-top:1px solid #99a6b333}
body[data-page] .sidebar-foot .tiny-seal{display:none}
body[data-page="map"] .ref-home .page-heading,body[data-page="map"] .ref-home .page-heading>div{background:none!important;box-shadow:none!important;border:0!important;outline:0!important;backdrop-filter:none!important}
body[data-page="map"] .main::before,body[data-page="map"][data-era="现世"] .main::before{background:linear-gradient(90deg,#20283e 0%,#273248ed 28%,#29374c8c 58%,#1f293c2e),url('/assets/ui-reference/present-header.jpg') right center/auto 100% no-repeat,#222d41;box-shadow:inset 0 0 0 6px #313d4c,inset 0 0 0 7px #a1aaba55;border-color:#8d9dab55;filter:saturate(.6) brightness(.91)}
body[data-page="map"][data-era="旧世"] .main::before{background:linear-gradient(90deg,#262b3e 0%,#303449e8 28%,#39415099 60%,#383c493f),url('/assets/ui-reference/old-header.jpg') right center/auto 100% no-repeat,#292e3e}
body[data-page="map"] .ref-home .page-heading h1,body[data-page="map"] .topline,body[data-page="map"][data-era="旧世"] .era-tag,body[data-page="map"][data-era="旧世"] .coins,body[data-page="map"][data-era="旧世"] .topline button{color:#e1e2dc!important}
body[data-page="map"] .ref-home .page-heading .eyebrow,body[data-page="map"] .ref-home .page-heading p{color:#bdc7d0!important}
.ref-map-sheet .world-map,body[data-page="map"][data-era="旧世"] .ref-map-sheet .world-map{filter:saturate(.88) contrast(.96) brightness(.98);object-fit:cover}
.ref-map-sheet .map-wrap{background:#29394c}.ref-map-compass{font-size:clamp(30px,4vw,60px);opacity:.65;color:#c0cad4}
.ref-map-sheet .map-point.locked{opacity:.58}.ref-map-sheet .pin-name{white-space:nowrap}
.ref-map-sheet .map-point{z-index:2}.ref-map-sheet .map-point:hover,.ref-map-sheet .map-point.selected{z-index:4}

/* Intrinsic image boxes prevent a mask from fading only empty object-fit space. */
.ref-archive-layout{height:auto;min-height:0;--archive-stage-height:clamp(590px,calc(100dvh - 245px),940px)}
.ref-archive-figure{height:var(--archive-stage-height);padding-top:18px;align-items:flex-start;overflow:visible}
.ref-portrait-art{display:inline-block;position:relative;max-width:100%;width:fit-content;height:fit-content;isolation:isolate}
.ref-portrait-art>img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(var(--archive-stage-height) - 35px);object-fit:contain;object-position:center top;transform:none!important;filter:none!important;-webkit-mask-image:linear-gradient(#000 0 70%,#000e 78%,#0008 89%,transparent 100%);mask-image:linear-gradient(#000 0 70%,#000e 78%,#0008 89%,transparent 100%)}
.ref-portrait-veil{left:-6%;right:-6%;bottom:-1px;height:27%;background:radial-gradient(ellipse at 50% 100%,#75829a3b,transparent 70%),linear-gradient(transparent,#2c3b5255 65%,#27364e88);-webkit-mask-image:linear-gradient(transparent,#000 70%);mask-image:linear-gradient(transparent,#000 70%);z-index:2}
.ref-portrait-veil::after{content:'';position:absolute;bottom:0;left:3%;right:2%;height:83%;background:url('/assets/ui-parts/iris-engraving.svg') left bottom/45% auto no-repeat;opacity:.53;transform:none}
.ref-portrait-folio{bottom:8px;color:#a8b9c21a;font-size:55px}
.ref-detail-portrait{display:flex;align-items:flex-start;justify-content:center;overflow:hidden}
.ref-detail-portrait img{width:auto;height:auto;max-width:100%;max-height:100%;-webkit-mask-image:linear-gradient(#000 0 65%,#000b 83%,transparent);mask-image:linear-gradient(#000 0 65%,#000b 83%,transparent)}
.ref-archive-scenery{filter:saturate(.24) contrast(.85) brightness(.61)}
.ref-character-file{position:relative}.ref-character-file::before{content:'';position:absolute;width:100px;height:62px;right:0;top:-63px;background:url('/assets/ui-parts/iris-engraving.svg') center/contain no-repeat;opacity:.35;pointer-events:none}

/* One common cast atmosphere, with hero/NPC dimensions derived from facial landmarks. */
body[data-page="story"] .story-cast::after{content:'';position:absolute;background:linear-gradient(180deg,#7e8d9f0a,#7e8d9f12 60%,#61728c2e 84%,#4e607e55);mix-blend-mode:normal}
body[data-page="story"] .story-portrait img{filter:none!important}
body[data-page="story"] .v2-story-bg{filter:saturate(.36) contrast(.78) brightness(.80)!important}
body[data-page="story"] .v2-story-wash{background:linear-gradient(90deg,#6b7a9120,transparent 25% 75%,#77728c20),linear-gradient(180deg,#7d88a224,#64759132 50%,#3645628c)}
.v2-tool.active{background:#647b93!important;border-color:#c4cfce!important;box-shadow:inset 0 0 0 2px #e4e8df21;color:#fff5e2!important}
.v2-dialogue.is-narration .v2-nameplate{background:#394b62;color:#d6dfe3}

/* Clear, continuous foreground counter; no extracted rectangular collage. */
.ref-shop-table,.ref-shop-stilllife{display:none!important}
.ref-counter-foreground{position:absolute;left:0;right:0;bottom:0;height:16%;z-index:6;pointer-events:none;background:linear-gradient(180deg,#8b8b80 0%,#676b6b 5%,#404d5c 10%,#2e3c4c 19%,#293747 100%);border-top:1px solid #aeb3ac88;box-shadow:0 -3px 7px #1b243833,inset 0 9px 12px #1c273c55}
.ref-counter-panel{position:absolute;inset:29% 4% 12%;border:1px solid #8a989a40;box-shadow:inset 0 0 0 4px #2a384b,inset 0 0 0 5px #7c909730;background:linear-gradient(90deg,transparent,#6f7d8a12,transparent)}
.ref-counter-panel::after{content:'❧';position:absolute;left:48%;top:15%;font-size:24px;color:#b1bbae70}
.ref-shop-floor{background:linear-gradient(#3a4957,#263447);border-color:#697c8955}
.ref-shop-window{filter:saturate(.32) contrast(.84) brightness(.83)}
.ref-shop-shelf,.ref-shop-display,.ref-shop-counter{filter:saturate(.4) contrast(.87) brightness(.86)}

/* Memories belong to the same illustrated chapter book as Save. */
body[data-page="memories"] .main{padding:0 clamp(25px,5vw,80px) 45px!important;background:linear-gradient(90deg,#182438ed,#24334bbd 52%,#34425855),url('/assets/ui-reference/save-window.jpg') right top/66% 260px no-repeat,#202c40!important}
body[data-page="memories"] .topline{color:#bdcbd1;border-color:#afbdc344}
.ref-memories{padding-top:20px}.ref-memory-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-bottom:25px;margin-bottom:28px;border-bottom:1px solid #a7b8c555;position:relative}
.ref-memory-heading .page-heading{margin:0}.ref-memory-heading .heading-star{display:none}.ref-memory-heading h1{color:#e8e6df;font-size:clamp(27px,2.7vw,44px)}.ref-memory-heading .eyebrow,.ref-memory-heading .page-heading p{color:#b1c1cb}.ref-memory-heading>span{font:italic 26px Georgia;color:#bac7d1;text-align:right;white-space:nowrap}.ref-memory-heading>span small{display:block;font:8px Georgia;letter-spacing:.12em;color:#9eafbf;margin-top:9px}
.ref-memory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,32px)}
.ref-memory-page{position:relative;border:1px solid #98a9b8;box-shadow:5px 9px 24px #0f1e3066;outline:1px solid #899eac55;outline-offset:4px;min-width:0;background:#dadfdc}
.ref-memory-scenery{height:clamp(145px,18vh,225px);position:relative;overflow:hidden;background:#263952}
.ref-memory-scenery>img{width:100%;height:100%;object-fit:cover;filter:saturate(.32) contrast(.83) brightness(.75)}
.ref-memory-scenery::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#2436511a,#22324b7a);pointer-events:none}
.ref-memory-number{position:absolute;left:27px;top:18px;z-index:1;font:42px Georgia;color:#e4e6db}.ref-memory-scenery>small{position:absolute;right:18px;bottom:12px;z-index:1;color:#cad4d4;font:8px Georgia;letter-spacing:.13em}
.ref-memory-lock{position:absolute;right:21px;top:20px;border:1px solid #b3bfc277;outline:1px solid #8298a355;outline-offset:4px;background:#24374a88;width:33px;height:40px;display:grid;place-items:center;color:#c2ced0;z-index:1}
.ref-memory-page.sealed .ref-memory-scenery img{filter:saturate(.18) contrast(.75) brightness(.54)}
.ref-memory-paper{position:relative;padding:clamp(18px,2vw,32px);border:13px solid transparent;border-image:url('/assets/ui-parts/letter-frame.webp') 35 / 13px / 0 stretch;background:#dfe3dc url('/assets/ui-parts/paper-grain.webp') center/cover;color:#455a6f;min-height:225px;display:flex;flex-direction:column}
.ref-memory-paper>small{font:11px Georgia;color:#688092;letter-spacing:.09em}.ref-memory-paper h2{font-size:clamp(21px,1.8vw,31px);color:#374b62;margin:14px 0}.ref-memory-paper p{font-size:clamp(12px,1vw,16px);line-height:1.9;color:#6a7e8e;margin-bottom:23px;padding-right:18px}
.ref-memory-corner{position:absolute;right:18px;bottom:28px;opacity:.4;font-size:35px;color:#758b9b;pointer-events:none}
.ref-memory-paper::before{content:'';position:absolute;right:10px;top:4px;width:70px;height:48px;background:url('/assets/ui-parts/iris-engraving.svg') center/contain no-repeat;opacity:.6;pointer-events:none}
.ref-memory-actions{display:flex;gap:24px;margin-top:auto;color:#8b9da4;font-size:12px;flex-wrap:wrap}.ref-memory-link{display:inline-flex;align-items:center;gap:10px;background:none;border:0;border-bottom:1px solid #899daa;color:#59778b;padding:5px 0;min-height:32px;font-size:clamp(11px,.9vw,15px)}.ref-memory-link:hover{color:#304f68;border-color:#45637a}
.ref-memory-notes{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:32px}.ref-memory-note{position:relative;padding:25px 29px;border:1px solid #90a2b155;box-shadow:inset 0 0 0 5px #273950,inset 0 0 0 6px #8b9fa431;background:linear-gradient(#34465caa,#26394bd9);color:#c8d4d7}.ref-memory-note h2{font-size:23px;color:#dfdfd6}.ref-memory-note p{font-size:13px;color:#bacbd2}.ref-memory-note .eyebrow{color:#a9bdc7;font-size:13px}.ref-memory-note .ref-memory-link{color:#bdcbd1}.ref-memory-note .ref-outline-button{font-size:12px;padding:9px 16px;min-height:38px;margin:4px}

/* Small engraved foliage on existing controls and panels, without moving content. */
:is(.btn,.ref-paper-button,.ref-outline-button,.ref-small-button,.v2-tool,.v2-ingredient,.v2-choice,.v2-primary){border-radius:2px;box-shadow:inset 0 0 0 2px #a0b0b61c,0 2px 4px #15223526}
.button-engraving{display:inline-block;vertical-align:middle;width:15px;height:19px;flex-shrink:0;margin-right:7px;background:url('/assets/ui-parts/iris-engraving.svg') center/contain no-repeat;opacity:.85;pointer-events:none}
:is(.ref-chapter-sheet,.ref-recipe-paper,.panel){position:relative}
.ref-chapter-sheet::after,.ref-recipe-paper::after{content:'';position:absolute;right:10px;top:8px;width:45px;height:34px;background:url('/assets/ui-parts/iris-engraving.svg') center/contain no-repeat;opacity:.6;pointer-events:none}
.ref-save-paper{background-color:#dfe3dc}.ref-save-scene>img{filter:saturate(.32) contrast(.83) brightness(.76)}
body[data-page="letters"] .main{background:linear-gradient(90deg,#1a293ded,#2c3c52ba 48%,#34425b44),url('/assets/ui-reference/letters-window.jpg') right top/78% 300px no-repeat,#202f45!important}
body[data-page="wardrobe"] .main{background:linear-gradient(90deg,#2c3a4ded,#3a485db0 50%,#48546c55),url('/assets/ui-reference/wardrobe-window.jpg') right top/70% 310px no-repeat,#303d50!important}
body[data-page="saves"] .main{background:linear-gradient(90deg,#202c40ed,#29394fbb 48%,#34425a66),url('/assets/ui-reference/save-window.jpg') right top/68% 260px no-repeat,#263348!important}
body[data-page="home"] .v2-home-bg{content:none;filter:saturate(.7) contrast(.89) brightness(.69)}
@media(max-width:1050px) and (orientation:landscape){
 .ref-archive-layout{--archive-stage-height:500px}.ref-archive-figure{height:500px;padding-top:15px}.ref-portrait-art>img{max-height:465px}
 .ref-memory-heading{margin-bottom:23px;padding-bottom:19px;gap:14px}.ref-memory-heading h1{font-size:27px}.ref-memory-heading>span{font-size:20px}.ref-memory-heading>span small{font-size:6px}
 .ref-memory-grid{gap:18px}.ref-memory-scenery{height:135px}.ref-memory-paper{padding:14px 16px;border-width:8px;border-image-width:8px;min-height:205px}.ref-memory-paper h2{font-size:21px;margin:10px 0}.ref-memory-paper p{font-size:12px;padding-right:8px}.ref-memory-number{font-size:31px;left:20px;top:13px}.ref-memory-notes{gap:18px;margin-top:24px}.ref-memory-note{padding:20px 22px}.ref-memory-note h2{font-size:19px}.button-engraving{width:11px;height:15px;margin-right:5px}
}