/* «المزاد» — صالة مزاد فاخرة (٢٠٢٦/١٠/١٦ — المالك: «المزاد يبيلها تغيير شكل»). شكل فقط.
   القطعة على منصّة رخام تحت بقعة ضوء، فوقها لوحة «أعلى مزايدة» كبيرة، ومطرقة تضرب مع «مرّة… مرّتين… بيعت!».
   يغلب قواعد .au-* القديمة في newgames.css (ينحمّل بعده). */
.xg-au .xg{position:relative;overflow:hidden;
  background:radial-gradient(55% 60% at 62% 38%,#5a1424 0%,#2a0810 55%,#120307 100%)}
/* ستارتين مخمل على الطرفين + بقعة ضوء (ثابتة) */
.xg-au .xg::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 9%,transparent 91%,rgba(0,0,0,.55)),
             repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1.2cqw,rgba(0,0,0,.08) 1.2cqw 2.4cqw)}
.xg-au .xg > *{position:relative;z-index:1}

.xg-au .au-stage{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.au-show{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqh;min-height:0}

/* لوحة أعلى مزايدة */
.au-lead{display:flex;align-items:center;gap:1.6cqw;padding:1.2cqh 2.2cqw;border-radius:2.4cqh;min-width:min(100%,60cqw);justify-content:center;
  background:linear-gradient(180deg,rgba(60,14,24,.9),rgba(30,6,12,.9));border:2px solid rgba(243,210,122,.5);box-shadow:0 1.4cqh 3cqh rgba(0,0,0,.45)}
.au-lead small{font-size:max(13px,2.4cqh);font-weight:900;color:#e9c9a8;white-space:nowrap}
.au-lead .au-lw{display:flex;align-items:center;gap:.8cqw;min-width:0}
.au-lead .au-lw .av{width:max(36px,7cqh)!important;height:max(36px,7cqh)!important}
.au-lead .au-lw span{font-size:max(17px,3.6cqh);font-weight:900;color:#fff;max-width:22cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-lead > b{display:flex;align-items:baseline;gap:.3em;font-size:max(30px,7.4cqh);font-weight:900;line-height:1;color:#ffd98a;text-shadow:0 .08em 0 #6b1020}
.au-lead > b i{font-style:normal;font-size:.38em;color:#e9c9a8}
.au-lead .au-l0{font-size:max(17px,3.4cqh)!important;color:#fff!important;text-shadow:none!important}
.au-lead.on{border-color:#f3d27a;box-shadow:0 0 0 .5cqh rgba(243,210,122,.18),0 0 4cqh rgba(243,210,122,.35),0 1.4cqh 3cqh rgba(0,0,0,.45)}
.au-lead.bump{animation:auBump .45s cubic-bezier(.3,1.6,.5,1)}

/* المنصّة: القطعة فوق عمود رخام وتحتها بقعة ضوء */
.au-ped{position:relative;flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.au-ped::before{content:'';position:absolute;top:-8cqh;left:50%;width:46cqh;height:110%;transform:translateX(-50%);pointer-events:none;
  background:linear-gradient(180deg,rgba(255,236,190,.28),rgba(255,236,190,0) 80%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%)}
.xg-au .au-item{background:none!important;border:0!important;box-shadow:none!important;padding:0 0 1cqh;gap:1cqh;flex:1 1 auto;min-height:0;width:min(100%,56cqh);justify-content:flex-end}
.xg-au .au-item::after{content:'';display:block;flex:0 0 auto;width:80%;height:6cqh;margin-top:.6cqh;border-radius:1cqh 1cqh .6cqh .6cqh;order:9;
  background:linear-gradient(180deg,#fbf6ee 0%,#d8cfc2 45%,#b3a796 100%);box-shadow:0 1.6cqh 2.4cqh rgba(0,0,0,.55),inset 0 -.8cqh 0 rgba(0,0,0,.12)}
.xg-au .au-emo{order:1;font-size:clamp(46px,17cqh,180px);filter:drop-shadow(0 2cqh 1.6cqh rgba(0,0,0,.55))}
.xg-au .au-item > b{order:2;font-size:max(22px,5cqh);color:#fff;text-shadow:0 .08em 0 #6b1020}
.xg-au .au-item > p{order:3;font-size:max(14px,2.6cqh);font-weight:900;color:#f3d9b0}
/* بطاقة «السعر الحقيقي ؟» معلّقة */
.xg-au .au-price{top:0;inset-inline-start:0;border-radius:1.4cqh;border:2px solid #f3d27a;background:linear-gradient(180deg,#fff3cf,#f3d27a);color:#3a0c14;font-weight:900;
  font-size:max(24px,5.2cqh);box-shadow:0 1cqh 2cqh rgba(0,0,0,.4);transform:rotate(-6deg)}
.xg-au .au-price small{color:#6b2a14;font-weight:900}
.xg-au .au-item.gain .au-price{background:linear-gradient(180deg,#d8ffe6,#34d77b);color:#06240f;border-color:#fff}
.xg-au .au-item.loss .au-price{background:linear-gradient(180deg,#ffd6dc,#ff5a6e);color:#fff;border-color:#fff}
.xg-au .au-delta{top:0;inset-inline-end:0;font-size:max(26px,6cqh);font-weight:900}

/* المطرقة */
.au-gavel{position:absolute;z-index:4;top:12%;inset-inline-end:6%;display:flex;flex-direction:column;align-items:center;gap:.5cqh;pointer-events:none;opacity:0}
.au-gavel i{font-style:normal;font-size:max(44px,12cqh);line-height:1;transform-origin:85% 85%;filter:drop-shadow(0 1cqh 1cqh rgba(0,0,0,.5))}
.au-gavel b{font-size:max(20px,4.6cqh);font-weight:900;color:#fff;padding:.2em .8em;border-radius:999px;background:rgba(30,6,12,.85);border:2px solid #f3d27a;white-space:nowrap}
.au-gavel.hit{animation:auShow 1s ease-out forwards}
.au-gavel.hit i{animation:auHit .5s cubic-bezier(.5,0,.6,1.6)}
.au-gavel.sold{top:30%;inset-inline-end:auto;left:50%;transform:translateX(-50%);animation:auSold 3s ease-out forwards}
.au-gavel.sold b{font-size:max(34px,9cqh);color:#ffe08a;background:rgba(120,14,30,.92);border:.5cqh solid #ffe08a;border-radius:1.6cqh;transform:rotate(-8deg);box-shadow:0 0 5cqh rgba(255,224,138,.5)}

/* القائمة والأغنى */
.xg-au .au-bids{background:rgba(30,6,12,.78);border-color:rgba(243,210,122,.45)}
.xg-au .au-bids h3{font-size:max(17px,3.4cqh);font-weight:900}
.xg-au .au-bids ol li{font-weight:900;font-size:max(14px,2.6cqh)}
.xg-au .au-bids ol li.lead{background:linear-gradient(90deg,rgba(243,210,122,.3),rgba(243,210,122,.08));border:1.5px solid #f3d27a}
.xg-au .au-rich .p em{color:#ffd98a;font-weight:900}

@keyframes auBump{0%{transform:scale(.92)}60%{transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes auShow{0%{opacity:0}12%{opacity:1}75%{opacity:1}100%{opacity:0}}
@keyframes auHit{0%{transform:rotate(-55deg)}70%{transform:rotate(18deg)}100%{transform:rotate(0)}}
@keyframes auSold{0%{opacity:0;transform:translateX(-50%) scale(1.6)}15%{opacity:1;transform:translateX(-50%) scale(1)}85%{opacity:1}100%{opacity:0}}

@container (max-aspect-ratio: 1/1){
  .xg-au .au-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
  .au-lead{min-width:100%}
}