/* Each rule follows the named confirmed preview; business operations remain in app/rules. */
#app{max-width:430px;background:#f8f6ee}header.shop-header{display:none!important}main{padding:0 0 76px}main[data-page=craft],main[data-page=cabinet],main[data-page=shop],main[data-page=mine]{font:14px/1.4 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}button,select{border-color:#e2e2d5;border-radius:8px}button{padding:5px 9px}b,strong{font-weight:500}.u-tabs button.selected,.u-counts button.selected,.u-accessories button.selected,.u-rail button.selected,.u-slot.selected{background:#e9eee2;color:#496d58;border-color:#496d58}.u-tabs{gap:5px;margin:0;padding:0 12px 8px;overflow:visible;flex-wrap:wrap}.u-tabs button{font-size:12px;min-height:38px}.u-tabs button.selected{box-shadow:none}main[data-page=cabinet]>.u-tabs:first-child,main[data-page=shop]>.u-tabs:first-child{padding:12px 11px 9px}.u-tabs button{flex:1}.u-rail{padding:5px 4px;gap:4px;background:#eeeede;border-radius:0 9px 9px 0;align-self:start}.u-rail button{border-color:transparent;background:transparent;min-height:44px;padding:4px 1px;font-size:12px;border-radius:6px}.u-rail button.selected{background:#fffdf7;border-color:#d3dccb}.u-stock-layout{grid-template-columns:57px minmax(0,1fr);gap:8px;padding-right:11px}.u-stock-main>.u-tabs{padding:0;margin:0 0 7px;gap:4px;flex-wrap:wrap}.u-stock-main>.u-tabs button{font-size:11px;min-height:36px;padding:4px 7px;flex:0 0 auto}.u-piece-grid{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.u-piece>button{padding:6px 4px;min-height:0;height:auto;border-radius:9px;display:block}.u-thumb{height:57px;width:100%;max-width:none;margin:4px auto;display:flex}.u-thumb>.visual-thumb,.u-thumb>.u-unavailable-art{width:57px;height:57px;flex:0 0 57px;margin:0}.u-thumb svg{width:100%;height:100%}.u-unavailable-art{display:inline-flex;align-items:center;justify-content:center}.u-piece b{font-size:12px;line-height:1.4;font-weight:500;white-space:normal;overflow:visible;text-overflow:clip;display:block;overflow-wrap:anywhere}.u-piece small{font-size:11px;line-height:1.4;min-height:0;display:block;margin-top:3px}.u-piece small span{white-space:nowrap;display:inline-block;font-size:inherit;color:inherit}.u-piece strong{display:block;color:#496d58;font-size:12px;font-weight:400;margin-top:3px}.u-piece em{font-size:11px;color:#496d58;background:#e9eee2}.u-pager{justify-content:space-between;margin:0;padding-top:5px;gap:0}.u-pager button{border:0;background:transparent;color:#496d58;min-height:38px;padding:4px;font-size:12px}.u-pager small{font-size:11px}.u-empty{padding:25px 7px;text-align:center}.u-section-line{margin:0 0 7px;gap:8px}.u-section-line b{font-size:14px;font-weight:500}.u-section-line button{min-height:38px;padding:4px;border:0;background:none;color:#496d58;font-size:12px}.u-section-line small{font-size:12px}.u-work-top{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:12px 12px 5px}.u-work-top>select{min-height:44px;min-width:83px;max-width:145px;font-size:14px;font-weight:500;padding:7px 9px;border-radius:9px;margin:0}.u-counts{display:flex;gap:4px;align-items:center;color:#747d70;font-size:12px}.u-counts button{font-size:12px;min-width:44px;min-height:44px;padding:5px 8px}.u-craft-tips{padding:0 13px 6px;border:0;margin:0;color:#747d70;font-size:12px}.u-craft-tips summary{padding:10px 0;min-height:39px}.u-craft-tips p{margin:0 0 6px;font-size:12px}.u-table{margin:0 12px}.u-table .work-surface{height:178px;min-height:178px;border-radius:12px;background:radial-gradient(ellipse at 50% 45%,#fffdf8,#eee8dc);border:0}.u-table .work-table{opacity:.28!important}.u-table .preview{transform:scale(.73);margin:0 auto;background:none!important;border:0!important;box-shadow:none!important}.u-table-caption{position:absolute;top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);background:none;padding:0;text-align:center;font-size:12px;color:#747d70;line-height:1.4}.u-table-caption b{display:block;font:500 18px/1.4 serif;color:#344d40}.u-table .assembled-jewelry{padding:0;margin:0;height:170px}.u-table .jewelry-piece{height:162px}.u-table .carat-caption{display:none}.u-bead-ghost{width:24px;height:24px;border:1px dashed #b8c4af;border-radius:50%;display:block;background:none}.u-accessories{padding:7px 12px 9px;display:flex;justify-content:space-between;gap:8px;overflow:visible}.u-accessories button{min-width:76px;min-height:44px;font-size:12px}.u-gold-select{display:block;padding:0 12px}.u-pairing{padding:10px 12px;border-top:1px solid #e2e2d5}.u-slot-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;overflow:visible;padding:0}.u-slot{width:auto;height:43px;min-width:0;min-height:0;padding:3px;display:block;border-style:dashed;border-radius:8px;position:relative}.u-slot.filled{border-style:solid}.u-slot>.visual-thumb,.u-slot>.u-unavailable-art{width:100%;height:30px;min-width:0;flex-basis:auto;margin:0}.u-slot em{position:absolute;bottom:0;right:3px;font-size:11px;font-style:normal;color:#747d70}.u-slot-strip.stone{grid-template-columns:repeat(2,minmax(0,1fr))}.u-slot-strip.single{grid-template-columns:1fr}.u-slot-strip.stone .u-slot{height:52px;display:flex;gap:8px;align-items:center;text-align:left;padding:5px 8px}.u-slot-strip.stone .visual-thumb,.u-slot-strip.stone .u-unavailable-art{width:36px;height:36px;flex:0 0 36px}.u-slot-strip.stone small{font-size:11px;display:block;color:#747d70}.u-slot-tools{display:flex;justify-content:space-between;gap:6px;align-items:center;min-height:40px;font-size:12px;color:#747d70}.u-slot-tools span{flex:1;min-width:0}.u-slot-tools button{border:0;background:none;color:#496d58;padding:4px;font-size:12px;min-height:38px}.u-pick-stock{padding:10px 0;border-top:1px solid #e2e2d5}.u-pick-stock>.u-section-line{padding:0 12px 8px;margin:0}.u-workshop .u-piece>button{padding:5px 4px;border-radius:8px}.u-workshop .u-thumb{height:52px;margin:0 0 4px}.u-workshop .u-thumb>.visual-thumb,.u-workshop .u-thumb>.u-unavailable-art{height:52px;width:52px;flex-basis:52px}.u-workshop .u-piece small{margin-top:2px}.u-workshop .u-piece strong{margin-top:4px}.u-craft-footer{padding:12px 13px;background:#fffdf7;border-top:1px solid #e2e2d5;border-left:0;border-right:0;border-bottom:0;border-radius:0;margin:0}.u-craft-footer>div{font-size:13px;color:#747d70;margin-bottom:9px;gap:8px}.u-craft-footer>button{width:100%;min-height:46px;font-size:15px;margin:0;background:#496d58;color:#fff;border-color:#496d58}.u-craft-footer>small{font-size:12px;color:#496d58;margin:7px 0 0}.u-stock-summary{font-size:12px;color:#747d70;padding:0 12px 8px;display:flex;justify-content:space-between;align-items:center;margin:0}.u-stock-summary button{border:0;background:transparent;color:#496d58;font-size:12px;min-height:36px;padding:4px 2px}.u-pending{margin:0 12px 8px;background:#e9eee2;padding:0 9px;border:0;border-radius:8px;color:#747d70}.u-sort{justify-content:flex-end;gap:7px;padding:0 12px 8px;margin:0;font-size:12px;color:#747d70}.u-sort select{width:auto;min-height:40px;padding:4px 7px;font-size:12px;border-radius:7px}.u-warehouse{margin:11px 12px 0;border-top:1px solid #e2e2d5}.u-manage{margin:0 12px 8px}.u-atlas-family{margin-bottom:8px}.u-atlas-familyhead{padding:0 11px 5px;font-size:12px;color:#747d70}.u-atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 10px}.u-atlas{height:auto;min-height:0;padding:4px 3px 6px;border-radius:9px;display:block}.u-atlas-art{display:block!important;width:100%!important;height:56px!important;background:radial-gradient(ellipse,#fffdf7,#f1eee4);border-radius:7px;position:relative;overflow:hidden;margin:0 auto 2px}.u-atlas img{height:56px;width:100%;max-width:100%;max-height:56px;object-fit:contain;padding:5px;display:block}.u-atlas b{font-size:12px;line-height:18px;min-height:0;white-space:nowrap;overflow:visible;text-overflow:clip;font-weight:500;color:#344d40;display:block}.u-atlas-mask{position:absolute;inset:0;background:rgba(224,226,223,.62);border-radius:6px}.u-atlas.locked{background:#fffdf7}.u-atlas.locked img{filter:grayscale(.9);opacity:.6}.u-art-pending{height:56px;font-size:27px;color:#a7ada0;display:flex;align-items:center;justify-content:center}.u-works-layout .u-rail{padding-top:5px}.u-work-grid{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:start}.u-work-card{text-align:left;padding:7px;border-radius:10px;min-width:0}.u-work-art{height:103px;position:relative;background:radial-gradient(ellipse,#fffdf8,#eee8dc);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden}.u-work-card b{display:block;font-size:12px;margin:5px 0;overflow-wrap:anywhere}.u-work-card small{display:block;font-size:11px;color:#747d70;margin-top:3px}.u-work-art>.preview{position:absolute;transform:scale(.43);margin:0;background:transparent;box-shadow:none}.u-work-art .jewelry-piece{height:100px}.u-work-art .assembled-jewelry{padding:0;margin:0;height:100px;width:100%}.u-work-art .carat-caption{display:none}.u-work-grid>.pager{grid-column:1/-1}.u-mine-tabs{display:flex;gap:5px;padding:12px 11px 8px}.u-mine-tabs button{display:block;font-size:12px;padding:5px;min-height:44px;flex:1;white-space:nowrap}.u-mine-tabs img{width:20px;height:20px;vertical-align:middle;object-fit:contain;margin-right:2px;display:inline-block}.u-mine-tabs button.selected{background:#496d58;color:#fffdf7}.u-mine-subtabs{padding:0 12px 8px;justify-content:flex-start}.u-mine-subtabs button{flex:0 0 auto;min-height:39px}.u-market{margin:0 12px 8px;padding:8px;border-radius:8px;background:#e9eee2;font-size:12px;color:#496d58}.u-mine-line{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:12px;color:#747d70;padding:0 12px 8px}.u-offers{padding:0 12px;gap:8px}.u-offer{padding:8px;border-radius:10px}.u-offer .u-shell{height:83px;margin-bottom:5px;display:block;width:100%;object-fit:contain}.u-offer b{font-size:13px}.u-offer small{font-size:11px;display:block;margin:3px 0 0}.u-offer strong{font-size:13px;color:#496d58;margin:7px 0;font-weight:400}.u-offer>button{min-height:39px;font-size:12px;background:#e9eee2}.u-offer.is-sold{opacity:.55}.u-mine-bottom{padding:8px 12px 0}.u-mine-bottom>button{width:100%;font-size:12px}.u-mine-bottom .u-tips{font-size:12px;color:#747d70;border:0;margin:0}.u-mine-bottom summary{padding:10px 0;min-height:40px}.u-mine-bottom p{font-size:12px;margin:0 0 8px}.u-mine-bottom select{font-size:12px;min-height:40px}.u-merchants{padding:0 11px;display:grid;gap:7px}.u-merchant{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px;padding:7px;margin:0;background:#f0f4eb;border:1px solid #e2e2d5;border-radius:10px}.u-merchant-person{height:119px;width:auto;position:relative;overflow:hidden;background:#f0f5ef;border-radius:8px}.u-portrait{position:absolute;width:150px;height:100px;left:0;bottom:0;object-fit:contain;clip-path:polygon(0 0,58% 0,58% 70%,73% 88%,69% 100%,0 100%);mix-blend-mode:multiply}.u-held-gem{position:absolute;left:auto;top:auto;right:0;bottom:-2px;width:46px;height:46px;background:none;box-shadow:none;border-radius:0;filter:drop-shadow(0 3px 2px #445d3620)}.u-held-gem>.visual-thumb{width:46px;height:46px;flex-basis:46px}.u-offer-copy{min-width:0;align-self:center}.u-merchant .u-offer-copy>b{font-size:14px;font-weight:500}.u-offer-buy{display:flex;justify-content:space-between;align-items:center;gap:4px;flex-wrap:wrap;margin-top:8px;font-size:12px}.u-offer-buy strong{margin:0}.u-offer-buy button{min-height:36px;font-size:12px;padding:4px 9px;background:#496d58;color:#fffdf7}.u-customers{padding:0 12px}.u-customer{padding:10px 0}.u-avatar{width:36px;height:36px}.u-customer b{font-size:13px}.u-customer small{font-size:11px;margin-top:3px}.u-customer button{min-width:70px;font-size:12px}.u-customers+.u-tips{padding:0 12px;border:0;margin:0}main[data-page=shop]>.u-section-line{padding:0 12px 8px;font-size:12px;margin:0}.u-free-list{padding:0 12px}main[data-page=shop]>.u-caption{padding:0 12px}.u-market details{margin:0 0 0 3px}nav{width:min(100%,430px);padding:8px 5px calc(8px + env(safe-area-inset-bottom));min-height:60px}nav button{min-height:44px;padding:4px 0;font-size:12px}nav .ui-icon{width:23px;height:23px}
/* Home uses the source drawing's region coordinates, never its fixed numerical content. */
main[data-page=home]{padding:0 0 62px;background:#fffcf6 url('./assets/ui0614/home-paper.webp') center top/100% auto repeat-y}.h-confirmed{position:relative;width:100%;aspect-ratio:852/1714;font-family:'Songti SC','STSong',serif;color:#201b14}.h-sign{position:absolute;left:0;top:0;width:42%;height:25%}.h-rope{position:absolute;top:0;height:51%;object-fit:fill;width:6%}.h-rope.left{left:25.3%}.h-rope.right{left:77.5%}.h-wood{position:absolute;top:48%;left:0;width:100%;height:48%;border:18px solid transparent;border-image:url('./assets/ui0613/wood-frame.webp') 38 / 18px / 0 stretch;background:linear-gradient(110deg,#f9e4c8,#fff7e6,#f0d4ae);background-clip:padding-box;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.h-wood h1{font-family:inherit;font-size:clamp(20px,5.9vw,26px);font-weight:600;white-space:nowrap;margin:0 0 2px}.h-wood>span{font-size:clamp(12px,3.5vw,15px);white-space:nowrap}.h-cash{position:absolute;left:43.4%;top:17.6%;width:26.8%;height:3.2%;display:flex;align-items:center;font-size:clamp(10px,2.8vw,13px);white-space:nowrap;gap:3px}.h-cash img{width:18%;height:100%;object-fit:contain}.h-cash b{font-size:clamp(14px,4.2vw,19px);font-weight:400}.h-actions{position:absolute;left:44%;top:21.1%;width:25%;height:3%;display:flex;gap:5px;align-items:center;white-space:nowrap;font-size:clamp(10px,2.8vw,13px)}.h-actions .ui-icon{width:18px;height:18px;stroke:#386a43;fill:#386a43}.h-actions b{font-size:clamp(14px,4.3vw,19px)}.h-save{position:absolute;left:71.6%;top:16.3%;width:25.1%;height:4.1%}.h-save button{width:100%;height:100%;min-height:0;padding:2px;border-radius:30px;border:2px solid #80967c;background:linear-gradient(130deg,#486e4c,#205a32,#4d7252);box-shadow:inset 0 0 0 1px #b8c5a3;color:#fff7df;font:clamp(10px,3.1vw,15px)/1.4 'Songti SC',serif;white-space:nowrap}.h-music{position:absolute;left:71.7%;top:21.3%;width:24.8%;height:2.8%}.h-music button{display:flex;align-items:center;justify-content:space-around;width:100%;height:100%;min-height:0;padding:0 6px;border:1px solid #e4dbcc;border-radius:28px;background:#fffdf8;font:clamp(10px,2.9vw,14px)/1.4 'Songti SC',serif}.h-music i{display:block;width:28px;height:16px;border-radius:10px;background:#e2e6d9;border:1px solid #9fae98;position:relative}.h-music i:after{content:'';position:absolute;left:1px;top:1px;width:12px;height:12px;border-radius:50%;background:#fff}.h-assets{position:absolute;left:3.4%;top:27.2%;width:93.2%;height:8.15%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:7px 5px;border:1px solid #f0dfcd;border-radius:12px;background:#fffdf7c9;margin:0}.h-assets>div{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;border-right:1px solid #e6d9c8}.h-assets>div:last-child{border:0}.h-assets img{width:39%;height:83%;object-fit:contain}.h-assets span{min-width:0}.h-assets dt{font-size:clamp(10px,2.9vw,14px);white-space:nowrap}.h-assets dd{margin:3px 0 0;font-size:clamp(9px,2.6vw,12px);color:#234c80;white-space:nowrap}.h-assets>div:first-child dd{font-size:clamp(17px,5.2vw,24px);font-weight:600;color:#4d3516}.h-market{position:absolute;left:3.4%;top:37.7%;width:93.2%;height:9%;border:1px solid #f1e3cf;border-radius:11px;background:radial-gradient(ellipse at 0 25%,#efdfbc99,transparent 31%),radial-gradient(ellipse at 95% 65%,#e5cfaa99,transparent 27%),#fffcf7;display:flex;align-items:center;padding:4px 9px;gap:4px}.h-market h2{font-family:inherit;white-space:nowrap;font-size:clamp(13px,3.9vw,19px);font-weight:600;margin:0;width:31%}.h-market>div{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.h-market p{margin:0;padding:3px 8px;min-height:22px;display:flex;align-items:center;gap:4px;border:1px solid #ecdac4;border-radius:30px;background:#fffefbe8;font-size:clamp(8px,2.55vw,12px);white-space:nowrap}.h-market p .ui-icon{width:14px;height:14px;stroke:#3b734e;fill:#3b734e;flex-shrink:0}.h-market b{color:#234c80;font-weight:400}.h-mines{position:absolute;left:3.4%;top:48.85%;width:93.2%;height:19.7%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.h-mines button{position:relative;text-align:left;padding:10px 9px 0;border-radius:12px;border:1px solid #e3e9da;background:linear-gradient(105deg,#f2f5eb,#eaf0e3);overflow:hidden;min-height:0}.h-mines b{font:600 clamp(17px,4.4vw,21px)/1.4 'Songti SC',serif;white-space:nowrap}.h-mines small{display:block;font:clamp(9px,2.65vw,12px)/1.4 'Songti SC',serif;color:#234c80;white-space:nowrap;margin:4px 0 0}.h-mines i,.h-dest i{position:absolute;right:7px;top:10px;width:25px;height:25px;border:1px solid #ecd7b9;border-radius:50%;background:#fffefa;color:#b3a18b;display:flex;align-items:center;justify-content:center;font:500 28px/1 serif}.h-mines img{display:block;position:absolute;left:5%;bottom:5%;width:90%;height:56%;object-fit:contain}.h-dest{position:absolute;left:3.4%;top:70.25%;width:93.2%;height:7.5%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.h-dest button{text-align:left;position:relative;padding:7px 9px;background:radial-gradient(ellipse at right,#ead6b880,#fffdf8 70%);border:1px solid #eedcc6;border-radius:10px;min-height:0}.h-dest b{font:500 clamp(17px,4.5vw,22px)/1.4 'Songti SC',serif}.h-dest small{display:block;color:#234c80;font:clamp(10px,2.8vw,13px)/1.4 'Songti SC',serif;margin-top:3px}.h-dest i{top:7px}.h-future{position:absolute;left:3.4%;top:78.88%;width:93.2%;height:12.43%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.h-future button{padding:0;border:0;background:none;min-height:0;border-radius:11px;overflow:hidden}.h-future img{display:block;width:100%;height:100%;object-fit:fill}.h-close{position:absolute;left:4.58%;top:92.88%;width:90.96%;height:5.95%}.h-close button{padding:0;width:100%;height:100%;border:0;min-height:0;background:transparent;border-radius:30px;overflow:hidden}.h-close img{display:block;width:100%;height:100%;object-fit:fill}.home-settings{margin:0 12px;padding-top:4px}main[data-page=home] .home-settings{font-family:system-ui,sans-serif}
@media(max-width:360px){.u-work-top{padding-left:10px;padding-right:10px}.u-counts button{min-width:41px;padding:4px 6px}.u-table .work-surface{height:163px;min-height:163px}.u-slot-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.u-piece-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.u-works-layout .u-work-grid{grid-template-columns:1fr}.u-mine-tabs button{font-size:11px}.u-offer{padding:6px}.u-offer .u-shell{height:74px}.u-offers{gap:6px}.u-merchant{grid-template-columns:91px minmax(0,1fr);gap:5px}.u-merchant-person{width:auto}.u-portrait{left:-9px}.u-merchant .u-offer-copy>b{font-size:13px}.u-atlas b{font-size:11px}.u-atlas-grid{padding:0 7px;gap:5px}.h-mines button{padding-left:6px;padding-right:5px}.h-mines i{width:19px;height:19px;font-size:22px;right:3px;top:11px}.h-mines b{font-size:15px}.h-market h2{font-size:12px}.h-wood{border-width:14px}.h-wood h1{font-size:19px}.h-dest small{font-size:10px}.h-save button{border-width:1px}}
.h-mines button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.h-mines button:nth-child(3) b{font-size:clamp(14px,3.9vw,18px)}.h-assets>div:first-child dd.h-dense{font-size:clamp(11px,3vw,14px)}.h-cash.h-cash-dense b{font-size:clamp(11px,3.2vw,14px)}.h-cash.h-cash-dense{font-size:clamp(8px,2.3vw,11px)}
.u-sale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 12px}.u-sale-card{min-width:0;padding:7px;text-align:left}.u-sale-card b{font-size:13px;display:block;margin-top:5px}.u-sale-card small{font-size:11px;display:block;margin-top:4px;color:#747d70}.u-sale-card .u-quote-link{color:#496d58}.u-sale-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:90px;object-fit:contain}.u-sale-thumb .visual-thumb,.u-sale-thumb .u-unavailable-art{width:72px;height:72px;margin:0}.u-sale-tips,.u-sale-pager{margin:0 12px}.u-sale-tips{border:0}.u-sale-card .u-work-art>.preview{transform:scale(.43)}
@media(pointer:coarse){.u-work-top select{font-size:16px}.u-stock-main>.u-tabs button{min-height:44px}.u-sort select{font-size:16px!important}}