/* Round 08: clear artwork, contained page headers, and a local trading prototype. */
.portal .header-season{width:260px;height:68px;justify-content:center}.header-season img{height:auto;max-height:none;filter:none;opacity:1;clip-path:polygon(9% 20%,91% 20%,94% 26%,94% 65%,91% 73%,9% 73%,6% 65%,6% 26%)}
.portal .sidebar-art::before{filter:none;opacity:1}
.community-logo{mask-image:linear-gradient(90deg,transparent,#000 4% 96%,transparent),linear-gradient(180deg,transparent,#000 3% 94%,transparent);mask-composite:intersect}
.overview-layout{background:#181c1f}
.overview-layout::before{inset:0 0 auto;height:255px;background:linear-gradient(180deg,transparent 0%,#181c1f05 37%,#181c1f80 72%,#181c1f 100%),url('./hero.webp') center 38%/cover no-repeat;opacity:1;filter:none}
.overview-cover{height:180px;min-height:180px}.overview-cover .cover-copy{background:linear-gradient(90deg,#11171ce0,#11171c85 70%,transparent);border:0}
.online-players{max-height:110px}.online-view-all{border:0;background:none;padding:0;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:#d8bd94;cursor:pointer}.online-view-all .icon{width:15px;height:15px}
.detail-dialog:has(.full-roster){width:min(900px,calc(100vw - 32px));max-width:900px}
.roster-toolbar{display:flex;align-items:end;gap:20px;margin:6px 0 20px}.roster-toolbar label{display:flex;flex-direction:column;gap:7px;flex:1;font-size:.7rem;color:#aab7b7}.roster-toolbar input{width:100%;height:41px}.roster-toolbar>strong{font-size:.78rem;font-weight:500;color:#b1c6b5;padding-bottom:12px}
#full-roster-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;list-style:none;padding:0;margin:0;max-height:55dvh;overflow:auto;scrollbar-width:thin}
#full-roster-list li{display:flex;gap:12px;align-items:center;padding:15px;background:#20282c;border:1px solid #3d4a4e;border-radius:6px;min-width:0}#full-roster-list .icon{width:20px;height:20px;color:#afa38e;flex-shrink:0}#full-roster-list strong{font-size:.85rem;font-weight:500;overflow-wrap:anywhere;min-width:0}#full-roster-list li>span{font-size:.58rem;color:#a2bba5;margin-left:auto;white-space:nowrap}#full-roster-list .status-dot{width:5px;height:5px;margin-right:4px}
.section-art{position:relative;border:1px solid #505252;border-radius:9px;overflow:hidden;isolation:isolate;min-height:105px;margin-top:14px;padding:19px 24px;background-size:cover;background-position:center 58%;background-color:#161d23}
.section-art .eyebrow{font-size:.5rem;letter-spacing:.17em;color:#bba583}.section-art h3{font:400 1.18rem/1.3 Georgia,serif;color:#ead8b7;margin:7px 0 5px}.section-art p{font-size:.68rem;color:#b3bdbd;margin:0}.navigation-art{background-image:linear-gradient(90deg,#10191edd,transparent 68%),url('./navigation.webp')}.outfitter-art{background-image:linear-gradient(90deg,#10191eaa,transparent 65%),url('./outfitter.webp')}.trading-art{background-image:linear-gradient(90deg,#10191ed9,transparent 72%),url('./trading.webp')}
.map-canvas-wrap{height:clamp(360px,calc(100dvh - 492px),800px);min-height:360px}.map-side{max-height:clamp(360px,calc(100dvh - 492px),800px)}.map-expanded .map-canvas-wrap{height:100%;min-height:0}.map-expanded .map-side{max-height:none}
/* Paint badges with their original pixels, never lighten/screen, desaturate or blur them. */
.login-art-stage img,.store-cover>img,.collection-art img,.collection-preview>img,.character-motto>img,.signout-art>img{mix-blend-mode:normal;filter:none}
.store-cover>img,.collection-art img,.collection-preview>img,.character-motto>img,.signout-art>img{opacity:1}
.collection-art{background:#000;border-radius:7px;overflow:hidden}.store-collection{background:linear-gradient(145deg,#20272a,#181e22)}.store-collection:hover{background:#242b2e}.collection-art img{max-width:none;width:auto;max-height:100%}
.store-cover>img,.collection-preview>img,.character-motto>img,.signout-art>img,.header-season img{border-radius:7px}
.login-shell{background:linear-gradient(90deg,#101315 0%,#0a0c0d 32%,#000 48%)}.login-carousel{background:transparent}.login-art-stage{background:#000}.login-art-stage img{mask:none}.login-art-stage{border-radius:20px;overflow:hidden}
.store-cover{min-height:160px;padding:16px 26px}.store-cover>img{height:144px;width:144px}.store-section-heading{margin:15px 0 12px}.store-collection{padding:14px 17px}.store-collection p{margin-bottom:13px}.store-page>.source-note{margin:11px 0}.collection-art{height:166px}
.flow-panel{display:flex;flex-direction:column;overflow:hidden!important;padding:13px 16px!important}.craft-flow-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px}.craft-flow-toolbar p,.flow-help{font-size:.63rem;color:#9eafb0;margin:0;line-height:1.5}.craft-flow-toolbar .text-link{font-size:.64rem;white-space:nowrap;background:none;border:0;cursor:pointer}.craft-flow-toolbar .text-link:disabled{opacity:.4;cursor:default}
.horizontal-tree{display:flex;align-items:stretch;gap:28px;overflow-x:auto;overflow-y:hidden;min-height:200px;flex:1;padding:0 0 12px;scrollbar-width:thin;scrollbar-color:#8c795e #162024;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.flow-result{position:relative;flex:0 0 170px;align-self:flex-start;border:1px solid #8c7049;border-radius:8px;background:linear-gradient(155deg,#41352a,#202a2d);padding:17px;scroll-snap-align:start}.flow-result>.eyebrow{font-size:.5rem;letter-spacing:.15em;color:#c8a579}.flow-result>.item-art{display:flex;margin:14px auto;width:65px;height:65px}.flow-result h4{font-size:.84rem;line-height:1.5;color:#e6d7bb;margin:0 0 6px}.flow-result p{font-size:.65rem;color:#b3b7a8;margin:0}.flow-direction{display:flex;gap:15px;align-items:center;margin-top:20px;color:#ceb489;font-size:.6rem}.flow-direction .icon{width:17px;height:17px}
.flow-result:after,.flow-stage:after{content:'›';position:absolute;right:-23px;top:44px;font-size:1.7rem;line-height:1;color:#b59668}.flow-stage:last-child:after{display:none}
.flow-stage{position:relative;flex:0 0 270px;min-width:0;display:flex;flex-direction:column;scroll-snap-align:start}.flow-stage>header{display:flex;gap:9px;align-items:center;min-height:61px;padding:10px 12px;background:#2a3235;border:1px solid #536063;border-radius:7px 7px 0 0}.flow-step{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border:1px solid #8e795a;border-radius:50%;color:#d4b784;font-size:.7rem}.flow-stage header small{font-size:.45rem;letter-spacing:.13em;color:#9eafae}.flow-stage header h4{font-size:.7rem;color:#dfd4bd;line-height:1.4;margin:3px 0 0}.flow-materials{overflow-y:auto;min-height:0;border:1px solid #465254;border-top:0;border-radius:0 0 7px 7px;padding:9px;background:#182328;scrollbar-width:thin}
.flow-material{padding:9px;border:1px solid #384b4f;border-radius:6px;background:#202c30;margin-bottom:8px}.flow-material:last-child{margin-bottom:0}.flow-material.selected{border-color:#b19568;background:#2c3231}.flow-item-line{display:flex;align-items:center;gap:7px}.flow-item-line>.item-art{width:30px;height:34px}.flow-item-line>div{min-width:0;flex:1}.flow-item-line strong{font-size:.67rem;font-weight:500;color:#d9d5c4;overflow-wrap:anywhere;display:block}.flow-item-line small{font-size:.55rem;display:block;color:#9bacaa;margin-top:3px}.flow-item-line>.icon-button{width:24px;height:25px;padding:4px}.flow-item-line>.icon-button>.icon{width:14px;height:14px}.flow-material .tree-producer{display:block;font-size:.52rem;margin:9px 0 0}.flow-material select{margin-top:4px;width:100%;max-width:100%;min-width:0}.flow-branch{display:flex;justify-content:space-between;align-items:center;gap:9px;width:100%;padding:9px 0 0;border:0;background:none;font-size:.58rem;color:#d0b585;cursor:pointer}.flow-branch .icon{width:14px;height:14px}.flow-leaf{display:block;font-size:.51rem;margin-top:8px;color:#99aea8}.flow-help{margin:9px 0 0}.shopping-list{margin-top:0;padding-top:0;border-top:0}.shopping-list>label>.item-art{flex:0 0 34px;height:34px}.shopping-list>label>span:not(.item-art){flex:1}
.market-cover{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 28px;background:linear-gradient(115deg,#302b27,#1a252c);border:1px solid #575249;border-radius:10px;min-height:132px}.market-cover .eyebrow{font-size:.51rem;letter-spacing:.17em;color:#bda985}.market-cover h1{font-size:1.8rem;font-weight:550;line-height:1.2;color:#ecdfc8;margin:8px 0}.market-cover p{font-size:.78rem;color:#a5b7b7;margin:0}.market-cover>.button{white-space:nowrap}
.prototype-notice{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #4b504e;border-radius:7px;background:#222a2c;margin:13px 0;color:#aab8b7;font-size:.66rem;line-height:1.7}.prototype-notice>span{flex:1}.prototype-notice strong{color:#ddc7a4;margin-right:9px}.prototype-notice>.icon{color:#b79c74;width:21px;height:21px;flex-shrink:0}.prototype-notice .text-link{font-size:.64rem;display:flex;align-items:center;gap:9px;white-space:nowrap}.prototype-notice .text-link .icon{width:14px;height:14px}
.market-toolbar{display:flex;align-items:end;gap:12px;margin:14px 0 10px}.market-toolbar>.segmented{margin-right:auto;flex-shrink:0}.market-toolbar label{display:flex;flex-direction:column;gap:6px;font-size:.56rem;color:#9cabac}.market-toolbar input,.market-toolbar select{height:37px;padding:8px 12px;font-size:.7rem}.market-search{width:230px}.market-summary{display:flex;justify-content:space-between;align-items:center;font-size:.68rem;color:#94a6a8;margin:12px 0}.market-summary button{background:none;border:0;font-size:.62rem;cursor:pointer}.market-content{height:clamp(300px,calc(100dvh - 515px),680px);overflow:auto;scrollbar-width:thin}.market-content>.empty-state{min-height:100%;padding:30px}.market-content .empty-state h3{font:400 1.5rem Georgia,serif}.market-content .empty-state p{font-size:.8rem;max-width:460px;line-height:1.7}.market-content .empty-state>.button{margin-top:12px}
.market-content{height:clamp(300px,calc(100dvh - 615px),680px)}
.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:16px}.market-listing{display:flex;flex-direction:column;min-width:0;padding:14px;background:linear-gradient(135deg,#2a3337,#1e292f);border:1px solid #4a5556;border-radius:7px}.market-item-art{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px;gap:8px}.market-item-art>.item-art{height:70px;width:70px}.market-item-art>.badge{font-size:.47rem;white-space:normal}.market-listing>small{font-size:.5rem;color:#9ea994;text-transform:uppercase;letter-spacing:.1em}.market-listing h3{font-size:.93rem;line-height:1.4;margin:7px 0;color:#e0d3b8}.market-listing>p{font-size:.58rem;line-height:1.6;color:#9aafb0;margin:0 0 13px;overflow-wrap:anywhere}.listing-price{margin-top:auto;display:flex;flex-direction:column;gap:5px}.listing-price strong{font-size:1.05rem;color:#d9bd88}.listing-price small{font-size:.53rem;color:#96aaaa}.market-listing>.button-row{margin-top:15px;gap:10px}.market-listing .text-link{background:none;border:0;font-size:.62rem;cursor:pointer}
.market-activity{list-style:none;margin:0;padding:0 18px}.market-activity li{display:flex;gap:16px;align-items:center;border-bottom:1px solid #3c494c;padding:16px 0}.market-activity .icon{width:23px;height:23px;color:#ae926a;flex-shrink:0}.market-activity li>div{flex:1;min-width:0}.market-activity strong,.market-activity span,.market-activity small{display:block}.market-activity strong{font-size:.76rem;color:#d8c9ac}.market-activity span{font-size:.68rem;color:#adbcb9;margin:6px 0}.market-activity small{font-size:.54rem;color:#809b9f}.market-activity b{font-size:.68rem;color:#c4ab7f}
.trade-form>p{font-size:.78rem;line-height:1.7;color:#a8b7b6}.trade-form label{display:flex;flex-direction:column;gap:8px;font-size:.69rem;color:#c4c0ad;margin:15px 0}.trade-form input{height:43px}.trade-form .eyebrow{font-size:.52rem;color:#b49b74}.trade-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.trade-fields input{width:100%;min-width:0}.trade-item-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:230px;overflow:auto}.trade-item-results:empty{display:none}.trade-item-results>button{display:flex;gap:9px;align-items:center;min-width:0;background:#232f34;border:1px solid #48595c;border-radius:6px;padding:7px 10px;text-align:left;cursor:pointer}.trade-item-results .item-art{width:33px;height:37px}.trade-item-results>button>span:not(.item-art){flex:1;min-width:0}.trade-item-results strong{display:block;font-size:.69rem;color:#d2cdb9;overflow-wrap:anywhere}.trade-item-results small{font-size:.5rem;color:#96aba9;display:block;margin-top:4px}.trade-item-results>.source-note{grid-column:1/-1}.trade-item-results .icon{width:14px;height:14px;color:#b29b74}.trade-selected{display:flex;align-items:center;gap:14px;padding:10px 15px;background:#273832;border:1px solid #547363;border-radius:6px}.trade-selected[hidden]{display:none}.trade-selected strong{flex:1;font-size:.83rem;color:#d8d4bd}.trade-selected .badge{font-size:.52rem}.trade-product{display:flex;align-items:center;gap:20px;margin:18px 0}.trade-product h3{font:400 1.6rem Georgia,serif;color:#deccad;margin:5px 0 10px}.trade-product p{font-size:.69rem;color:#a5b4b3;line-height:1.5}.trade-total{display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-block:1px solid #46534f;font-size:.8rem;color:#bdc5b8}.trade-total strong{color:#dec295}.trade-form #market-form-status{color:#e3aa87;min-height:1em}.trade-form .button-row{justify-content:end}
@media(max-width:1440px){.market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.market-toolbar{flex-wrap:wrap}.market-toolbar>.segmented{margin-right:0}.market-search{flex:1;min-width:140px}.overview-layout::before{height:245px}.portal .header-season{width:198px}.portal .preview-tag{display:none}}
@media(max-width:1100px){.portal .header-season{width:172px}.header-season img{height:60px}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-content{height:450px}.map-canvas-wrap{height:460px}.map-side{max-height:460px}.store-cover{gap:17px}}
@media(max-width:760px){.portal .header-season{width:137px}.header-season img{height:48px}.overview-layout::before{height:265px;background-position:58% top}.overview-cover{height:auto;min-height:195px}.online-players{max-height:160px}.roster-toolbar{display:block}.roster-toolbar>strong{display:block;margin-top:15px}#full-roster-list{grid-template-columns:1fr;max-height:55dvh}.section-art{min-height:116px;padding:18px;background-position:60% center}.section-art h3{font-size:1.02rem;max-width:210px}.section-art p{font-size:.59rem;max-width:215px;line-height:1.6}.store-cover>img{width:160px;height:160px}.collection-art{height:190px}.store-collection{padding:18px}.flow-panel{height:490px;flex:none!important;max-height:none!important}.flow-result{flex-basis:136px;padding:13px}.flow-stage{flex-basis:250px}.horizontal-tree{gap:25px}.craft-flow-toolbar{align-items:start}.craft-flow-toolbar p{max-width:200px}.flow-help{font-size:.59rem}.recipe-tabs{gap:14px;padding:0 12px;overflow:auto;flex-shrink:0}.recipe-tabs button{font-size:.61rem;white-space:nowrap}.shopping-list>label{gap:8px}.market-cover{display:block;padding:21px}.market-cover>.button{margin-top:20px}.market-cover h1{font-size:1.7rem}.market-cover p{font-size:.74rem;line-height:1.6}.prototype-notice{flex-wrap:wrap;gap:9px;padding:12px}.prototype-notice>.text-link{margin-left:30px}.market-toolbar{gap:10px}.market-toolbar>.segmented{width:100%;justify-content:space-between}.market-toolbar>.segmented button{font-size:.65rem;padding:10px}.market-search{min-width:120px}.market-toolbar>label:last-child{max-width:140px}.market-toolbar input,.market-toolbar select{width:100%}.market-content{height:auto;min-height:345px;max-height:600px}.market-grid{grid-template-columns:1fr;padding:12px}.market-listing{padding:18px}.market-item-art>.item-art{height:80px;width:80px}.market-activity{padding:0 13px}.market-activity b{font-size:.6rem;max-width:90px}.trade-item-results{grid-template-columns:1fr;max-height:220px}.trade-product .item-art{width:75px;height:75px}.trade-product h3{font-size:1.25rem}.trade-fields{gap:11px}.trade-form .button-row{flex-wrap:wrap}.trade-total{font-size:.7rem}.login-shell{background:linear-gradient(180deg,#101315 0%,#080a0b 48%,#000 70%)} }