/* PondLife 7.73: single authoritative Trading Post layout stylesheet.
   Scoped to this page; original PHP, Worker logic, and saved settings retained. */
body:has(#trading-post){--tp-cream:#fff7f1;--tp-ink:#2d164c;--tp-gold:#db8b29;--tp-line:#ead7e1;background:var(--tp-cream)!important;color:var(--tp-ink)!important;overflow-x:hidden!important}
body:has(#trading-post) .sp-trading-hero{display:none!important}
body:has(#trading-post) .sp-combined-puddles-hero{min-height:410px!important;padding:75px 0 92px!important;background-image:var(--sp-puddles-page-bg,linear-gradient(120deg,#482368,#24103e))!important;background-position:center 45%!important;background-size:cover!important;position:relative!important;overflow:hidden!important}
body:has(#trading-post) .sp-combined-puddles-hero:after{content:""!important;position:absolute!important;bottom:-1px!important;left:-5%!important;width:110%!important;height:42px!important;background:var(--tp-cream)!important;clip-path:ellipse(54% 100% at 50% 100%)!important;z-index:3!important}
body:has(#trading-post) .sp-combined-puddles-hero .sp-container{display:flex!important;justify-content:flex-end!important;align-items:center!important}
body:has(#trading-post) .sp-combined-puddles-copy{width:min(580px,55%)!important;margin-left:auto!important;margin-right:0!important;text-align:center!important;position:relative!important;z-index:2!important}
body:has(#trading-post) .sp-combined-puddles-copy h1{color:#fff9ed!important;font-size:clamp(42px,5vw,76px)!important;line-height:1.03!important}
body:has(#trading-post) .sp-combined-puddles-copy p{color:#fff!important;font-size:15px!important}
body:has(#trading-post) .sp-combined-puddles,body:has(#trading-post) .sp-trading-page{background:var(--tp-cream)!important;color:var(--tp-ink)!important}
body:has(#trading-post) .sp-combined-puddles .sp-container,body:has(#trading-post) .sp-trading-page .sp-container{width:min(1200px,calc(100% - 40px))!important;max-width:1200px!important;min-width:0!important;margin-inline:auto!important;box-sizing:border-box!important}
body:has(#trading-post) .sp-combined-puddles-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;gap:16px!important;align-items:start!important;padding:22px 0!important}
body:has(#trading-post) .sp-combined-puddles-grid>section:first-child{grid-column:1/-1!important}
body:has(#trading-post) .sp-combined-puddles-how{grid-column:1!important}
body:has(#trading-post) .sp-trading-rarity-panel{grid-column:2!important}
body:has(#trading-post) .sp-combined-puddles-grid>.sp-panel,body:has(#trading-post) .sp-trading-page .sp-panel{display:block!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;padding:16px!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--tp-ink)!important}
body:has(#trading-post) .sp-combined-puddles-grid h2,body:has(#trading-post) .sp-trading-page h2{font-family:Georgia,serif!important;font-size:clamp(23px,2.3vw,32px)!important;color:var(--tp-ink)!important;line-height:1.16!important}
body:has(#trading-post) .sp-combined-puddles-grid small,body:has(#trading-post) .sp-trading-page .sp-section-title small{font-size:12px!important;color:#5b4070!important;line-height:1.4!important}
body:has(#trading-post) .sp-combined-stock-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;min-width:0!important}
body:has(#trading-post) .sp-combined-stock-grid>*{min-width:0!important;max-width:100%!important;background:#fffaf7!important;border:1px solid var(--tp-line)!important;border-radius:12px!important;padding:12px!important;box-sizing:border-box!important;box-shadow:0 4px 15px rgba(49,17,70,.06)!important;text-align:center!important}
body:has(#trading-post) .sp-combined-stock-grid img{width:100%!important;height:125px!important;object-fit:contain!important}
body:has(#trading-post) .sp-combined-stock-grid button{background:#32154d!important;color:#fff!important;border-radius:8px!important}
body:has(#trading-post) .pst-how-steps{display:grid!important;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr)!important;gap:7px!important;align-items:center!important}
body:has(#trading-post) .pst-how-step{min-width:0!important;text-align:center!important}
body:has(#trading-post) .pst-how-art{height:85px!important;display:grid!important;place-items:center!important}
body:has(#trading-post) .pst-how-art img{max-height:85px!important;max-width:100%!important;object-fit:contain!important}
body:has(#trading-post) .pst-how-text{display:flex!important;align-items:flex-start!important;text-align:left!important;gap:6px!important}
body:has(#trading-post) .pst-how-text strong{color:var(--tp-ink)!important;font-size:12px!important}
body:has(#trading-post) .pst-how-text p{font-size:11px!important;color:#563b68!important}
body:has(#trading-post) .sp-trading-rarity-panel .sp-rarity-grid{display:grid!important;grid-template-columns:1fr!important;gap:3px!important}
body:has(#trading-post) .sp-trading-rarity-panel .sp-rarity-grid>*{max-width:100%!important;min-width:0!important}
body:has(#trading-post) .sp-trading-wrap{padding:4px 0 28px!important}
body:has(#trading-post) #sp-trading-app{display:block!important;min-width:0!important;max-width:100%!important}
body:has(#trading-post) .sp-trading-three-panel-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important}
body:has(#trading-post) .sp-trading-stats-data{display:flex!important;align-items:center!important;gap:15px!important;min-width:0!important}
body:has(#trading-post) .sp-trading-stats-data[hidden]{display:none!important}
body:has(#trading-post) .sp-trading-stat-boxes-new{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;flex:1!important;min-width:0!important}
body:has(#trading-post) .sp-trading-secondary-stats{display:contents!important}
body:has(#trading-post) .sp-trading-stat-boxes-new>div:not(.sp-trading-secondary-stats),body:has(#trading-post) .sp-trading-secondary-stats>div{padding:12px!important;background:#f4e8f1!important;border:1px solid var(--tp-line)!important;border-radius:10px!important;text-align:center!important}
body:has(#trading-post) .sp-trading-bottom-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;align-items:start!important;width:100%!important;min-width:0!important;margin-top:10px!important}
body:has(#trading-post) .sp-trading-bottom-grid>.sp-trading-list-panel{display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;grid-column:auto!important}
body:has(#trading-post) .sp-trading-list-heading{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
body:has(#trading-post) .sp-trading-search{width:170px!important;margin-left:auto!important;background:#fff!important;color:var(--tp-ink)!important;border:1px solid var(--tp-line)!important}
body:has(#trading-post) .sp-trading-duck-filters{display:flex!important;flex-wrap:wrap!important;gap:5px!important}
body:has(#trading-post) .sp-trading-duck-filters button{font-size:11px!important;color:var(--tp-ink)!important;background:#f1e2ed!important;border-radius:999px!important}
body:has(#trading-post) .sp-trading-carousel-shell{display:grid!important;grid-template-columns:30px minmax(0,1fr) 30px!important;gap:5px!important;align-items:center!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
body:has(#trading-post) .sp-trading-card-grid{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;transform:none!important;align-items:stretch!important;padding:4px 0 8px!important}
body:has(#trading-post) .sp-trading-card-grid>.sp-trading-duck-card{display:flex!important;flex-direction:column!important;flex:0 0 calc((100% - 8px)/2)!important;width:calc((100% - 8px)/2)!important;min-width:0!important;max-width:calc((100% - 8px)/2)!important;min-height:250px!important;height:auto!important;box-sizing:border-box!important;float:none!important;position:relative!important;padding:10px!important;margin:0!important;background:#fffaf7!important;border:1px solid var(--tp-line)!important;border-radius:10px!important;color:var(--tp-ink)!important;box-shadow:none!important;scroll-snap-align:start!important;overflow:hidden!important}
body:has(#trading-post) .sp-trading-duck-card .sp-trading-image-wrap{display:flex!important;align-items:center!important;justify-content:center!important;height:108px!important;max-height:108px!important;width:100%!important;background:transparent!important}
body:has(#trading-post) .sp-trading-duck-card .sp-trading-image-wrap img{width:100%!important;height:100%!important;max-height:108px!important;object-fit:contain!important;transform:none!important}
body:has(#trading-post) .sp-trading-duck-card h3{display:block!important;min-height:32px!important;font-size:13px!important;line-height:1.25!important;color:var(--tp-ink)!important;text-align:center!important}
body:has(#trading-post) .sp-trading-duck-card .sp-trading-meta{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:5px!important;margin:4px 0!important}
body:has(#trading-post) .sp-trading-duck-card .sp-trading-badge{background:#eedbed!important;color:#3b2054!important;border:1px solid #dcc2e0!important;font-size:10px!important}
body:has(#trading-post) .sp-trading-duck-card .sp-trading-meta-points{color:#88531e!important;background:#fff1d8!important;border:1px solid #eac68c!important;font-size:10px!important}
body:has(#trading-post) .sp-trading-qty-label{display:flex!important;justify-content:space-between!important;gap:4px!important;color:var(--tp-ink)!important;margin-top:auto!important}
body:has(#trading-post) .sp-trading-qty-control{display:grid!important;grid-template-columns:32px minmax(0,1fr) 32px!important;align-items:center!important;width:100%!important;max-width:100%!important;height:32px!important;background:#f2e6f2!important;border:1px solid #d9bedf!important}
body:has(#trading-post) .sp-trading-qty-control button{height:100%!important;width:32px!important;color:var(--tp-ink)!important;background:#e7d0e9!important}
body:has(#trading-post) .sp-trading-qty-control span{color:var(--tp-ink)!important;text-align:center!important}
body:has(#trading-post) .sp-trading-duck-card .sp-trading-card-button{display:block!important;width:100%!important;margin-top:auto!important;background:#32154d!important;color:#fff!important;border:0!important;border-radius:8px!important}
body:has(#trading-post) .sp-trading-history-panel{display:block!important;margin:24px 0 8px!important}
body:has(#trading-post) .sp-history-scroll{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important}
body:has(#trading-post) #trading-history-list{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;gap:8px!important}
body:has(#trading-post) #trading-history-list>*{flex:0 0 210px!important;min-width:210px!important;max-width:210px!important;background:#fffaf7!important;border:1px solid var(--tp-line)!important;border-radius:10px!important}
body:has(#trading-post) .pl-trading-helpful{width:min(1200px,calc(100% - 40px))!important;margin:16px auto 25px!important;padding:0!important;max-width:1200px!important}
body:has(#trading-post) .pl-trading-helpful h2{font-size:30px!important;color:var(--tp-ink)!important}
body:has(#trading-post) .pl-trading-help-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;max-width:100%!important}
body:has(#trading-post) .pl-trading-help-link{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;max-width:100%!important;padding:12px!important;background:#fffaf7!important;border:1px solid var(--tp-line)!important;border-radius:10px!important;box-sizing:border-box!important;color:var(--tp-ink)!important}
body:has(#trading-post) .pl-trading-help-link img{height:75px!important;max-width:100%!important;object-fit:contain!important}
body:has(#trading-post) .pl-trading-help-link strong{font-size:12px!important;color:var(--tp-ink)!important}
body:has(#trading-post) .pl-trading-help-link small{font-size:11px!important;color:#634874!important}
body:has(#trading-post) .pl-trading-help-link span{display:block!important;margin-top:auto!important;width:100%!important;padding:9px 5px!important;background:#32154d!important;color:white!important;border-radius:7px!important;font-size:10px!important;text-align:center!important}
@media(max-width:850px){body:has(#trading-post) .sp-combined-puddles-grid,body:has(#trading-post) .sp-trading-bottom-grid{grid-template-columns:1fr!important}body:has(#trading-post) .sp-combined-puddles-how,body:has(#trading-post) .sp-trading-rarity-panel{grid-column:1!important}body:has(#trading-post) .pl-trading-help-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:600px){body:has(#trading-post) .sp-combined-puddles-copy{width:85%!important;margin:0 auto!important}body:has(#trading-post) .sp-combined-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body:has(#trading-post) .pst-how-steps{grid-template-columns:1fr!important}body:has(#trading-post) .pst-how-arrow{display:none!important}body:has(#trading-post) .sp-trading-stats-data{display:block!important}body:has(#trading-post) .sp-trading-stat-boxes-new{margin-top:10px!important}body:has(#trading-post) .pl-trading-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}