@import url('./palace-base.css');
:root{--red:#24605b;--gold:#d7ba7b;--muted:#69847c;--line:#b6b79a;--paper:#f4efdc;--frame-w:min(100vw,56.25dvh,480px);--frame-h:calc(var(--frame-w)*16/9);font-size:13px;color:#24423e;background:#0d2425}
body{height:100dvh;display:flex;align-items:center;justify-content:center;background:#0d2425;overflow:hidden}.ambient{background:linear-gradient(90deg,#071e21e6,#163b39ad,#071e21e6),url('assets/palace-scene-v7.webp') center/cover;filter:blur(7px);transform:scale(1.03)}.desktop-brand,.desktop-poem{display:none}
.game{width:var(--frame-w);height:var(--frame-h);max-height:none;margin:0;flex:none;outline:1px solid #c3a96d;box-shadow:0 10px 100px #000a;container-type:inline-size;background:linear-gradient(#f7f2e3,#e6e6ce);overflow:hidden}
.topbar{height:9.4%;padding:6px 3%;gap:6px;border:0;border-bottom:1px solid #c6b27d;background:linear-gradient(115deg,#143d3b,#28615a 60%,#153b39);color:#f6edcf;position:relative;box-shadow:0 2px 9px #0b282950}.topbar:after{content:'';position:absolute;left:3px;right:3px;bottom:3px;border-bottom:1px solid #baaa7066;pointer-events:none}.identity{flex:1;min-width:0;gap:7px}.identity .character{width:43px;height:48px;flex:none;border:1px solid #d1b579;border-radius:50% 50% 38% 38%;background:#d9deca}.identity strong{color:#fff5d9;font-family:var(--serif);font-size:clamp(13px,4cqw,19px);line-height:1.3;white-space:nowrap}.identity small{font-size:clamp(8px,2.4cqw,11px);color:#e3e9d5;line-height:1.4;margin:1px 0}.identity small:first-child{font-size:7px;color:#cfbe8b;letter-spacing:1.2px}.header-wallet{font-size:11px;gap:5px;flex:none}.header-wallet .icon{width:13px;height:13px}.point-link{color:#e8ce8e;font-size:11px}.topbar .icon-button{width:24px;height:32px;padding:2px;color:#eee1ba}.topbar .icon{width:17px;height:17px}
.scroll-area{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#8c9d88 transparent}.home{height:100%;min-height:0;display:flex;flex-direction:column}.calendar-strip{height:25px;min-height:25px;padding:0 12px;background:#1c4640;color:#efdfb2;border-bottom:1px solid #c8af7170;font-size:9px}.calendar-strip>span:first-child{color:#e7ce9b;letter-spacing:.5px}.calendar-strip .text-button{color:#ecdcaf;font-size:9px;padding:3px}
.stage{height:auto;min-height:0;flex:1;border:0;background:linear-gradient(0deg,#21484335,transparent 30%),url('assets/palace-scene-v7.webp') center 53%/cover;box-shadow:inset 0 0 0 4px #dcc78d30}.stage:before{inset:4px;border:1px solid #dac08477;z-index:0}.stage:after{height:20px;background:linear-gradient(transparent,#dfdfc9)}.hero{height:94%;width:100%;bottom:-1%;filter:drop-shadow(0 6px 5px #2842362b);pointer-events:none}.hero .character{height:100%;width:100%;object-fit:contain}.stage-label{top:9px;left:50%;transform:translateX(-50%);max-width:70%;width:max-content;gap:1px;z-index:2;text-align:center;text-shadow:none;background:linear-gradient(90deg,#153c38ee,#28544bf2,#153c38ee);border:1px solid #c3ae76;border-radius:3px 3px 12px 12px;padding:5px 14px;box-shadow:0 3px 12px #133f3444}.stage-label>span{color:#d6c698;font-size:6px;letter-spacing:2px}.stage-label strong{font-size:clamp(12px,3.5cqw,17px);color:#fff2cf;font-weight:500;line-height:1.4}.stage-label small{color:#e0e5cd;font-size:8px}
.stat-rail{position:absolute;z-index:3;top:28%;width:16%;display:flex;flex-direction:column;gap:5px;align-items:center}.left-rail{left:3%}.right-rail{right:3%}.rail-stat{width:100%;padding:4px 1px;text-align:center;background:linear-gradient(120deg,#183e3cd9,#2a5c53d9);border:1px solid #dac18d9c;border-radius:5px;color:#fff1ca;backdrop-filter:blur(5px);box-shadow:0 2px 6px #0d353d30}.rail-stat span{display:block;font-size:clamp(7px,2.2cqw,10px);color:#e1e7d1;line-height:1.2}.rail-stat b{display:block;font-family:var(--serif);font-size:clamp(15px,4.5cqw,21px);font-weight:400;line-height:1.1;margin-top:2px}.rail-action{width:31px;height:31px;border-radius:50%;border:1px solid #d4bc81;background:#1a4740e8;color:#eed49a;padding:6px;margin-top:2px}.rail-action .icon{width:17px;height:17px}.stage-caption{position:absolute;left:18%;right:18%;bottom:8px;z-index:3;display:flex;justify-content:center;gap:8px;background:#f5f0dce8;border:1px solid #a9b59a;border-radius:16px;padding:3px 5px;color:#355b4d;font-size:8px;backdrop-filter:blur(5px);white-space:nowrap}.stage-caption span{color:#8b5d48}.stage>.pending-button{position:absolute;bottom:34px;left:18%;width:64%;z-index:4;min-height:28px;padding:6px;font-size:9px;background:#245750f5;color:#f7dfaa}.pending-button .icon{width:12px;height:12px}
.life-panel{padding:4px 3% 0;flex:none;background:linear-gradient(#e5e5ce,#f3edd8);border-top:1px solid #b8b88d;box-shadow:0 -3px 10px #2a4b3815}.section-heading{margin:0;min-height:26px;gap:8px}.section-heading h2{margin:0;font-size:15px;color:#315b4e;font-weight:600}.section-heading .text-button{font-size:9px;padding:5px;color:#517367}.stamina{margin:0 0 5px;padding:0 1px;height:20px;gap:7px;border:0;background:none;border-radius:0;color:#446959}.stamina>span{font-size:8px;letter-spacing:1px}.stamina>div{flex:none;gap:5px}.stamina i{font-size:13px;color:#b9c4ab;line-height:1}.stamina i.filled{color:#477b65;text-shadow:0 1px #fff3b8}.stamina>b{margin-left:auto;font-size:10px}.activity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.activity{min-height:0;height:clamp(52px,14.8cqw,68px);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0;padding:2px 2px 4px;border:1px solid #a3b096;border-radius:6px;background:linear-gradient(135deg,#f9f5e6cc,#e0e6cd);box-shadow:inset 0 1px #fff9;text-align:center;overflow:hidden}.activity img{height:calc(100% - 13px);max-width:90%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 1px #405d3c20)}.activity strong{font-size:clamp(8px,2.5cqw,11px);line-height:1.2;color:#2f5a4b;white-space:nowrap}.activity:hover{background:#f8f4df;border-color:#5e8a6c}.activity:active{transform:translateY(1px)}.activity:disabled{opacity:.55}.activity-feedback{font-size:8px;height:24px;display:flex;align-items:center;justify-content:center;text-align:center;color:#486b58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bottom-nav{height:8.7%;grid-template-columns:1fr 1fr 19% 1fr 1fr;padding:3px 2% 0;flex:none;border-top:1px solid #ccb77d;background:linear-gradient(#285b50,#123a36);color:#ede0ba;box-shadow:0 -1px 0 #688778;z-index:5}.nav-button{height:100%;gap:4px;font-size:clamp(8px,2.3cqw,10px);color:#cbd8bd;padding:5px 1px}.nav-button .icon{width:19px;height:19px}.nav-button.active{color:#ffe1a0}.nav-button.active .icon{filter:drop-shadow(0 0 4px #ecd99770)}.month-button{width:clamp(49px,14cqw,65px);height:clamp(49px,14cqw,65px);margin:-14px auto 0;border:3px solid #d7bd7e;background:radial-gradient(circle at 45% 30%,#4e8971,#245449 70%);box-shadow:0 0 0 2px #2b5748,0 3px 8px #061f2366;color:#ffedbf}.month-button:before{border-color:#e3d8a56e}.month-button:hover{background:#3d7964}.month-button b{font-size:23px}.month-button small{font-size:7px;letter-spacing:1px}
.content{padding:16px 4% 20px}.section-title{margin:0 0 15px}.section-title>.eyebrow{font-size:7px;letter-spacing:1.8px;color:#638579}.section-title h2{font-size:25px;color:#285447;line-height:1.5}.section-title p{font-size:10px;color:#698277}.eyebrow{color:#6d8b7b}.primary{background:linear-gradient(120deg,#285f51,#3d7860);border:1px solid #74916a;color:#fff0c6;box-shadow:inset 0 0 0 1px #d5c68b44;border-radius:6px;font-size:12px;padding:12px}.primary:hover{background:#38765f}.subtle{background:#eef0dcbb;border:1px solid #a7b69c;color:#3e6a56;border-radius:6px}.subtle:hover{background:#dce5c9}.text-button{color:#456c57}.tip,.routine{background:#e7ebd5bc;border-color:#b0bea2;color:#54725e;border-radius:5px}.tip{font-size:10px;padding:10px}.footnote{color:#728575;font-size:9px;line-height:1.65}.story{font-size:13px;color:#365a4b;line-height:1.9}.story.small{font-size:11px}.section-title+.story{margin-top:12px}.choice{background:linear-gradient(120deg,#edf0db,#f9f5e6);border-color:#b0bd9e;color:#345c4b;border-radius:6px}.choice strong{color:#315947}.choice small{color:#6c8470}.choice:hover{background:#dce8c9}.tabs{border-color:#b3bea5;gap:4px}.tabs button{font-size:10px;color:#6c8472;padding:9px 5px}.tabs .selected{color:#2c634d;border-color:#5c8164;background:#e0e8cb}.record{border-color:#bdc7ae}.record h3,.history-card h3,.chest-card h3,.pouch-list h3{color:#365f4e}.record p,.record small,.timeline p{color:#65806b}.record.earned .icon{color:#749459}.timeline li{border-color:#afbea2}.timeline li:before{background:#789a6a}.filter{font-size:10px}.item-card{border-color:#c1c7ad;background:#f5f2e0}.item-card strong{font-size:11px;color:#3e624e}.item-card small{font-size:8px;color:#7d8a71}.item-badge{background:#325f4bdf;color:#f3e5bf}.hairstyle-card{border-color:#b3c0a0;background:#ecefd8}.hairstyle-card.selected{border-color:#4c7e56;background:#dce8ca}.hairstyle-card strong{color:#3c654f}.reincarnation-balance{background:#dfe6cd;border-color:#a4b691;color:#3b684d}.reincarnation-balance b{color:#477457}.stamina+ .tip{margin-top:8px}
.relationship-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.relationship-column>h3{display:flex;justify-content:space-between;align-items:center;font-size:17px;color:#315c49;border-bottom:1px solid #a5b696;padding:3px 5px 10px;margin-bottom:10px}.relationship-column>h3 small{font-family:inherit;font-size:11px;color:#70876a}.npc-card,.npc-card.male-card{display:flex;flex-direction:column;gap:0;padding:0;margin:0 0 12px;border:1px solid #a9b595;border-radius:9px;overflow:hidden;background:#f5f2dfe0;box-shadow:0 3px 9px #45623d10}.npc-avatar{width:100%;height:auto;aspect-ratio:1/1.05;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 70%,#f0e9cd,#cedbbf);overflow:hidden}.npc-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}.npc-avatar .character{width:100%;height:100%;object-fit:cover}.npc-details{padding:8px 8px 9px;width:100%;text-align:center}.npc-rank{display:block;font-size:9px!important;color:#9b7950!important;letter-spacing:.5px}.npc-card h3{font-size:14px;color:#2c5644;margin:4px 0;line-height:1.4;overflow-wrap:anywhere}.npc-temper{font-size:8px;color:#7c8a74;display:block;line-height:1.4}.bond{display:block;margin-top:6px;font-size:9px;color:#68816b}.bond b{font-family:var(--serif);color:#396e4f;font-size:15px}.npc-actions{display:grid;grid-template-columns:1fr;gap:4px;margin:7px 0 0}.npc-actions button{font-size:9px;padding:6px 2px;white-space:nowrap;min-height:29px}.column-empty{font-size:10px;text-align:center;padding:35px 2px;color:#82937a}.unrevealed{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#7c977b;gap:9px}.unrevealed .icon{width:42px;height:42px}.unrevealed small{font-size:9px}.visit-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.visit-panel .npc-card{margin:0}.dialogue-portrait{height:235px;border-radius:8px;border:1px solid #b7c19f;overflow:hidden;margin-bottom:14px;background:#dae3cd}.dialogue-portrait img,.dialogue-portrait .character{width:100%;height:100%;object-fit:cover;object-position:center 24%}
.map-content{height:100%;padding:9px 2% 7px;display:flex;flex-direction:column;overflow:hidden}.map-content .section-title{text-align:center;margin:0 0 3px}.map-content .section-title h2{font-size:21px}.map-content .section-title>.eyebrow{font-size:6px}.map-content .stamina{margin:0 12px 4px;height:18px;flex:none}.map-art-stage{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #a2b391;border-radius:9px;background:#c5d4b8;box-shadow:inset 0 0 10px #223a3044}.palace-map{position:relative;width:auto;height:100%;max-width:100%;aspect-ratio:1051/1497;min-height:0;background:none;border:none;margin:0;box-shadow:none;border-radius:0;overflow:visible}.map-illustration{display:block;width:100%;height:100%;object-fit:contain}.map-pins{position:absolute;inset:0}.map-place{position:absolute;transform:translate(-50%,-50%);padding:4px 5px;min-height:30px;width:28%;max-width:90px;color:#fff0c9;background:#1b4f40e8;border:1px solid #e0c385;border-radius:4px;box-shadow:0 2px 4px #12372b55;text-align:center;backdrop-filter:blur(4px)}.map-place strong{font-size:clamp(8px,2.3cqw,11px);font-weight:600;color:#fff0c9;line-height:1.4;display:block;text-shadow:none;white-space:nowrap}.map-place small{font-size:6px;color:#e5deb7;display:block;white-space:nowrap}.map-place.restricted{filter:none;opacity:1;background:#605c4ce8;border-color:#d0c39c}.map-place.my-palace{background:#8d623bdc}.map-place:hover{transform:translate(-50%,-50%);background:#3e7455}.map-bottom{display:flex;gap:5px;margin-top:5px;flex:none;justify-content:center}.map-bottom button{padding:7px 10px;font-size:10px;flex:1}.map-content .footnote{font-size:7px;margin:4px 0 0}
.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#081f26aa;backdrop-filter:blur(5px);padding:0;z-index:50}.modal{position:relative;width:calc(var(--frame-w) - 20px);max-width:none;max-height:calc(var(--frame-h) - 26px);background:linear-gradient(135deg,#f5f1dedf,#e2ead0ed);border:1px solid #d6bd7e;box-shadow:0 0 0 3px #214e43,0 20px 90px #031e26a6;border-radius:12px 12px 6px 6px;overflow:auto;isolation:isolate;scrollbar-color:#7b9779 transparent;scrollbar-width:thin}.modal-top{position:sticky;top:0;background:linear-gradient(110deg,#1a4942f5,#366b57f5);border-bottom:1px solid #d5c28a;color:#e4d3a7;z-index:4;min-height:36px;height:36px;padding:0 12px;display:flex;align-items:center;justify-content:space-between}.modal-top>span{font-size:8px;letter-spacing:1.4px}.modal-top .icon-button{width:30px;height:30px;color:#f0dfb0;padding:5px}.modal-content{position:relative;padding:20px 6%;z-index:2}.modal .section-title{text-align:center;margin-bottom:17px}.modal .section-title h2{font-size:25px}.modal .section-title p{font-size:11px}.modal-content>h3{color:#35604a;font-size:15px;margin:20px 0 7px}.profile-modal{background:#e5ead5b5;backdrop-filter:blur(9px)}.profile-ghost{position:absolute;top:38px;left:0;right:0;height:calc(var(--frame-h) - 65px);overflow:hidden;pointer-events:none;z-index:0;opacity:.38;filter:blur(1px);mask-image:linear-gradient(#000 65%,transparent);}.profile-ghost .character{width:135%;max-width:none;height:100%;margin-left:-17%;object-fit:contain}.profile-modal .modal-content{background:linear-gradient(#f5f0d51a,#e4e9c33d)}.profile-modal .stats-grid{background:#f2f4df8f;padding:14px 10px;border:1px solid #eaf0d688;border-radius:9px;backdrop-filter:blur(3px)}.stat div{font-size:11px;color:#365b48}.stat i{height:3px;background:#b5c0a2}.profile-metrics{background:#f2f4df91;border:1px solid #b7c7a080;border-radius:8px;overflow:hidden;backdrop-filter:blur(3px);margin:14px 0}.profile-metrics span{font-size:10px;color:#5e7d65;border-color:#a4b59a77;padding:11px}.profile-metrics b{font-size:16px;color:#345e49;margin-top:4px}.profile-modal .story,.profile-modal .tip{background:#f0f3dc99;border-radius:7px;padding:10px;backdrop-filter:blur(3px)}.profile-modal .section-title h2{text-shadow:0 1px 4px #fff9}.profile-modal .section-title>.eyebrow{color:#426b51}.intro-summary{background:#e4e9d3b3;border-color:#bec9aa}.intro-summary h3{color:#345f49}.intro-portrait{border-color:#b3bf98}.family{font-size:10px;color:#54745c}.role-badge{background:#315f48;color:#f7e6b5;border-color:#aabb90}.imperial-seal{color:#9d4b39;border-color:#9d4b39;background:#f0dec070}.reward-list article{border-color:#b4c4a5}.reward-list h3{font-size:14px;color:#3d654e}.reward-list p{font-size:11px;color:#6a8066}.reward-list>.icon{color:#759257}.ending-tags span,.effects span{border-radius:4px}.effects .positive{color:#346c47;background:#d6e6c0}.effects .negative{color:#994939;background:#f0d8bc}.result-icon{color:#5b835d}.score-detail{background:#e4ebd2;border-color:#aabf98;color:#456b4c}.score-detail strong{color:#38634a}.decree-scroll{background:linear-gradient(90deg,#d4c28e,#f8eccc 16%,#f8eccc 84%,#d4c28e)}.decree-title{color:#8d5536}.location-emblem{background:#d7e1c4;color:#567a52;border-color:#b1c39a}.pouch-choice{background:#eef1dc;border-color:#b0c09e}.routine select{background:#faf6e7;color:#365c46;border:1px solid #b0bf9e}.routine label{color:#557354}.routine p{font-size:11px;color:#627b61}.guide-list{font-size:12px;color:#4d6c55}.guide-list li{border-color:#bdc9ac}.memory-scores{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0;gap:6px}.memory-scores span{text-align:center;border:1px solid #a5bc92;background:#e7edcf;border-radius:6px;font-size:9px;padding:5px;color:#637e57}.memory-scores b{display:block;font-family:var(--serif);font-size:21px;color:#365f40;margin-top:3px}.memory-status{color:#5c7a55;font-size:11px}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:15px 0}.memory-card{aspect-ratio:1;min-height:0;height:auto;padding:4px;border:1px solid #a8bd8b;border-radius:8px;background:repeating-linear-gradient(45deg,#2b654d,#2b654d 5px,#306e52 5px,#306e52 10px);color:#dfce92;font-size:26px;overflow:hidden;box-shadow:inset 0 0 0 3px #d5c38e50}.memory-card svg{width:100%;height:100%;display:block}.memory-card.flipped,.memory-card.matched{background:#f6f1db;border-color:#99b47b;color:#335f43}.memory-card:disabled{opacity:1}.memory-card.matched{opacity:.55;background:#cddcba;box-shadow:inset 0 0 0 2px #809c62}.paint-tools{background:#e5ebd1;border-color:#a9ba94}.paint-tools button{font-size:10px}.paint-tools .selected{background:#387151;color:#f4eac7}.painting-reference p,.painting-reference small{color:#6d8163}.painting-reference strong{color:#426c4d}.paint-wrap{border-color:#a7b98f}.toast{position:fixed;top:auto;left:50%;bottom:calc((100dvh - var(--frame-h))/2 + 77px);transform:translate(-50%,15px);width:calc(var(--frame-w) - 32px);max-width:none;background:#143c34f5;color:#f7e4b7;border:1px solid #c2ae72;border-radius:8px;padding:11px 14px;font-size:11px;text-align:center;box-shadow:0 5px 20px #082f3270;z-index:90}.toast.show{transform:translate(-50%,0)}
@media(max-width:360px){.identity .character{width:35px;height:40px}.identity small:first-child{font-size:6px;letter-spacing:.6px}.rail-stat{padding:3px 0}.stat-rail{gap:4px;top:28%}.rail-action{width:27px;height:27px;padding:4px}.stage-label{top:7px;padding:4px 9px}.stage-caption{font-size:7px;left:16%;right:16%;bottom:7px}.section-heading h2{font-size:13px}.activity-feedback{font-size:7px;height:21px}.calendar-strip{height:22px;min-height:22px}.life-panel{padding-top:2px}.section-heading{min-height:24px}.stamina{height:17px}.modal-content{padding:16px 5%}.modal .section-title h2{font-size:22px}.npc-card h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.map-place strong,.map-place.restricted strong,.map-place.my-palace strong{background:none;border:0;padding:0;color:#fff0c9}.map-place small{margin-top:1px;background:none;padding:0;line-height:1.3;color:#e0dfbb}.map-place{display:block;filter:none}.modal{display:block}.modal-content{overflow:visible}.profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}.profile-metrics>span{background:#f1f4df66;padding:9px 7px;gap:2px}.profile-metrics b{font-size:14px;margin-top:3px}.profile-metrics>span:last-child{grid-column:span 2}.profile-modal .section-title p{color:#496d54}
@media(max-width:360px){.stat-rail{top:27%;gap:3px}.rail-stat{padding:2px 0}.rail-stat b{font-size:14px}.rail-action{width:25px;height:25px;padding:3px}.calendar-strip>span:first-child{display:inline;font-size:8px}}
/* Cẩm Điện: carved gold, lacquer and embroidered silk. */
:root{--red:#742e37;--gold:#cda467;--paper:#fbf1db;--muted:#7c5e4c;--line:#d0af7f;color:#4c302a;font-size:15px}.game{outline:2px solid #b48a50;background:radial-gradient(ellipse at top,#fff9e8,#eed6b6);box-shadow:0 0 0 5px #342a24,0 18px 100px #090d12b0}.ambient{background:linear-gradient(90deg,#211921ed,#352626a6,#211921ed),url('assets/palace-scene-v7.webp') center/cover}
button{position:relative;border-radius:7px}button:not(.identity):not(.month-button)::after{content:'';position:absolute;inset:0;border:10px solid transparent;border-image:url('assets/ui-v8/button-frame.svg') 20 / 10px / 0 stretch;pointer-events:none;z-index:3}button:focus-visible{outline:3px solid #bd7f38;outline-offset:2px}button:disabled{opacity:.6}
.topbar{height:10%;background:linear-gradient(110deg,#421d29,#77343b 55%,#411c29);border-bottom:3px double #d2b278;box-shadow:inset 0 3px #be945c99,0 2px 10px #28101d75;padding:7px 3%;gap:5px}.topbar:after{border-color:#b9926277;bottom:2px}.identity .character{width:43px;height:46px;background:#eedabc;border:2px solid #d5b77a;box-shadow:0 0 0 1px #744c36,inset 0 0 0 1px #fff2c8}.identity strong{font-size:clamp(15px,4.2cqw,20px);color:#fff2cf;line-height:1.35}.identity small{font-size:11px;color:#f2dcc0;line-height:1.4}.identity small:first-child{font-size:9px;letter-spacing:.7px;color:#ead3a3}.header-wallet{font-size:13px;gap:4px;color:#ffe4ac}.header-wallet .icon{width:15px;height:15px}.header-wallet .point-link{font-size:12px;color:#ffe5b0;min-width:34px;height:27px;padding:4px 7px}.topbar .icon-button{height:34px;width:28px;color:#f6deb0}.topbar .icon-button .icon{width:18px;height:18px}
.calendar-strip{height:29px;min-height:29px;background:linear-gradient(90deg,#472c32,#785340,#472c32);color:#ffe4b8;border-bottom:2px double #bd9963;font-size:11px;padding:0 11px}.calendar-strip>span:first-child{font-family:inherit;font-size:11px;color:#f7dfb4;letter-spacing:0}.calendar-strip .text-button{font-size:10px;color:#ffe5b0;padding:4px 10px;height:25px;min-width:62px}
.stage{box-shadow:inset 0 0 0 4px #9d7838;background-image:linear-gradient(0deg,#ad885745,transparent 34%),url('assets/palace-scene-v7.webp')}.stage:before{inset:3px;border:1px solid #f4d79e99;z-index:1}.stage:after{background:linear-gradient(transparent,#e9d1ab);height:22px}.frame-corner{position:absolute;width:58px;height:58px;background:url('assets/ui-v8/corner.svg') center/contain no-repeat;pointer-events:none;z-index:4}.corner-tl{top:4px;left:4px}.corner-tr{top:4px;right:4px;transform:scaleX(-1)}.corner-bl{bottom:4px;left:4px;transform:scaleY(-1)}.corner-br{bottom:4px;right:4px;transform:scale(-1)}.stage-label{top:10px;padding:9px 17px 7px;border:3px double #e2c185;background:linear-gradient(110deg,#481f2eec,#783d42f7,#481f2eec);border-radius:3px 3px 14px 14px;box-shadow:0 2px 0 #543124,0 4px 12px #2c16245c;max-width:70%;min-width:46%;gap:0}.stage-label:after{content:'';position:absolute;inset:2px;border:1px solid #b68b5999;border-radius:1px 1px 9px 9px;pointer-events:none}.stage-label>span{font-size:8px;letter-spacing:1.3px;color:#f0d39a;line-height:1.3}.stage-label strong{font-size:16px;color:#fff0c7;line-height:1.4}.stage-label small{font-size:10px;color:#f8e0bf;line-height:1.3}.hero{height:96%;bottom:-1%}.stat-rail{top:28%;gap:4px;width:17%}.left-rail{left:3%}.right-rail{right:3%}.rail-stat{padding:5px 1px;border:3px double #d5b27a;border-radius:2px 8px;background:linear-gradient(135deg,#4c2031e8,#764046e8);box-shadow:inset 0 0 0 1px #7d573e,0 2px 5px #22172944}.rail-stat span{font-size:11px;color:#ffedcd;line-height:1.2}.rail-stat b{font-size:21px;color:#ffedb4;line-height:1.12;margin-top:1px}.rail-action{height:30px;width:34px;background:#632a3bf0;color:#ffe0a2;border-radius:5px;border-color:#cfa564;padding:5px}.stage-caption{font-size:10px;color:#5d3730;padding:4px 10px;border:1px solid #b48a4f;background:#fff1d7ec;left:20%;right:20%;bottom:8px;border-radius:3px;gap:8px}.stage-caption span{color:#8d413f}.stage>.pending-button{font-size:11px;min-height:35px;padding:8px 10px;background:linear-gradient(#8c4448,#552637);color:#ffedc7;left:18%;width:64%;bottom:40px}
.life-panel{padding:5px 3% 0;border-top:3px double #bc925c;background:radial-gradient(ellipse at 50% 0,#fff8e5,#edd6b5);box-shadow:inset 0 2px 0 #fff5d3,inset 0 -2px #caac7b}.section-heading{min-height:29px;padding:0 1px;margin:0}.section-heading h2{font-size:17px;color:#6b3036;font-weight:700}.section-heading .text-button{font-size:11px;color:#784c36;padding:7px 11px;min-height:30px}.stamina{height:24px;padding:0 2px;margin-bottom:5px;color:#684c36;gap:7px}.stamina>span{font-size:10px;letter-spacing:.5px}.stamina>div{gap:5px}.stamina i{font-size:15px;color:#cfb88a}.stamina i.filled{color:#a26f38;text-shadow:0 1px #fff6d4}.stamina>b{font-size:12px}.activity-grid{gap:5px}.activity{height:clamp(58px,16.3cqw,76px);border:1px solid #b58a53;border-radius:5px;background:linear-gradient(125deg,#fff5df,#ead2ad);padding:4px 3px 6px;box-shadow:inset 0 0 12px #c2913d22,0 1px 2px #82572b28}.activity img{height:calc(100% - 16px);max-width:90%}.activity strong{font-family:var(--sans);font-size:12px;font-weight:600;line-height:1.35;color:#683831;white-space:nowrap}.activity:hover{background:linear-gradient(#fff8e7,#f5dcad);border-color:#845031}.activity-feedback{font-size:11px;height:29px;color:#68442e;font-weight:500;white-space:normal;line-height:1.25;padding:2px 3px}
.bottom-nav{height:9%;background:linear-gradient(#75363d,#421b2d);border-top:3px double #d6b678;padding:4px 2% 2px;box-shadow:inset 0 2px #a3714d;gap:3px;grid-template-columns:1fr 1fr 19% 1fr 1fr}.nav-button{padding:6px 1px;gap:4px;border-radius:3px;color:#f2d8b3;font-size:10px;background:linear-gradient(125deg,#71383e70,#3a202a40);height:88%}.nav-button .icon{width:20px;height:20px}.nav-button.active{color:#fff0bd;background:linear-gradient(#9e694b,#6b3733)}.nav-button.active .icon{filter:drop-shadow(0 1px 3px #fae0a588)}.month-button{background:radial-gradient(circle at 40% 30%,#a15a4b,#642b38 70%);border:4px double #efd298;color:#ffedc0;box-shadow:0 0 0 2px #8f5e3c,0 4px 13px #291323a0;width:clamp(51px,14.5cqw,69px);height:clamp(51px,14.5cqw,69px);margin-top:-15px}.month-button:before{inset:3px;border:1px solid #ccaa6a}.month-button:hover{background:#914544}.month-button b{font-size:25px}.month-button small{font-size:9px;letter-spacing:0}
.content{padding:15px 4% 20px;background:radial-gradient(ellipse at 50% 0,#fff9e7,#eed8b9)}.section-title{position:relative;text-align:center;margin:0 0 13px;padding:28px 0 20px}.section-title:before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:140px;height:36px;background:url('assets/ui-v8/panel-crown.svg') center/contain no-repeat;pointer-events:none}.section-title:after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:240px;height:21px;background:url('assets/ui-v8/divider.svg') center/contain no-repeat;pointer-events:none}.section-title>.eyebrow{color:#946b3f;font-size:10px;letter-spacing:1px}.section-title h2{font-size:27px;color:#753840;line-height:1.5}.section-title p{font-size:12px;color:#6f5240;line-height:1.5}.text-button{color:#794b35}.primary{background:linear-gradient(125deg,#8b4249,#562435);color:#ffedc8;border:1px solid #a87b4d;border-radius:5px;box-shadow:inset 0 0 0 3px #9a715044,0 3px 7px #633c3326;padding:13px 17px;font-size:14px;font-weight:600;min-height:44px}.primary:hover{background:#94464e}.subtle{background:linear-gradient(#fff5dc,#e5cda9);border:1px solid #b88f5a;color:#693f34;font-size:13px;min-height:40px;padding:10px 14px;border-radius:5px}.subtle:hover{background:#f7e6c3}.tip,.routine{background:#f1dfc2c9;border:1px solid #c9ab7c;color:#684937;font-size:12px;line-height:1.75}.tip{padding:12px}.footnote{color:#755d49;font-size:11px;line-height:1.6}.story{font-size:15px;color:#583b30;line-height:1.85}.story.small{font-size:13px}.choice{background:linear-gradient(120deg,#fff8e4,#edd5b0);border-color:#b78d57;border-radius:5px;color:#603c32;padding:14px;font-size:14px;line-height:1.6}.choice strong{color:#6b3734;font-size:14px}.choice small{color:#74563c;font-size:12px}.choice:hover{background:#f5dfbc}.tabs{gap:5px;display:flex;flex-wrap:wrap;border:0;margin:12px 0}.tabs button{padding:10px 13px;border:1px solid #bb9563;color:#6c4735;background:#ead3ae;font-size:12px;min-height:39px;border-radius:4px;flex:1 0 auto;white-space:nowrap}.tabs button.selected{background:linear-gradient(#8a4449,#5a2b36);color:#fff0cc;border-color:#be9a5b}.filter{font-size:12px}.filter small{font-size:11px}.item-card{background:#fbefd6;border:1px solid #b78f56;border-radius:5px;padding-bottom:10px}.item-card strong{font-size:13px;color:#673c32;margin:6px}.item-card small{font-size:11px;color:#7d5c3d;padding:0 8px;line-height:1.5}.item-badge{background:#6c303de8;color:#ffe9bb;font-size:10px;padding:4px 7px}.hairstyle-card{background:linear-gradient(#fff5dd,#ecd5af);border:1px solid #b9935b;padding:8px 6px 13px;border-radius:7px}.hairstyle-card.selected{background:#e5cba6;border-color:#8b493f;box-shadow:inset 0 0 0 3px #be915e}.hairstyle-card strong{font-size:15px;color:#703a35;line-height:1.5}.hairstyle-card small{font-size:11px;color:#886044;line-height:1.5}.hairstyle-grid{gap:12px}.record,.history-card,.chest-card{border:1px solid #c4a170;background:#f5e7cc;margin:10px 0;padding:13px;border-radius:5px}.record h3,.history-card h3,.chest-card h3,.pouch-list h3{font-size:15px;color:#713d35}.record p,.record small,.timeline p{font-size:12px;color:#71513c;line-height:1.75}.record small{font-size:11px}.timeline li:before{background:#a16e46}.timeline li{border-color:#c2a174}.timeline small{font-size:11px;color:#9a7249}.reincarnation-balance{font-size:13px;background:#eddabb;color:#805331;border:3px double #be995f}.reincarnation-balance b{color:#824138}.empty{font-size:13px;color:#7a5640}.empty h3{color:#783c35}.empty p{font-size:13px}
.people-tabs{display:flex;gap:10px;margin:10px 0 15px}.people-tabs button{flex:1;padding:12px 18px;font-family:'Noto Serif',serif;font-size:18px;font-weight:600;color:#754637;background:linear-gradient(#faedce,#dfbd8e);border:1px solid #b0844b;min-height:49px}.people-tabs button.selected{background:linear-gradient(#994f4c,#542435);color:#ffecc3;box-shadow:inset 0 0 0 3px #cfaa6d55,0 3px 7px #62352f33}.people-tabs button span{font-family:system-ui;font-size:12px;margin-left:10px;opacity:.85}.people-list{display:flex;flex-direction:column;gap:13px}.people-list .npc-card{display:grid;grid-template-columns:35% 1fr;gap:0;margin:0;min-height:178px;position:relative;overflow:hidden;border:3px double #c09a62;background:linear-gradient(115deg,#ebd3ae,#fff3d8);box-shadow:0 3px 8px #7d542622;border-radius:7px}.people-list .npc-avatar{width:100%;height:100%;aspect-ratio:auto;min-height:178px;border-right:1px solid #c4a371;background:radial-gradient(#fcf1d7,#d5b88f)}.people-list .npc-avatar img{height:100%;width:100%;object-position:center 20%}.people-list .npc-avatar .character{height:100%;width:100%;object-fit:cover}.people-list .npc-details{text-align:left;padding:12px 13px;align-self:center}.people-list .npc-rank{font-size:12px!important;letter-spacing:.4px;color:#956734!important}.people-list .npc-card h3{font-size:18px;color:#71343a;line-height:1.5;margin:3px 0}.people-list .npc-temper{font-size:11px;color:#816146}.people-list .bond{font-size:12px;color:#754f3c;margin-top:8px}.people-list .bond b{font-size:19px;color:#8e4147}.people-list .npc-actions{grid-template-columns:1fr 1fr;gap:5px;margin-top:9px}.people-list .npc-actions button{font-size:11px;min-height:36px;padding:8px 6px;color:#6d3c32}.npc-card{border-color:#c1a170;background:#f6e6c9}.npc-rank{color:#926c3b!important}.npc-card h3{color:#783c3b;font-size:16px}.npc-temper,.bond{font-size:11px;color:#76573f}.npc-actions button{font-size:12px;min-height:37px;padding:9px}.male-card:before{content:''}.unrevealed small{font-size:11px}.unrevealed{color:#9b7b53}.dialogue-portrait{border:3px double #bc965f;border-radius:6px;background:#e9d2aa}
.modal-backdrop{background:#241423b8}.modal{border:3px double #d8b475;outline:1px solid #654331;background:linear-gradient(125deg,#fff7e2f5,#edd3b2f5);box-shadow:0 0 0 4px #68303a,0 15px 80px #140f1bcc;border-radius:10px 10px 5px 5px}.modal-top{height:40px;min-height:40px;background:linear-gradient(110deg,#502332,#8a4249,#512634);border-bottom:3px double #c7a366;color:#f1dbb2;padding:0 11px}.modal-top>span{font-size:10px;letter-spacing:.6px}.modal-top .icon-button{height:31px;width:31px;color:#ffe6b9;padding:6px}.modal-content{padding:16px 5% 21px}.modal .section-title{padding-top:30px;padding-bottom:24px;margin-bottom:13px}.modal .section-title h2{font-size:26px;color:#763942}.modal .section-title p{font-size:13px;color:#765540}.modal-content>h3{font-size:17px;color:#7a4238}.profile-modal{background:#f1dec8ca}.profile-modal .modal-content{background:linear-gradient(#f5e3ca22,#efdbb830)}.profile-modal .stats-grid{background:#fff2d4af;border:3px double #c6a4768c;padding:14px 11px;border-radius:6px}.stat div{font-size:13px;color:#684431}.stat i{height:4px;background:#ccb790}.profile-metrics{background:#f7e7cba1;border:3px double #c6a4768c}.profile-metrics>span{background:#fff1d67a;color:#805e42;font-size:11px;padding:10px;gap:4px}.profile-metrics b{color:#733e32;font-size:16px}.profile-modal .story,.profile-modal .tip{background:#fff1d6b5}.profile-modal .section-title>.eyebrow,.profile-modal .section-title p{color:#80563c}.family{font-size:12px;color:#78543a}.intro-summary{background:#f3dfbf;border:3px double #c5a16c}.intro-summary h3{font-size:20px;color:#773e37}.intro-summary p{font-size:12px;color:#805c3f}.role-badge{background:#7a3541;color:#ffebc3;border-color:#c7a362;font-size:10px}.imperial-seal{height:40px;width:40px;display:flex;align-items:center;justify-content:center;border:3px double #a27749;background:#ead0a7;color:#894539;margin:0 auto 2px;transform:rotate(0)}.imperial-seal .icon{height:25px;width:25px}.location-emblem{color:#905b38;background:#edd8b3;border:3px double #b79158}.location-emblem .icon{height:43px;width:43px}.reward-list h3{font-size:16px;color:#7b4436}.reward-list p{font-size:13px;color:#75523b}.reward-list article{border-color:#d1b282}.pouch-list h3{font-size:15px}.pouch-list p{font-size:13px;color:#80543d}.pouch-list small{font-size:12px;color:#8c6745}.pouch-choice{border-color:#c0a06c;background:#f6e7c8;padding:12px}.pouch-choice strong{font-size:14px;color:#714132}.pouch-choice small{font-size:12px;color:#8b6243}.score-detail{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;border:3px double #b58b53;background:linear-gradient(#faedcf,#ead0a9);padding:13px;margin:15px 0}.score-detail>strong{font-size:39px;color:#813c40}.score-detail strong small{display:block;font-size:13px}.score-detail p{font-size:12px;line-height:1.8;color:#714b35}.painting-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-top:1px solid #bf9e6c;padding-top:8px}.painting-metrics span{font-size:11px;text-align:center;color:#7d593c}.painting-metrics b{display:block;font-size:15px;color:#7c4039}.painting-reference{gap:13px;align-items:center}.painting-reference canvas{border:3px double #bf985e;min-width:110px;max-width:40%;width:125px;height:125px}.painting-reference strong{font-size:14px;color:#7a4337}.painting-reference p{font-size:12px;color:#72503c;line-height:1.6}.painting-reference small{font-size:11px;color:#77503a;line-height:1.6}.paint-wrap{border:4px double #b68b4d;box-shadow:0 2px 8px #8a5a2a20}.paint-tools{display:flex;flex-wrap:wrap;gap:5px;background:none;border:0}.paint-tools button{background:#edd6b1;color:#6d3d30;font-size:12px;padding:9px 10px;min-height:38px}.paint-tools .selected{background:#813a43;color:#ffecc6}.paint-tools label{font-size:12px;color:#754c35}.memory-scores span{font-size:12px;background:#f7e5bf;border-color:#bd9960;color:#926b41}.memory-scores b{font-size:23px;color:#7e4437}.memory-status{font-size:13px;border:3px double #ba925c;color:#805537}.memory-card{background:repeating-linear-gradient(45deg,#77313e,#77313e 5px,#843d47 5px,#843d47 10px);border-color:#c09d61;color:#edcf91}.memory-card.flipped{background:#fff1d3}.memory-card.matched{background:#d8c58f}.guide-list{font-size:14px;color:#704c38;line-height:1.85}.routine label,.routine p{color:#78533c;font-size:13px}.routine select{background:#fff1d6;color:#764336;font-size:13px;border-color:#ba945e}.effects span{font-size:12px}.effects .positive{background:#e6e5bb;color:#4e632b}.effects .negative{background:#efd3bc;color:#9b3e39}.result-icon{color:#a67a39}.toast{font-size:13px;color:#ffecc3;background:#552333f5;border:3px double #d2ae6a;padding:12px 15px;line-height:1.6;bottom:calc((100dvh - var(--frame-h))/2 + 72px);box-shadow:0 4px 20px #27111d80}
.map-content{padding:8px 2% 5px;background:#efdcb8}.map-content .section-title{padding:21px 0 16px;margin:0}.map-content .section-title:before{height:25px;width:105px}.map-content .section-title:after{height:16px;width:180px}.map-content .section-title>.eyebrow{font-size:9px}.map-content .section-title h2{font-size:24px}.map-content .stamina{height:23px}.map-art-stage{border:3px double #b58e55;background:#c7b48c;border-radius:5px;box-shadow:inset 0 0 0 3px #eed09a}.map-place{border:1px solid #cbaa70;background:#663439ef;padding:5px 7px;min-height:35px;width:31%;max-width:94px}.map-place strong,.map-place.restricted strong,.map-place.my-palace strong{font-size:10px;color:#fff0c8}.map-place small{font-size:8px;color:#ffdfaf}.map-place.restricted{background:#5e5546ef}.map-place:hover{background:#894b45}.map-place.my-palace{background:#8f6436f5}.map-place::after{border-image-width:7px!important}.map-bottom button{font-size:12px;padding:10px;min-height:39px}.map-content .footnote{font-size:10px;line-height:1.4;margin-top:5px}
@media(max-width:360px){.identity .character{width:33px;height:39px}.identity strong{font-size:14px}.identity small{font-size:10px}.identity small:first-child{font-size:8px;letter-spacing:0}.topbar{gap:3px;padding:5px 2%}.topbar .icon-button{width:24px}.header-wallet{font-size:11px}.calendar-strip,.calendar-strip>span:first-child{font-size:10px}.calendar-strip{height:27px;min-height:27px}.stage-label{top:6px;padding:5px 11px}.stage-label>span{font-size:7px}.stage-label strong{font-size:14px}.stage-label small{font-size:9px}.frame-corner{width:44px;height:44px}.stat-rail{top:27%;width:17%;gap:3px}.rail-stat{padding:3px 0;border-width:2px}.rail-stat span{font-size:9px}.rail-stat b{font-size:17px}.rail-action{display:none}.stage-caption{font-size:9px;left:18%;right:18%;padding:3px 5px;bottom:6px}.life-panel{padding:3px 2% 0}.section-heading h2{font-size:15px}.section-heading .text-button{font-size:10px;min-height:28px;padding:5px 8px}.stamina{height:20px}.stamina>span{font-size:9px}.stamina i{font-size:13px}.activity{height:55px;padding-bottom:5px}.activity strong{font-size:10px}.activity-feedback{font-size:10px;height:26px}.nav-button{font-size:9px}.nav-button .icon{width:17px;height:17px}.nav-button::after{border-image-width:7px!important}.modal .section-title h2{font-size:23px}.people-list .npc-card h3{font-size:16px}.people-list .npc-details{padding:10px}.people-list .npc-actions button{font-size:10px;padding:8px 4px}.painting-reference canvas{min-width:95px;width:100px;height:100px}.painting-reference small{font-size:10px}.map-place strong{font-size:9px!important}.map-place small{font-size:7px}}
.conversation-portrait{height:190px;width:156px;max-width:60%;margin:0 auto 10px;border:4px double #c09a5a;border-radius:55px 55px 7px 7px;overflow:hidden;background:radial-gradient(#fff2d5,#d6b385);box-shadow:0 5px 15px #71412e33}.conversation-portrait img,.conversation-portrait .character{width:100%;height:100%;object-fit:cover;object-position:center 20%}.conversation-speaker{text-align:center;margin:9px 0 12px}.conversation-speaker strong{font:600 19px var(--serif);color:#803c3d;display:block}.conversation-speaker span{display:block;font-size:12px;color:#916a44;margin-top:4px}.dialogue-bubble{position:relative;background:#fff3d8d9;border:3px double #bf985f;border-radius:7px;padding:15px 17px;box-shadow:0 3px 9px #76502214}.dialogue-bubble:before{content:'';position:absolute;width:11px;height:11px;left:calc(50% - 6px);top:-8px;transform:rotate(45deg);background:#fff3d8;border-top:1px solid #bf985f;border-left:1px solid #bf985f}.dialogue-bubble p{font-size:15px;line-height:1.85;color:#583b32;margin:0}.gift-caption{text-align:center;font-size:11px;color:#805d41;line-height:1.6;margin:9px 0}.affinity-receipt{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;margin:14px 0;padding:12px 15px;background:linear-gradient(110deg,#ebd9ac,#faf0cd);border:1px solid #bfa067;color:#735033;border-radius:4px}.affinity-receipt>span{font-size:12px}.affinity-receipt strong{grid-row:span 2;color:#965048;font:600 27px var(--serif)}.affinity-receipt small{font-size:11px;color:#8f6d44}
@media(max-width:360px){.conversation-portrait{height:155px;width:132px}.dialogue-bubble p{font-size:14px}.conversation-speaker strong{font-size:17px}}
/* Compact single-row activities and chronological, independently scrollable journal. */
.quick-activities{flex:none;padding:3px 2% 5px;border-top:3px double #b88b51;border-bottom:1px solid #b88b51;background:linear-gradient(#f6e5c7,#e6cba3)}
.quick-heading{height:24px;display:flex;align-items:center;gap:8px;padding:0 3px 3px}.quick-heading h2{font-size:13px;color:#71353a;margin:0}.quick-heading .text-button{margin-left:auto;padding:3px 8px;min-height:22px;font-size:10px;color:#71353a}.quick-stamina{display:flex;align-items:center;gap:3px;font-size:11px;color:#8b592b}.quick-stamina .icon{width:13px;height:13px}
.quick-activities .activity-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.quick-activities .activity{height:57px;padding:2px 0 3px;gap:2px;border-radius:3px;background:linear-gradient(130deg,#fff1cf,#e5c497);justify-content:flex-start}.quick-activities .activity::after{border-image-width:5px!important}.chibi-bust{display:block;position:relative;height:31px;width:100%;overflow:hidden;flex:none}.quick-activities .chibi-bust img{position:absolute;top:-2px;left:50%;transform:translateX(-50%);height:83px;width:auto;max-width:none;object-fit:contain;filter:none}.quick-activities .activity strong{font-size:10px;line-height:1.05;white-space:normal;font-weight:600;padding:0 2px}
.month-journal{height:145px;flex:none;min-height:0;display:flex;flex-direction:column;padding:5px 3% 10px;background:radial-gradient(ellipse at 50% 0,#fff5dc,#e8cfaa);border-top:1px solid #fff4d1;box-shadow:inset 0 0 0 3px #d6b78566}.month-journal .section-heading{flex:none;min-height:25px;display:flex;gap:7px}.month-journal h2{font-size:14px}.month-journal .section-heading>span{font-size:10px;margin-left:auto;color:#8a6551}.journal-scroll{width:25px;height:25px;min-height:25px;font-size:16px;color:#6a3036;background:#f2dfbc;padding:0}.journal-feed{min-height:0;flex:1;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#8b4c42 #d6ba91;border-top:1px solid #c6a16e;padding:3px 4px 4px 0;outline-offset:-2px}.journal-feed::-webkit-scrollbar{width:5px}.journal-feed::-webkit-scrollbar-thumb{background:#8b4c42;border-radius:5px}.journal-feed::-webkit-scrollbar-track{background:#d6ba91}.journal-feed ol{list-style:none;margin:0;padding:0}.journal-month{font-size:10px;font-weight:700;color:#975f3b;letter-spacing:.3px;padding:6px 0 3px;border-bottom:1px solid #bb965933}.journal-entry{display:flex;gap:6px;padding:5px 1px;border-bottom:1px solid #ba996b33;font-size:12px;line-height:1.5;color:#573d35}.journal-entry>span{font-size:9px;color:#aa7a3e;padding-top:4px}.journal-entry p{margin:0}.journal-entry.journal-kind-setback{color:#9b3c3c}.journal-empty{padding:12px;color:#866b55;font-size:12px}
@media(max-width:360px){.quick-heading h2{font-size:12px}.quick-activities .activity{height:51px}.quick-activities .activity strong{font-size:9px}.chibi-bust{height:28px}.quick-activities .chibi-bust img{height:76px}.month-journal{height:125px;padding-bottom:8px}.journal-entry{font-size:11px}.month-journal h2{font-size:13px}.month-journal .section-heading>span{font-size:9px}}
/* Keep the title above the face and fit all eight side statistics in the stage. */
.home .stage-label{top:5px;padding:4px 12px;min-width:48%;border-width:2px}.home .stage-label>span{display:none}.home .stage-label strong{font-size:14px;line-height:1.2}.home .stage-label small{font-size:9px;line-height:1.3}.home .hero{height:calc(100% - 42px);bottom:4px}.home .stat-rail{top:57px;bottom:34px;gap:3px;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));align-items:stretch}.home .rail-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px 0;border-width:2px}.home .rail-stat span{font-size:10px;white-space:nowrap;line-height:1.15}.home .rail-stat b{font-size:20px;line-height:1.1}.home .rail-action{display:none}.quick-activities .chibi-bust img{height:64px;top:-2px}.month-journal{height:132px}
@media(max-width:360px){.home .stage-label strong{font-size:12px}.home .stage-label small{font-size:8px}.home .stat-rail{top:50px;bottom:31px}.home .rail-stat span{font-size:9px}.home .rail-stat b{font-size:17px}.home .hero{height:calc(100% - 36px)}.quick-activities .chibi-bust img{height:59px}.month-journal{height:112px}}
.quick-activities .chibi-bust{height:27px}.quick-activities .chibi-bust img{height:53px;top:-1px}.quick-activities .activity{height:57px}.quick-activities .activity strong{line-height:1.1}
@media(max-width:360px){.quick-activities .chibi-bust{height:25px}.quick-activities .chibi-bust img{height:49px}.quick-activities .activity{height:53px}}
.pouch-icon{object-fit:contain;width:85px;height:105px;filter:drop-shadow(0 3px 3px #78532e20)}.pouch-list article,.pouch-choice{gap:12px;padding:12px 6px}.pouch-choice .pouch-icon{width:80px;height:95px}.pouch-list h3{font-size:15px}.pouch-list p,.pouch-list small{font-size:12px}
.conversation-modal .modal-content{padding:10px 5% 14px}.conversation-modal .section-title{padding:23px 0 16px;margin-bottom:8px}.conversation-modal .section-title:before{height:27px;width:110px}.conversation-modal .section-title:after{height:15px;width:200px}.conversation-modal .section-title h2{margin:3px 0;font-size:24px;line-height:1.3}.conversation-modal .section-title>.eyebrow{font-size:9px}.conversation-modal .conversation-portrait{height:125px;width:105px;margin-bottom:6px;border-radius:35px 35px 5px 5px}.conversation-modal .conversation-speaker{margin:5px 0 9px}.conversation-modal .conversation-speaker strong{font-size:17px}.conversation-modal .conversation-speaker span{font-size:11px;margin-top:2px}.conversation-modal .dialogue-bubble{padding:11px 13px}.conversation-modal .dialogue-bubble p{font-size:14px;line-height:1.65}.conversation-modal .affinity-receipt{margin:9px 0;padding:8px 12px}.conversation-modal .gift-caption{margin:6px 0}.conversation-modal .primary{min-height:42px;padding:10px}
/* Header controls are raised, unobstructed buttons. */
.topbar .point-link,.topbar>.icon-button{border:2px solid #f5d591!important;background:linear-gradient(#ca9156,#82502f)!important;color:#fff9db!important;box-shadow:inset 0 1px 2px #fff1c3,0 3px 0 #3f1a21,0 4px 7px #24101680!important;border-radius:9px!important;display:flex;justify-content:center;align-items:center;gap:5px}
.topbar .point-link::after,.topbar>.icon-button::after{display:none!important}.topbar>.icon-button{width:38px!important;height:40px!important;flex:none;padding:6px!important}.topbar>.icon-button .icon{width:25px;height:25px;stroke-width:1.8}.topbar .point-link{min-width:46px;height:29px;font-size:13px;padding:3px 7px}.topbar .point-link .icon{width:17px;height:17px}.topbar button:active{transform:translateY(2px)}
.rarity-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#713c36;font-size:13px;margin:8px 0}.rarity-filter select{background:#fff1d5;border:1px solid #b88e50;border-radius:5px;padding:7px 12px;color:#713c36;font:inherit;min-width:135px}.item-visual{position:relative}.item-card .item-art{padding-right:25px}.luxury-score{position:absolute;right:5px;top:8px;width:36px;display:flex;flex-direction:column;align-items:center;padding:5px 1px;background:#fff1d5f0;border:1px solid #ba8b4f;border-radius:6px;color:#753b35;box-shadow:0 2px 5px #6a3a2522}.item-card .luxury-score small{font-size:9px;line-height:1.2;color:inherit;margin:0;padding:0}.luxury-score b{font:700 19px var(--serif)}.rarity-name{display:block;margin:3px 10px;font-size:12px;font-weight:700;color:#775c48}.rarity-1 .rarity-name{color:#386958}.rarity-2 .rarity-name{color:#74509b}.rarity-3 .rarity-name{color:#a35417}.rarity-3 .luxury-score{background:#ffe1a3;border-color:#ac7129}.rarity-2 .luxury-score{background:#eadcf4;border-color:#9c76ad}.item-bonuses{display:block;margin:5px 8px;font-size:10px;color:#745340;line-height:1.6}.item-luxury-detail{text-align:center;font-size:15px;color:#834a32}.item-card.locked .luxury-score{opacity:1}.item-card>strong{margin-top:8px}