.mp-title{padding:18px 14px 10px;text-align:center}.mp-title b,.mp-title small{display:block}.mp-title b{font:700 20px serif}.mp-title small{margin-top:4px;color:#81776e;font-size:10px}.mp-info{margin:0 8px 12px;padding:10px;background:#fffdf9;border:1px solid #e1dcd6;border-radius:10px}.mp-info>div{display:grid;grid-template-columns:64px 1fr auto;gap:6px;padding:7px 3px;border-bottom:1px solid #eee9e4;font-size:10px}.mp-info span{color:#81776e}.mp-info em{color:#aaa;font-size:8px;font-style:normal}.mp-info .accent{color:#a65f49}.pillar-table{display:grid;grid-template-columns:repeat(4,1fr);margin:8px 0;border:1px solid #e5dfd9}.pillar-table>div{text-align:center;border-right:1px solid #e5dfd9}.pillar-table small{display:block;padding:5px;color:#81776e;font-size:8px}.pillar-table p{margin:0}.pillar-table p button{border:0;background:transparent;padding:3px;font-size:18px}.pillar-table .void{border:0;background:#f6f3ef;width:100%;padding:5px;color:#81776e;font-size:9px}.meta-row{display:grid;grid-template-columns:repeat(5,1fr);margin-top:8px}.meta-row i{padding:7px 2px;text-align:center;background:#f7f4f0;color:#81776e;font-size:8px;font-style:normal}.meta-row b{display:block;margin-top:4px;color:#25211e;font-size:10px}.year-tool{margin:0 8px 12px;padding:12px;background:#fffdf9;border:1px solid #e1dcd6;border-radius:10px}.year-tool summary{font-size:12px;font-weight:700}.year-inputs{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px}.year-inputs input{min-width:0;border:1px solid #ddd6cf;border-radius:7px;padding:9px}.year-inputs button,.highlight-modes button{border:1px solid #b97b66;border-radius:7px;background:#fff;color:#a65f49;padding:8px;font-size:9px}.highlight-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.mp-board-head{display:flex;justify-content:space-between;padding:8px 10px;font-size:11px}.mp-board-head span{color:#81776e;font-size:9px}.mp-board{margin:0 5px;display:grid;grid-template-columns:repeat(3,1fr);background:#68625d;border:1px solid #68625d;gap:1px}.mp-palace{position:relative;height:125px;padding:4px;background:#f4f2ef;border:0;color:#24201c;overflow:hidden;text-align:left}.mp-palace.inner{background:#f6eadf}.mp-palace.outer{background:#edf1f2}.mp-palace.selected{box-shadow:inset 0 0 0 3px #a65f49;z-index:2}.mp-palace.stem-highlight{background:#fff4e8;box-shadow:inset 0 0 0 2px #d9974a}.mp-palace.branch-highlight{background:#eaf7f5;box-shadow:inset 0 0 0 2px #3a9d93}.mp-palace.stem-highlight.branch-highlight{background:#f4f0e8;box-shadow:inset 0 0 0 2px #8a7350}.mp-row{height:33.33%;display:grid;grid-template-columns:12% 56% 32%;align-items:center}.mp-row span{font-size:11px;color:#81776e}.mp-row b{font-size:13px;font-weight:500;white-space:nowrap}.mp-row strong{text-align:right;font-size:18px;font-weight:500}.mp-row em{font-size:8px;color:#756d66;text-align:right;font-style:normal}.mp-row .chief{color:#2a8275;font-weight:700}.mp-row .tomb{color:#b97331}.mp-row .jixing{color:#85669a}.mp-row .broken{color:#af4f49}.energy{display:inline-flex;margin-left:3px;padding:1px 2px;border-radius:3px;background:#ffffff80;color:#777;font-size:8px;font-style:normal}.mp-markers{position:absolute;inset:0;pointer-events:none}.mp-markers i{position:absolute;font-style:normal;font-size:8px}.mp-markers .month{top:3px;left:3px;padding:2px;border-radius:3px}.mp-markers .build{color:#2a8275;background:#e8f7f2}.mp-markers .break{color:#a35442;background:#fff0ea}.mp-markers .horse{right:3px;top:2px;color:#2a8275;font-size:18px}.mp-markers .good,.mp-markers .bad{bottom:3px;padding:2px}.mp-markers .good{left:3px;color:#2a8275}.mp-markers .bad{left:20px;color:#af4f49}.center-palace{background:#e9e9e7}.center-hidden,.center-earth{position:absolute;color:#7775;font-size:22px}.center-hidden{left:8px;top:8px}.center-earth{right:8px;bottom:8px}.analysis-toolbar{margin:10px 6px;display:flex;overflow-x:auto;gap:6px;padding-bottom:5px}.analysis-toolbar button{flex:0 0 auto;border:1px solid #d7d0c9;border-radius:7px;background:#fffdf9;padding:7px 9px;color:#625b55;font-size:9px}.analysis-toolbar button.active{background:#a65f49;color:#fff}.analysis-toolbar button.locked{opacity:.55}.mp-legend{display:flex;flex-wrap:wrap;gap:9px;padding:3px 10px;color:#81776e;font-size:8px}.compare-modal,.analysis-modal{position:fixed;inset:0;z-index:90;display:grid;align-items:end}.compare-modal>section,.analysis-modal>section{position:relative;z-index:1;width:min(100%,520px);max-height:82vh;overflow:auto;margin:auto;padding:24px 18px;background:#fffdf9;border-radius:22px 22px 0 0}.compare-modal h2,.analysis-modal h2{font:700 22px serif}.compare-modal article{padding:10px 0;border-bottom:1px solid #e5dfd9}.compare-modal article p,.compare-modal article em{display:block;font-size:10px;line-height:1.6}.compare-modal article em{color:#81776e;font-style:normal}.analysis-modal pre{white-space:pre-wrap;font:11px/1.7 "PingFang SC";color:#625b55}