@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@500;600;700&display=optional');
/* All ornamental surfaces, frames, buttons and icons are raster artwork.
   CSS is used for layout, nine-slice image scaling and interaction only. */
:root{color-scheme:dark;--gold:#d9bc7e;--text:#e8e5dd;--muted:#9ba6b5;--serif:'Noto Serif TC',serif;--panel:url('assets/ui-panel.webp');--button:url('assets/ui-buttons.webp')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--text);font:14px/1.65 'Noto Sans TC',sans-serif;background:#080e17 url('assets/ui-panel.webp') center/100% 100vh fixed no-repeat}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.55;cursor:wait}button,a{transition:transform .18s,opacity .18s}button:focus,a:focus,input:focus,select:focus,.card:focus{outline:none}button:focus-visible,a:focus-visible,.card:focus-visible{filter:brightness(1.12)}[hidden]{display:none!important}.svg-library{display:none}button{border:0;background:var(--button) 0 100%/200% 200% no-repeat;padding:12px 22px;color:#dcc799}button:hover{background-position:100% 100%}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;background:var(--button) 0 0/200% 200% no-repeat;color:#2c2115;font-size:13px;font-weight:600;min-height:46px;padding:13px 25px}.gold-button:hover{background-position:100% 0;transform:translateY(-1px)}.gold-button .ui-icon{opacity:.7}.outline,.refresh-button{font-size:12px;min-height:43px;padding:11px 24px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.text-button{font-size:12px;min-height:43px;padding:12px 26px;color:#d9c59a}.site-header{background:var(--panel) center/100% 100% no-repeat;position:relative;z-index:2}.header-inner{max-width:1440px;margin:auto;min-height:96px;padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:6px;flex-shrink:0}.brand-mark{width:78px;height:66px;object-fit:contain}.brand-type{font:600 23px var(--serif);letter-spacing:3px;color:#e6d2a9}.brand-type small{display:block;font:9px 'Noto Sans TC';letter-spacing:3.5px;margin-top:7px;color:#ab9570}nav{display:flex;gap:4px;align-self:center}.nav{font-size:13px;padding:15px 22px;min-width:106px}.nav.active{background-position:100% 100%;color:#f3d99b}.header-right{display:flex;gap:21px;align-items:center}.world-tag{color:#9d927e;font-size:11px;white-space:nowrap}.hero{height:465px;position:relative;overflow:hidden;background:#0b1420}.hero-art{position:absolute;inset:0;background:url('assets/aden-hero.webp') center 43%/cover no-repeat}.hero-shade{display:none}.hero-inner{max-width:1320px;margin:auto;height:100%;padding:49px 36px;position:relative}.hero-kicker{font:10px Georgia;letter-spacing:3px;color:#d8c08e}h1{font:600 44px/1.55 var(--serif);letter-spacing:3px;margin:20px 0 17px}h1 em{font-style:normal;color:#ecd29a}.hero-copy>p{font-size:13px;line-height:1.9;color:#b6bfcb;letter-spacing:.6px}.hero-actions{display:flex;gap:14px;align-items:center;margin:25px 0 21px}.hero-actions .gold-button{min-width:178px;min-height:49px}.hero-features{display:flex;gap:16px;color:#a7b0bc;font-size:10px}.hero-features>span{display:flex;gap:5px;align-items:center}.hero-features .ui-icon{width:17px;height:17px}.art-caption{position:absolute;right:40px;bottom:32px;color:#d2c4a2;font:12px Georgia;letter-spacing:4px;text-align:right}.art-caption small{display:block;font:8px Georgia;margin-top:8px;letter-spacing:3px;color:#a3afbd}.content-wrap{max-width:1320px;margin:auto;padding:0 36px}.announcement{display:flex;gap:19px;align-items:center;padding:19px 0 17px}.announcement-label{font-size:11px;padding:8px 15px;color:#dec58e;background:var(--button) 0 100%/200% 200%;white-space:nowrap}.announcement p{font-size:12px;color:#a6afbc;margin:0}.announcement-end{margin-left:auto;font-size:9px;color:#7c8591;letter-spacing:2px;white-space:nowrap}.market{padding-top:27px}.market-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font:9px Georgia;letter-spacing:2.5px;color:#c2a578}h2{font:600 31px var(--serif);letter-spacing:2px;margin:9px 0}.market-heading p{font-size:12px;color:#a0a8b5;margin:10px 0 0}.sync{display:flex;gap:18px;align-items:center}.connection{font-size:11px;color:#b5c9bb}.connection i{display:none}.connection.offline{color:#d59888}.collection-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}.collection-tile,.sidebar,.card,.empty,.how,dialog,.guide-steps article,.detail-showcase{border:14px solid transparent;border-image:var(--panel) 8% fill /14px /0 stretch;background:none}.collection-tile{display:flex;align-items:center;justify-content:space-between;min-height:136px;padding:6px 8px 6px 18px;text-align:left;overflow:hidden}.collection-tile:hover{transform:translateY(-2px)}.collection-tile.selected{border-image-width:18px}.collection-copy{display:flex;flex-direction:column;gap:6px;z-index:1}.collection-copy small{font:9px Georgia;letter-spacing:2px;color:#9c875c}.collection-copy strong{font:500 21px var(--serif);color:#e2cfaa;letter-spacing:2px;white-space:nowrap}.collection-copy>span{color:#aab0b8;font-size:11px}.collection-copy b{font-weight:400;color:#d9bd81}.collection-tile .relic-art{width:112px;height:112px;flex-shrink:0}.market-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:26px}.sidebar{align-self:start;padding:0 1px 8px}.side-title{display:flex;justify-content:space-between;align-items:center;padding:13px 8px 15px;font-size:13px;color:#dbc79f}.side-title>span{font-size:7px;color:#82735b;letter-spacing:1px}.category-list{padding:0 1px}.category-list button{display:flex;align-items:center;gap:9px;width:100%;margin-bottom:5px;padding:13px 13px;color:#b7b5b1;text-align:left;font-size:12px}.category-list button.selected{background-position:100% 100%;color:#f0d9a6}.category-list b{margin-left:auto;font:11px Georgia;color:#cbb17c}.side-help{padding:24px 0 12px;text-align:center}.side-help .small-relic{width:52px;height:52px;display:block;margin:auto}.side-help h3{font:500 16px var(--serif);color:#d8c5a1;margin:14px 0 9px}.side-help p{font-size:11px;line-height:1.9;color:#98a3b1;margin:0 0 17px}.side-help button{font-size:11px;padding:12px 21px}.side-note{display:flex;justify-content:center;align-items:center;gap:10px;padding:19px 0 5px}.side-note p{font-size:10px;line-height:1.8;color:#8f9ba9;margin:0}.toolbar{display:flex;gap:11px;height:51px}.search{min-width:0;flex:1;display:flex;align-items:center;gap:10px;padding:0 12px;border:8px solid transparent;border-image:var(--panel) 8% fill /8px /0 stretch}.search input{min-width:0;width:100%;background:none;border:0;color:#e6e5df;font-size:13px;outline:none}.search:focus-within{outline:none}.clear-search{background:none!important;padding:0;width:25px;height:25px;font-size:21px;color:#bca46d;line-height:1}.toolbar select,select{border:8px solid transparent;border-image:var(--panel) 8% fill /8px /0 stretch;background-color:#111925;color:#ccc7ba;padding:5px 10px;font-size:12px;max-width:100%}.result-bar{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:13px;font-size:12px}.result-bar>div{display:flex;gap:11px;align-items:center}.result-dot{display:none}#count{color:#bfa77c;font-size:11px}#category-title{color:#d8d5cc}.result-hint{color:#919cab;font-size:11px;margin-left:auto}.reset-filters{font-size:10px;padding:9px 15px;min-height:34px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{padding:0;cursor:pointer;position:relative;transition:transform .2s;overflow:visible;min-width:0}.card:hover{transform:translateY(-4px);border-image-width:16px}.item-art{height:166px;position:relative;display:grid;place-items:center}.item-level{position:absolute;right:4px;top:1px;font:18px Georgia;color:#f0ce88;z-index:1}.badge{position:absolute;top:2px;left:1px;z-index:1;font-size:9px;color:#b8cbbb;background:var(--button) 0 100%/200% 200%;padding:6px 10px}.card-content{padding:0 5px 7px}.card h3{font-size:14px;font-weight:500;line-height:1.8;color:#e6decf;margin:0 0 7px;overflow-wrap:anywhere}.meta{font-size:11px;color:#9ca5b2}.price-row{display:flex;justify-content:space-between;align-items:center;margin:16px 0 12px}.price{font:600 25px Georgia;color:#efd193}.price small{font:10px 'Noto Sans TC';color:#c8b48a;margin-left:6px}.seller{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#acb4bf;padding-top:10px;gap:5px}.seller>span:first-child{display:flex;align-items:center;gap:6px;min-width:0}.seller .ui-icon{width:15px;height:15px}.seller>span:last-child{color:#ceb27b;white-space:nowrap}.relic-art,.small-relic{background-image:url('assets/relic-atlas-transparent.webp');background-repeat:no-repeat;background-size:200% 200%;display:inline-block;flex-shrink:0}.relic-art{width:146px;height:146px}.small-relic{width:23px;height:23px}.relic-sword{background-position:0 0}.relic-shield{background-position:100% 0}.relic-potion{background-position:0 100%}.relic-box{background-position:100% 100%}.ui-icon{display:inline-block;width:22px;height:22px;flex-shrink:0;vertical-align:middle;background-image:url('assets/ui-icons.webp');background-size:300% 200%;background-repeat:no-repeat}.ui-search{background-position:0 0}.ui-user{background-position:50% 0}.ui-grid{background-position:100% 0}.ui-arrow{background-position:0 100%}.ui-refresh{background-position:50% 100%}.ui-lock{background-position:100% 100%}.empty{grid-column:1/-1;min-height:373px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:23px 20px 28px}.empty-art{height:135px;margin-bottom:14px}.empty-art .relic-art{width:150px;height:150px}.empty .eyebrow{font-size:8px;color:#9e8557}.empty h3{font:500 23px var(--serif);letter-spacing:2px;margin:13px 0 10px;color:#e1d8c6}.empty p{font-size:12px;color:#9ca8b8;line-height:1.95;margin:0}.empty .outline{margin-top:22px;min-width:164px}.market-bottom{display:flex;align-items:center;justify-content:center;gap:12px;color:#8e8c85;font:11px var(--serif);letter-spacing:1px;padding:17px}.market-bottom img{width:40px;height:32px;object-fit:contain}.how{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:27px;padding:25px 28px;margin:36px 0 40px;align-items:center}.how-intro h3{font:500 24px/1.6 var(--serif);color:#e0cfaa;letter-spacing:1px;margin:11px 0 15px}.how-intro .text-button{font-size:11px;padding:11px 20px}.how-step{position:relative}.step-number{position:absolute;right:10px;top:0;font:30px Georgia;color:#807252}.how-step>.small-relic,.how-step>.ui-icon{width:41px;height:41px}.how-step h4{font-size:14px;font-weight:500;color:#d5cdbb;margin:12px 0 9px}.how-step p{font-size:12px;line-height:1.9;color:#9ba6b5;margin:0}footer{background:var(--panel) center/100% 100% no-repeat}.footer-inner{max-width:1320px;margin:auto;display:flex;align-items:center;gap:30px;padding:26px 36px}.footer-inner .brand-mark{width:65px}.footer-inner .brand-type{font-size:18px}.footer-inner .brand-type small{font-size:7px}.footer-inner>p{font-size:11px;color:#9e9b93;line-height:1.9;margin:0}.footer-inner small{font-size:10px;color:#858c96}.footer-end{margin-left:auto;font-size:10px;color:#9b8c71}dialog{max-width:calc(100vw - 28px);width:510px;padding:26px;color:#e3dfd5;max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background-color:#03060cdb}.close{position:absolute;right:15px;top:14px;z-index:3;width:34px;height:34px;padding:0;font-size:23px;color:#dfc798;line-height:1;background:var(--button) 0 100%/200% 200% no-repeat}.dialog-ornament{display:block;width:74px;height:62px;object-fit:contain;margin-bottom:16px}dialog h2{font-size:25px;line-height:1.6;margin:11px 0 16px;letter-spacing:1px}dialog p{font-size:13px;line-height:1.9;color:#adb5c0}dialog label{display:block;font-size:12px;color:#c9c1b3;margin-top:19px}dialog input{display:block;width:100%;margin-top:8px;padding:7px 9px;border:8px solid transparent;border-image:var(--panel) 8% fill /8px /0 stretch;background:#0b1420;color:#ece8de;min-height:47px}dialog .outline{width:100%;min-height:48px;margin-top:12px;color:#e6d09b}dialog .error{color:#e6a79a;font-size:12px}.dialog-item,.dialog-login,.dialog-guide{width:790px}.dialog-item .dialog-ornament,.dialog-login .dialog-ornament{display:none}.detail-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:28px}.detail-showcase{padding:20px 5px;display:flex;align-items:center;flex-direction:column;justify-content:center}.detail-showcase .eyebrow{font-size:8px}.detail-showcase .relic-art{width:188px;height:188px;margin:28px 0 17px}.showcase-category{font:16px var(--serif);letter-spacing:3px;color:#e1c89a}.showcase-level{font:40px Georgia;color:#e9c785;margin:14px 0}.detail-showcase small{font-size:10px;color:#8a95a2}.detail-content{padding:12px 0 0}.detail-content h2{padding-right:25px;font-size:26px}.detail-status{display:inline-block;color:#bdd0bc;font-size:11px;background:var(--button) 0 100%/200% 200%;padding:7px 17px}.detail-price{display:flex;align-items:center;justify-content:space-between;padding:21px 0 16px;gap:10px}.detail-price>span{font-size:11px;color:#a7a596}.detail-price strong{font:600 32px Georgia;color:#e9c98e}.detail-price small{font:11px 'Noto Sans TC'}.detail-seller{display:flex;align-items:center;gap:8px;font-size:12px;color:#9eabb9}.detail-seller strong{font-weight:500;color:#d9d5c9;margin-left:auto}.attribute-title{font-size:12px;font-weight:500;letter-spacing:2px;color:#cdb789;margin:25px 0 11px}.attributes{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px;margin:0}.attributes>div{display:flex;justify-content:space-between;gap:7px;padding:9px 0;font-size:12px}.attributes dt{color:#939fb0}.attributes dd{margin:0;color:#dcd5c5}.expiry{display:flex;gap:10px;justify-content:space-between;font-size:11px;color:#9ba4b1;padding-top:19px}.expiry time{color:#c0b99f}.modal-note{display:flex;align-items:center;gap:10px;color:#9ca7b5;font-size:11px;padding-top:25px;line-height:1.9}.dialog-login{padding:0}.dialog-login #dialog-body{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:470px}.login-art{background:url('assets/aden-hero.webp') 68% center/auto 100% no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:22px 15px}.login-art img{width:135px;height:120px;object-fit:contain;margin-bottom:auto;margin-top:10px}.login-art>span{font:9px Georgia;letter-spacing:3px;color:#d5b97c}.login-art h3{font:500 24px var(--serif);color:#e5cf9b;margin:15px 0 8px}.login-art p{font-size:12px;color:#c5cbd2;margin:0}.login-content{padding:46px 31px 31px}.login-content .eyebrow{font-size:9px}.login-note{color:#7e8a9d;font-size:10px;text-align:center;margin-top:22px}.dialog-guide{width:820px}.dialog-guide .dialog-ornament{float:left;margin-right:18px}.modal-heading h2{font-size:25px}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;clear:both;padding-top:20px}.guide-steps article{padding:12px 10px;position:relative}.guide-num{position:absolute;right:9px;top:7px;font:27px Georgia;color:#8b7651}.guide-steps .ui-icon,.guide-steps .relic-art{width:54px;height:54px}.guide-steps h3{font:500 16px var(--serif);color:#d8c08e;margin:17px 0 12px}.guide-steps p{font-size:12px;margin:0}#toast{display:none;position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:50;max-width:90vw;min-width:250px;text-align:center;color:#e8cc98;font-size:12px;border:12px solid transparent;border-image:var(--panel) 8% fill /12px /0 stretch;padding:12px 22px}
@media(max-width:1150px){.world-tag{display:none}.header-inner{padding:0 25px;gap:15px}.nav{min-width:85px;padding:14px 15px}.hero-inner,.content-wrap{padding-left:27px;padding-right:27px}.market-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-copy strong{font-size:19px}.collection-tile{padding-left:10px}.collection-tile .relic-art{width:85px;height:85px}.how{gap:18px;padding:20px}.footer-inner{padding:22px 28px}.footer-end{font-size:9px}}
@media(max-width:760px){.header-inner{padding:10px 14px 12px;flex-wrap:wrap;gap:9px;min-height:0}.brand-mark{width:53px;height:50px}.brand-type{font-size:18px;letter-spacing:2px}.brand-type small{font-size:7px;letter-spacing:2px}.header-right{margin-left:auto}.header-right .gold-button{font-size:10px;min-height:39px;padding:10px 14px}nav{order:3;width:100%;gap:6px}.nav{min-height:41px;padding:12px 10px;flex:1;font-size:12px}.hero{height:413px}.hero-inner{padding:31px 22px}.hero-art{background-position:62% center;filter:brightness(.64)}h1{font-size:33px;letter-spacing:1px;line-height:1.65;margin:21px 0 16px}.hero-kicker{font-size:7px;letter-spacing:1.8px}.hero-copy>p{font-size:12px}.hero-actions{gap:10px;margin:23px 0 20px}.hero-actions .gold-button{font-size:12px;min-width:162px;min-height:45px;padding:11px 16px;gap:12px}.hero-actions .text-button{font-size:11px;padding:12px 19px}.hero-features{gap:10px;font-size:8px}.hero-features .ui-icon{width:14px;height:14px}.hero-features>span{gap:3px}.art-caption{display:none}.content-wrap{padding:0 15px}.announcement{gap:10px;align-items:flex-start;padding:17px 0 9px}.announcement-label{padding:7px 10px;font-size:9px}.announcement p{font-size:10px;line-height:1.9}.announcement-end{display:none}.market{padding-top:23px}.market-heading{margin-bottom:20px;gap:10px}h2{font-size:26px}.market-heading p{font-size:11px}.eyebrow{font-size:8px}.sync{flex-direction:column;gap:8px;align-items:flex-end}.connection{font-size:9px}.refresh-button{font-size:10px;padding:9px 14px;min-height:40px;gap:4px}.refresh-button .ui-icon{width:16px;height:16px}.collection-strip{gap:8px;margin-bottom:19px}.collection-tile{display:flex;flex-direction:column-reverse;padding:0 2px 9px;border-width:9px;border-image-width:9px;min-height:150px;justify-content:center;gap:4px}.collection-tile .relic-art{width:65px;height:65px}.collection-copy{text-align:center;gap:3px}.collection-copy strong{font-size:14px;letter-spacing:1px}.collection-copy small{font-size:6px;letter-spacing:.8px}.collection-copy>span{font-size:9px}.market-layout{display:block}.sidebar{border:0;background:none;padding:0}.side-title,.side-help,.side-note{display:none}.category-list{display:flex;gap:5px;padding:0 0 13px;overflow:auto}.category-list button{width:auto;white-space:nowrap;font-size:10px;padding:11px 12px;gap:5px;min-height:39px;flex-shrink:0}.category-list .small-relic,.category-list .ui-icon{width:17px;height:17px}.category-list b{display:none}.toolbar{height:48px;gap:8px}.search{padding:0 4px;gap:7px;border-width:7px;border-image-width:7px}.search .ui-icon{width:18px;height:18px}.search input{font-size:11px}.toolbar select{font-size:10px;width:115px;padding:5px;border-width:7px;border-image-width:7px}.result-bar{min-height:60px;flex-wrap:wrap;gap:8px;padding:11px 0;font-size:11px}.result-bar>div{gap:7px}.result-hint{font-size:9px}#count{font-size:10px}#character{width:100%;order:4}.reset-filters{font-size:9px;padding:7px 11px;min-height:30px}.cards{gap:10px}.card{border-width:10px;border-image-width:10px}.card-content{padding:0 2px 5px}.item-art{height:130px}.item-art .relic-art{width:105px;height:105px}.badge{font-size:8px;left:-2px;top:-2px;padding:4px 7px}.item-level{font-size:15px;right:1px;top:-1px}.card h3{font-size:12px;line-height:1.7}.meta{font-size:9px}.price{font-size:23px}.price small{font-size:9px;margin-left:4px}.price-row{margin:13px 0 9px;flex-wrap:wrap;gap:5px}.price-row>.meta{font-size:8px}.seller{font-size:8px;flex-wrap:wrap;padding-top:8px;gap:6px}.seller .ui-icon{width:12px;height:12px}.empty{border-width:10px;border-image-width:10px;min-height:355px;padding:23px 12px}.empty h3{font-size:22px}.empty p{font-size:11px}.empty .eyebrow{font-size:7px}.market-bottom{font-size:10px;gap:6px;padding:13px 0}.how{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px;padding:20px 12px;border-width:10px;border-image-width:10px;margin:22px 0 27px}.how-intro{grid-column:1/-1}.how-intro h3{font-size:22px}.how-intro h3 br{display:none}.how-step h4{font-size:11px}.how-step p{font-size:10px}.how-step>.ui-icon,.how-step>.small-relic{width:32px;height:32px}.step-number{font-size:23px;right:0}.footer-inner{padding:20px 14px;gap:12px 16px;flex-wrap:wrap}.footer-inner .brand-mark{width:49px;height:45px}.footer-inner .brand-type{font-size:16px}.footer-inner>p{font-size:9px;margin-left:auto}.footer-inner small{font-size:8px}.footer-end{width:100%;text-align:center;font-size:9px}dialog{padding:20px 15px;border-width:10px;border-image-width:10px;max-width:calc(100vw - 20px)}.close{right:9px;top:8px}.dialog-ornament{width:65px;height:52px}dialog h2{font-size:23px}.detail-layout{grid-template-columns:1fr;gap:16px}.detail-showcase{display:grid;grid-template-columns:1fr 1fr;padding:13px;align-items:center;border-width:10px;border-image-width:10px}.detail-showcase .eyebrow{grid-column:1/-1;text-align:center}.detail-showcase .relic-art{grid-row:2/5;width:135px;height:135px;margin:9px 0 0}.showcase-category{text-align:center;font-size:17px}.showcase-level{text-align:center;font-size:36px;margin:0}.detail-showcase small{text-align:center;font-size:9px}.detail-content{padding:0 5px}.detail-content h2{font-size:23px}.detail-price strong{font-size:30px}.attributes{gap:3px 14px}.attributes>div{font-size:11px}.modal-note{font-size:10px;padding-top:20px}.dialog-login{padding:0}.dialog-login #dialog-body{grid-template-columns:1fr}.login-art{min-height:150px;background-position:center 37%;background-size:cover;padding:16px;justify-content:center}.login-art img{width:65px;height:56px;margin:0}.login-art>span{font-size:7px;letter-spacing:2px}.login-art h3{font-size:20px;margin:4px 0}.login-art p{display:none}.login-content{padding:22px}.login-content h2{font-size:23px}.login-content>p{font-size:12px}.guide-steps{grid-template-columns:1fr;padding-top:8px;gap:12px}.guide-steps article{padding:12px;border-width:10px;border-image-width:10px;display:grid;grid-template-columns:53px 1fr;column-gap:14px}.guide-steps .ui-icon,.guide-steps .relic-art{grid-row:1/3;align-self:center;width:49px;height:49px}.guide-steps h3{font-size:17px;margin:0 0 8px}.guide-steps p{font-size:12px}.guide-num{font-size:20px;top:6px;right:4px;opacity:.45}.modal-heading h2{font-size:23px}.dialog-guide .dialog-ornament{float:none}.modal-heading>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* Transparent illustrated digits; price follows item name on the right. */
.cards{grid-template-columns:1fr}.item-heading{padding:3px 8px 9px}.item-heading .badge{position:static;display:inline-block}.card-content{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;padding:0 10px 10px;align-items:center}.card h3{grid-column:1;grid-row:1;font-size:18px;min-height:0;margin:0;line-height:1.6}.card-content>.meta{grid-column:1;grid-row:2;padding-top:5px}.price-row{grid-column:2;grid-row:1/3;margin:0;text-align:right}.price{display:flex;align-items:center;justify-content:flex-end;gap:8px;background:none;padding:0;min-height:0}.price small{font-size:11px;color:#acd6ee;margin:0}.price-row>.meta{display:block;margin-top:3px;font-size:9px}.seller{grid-column:1/-1;padding-top:18px}.art-amount{display:inline-flex;align-items:center;gap:0}.art-digit{display:inline-block;width:var(--digit-width,23px);height:38px;background-image:url('assets/price-digits.webp');background-repeat:no-repeat;flex-shrink:0}.detail-layout{display:block}.dialog-item{width:700px}.detail-content{padding:5px 8px}.detail-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:15px 0}.detail-content h2{margin:0;padding:0;font-size:25px}.detail-price{display:flex;flex-direction:column;align-items:flex-end;padding:0;gap:4px}.detail-price strong{display:flex;align-items:center;gap:7px;background:none;padding:0;min-height:0}.detail-price small{color:#acd6ee;font-size:11px}.detail-price>span{font-size:9px}.detail-seller{margin-top:22px}
@media(max-width:760px){.card-content{column-gap:9px;padding:0 3px 7px}.card h3{font-size:14px}.price{gap:4px}.price small{font-size:9px}.price-row>.meta{font-size:8px}.card-content>.meta{font-size:10px}.seller{font-size:10px}.art-digit{max-width:20px;height:34px}.detail-title-row{gap:10px}.detail-content{padding:4px 0}.detail-content h2{font-size:19px}.detail-price strong{gap:3px}.detail-price small{font-size:9px}}
.art-digit{background-size:1000% auto;background-position-y:center}
.digit-0{background-position-x:0%}
.digit-1{background-position-x:11.11111111111111%}
.digit-2{background-position-x:22.22222222222222%}
.digit-3{background-position-x:33.333333333333336%}
.digit-4{background-position-x:44.44444444444444%}
.digit-5{background-position-x:55.55555555555556%}
.digit-6{background-position-x:66.66666666666667%}
.digit-7{background-position-x:77.77777777777777%}
.digit-8{background-position-x:88.88888888888889%}
.digit-9{background-position-x:100%}
.price-row{display:block}

/* Supplied Bingling brand artwork, preserving original proportions. */
.brand-mark{width:160px;height:104px;object-fit:contain}.brand-type{font-size:17px;letter-spacing:2px}.brand-type small{font-size:7px;letter-spacing:2px}.footer-inner .brand-mark{width:140px;height:92px}.login-art img{width:210px;height:138px}.dialog-ornament{width:125px;height:82px}.market-bottom img{width:85px;height:56px}
@media(max-width:760px){.brand-mark{width:108px;height:71px}.brand-type{font-size:13px;letter-spacing:1px}.brand-type small{font-size:6px;letter-spacing:1px}.header-inner{gap:5px}.brand{gap:5px}.footer-inner .brand-mark{width:110px;height:72px}.footer-inner .brand-type{font-size:13px}.login-art img{width:125px;height:82px}.dialog-ornament{width:110px;height:72px}}

/* Image lettering: custom hero art plus live PNG typography. */
.hero-title-art{width:510px;max-width:100%;height:192px;margin:16px 0 13px;position:relative;overflow:hidden;line-height:1}
.hero-title-art img{position:absolute;width:100%;height:auto;left:0;top:50%;transform:translateY(-50%);display:block}
.painted-copy{font:inherit;letter-spacing:inherit;line-height:inherit;word-spacing:inherit}
.raster-word{display:inline-block;color:transparent!important;background-repeat:no-repeat;background-size:100% 100%;vertical-align:-.24em;line-height:inherit;letter-spacing:inherit;white-space:pre;pointer-events:none}
.raster-word::selection{color:#e4f2ff;background:#285475}
/* The outer frame belongs to the full document, not the scrolling viewport. */
body{position:relative;isolation:isolate;min-height:100vh;background:#080e17}
body::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:24px solid transparent;border-image:var(--panel) 8% fill /24px /0 stretch}
@media(max-width:760px){body::before{border-width:12px;border-image-width:12px}}
.hero-copy>p{font-size:14px;line-height:1.85}.nav{font-size:14px}.collection-copy strong{font-size:23px}
@media(max-width:760px){.hero-title-art{width:345px;height:139px;margin:10px 0 11px}.hero-copy>p{font-size:12px}.nav{font-size:12px}.collection-copy strong{font-size:14px}.hero-features{gap:7px}.header-inner .brand-type{font-size:12px}}

/* Compact listings: status, name, metadata, seller and price share one row. */
.cards{gap:9px}.card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:16px;min-height:72px;border-width:10px;border-image-width:10px;padding:4px 9px}.card:hover{transform:translateY(-1px);border-image-width:10px}.card-content{display:contents}.item-heading{grid-column:1;grid-row:1;min-height:0;padding:0}.item-heading .badge{white-space:nowrap;font-size:9px;padding:6px 9px}.card h3{grid-column:2;grid-row:1;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.6}.card-content>.meta{grid-column:3;grid-row:1;padding:0;font-size:10px;white-space:nowrap}.card .seller{grid-column:4;grid-row:1;padding:0;min-width:0;max-width:100px;display:block;font-size:10px;white-space:nowrap;overflow:hidden}.card .seller>span:first-child{overflow:hidden;white-space:nowrap}.card .seller>span:last-child{display:none}.card .price-row{grid-column:5;grid-row:1;margin:0;min-width:90px}.card .price-row>.meta{display:none}.card .price{gap:6px}.card .art-digit{height:34px}.card .price small{font-size:10px}
@media(max-width:1150px){.card{gap:10px}.card-content>.meta{font-size:9px}.card .seller{display:none}.card{grid-template-columns:auto minmax(0,1fr) auto auto}.card .price-row{grid-column:4}}
@media(max-width:760px){.card{grid-template-columns:auto minmax(0,1fr) auto;gap:7px;min-height:61px;padding:3px 2px;border-width:8px;border-image-width:8px}.item-heading .badge{font-size:8px;padding:5px 6px}.card h3{font-size:12px}.card-content>.meta{display:none}.card .price-row{grid-column:3;min-width:0}.card .price{gap:3px}.card .art-digit{max-width:17px;height:29px}.card .price small{font-size:8px}}

.result-hint{display:inline-flex;align-items:center;gap:6px}.currency-diamond{width:24px;height:24px;object-fit:contain;flex-shrink:0}@media(max-width:760px){.currency-diamond{width:20px;height:20px}.result-hint{gap:4px}}

/* Clear login action and dedicated close-button artwork. */
#login-form .outline{font-size:24px;font-weight:700;letter-spacing:5px;min-height:58px;color:#fff0c3;margin-top:17px}.login-content label{font-size:14px}.login-content input{font-size:16px}.close{width:44px;height:44px;padding:0;border:0;background:none!important;right:12px;top:12px;display:grid;place-items:center}.close img{display:block;width:100%;height:100%;object-fit:contain}.close:hover{filter:brightness(1.2);transform:scale(1.06)}.close:active{transform:scale(.96)}@media(max-width:760px){#login-form .outline{font-size:22px;min-height:54px}.close{right:8px;top:8px}}


.listing-action{display:inline-block;background:var(--button) 0 100%/200% 200% no-repeat;padding:8px 18px;font-size:13px;color:#e9d2a3;white-space:nowrap}.pending-price{font:13px var(--serif);color:#c2bda9}#publish-form{margin-top:24px}#publish-form p{font-size:12px}#publish-form .outline{font-size:17px}#publish-form input{font-size:18px}@media(max-width:760px){.listing-action{font-size:11px;padding:7px 12px}}

.listing-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.withdraw-row{padding:11px 15px;font-size:12px;min-height:42px;white-space:nowrap}.listing-shell>.card:only-child{grid-column:1/-1}@media(max-width:760px){.listing-shell{gap:4px}.withdraw-row{padding:9px 10px;font-size:10px}}

/* Readable item metadata without the seller column. */
.card{grid-template-columns:auto minmax(0,1fr) auto auto}.card-content>.meta{font-size:14px;color:#d7e2ec;font-weight:500}.card .price-row{grid-column:4}
@media(max-width:1150px){.card-content>.meta{font-size:13px}}
@media(max-width:760px){.card{grid-template-columns:auto minmax(0,1fr) auto}.card-content>.meta{display:none}.card .price-row{grid-column:3}}

/* Clear, larger item details with high-contrast raster lettering. */
.dialog-item .detail-content h2{font-size:28px;line-height:1.55}
.dialog-item .attribute-title{font-size:18px;margin-top:25px}
.dialog-item .attributes>div{font-size:17px;padding:11px 0;font-weight:600}
.dialog-item .attributes{column-gap:28px}
.dialog-item .attributes dt{color:#dce8f2}
.dialog-item .attributes dd{color:#f5faff}
.dialog-item .expiry{font-size:15px;font-weight:600;flex-wrap:wrap}
.dialog-item .detail-status{font-size:14px}
.dialog-item .detail-price>span,.dialog-item .detail-price small{font-size:13px}
@media(max-width:760px){.dialog-item .detail-content h2{font-size:23px}.dialog-item .attributes>div{font-size:16px}.dialog-item .attributes{grid-template-columns:1fr}.dialog-item .expiry{font-size:14px}}

/* Site-wide readable typography; retain illustrated headings and frames. */
body{--muted:#d5e0ec}
.hero-copy>p,.login-content>p,.modal-heading>p,.guide-steps p,#publish-form p{font-size:16px;line-height:1.9}
.nav,.gold-button,.text-button,.outline,.refresh-button,.category-list button,.side-title,.side-help button,.how-step h4{font-size:15px}
.announcement p,.market-heading p,.collection-copy>span,.side-help p,.side-note p,.how-step p,.modal-note,.login-content label,.login-content small,.footer-inner>p,.empty p{font-size:14px;line-height:1.85}
.hero-features,.connection,.result-hint,.result-bar,#count,.category-list b,.market-bottom,.footer-inner small,.footer-end,.world-tag{font-size:13px}
.announcement-label,.reset-filters,.withdraw-row{font-size:13px}
.search input,.toolbar select,#character,.login-content input,#publish-price{font-size:16px}
input::placeholder{color:#bcc9d8;opacity:1}
.item-heading .badge{font-size:12px}.card h3{font-size:17px}.card .price small{font-size:12px}
.result-bar{flex-wrap:wrap}.header-inner{gap:16px}.header-right{gap:12px}
@media(max-width:1150px){.world-tag{display:none}.card h3{font-size:15px}}
@media(max-width:760px){
.hero{height:auto;min-height:465px}.hero-inner{padding-bottom:28px}
.hero-copy>p,.login-content>p,.modal-heading>p,.guide-steps p,#publish-form p{font-size:15px}
.nav,.header-right .gold-button,.hero-actions .gold-button,.hero-actions .text-button,.text-button,.outline,.refresh-button,.side-help button{font-size:13px}
.header-right .gold-button{padding:10px 12px}.hero-features{flex-wrap:wrap;font-size:12px;gap:8px 12px}
.announcement p,.market-heading p,.collection-copy>span,.how-step p,.how-step h4,.footer-inner>p,.footer-inner small,.footer-end,.market-bottom,.modal-note,.empty p{font-size:13px}
.announcement-label,.connection,.result-hint,#count,.result-bar,.category-list button,.category-list b{font-size:12px}
.toolbar select{width:130px;font-size:14px}.search input{font-size:16px}
.card h3{font-size:14px}.item-heading .badge{font-size:11px;padding:5px}.card .price small{font-size:11px}
.collection-tile{min-height:165px}.collection-copy strong{font-size:16px}
.how{grid-template-columns:1fr}.how-step{min-height:86px;padding-left:48px}.how-step>.ui-icon,.how-step>.small-relic{position:absolute;left:0;top:0}.how-step{position:relative}.how-step h4{font-size:16px;margin:0 0 8px}
}

.buy-row{font-size:15px;min-width:90px;min-height:44px;padding:10px 20px;justify-self:end}.dialog-purchase{width:620px}.dialog-purchase p,.dialog-purchase label{font-size:16px;line-height:1.85}.dialog-purchase select{display:block;width:100%;font-size:16px;margin:10px 0}.purchase-price{display:flex;align-items:center;gap:10px;margin:20px 0}.dialog-purchase #confirm-buy{width:100%;font-size:20px}.buy-row:disabled{cursor:default}

.equipment-properties .attributes dd{overflow-wrap:anywhere}.equipment-properties>p{font-size:16px;color:#d4e0e8}.equipment-properties .attribute-title{margin-top:24px}

/* Keep artwork and display copy from being dragged or selected. */
body{user-select:none;-webkit-user-select:none}
img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
input,textarea,[contenteditable="true"],[contenteditable=""]{user-select:text;-webkit-user-select:text}

/* Apply directly to dialog descendants and generated art text, too. */
html body *,html body *::before,html body *::after{-webkit-user-select:none!important;user-select:none!important}
html body input,html body textarea,html body [contenteditable="true"],html body [contenteditable="true"] *,html body [contenteditable=""] ,html body [contenteditable=""] *{-webkit-user-select:text!important;user-select:text!important}

/* Refined spacing, readable details and compact mobile navigation. */
#login-form label{display:block;margin:18px 0 0;font-size:15px;line-height:1.6}
#login-form input,#login-form select{display:block;width:100%;min-height:52px;margin:8px 0 0;padding:12px 16px;font-size:16px;box-sizing:border-box}
#login-form select{color:#eef5fc;background:var(--panel) center/100% 100% no-repeat;border:0;border-radius:0}
.login-note{line-height:1.7;margin-top:18px}
.dialog-item .detail-title-row{gap:20px;align-items:flex-start}
.dialog-item .detail-content h2{font-size:26px;line-height:1.5;margin-bottom:12px;overflow-wrap:anywhere}
.dialog-item .attribute-title{margin:20px 0 8px;font-size:18px}
.dialog-item .attributes{margin:0;gap:0 24px}
.dialog-item .attributes>div{padding:7px 0;font-size:16px;line-height:1.65;gap:14px;align-items:baseline}
.dialog-item .attributes dt{flex-shrink:0;letter-spacing:.5px}
.dialog-item .attributes dd{margin:0;text-align:right}
.dialog-item .expiry{margin-top:18px;padding-top:12px;gap:12px}
#publish-form{margin-top:20px}#publish-form p{line-height:1.75;margin:12px 0}
#publish-form .outline{width:100%;min-height:52px}
.purchase-price{flex-wrap:wrap;row-gap:6px}
.empty{min-height:270px;padding-top:22px;padding-bottom:22px}
.empty .relic-art{width:105px;height:105px;margin-top:0;margin-bottom:8px}
.empty h3{margin:10px 0}.empty p{margin:10px 0 16px}
.hero-copy>p,.announcement p,.how-step p,.login-content>p,.empty p{letter-spacing:.5px}
.side-help p{letter-spacing:0;line-height:1.8}.side-help p br{display:none}
@media(max-width:760px){
.hero{min-height:0;height:auto}.hero-inner{padding-top:26px;padding-bottom:24px}
.hero-actions{margin:18px 0}.hero-features{margin-top:12px}
.collection-tile{min-height:110px;padding:12px 8px;gap:5px}
.collection-tile .relic-art{width:42px;height:42px;margin:0 auto}
.collection-copy .eyebrow,.collection-copy>span{display:none}
.collection-copy strong{font-size:15px;line-height:1.5}
.category-list{gap:5px}.category-list button{min-height:42px}
.empty{min-height:240px;padding:18px 12px}.empty .relic-art{width:80px;height:80px}
.empty h3{font-size:20px}.empty p{font-size:14px;line-height:1.75}
.dialog-item .detail-content h2{font-size:21px}
.dialog-item .attributes{grid-template-columns:1fr 1fr;column-gap:16px}
.dialog-item .attributes>div{font-size:14px;flex-wrap:wrap;gap:2px 8px}
.dialog-item .equipment-properties .attributes{grid-template-columns:1fr}
.dialog-item .attribute-title{margin-top:18px;font-size:17px}
.dialog-item .expiry{font-size:13px}
#login-form input,#login-form select{min-height:48px}
.login-content{padding:22px 20px}.login-content>p{line-height:1.7}
}
@media(max-width:380px){.dialog-item .attributes{grid-template-columns:1fr}.collection-copy strong{font-size:14px}}

#login-form input,#login-form select{height:56px;min-height:56px;padding:7px 12px;border:8px solid transparent;border-image:url('assets/ui-panel.webp') 8% fill / 8px / 0 stretch;background:#0b1420}
@media(max-width:760px){.dialog-login .login-art{min-height:110px;padding:10px}.dialog-login .login-art img{width:58px;height:45px}.dialog-login .login-art h3{font-size:18px}.dialog-login .login-content{padding:18px 20px}.login-content h2{margin:8px 0 12px}#login-form label{margin-top:12px}#login-form input,#login-form select{height:50px;min-height:50px;padding:4px 10px}}

.advanced-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.advanced-filters label{font-size:13px;color:#d5e0ec}.advanced-filters input,.advanced-filters select{display:block;width:100%;min-width:0;height:44px;margin-top:6px;padding:8px 12px;border:0;background:#0b1420;color:#eef5fc;font-size:15px}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px 0}.trade-summary{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;padding:12px 18px;color:#dce8f2}.dialog-item .trade-summary{padding:12px 0}.pagination button{min-height:44px}@media(max-width:760px){.advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-summary{font-size:13px;gap:8px 12px}}

.filter-panel{margin:14px 0}.filter-panel summary{cursor:pointer;color:#e7c482;font-size:14px;padding:10px 0}.advanced-filters input,.advanced-filters select{border:5px solid transparent;border-image:url('assets/ui-panel.webp') 8% fill / 5px / 0 stretch;background:#0b1420;padding:5px 10px}.filter-panel .advanced-filters{margin-top:5px}@media(max-width:760px){.sidebar{overflow:visible}.category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.category-list button{min-width:0;width:100%}.filter-panel{margin:8px 0}}

/* Consignment groups keep actions distinct from historical settlements. */
.listing-section-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;padding:20px 0 8px;grid-column:1/-1}
.listing-section-heading h3{margin:0;color:#efd293;font-size:20px}.listing-section-heading span{font-size:14px;color:#c7d5e0}
.listing-ready .card{min-height:84px}.listing-ready .card h3{font-size:18px;color:#f0f6fc;white-space:normal;overflow:visible}
.listing-ready .listing-action{background-position:0 100%;color:#f4e3bd;font-size:15px;font-weight:700;padding:12px 18px}
.listing-shell:has(>.trade-summary){border:10px solid transparent;border-image:url('assets/ui-panel.webp') 8% fill / 10px / 0 stretch;gap:0}
.listing-shell:has(>.trade-summary)>.card{grid-column:1/-1;border:0;border-image:none;background:none;padding:8px 9px;min-height:60px}
.listing-shell>.trade-summary{padding:4px 9px 12px;gap:8px 24px;font-size:14px;line-height:1.8}
@media(max-width:760px){.listing-section-heading{padding-top:14px}.listing-section-heading h3{font-size:18px}.listing-section-heading span{font-size:12px}.listing-ready .card{grid-template-columns:auto minmax(0,1fr);gap:10px}.listing-ready .card h3{font-size:16px}.listing-ready .card .price-row{grid-column:1/-1;grid-row:2;justify-self:end}.listing-ready .listing-action{font-size:14px}.listing-shell>.trade-summary{font-size:13px;gap:4px 14px}}

.personal-view .toolbar,.personal-view .filter-panel,.personal-view #reset-filters,.personal-view .collection-strip,.personal-view .sidebar{display:none!important}
.personal-view .market-layout{grid-template-columns:minmax(0,1fr)}

.ability-maintenance-note{color:#e7c98f;font-size:15px;line-height:1.8;letter-spacing:.3px;margin:12px 0 18px}.ability-maintenance-note[hidden]{display:none}

/* Reserve scrollbar space during refresh and asynchronous content loading. */
html{overflow-y:scroll;scrollbar-gutter:stable}

/* Official website link uses the same artwork as navigation buttons. */
.official-home{display:inline-flex;align-items:center;justify-content:center;background:var(--button) 0 100%/200% 200% no-repeat;color:#dcc799;text-align:center;white-space:nowrap}.official-home:hover{background-position:100% 100%}

.login-welcome{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:200;width:min(420px,calc(100vw - 36px));padding:30px 25px;text-align:center;background:#0b1420 url('assets/ui-panel.webp') center/100% 100% no-repeat;border:8px solid transparent;border-image:url('assets/ui-panel.webp') 8% fill / 8px / 0 stretch;box-shadow:0 12px 50px #000b;pointer-events:none;animation:welcome-show .25s ease-out}.login-welcome>img{width:130px;height:100px;object-fit:contain}.login-welcome h2{font-family:var(--serif);font-size:26px;color:#ebcb88;margin:5px 0 12px}.login-welcome p{font-size:17px;color:#edf5fc;margin:0}.login-welcome.leaving{opacity:0;transition:opacity .3s}@keyframes welcome-show{from{opacity:0}to{opacity:1}}

/* Phone layout: five navigation entries stay within the viewport. */
@media(max-width:760px){
 .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px 14px;gap:12px 8px;max-width:100%}
 .header-inner>.brand{min-width:0;gap:8px}.header-inner .brand-mark{width:85px;max-width:85px;height:65px;object-fit:contain}.header-inner .brand-type{font-size:12px;letter-spacing:1px}.header-inner .brand-type small{font-size:7px;letter-spacing:1px}
 .header-inner>nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;width:100%;min-width:0;order:3}
 .header-inner>nav .nav{min-width:0;width:100%;padding:12px 2px;font-size:12px;letter-spacing:0;min-height:44px;white-space:nowrap}
 .header-right{min-width:0;justify-self:end}.header-right .world-tag{display:none}.header-right .gold-button{max-width:140px;white-space:normal;padding:10px 9px;font-size:12px}
 .hero-inner{padding:25px 18px 28px}.hero-title-art{width:100%;max-width:350px}.hero-features{display:flex;flex-wrap:wrap;gap:9px 14px}.hero-features>span{white-space:nowrap}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-actions>*{min-width:0}
 .market-wrap,.market-layout,.market-main,.listings,.card-content{min-width:0;max-width:100%}
 .listing-shell{max-width:100%;min-width:0}.card{min-width:0;max-width:100%}.card h3{white-space:normal!important;overflow-wrap:anywhere;font-size:16px}.card .meta{white-space:normal;font-size:13px}
 .trade-summary{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}.listing-section-heading{flex-wrap:wrap;gap:6px}
 dialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 30px);padding:22px 15px;overflow-y:auto}.dialog-login{padding:0}.attributes{grid-template-columns:1fr}.detail-title-row{flex-wrap:wrap;gap:12px}.detail-content h2{font-size:21px}.close{z-index:5}
 .toolbar{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:8px}.toolbar select{width:100%;min-width:0}.search{min-width:0}.search input{min-width:0;width:100%}.advanced-filters{grid-template-columns:1fr 1fr}.browse-meta{flex-wrap:wrap;gap:10px}
}
@media(max-width:360px){.header-inner>nav .nav{font-size:11px}.header-inner .brand-type{font-size:11px}.header-right .gold-button{max-width:110px}.hero-copy>p{font-size:14px}}

/* Mobile lower-page information and footer. */
@media(max-width:760px){
 .how{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:26px 18px;margin-top:28px;max-width:100%}
 .how-intro{grid-column:auto;text-align:center}.how-intro h3{margin:8px 0 12px;font-size:24px}.how-intro>p{font-size:14px;line-height:1.8;margin:0}.how-intro>p br{display:none}
 .how-step{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:7px;padding:8px 26px 8px 0;min-width:0}
 .how-step>.small-relic,.how-step>.ui-icon{grid-column:1;grid-row:1/3;align-self:center;width:40px;height:40px}
 .how-step h4{grid-column:2;margin:0;font-size:16px;line-height:1.6}.how-step p{grid-column:2;margin:0;font-size:14px;line-height:1.85}.how-step p br{display:none}
 .how-step .step-number{position:absolute;top:8px;right:0;font-size:18px;opacity:.35}
 .footer-inner{display:flex;flex-direction:column;align-items:center;gap:15px;padding:25px 18px 30px;text-align:center}
 .footer-inner .brand{justify-content:center;gap:14px;max-width:100%}.footer-inner .brand-mark{width:95px;height:72px;object-fit:contain}.footer-inner .brand-type{font-size:17px;letter-spacing:1px}.footer-inner .brand-type small{font-size:8px;letter-spacing:2px}
 .footer-inner>p{margin:0;font-size:14px;line-height:1.9}.footer-inner small{font-size:12px;line-height:1.8}.footer-end{margin:0;width:auto;font-size:12px;line-height:1.8}
 .market-bottom{flex-wrap:wrap;justify-content:center;text-align:center;gap:8px;padding:20px 8px;line-height:1.8}
}

@media(max-width:760px){body{background-attachment:scroll}html{scroll-behavior:auto}.card,.listing-shell{touch-action:pan-y}}

.list-loading{margin:8px 0 12px;color:#c6d8e8;font-size:14px}.list-loading[hidden]{display:none!important}#cards[aria-busy="true"]{opacity:.65;transition:opacity .15s}#cards{transition:opacity .15s}