/* RootLan premium auction — approved dark emerald and cyan visual direction */
:root{--bg:#010f11;--card:#031e20;--mint:#48ffc0;--cyan:#17c5ff;--line:#168b72}
html,body{background:#010e11!important;color:#f5fffc!important}
body{background:radial-gradient(ellipse 55% 36% at 50% 7%,#09513c88,transparent),radial-gradient(ellipse 60% 35% at 5% 70%,#003b34aa,transparent),#010e11!important}
.site-header{background:linear-gradient(100deg,#001311,#05372b,#01171a)!important;border-bottom:1px solid #176956!important}
.header-inner{max-width:960px!important}
.brand{color:#72ffcd!important}
.header-auction{background:#021b1d!important;border:1px solid #168f74!important;box-shadow:inset 0 0 18px #0affaa0d!important}
.live-dot{border:1px solid #12a98a!important;background:#002a26!important;color:#6affbd!important}
.wrap{max-width:960px!important}
.auction-shell{position:relative}
.mock-ambient{position:absolute;pointer-events:none;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 10%,#0b6a4666,transparent 48%)}
.auction-shell>h1{font-weight:900!important;letter-spacing:-.6px!important;text-shadow:0 3px 16px #0008}
.compact-model{display:none!important}
.subtitle{display:block!important;color:#c9e5df!important}
.gallery{margin-top:10px!important}
.hero-image{background:radial-gradient(ellipse at 60% 70%,#156a51,#062625 60%,#031316)!important;border:1px solid #0d9e7e!important;box-shadow:0 15px 45px #0007!important}
.hero-image:has(#galleryMissing:not([hidden])){background:linear-gradient(100deg,#062923,#082b2a)!important}
#galleryMissing{color:#a3d6c6!important}
.price-card{position:relative!important;background:linear-gradient(120deg,#043f2a,#021d1c 58%,#073d2b)!important;border:1px solid #56ffbb!important;box-shadow:inset 0 0 30px #12e9a014,0 12px 36px #0008!important;text-align:center!important}
.price-card>small{color:#effff9!important;font-weight:700!important}
.price-line{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:16px!important}
.price-line strong{color:#62ffb4!important;text-shadow:0 0 22px #0dff9477!important;font-weight:900!important}
.price-line span{color:#52f8b3!important}
.price-trend{position:absolute;right:16px;bottom:12px;display:grid!important;place-items:center;width:39px;height:39px;border:1px solid #24d69d;border-radius:12px;background:#075b45;font-size:28px!important}
.pin-gate{background:linear-gradient(110deg,#062a29,#041d20)!important;border:1px solid #166c60!important}
.bidbox{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.bidbox h2{display:none!important}
.bid-summary,.next-bid-note{display:none!important}
.quick-bids{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:13px 0!important}
.quick-bids button{position:relative!important;min-height:90px!important;background:linear-gradient(145deg,#063b30,#021d1c)!important;border:1px solid #0ecb8c!important;border-radius:17px!important;color:#dffff5!important;font-size:clamp(17px,2.3vw,25px)!important;font-weight:900!important;box-shadow:inset 0 0 24px #13e8a00b!important}


.quick-bids button::before{content:"↗";position:absolute;right:14px;top:11px;font-size:21px;color:#48ffbd}
.quick-bids button:nth-child(2)::before{color:#1cc8ff}
.quick-bids button.selected{background:#073d60!important;border:2px solid #1bc5ff!important;box-shadow:0 0 0 1px #1bc5ff55!important;outline:none!important}
.custom-bid{background:linear-gradient(115deg,#032e27,#02191a)!important;border:1px solid #17dca0!important;border-radius:17px!important;padding:14px 18px!important}
.custom-bid span{font-weight:800!important;font-size:15px!important;color:#e7fff5!important}
.custom-bid input#bidAmount{background:#081b1e!important;border:1px solid #68ffc1!important;color:white!important;min-height:49px!important;font-size:21px!important}
.custom-bid input#bidAmount::placeholder{color:#839b9a!important}
#bidBtn{background:linear-gradient(110deg,#62ffb5,#04b985)!important;border:1px solid #a0ffd2!important;border-radius:16px!important;box-shadow:0 7px 30px #0eff9444!important;color:#002c22!important;font-weight:900!important;min-height:65px!important;font-size:23px!important}
#bidBtn:disabled{opacity:.78!important}
.rules-panel{position:relative!important;overflow:hidden;background:radial-gradient(circle at 87% 70%,#07583b,#021b1a 42%,#01181b)!important;border:1px solid #0b9b7a!important;border-radius:16px!important;padding:18px 23px!important}
.rules-panel h3{font-size:19px!important;margin-bottom:9px!important}
.rules-panel .fine{position:relative;z-index:1;color:#e2fff3!important;max-width:80%;line-height:2!important}
.rules-decoration{position:absolute;left:35px;bottom:5px;font-size:74px;color:#1ceba0;opacity:.3;transform:rotate(-15deg)}
.auction-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.auction-metrics>div{background:linear-gradient(150deg,#04252a,#021418)!important;border:1px solid #126d72!important;border-radius:15px!important}
.auction-metrics span{color:#28c6ff!important}
.auction-metrics strong{color:#f2fff9!important}
.details-card{background:#031d1e!important;border-color:#14695b!important}
.details-card th{background:#0b3031!important;color:#d7fff3!important}
.details-card td{background:#052021!important;color:#e8fff9!important}
@media(min-width:700px){
.wrap{max-width:860px!important}
.header-inner{max-width:860px!important}
.auction-shell>h1{font-size:29px!important}
.subtitle{font-size:14px!important;margin-bottom:7px!important}
.hero-image:not(:has(#galleryMissing:not([hidden]))){height:225px!important;min-height:225px!important}
.price-card{padding:15px!important}
.price-line strong{font-size:47px!important}
.quick-bids button{min-height:78px!important}
}
@media(max-width:699px){
.wrap{padding:12px!important}
.auction-shell>h1{font-size:26px!important}
.hero-image:not(:has(#galleryMissing:not([hidden]))){height:180px!important;min-height:180px!important}
.price-line strong{font-size:34px!important}
.quick-bids{gap:6px!important}
.quick-bids button{min-height:67px!important;font-size:13px!important;border-radius:11px!important}
.quick-bids button::before{font-size:15px;right:7px;top:4px}
.custom-bid{padding:10px!important}
#bidBtn{min-height:55px!important;font-size:19px!important}
.rules-panel{padding:12px!important}
.rules-panel .fine{max-width:100%;font-size:11px!important}
.rules-decoration{display:none}
.auction-metrics{gap:6px!important}
}

/* Small, practical auction layout with temporary hero */
@media(min-width:700px){
.header-inner{height:44px!important}
.wrap{max-width:780px!important;padding:7px 10px 25px!important}
.topline{margin:0!important;height:19px!important}
.auction-shell>h1{font-size:21px!important;margin:2px 0!important}
.subtitle{font-size:11px!important;margin:0 0 5px!important}
.gallery{margin:2px 0 7px!important}
.hero-image:not(:has(#galleryMissing:not([hidden]))){height:125px!important;min-height:125px!important;border-radius:12px!important}
.hero-image img{width:100%!important;height:100%!important;object-fit:contain!important}
.thumbnails{margin-top:3px!important}
.price-card{padding:9px 12px!important;margin-bottom:7px!important}
.price-card>small{font-size:10px!important}
.price-line strong{font-size:36px!important}
.price-trend{width:28px!important;height:28px!important;font-size:18px!important}
.pin-gate{padding:6px 10px!important;margin:5px 0!important}
.bidbox{padding:0!important}
.quick-bids{margin:7px 0!important;gap:8px!important}
.quick-bids button{min-height:48px!important;font-size:16px!important;border-radius:10px!important}
.quick-bids button::before{font-size:16px!important;top:4px!important;right:7px!important}
.custom-bid{padding:8px 11px!important;margin:5px 0!important;border-radius:10px!important}
.custom-bid span{font-size:12px!important}
.custom-bid input#bidAmount{min-height:35px!important;height:35px!important;font-size:16px!important;padding:5px 9px!important;margin-top:4px!important}
#bidAmountWords{font-size:11px!important;min-height:0!important;margin-top:2px!important}
#bidBtn{min-height:44px!important;font-size:17px!important;border-radius:10px!important}
.rules-panel{margin-top:7px!important;padding:9px 12px!important;border-radius:11px!important}
.rules-panel h3{font-size:14px!important;margin:0 0 3px!important}
.rules-panel .fine{font-size:10px!important;line-height:1.5!important}
.rules-decoration{font-size:42px!important}
.auction-metrics{margin:7px 0!important;gap:7px!important}
.auction-metrics>div{padding:7px!important;border-radius:9px!important;gap:3px!important}
.auction-metrics span{font-size:10px!important}
.auction-metrics strong{font-size:13px!important}
}
@media(max-width:699px){
.hero-image:not(:has(#galleryMissing:not([hidden]))){height:115px!important;min-height:115px!important}
.quick-bids button{min-height:54px!important}
}

/* Single-screen dense desktop auction */
@media(min-width:900px) and (min-height:650px){
.header-inner{height:34px!important}
.rootlan-logo,.rootlan-logo svg{width:26px!important;height:26px!important}
.site-header .brand>span:last-child{font-size:13px!important}
.header-auction{font-size:10px!important;padding:3px 8px!important}
.wrap{max-width:760px!important;padding:4px 8px 12px!important}
.topline{height:14px!important;margin:0!important;font-size:10px!important}
.auction-shell>h1{font-size:17px!important;line-height:1.15!important;margin:0!important}
.subtitle{font-size:9px!important;line-height:1.2!important;margin:0 0 3px!important}
.gallery{margin:1px 0 4px!important}
.hero-image:not(:has(#galleryMissing:not([hidden]))){height:82px!important;min-height:82px!important;border-radius:8px!important}
.hero-image img{height:100%!important;width:100%!important;object-fit:contain!important}
.thumbnails{margin:2px 0!important}
.thumbnails .thumbnail{height:27px!important;width:42px!important;flex-basis:42px!important}
.price-card{padding:5px 9px!important;margin-bottom:3px!important;border-radius:8px!important}
.price-card>small{font-size:9px!important;line-height:1!important}
.price-line{gap:7px!important}
.price-line strong{font-size:27px!important;line-height:1.05!important}
.price-line span{font-size:10px!important}
.price-trend{width:22px!important;height:22px!important;font-size:15px!important;right:8px!important;bottom:6px!important}
.pin-gate{padding:3px 7px!important;margin:3px 0!important;border-radius:7px!important}
#sharedPhoneBox{gap:7px!important}
#sharedPhoneBox label{font-size:10px!important}
#sharedPhoneBox input{height:27px!important;width:150px!important;max-width:150px!important;flex-basis:150px!important;font-size:11px!important}
#sharedSend{min-height:27px!important;padding:0 8px!important;font-size:10px!important}
.quick-bids{margin:4px 0!important;gap:6px!important}
.quick-bids button{min-height:37px!important;height:37px!important;font-size:13px!important;border-radius:7px!important}
.quick-bids button::before{font-size:12px!important;right:5px!important;top:3px!important}
.custom-bid{padding:5px 8px!important;margin:3px 0!important;border-radius:7px!important}
.custom-bid span{font-size:10px!important}
.custom-bid input#bidAmount{height:28px!important;min-height:28px!important;font-size:13px!important;padding:2px 8px!important;margin-top:2px!important;border-radius:6px!important}
#bidAmountWords{font-size:9px!important;margin:0!important}
#bidBtn{min-height:34px!important;height:34px!important;font-size:14px!important;border-radius:7px!important}
.rules-panel{padding:5px 8px!important;margin-top:4px!important;border-radius:7px!important}
.rules-panel h3{font-size:11px!important;margin:0 0 2px!important}
.rules-panel .fine{font-size:9px!important;line-height:1.25!important}
.rules-decoration{font-size:30px!important}
.auction-metrics{margin:4px 0!important;gap:5px!important}
.auction-metrics>div{padding:4px!important;border-radius:6px!important;gap:1px!important}
.auction-metrics span{font-size:9px!important}
.auction-metrics strong{font-size:11px!important}
.details-card{margin-top:4px!important;padding:5px 8px!important;border-radius:8px!important}
.tabs{margin:0!important;padding:0!important}
.tabs button{padding:5px!important;font-size:10px!important}
}