/* Attune UX multi-tier cart — Cosmic Gothic plates (stage-only; ATTUNE_LIVE untouched) */
.attune-ux-wrap{max-width:var(--max-w,1100px);margin:28px auto;padding:0 24px;}
.attune-ux-badge-row{display:flex;align-items:center;gap:12px;margin:0 0 14px;}
.attune-ux-badge{height:42px;width:auto;display:block;}
.attune-ux-badge[hidden]{display:none!important;}
.attune-ux-grid{display:grid;grid-template-columns:1.2fr .9fr;gap:18px;}
@media(max-width:900px){.attune-ux-grid{grid-template-columns:1fr;}}
.attune-ux-panel{position:relative;overflow:hidden;border:1px solid rgba(212,175,55,.28);
  background:#07060c url('/assets/img/attune/attune-cart-hud.png') center/cover no-repeat;
  box-shadow:0 0 0 1px rgba(168,85,247,.12) inset,0 18px 50px rgba(0,0,0,.55);
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);}
.attune-ux-panel::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(7,6,12,.72),rgba(7,6,12,.88));z-index:0;}
.attune-ux-panel > *{position:relative;z-index:1;}
.attune-ux-head{padding:18px 20px 8px;font-family:Cinzel,serif;letter-spacing:.12em;text-transform:uppercase;color:#e8d5a3;}
.attune-ux-head h2{margin:6px 0 0;font-size:clamp(18px,2.6vw,24px);color:#f3e6c0;}
.attune-ux-head p{margin:6px 0 0;font-size:12px;color:rgba(230,220,190,.7);letter-spacing:.04em;}
.attune-ux-tiers{max-height:340px;overflow:auto;padding:8px 14px 16px;display:flex;flex-direction:column;gap:8px;}
.attune-ux-tier{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;
  padding:10px 12px;border:1px solid rgba(212,175,55,.22);background:rgba(0,0,0,.45);
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);}
.attune-ux-tier label{display:contents;cursor:pointer;}
.attune-ux-tier input{accent-color:#c9a227;width:18px;height:18px;}
.attune-ux-tier .t-name{font-family:Cinzel,serif;font-size:13px;color:#f0e2b8;letter-spacing:.06em;}
.attune-ux-tier .t-sub{display:block;font-size:11px;color:rgba(210,200,170,.65);margin-top:2px;font-family:Inter,sans-serif;letter-spacing:0;}
.attune-ux-tier .t-cost{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:#67e8f9;}
.attune-ux-cart{padding:18px 20px 22px;border:1px solid rgba(212,175,55,.28);
  background:#07060c url('/assets/img/attune/attune-tier-cards.png') top/cover no-repeat;position:relative;overflow:hidden;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);}
.attune-ux-cart::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,6,12,.78),rgba(7,6,12,.92));}
.attune-ux-cart > *{position:relative;z-index:1;}
.attune-ux-cart h3{margin:0 0 10px;font-family:Cinzel,serif;letter-spacing:.14em;font-size:12px;color:#e8d5a3;text-transform:uppercase;}
.attune-ux-cart-list{min-height:72px;margin:0 0 14px;padding:0;list-style:none;font-size:13px;color:#ddd2b0;}
.attune-ux-cart-list li{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:8px;}
.attune-ux-total{display:flex;justify-content:space-between;align-items:baseline;margin:8px 0 16px;}
.attune-ux-total span{font-family:Cinzel,serif;font-size:11px;letter-spacing:.16em;color:rgba(232,213,163,.75);text-transform:uppercase;}
.attune-ux-total strong{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:28px;color:#67e8f9;}
.attune-ux-confirm-btn{width:100%;padding:14px 18px;border:1px solid #d4af37;color:#1a1205;
  background:linear-gradient(120deg,#f0d78c,#c9a227 55%,#a855f7);font-family:Cinzel,serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);cursor:pointer;}
.attune-ux-confirm-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3);}
.attune-ux-status{margin-top:18px;padding:16px;border:1px solid rgba(168,85,247,.28);
  background:#07060c url('/assets/img/attune/attune-status-progress.png') center/cover no-repeat;position:relative;overflow:hidden;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);}
.attune-ux-status::before{content:'';position:absolute;inset:0;background:rgba(7,6,12,.82);}
.attune-ux-status > *{position:relative;z-index:1;}
.attune-ux-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
@media(max-width:640px){.attune-ux-status-grid{grid-template-columns:1fr;}}
.attune-ux-stat{padding:10px 12px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.08);}
.attune-ux-stat b{display:block;font-family:Cinzel,serif;font-size:10px;letter-spacing:.14em;color:#e8d5a3;text-transform:uppercase;}
.attune-ux-stat span{display:block;margin-top:4px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:16px;color:#f3e6c0;}
.attune-ux-modal[hidden]{display:none!important;}
.attune-ux-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.72);}
.attune-ux-modal-card{width:min(440px,100%);padding:28px 24px 22px;border:1px solid rgba(212,175,55,.4);
  background:#0a0812 url('/assets/img/attune/attune-confirm-modal.png') center/cover no-repeat;position:relative;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.65);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);}
.attune-ux-modal-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,18,.78),rgba(10,8,18,.92));}
.attune-ux-modal-card > *{position:relative;z-index:1;}
.attune-ux-modal-card h3{margin:0 0 10px;text-align:center;font-family:Cinzel,serif;letter-spacing:.18em;color:#f0d78c;text-transform:uppercase;}
.attune-ux-modal-card p{margin:0 0 14px;text-align:center;font-size:13px;line-height:1.55;color:rgba(235,225,200,.8);}
.attune-ux-modal-meta{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;color:#67e8f9;text-align:center;margin-bottom:16px;}
.attune-ux-modal-actions{display:flex;flex-direction:column;gap:10px;}
.attune-ux-modal-actions button{padding:12px 16px;font-family:Cinzel,serif;letter-spacing:.16em;text-transform:uppercase;font-size:12px;cursor:pointer;}
#attune-ux-modal-go{border:1px solid #d4af37;background:linear-gradient(120deg,#f0d78c,#c9a227);color:#1a1205;font-weight:700;}
#attune-ux-modal-cancel{border:1px solid rgba(255,255,255,.2);background:transparent;color:#cfc3a0;}