/* Exchange-specific layout; shared controls use the original game styles. */
.exchange-banner{background:radial-gradient(ellipse at 85% 0,#66816b55,transparent 60%),linear-gradient(120deg,#324c41,#1e342e);border-radius:18px;padding:30px}.exchange-banner h1{font-size:30px}.exchange-balance{padding:18px 25px;border:1px solid #bda56d66;border-radius:14px;background:#ffffff08;min-width:210px}.exchange-balance small,.exchange-balance span{display:block;color:#d9cdaf;font-size:12px}.exchange-balance strong{display:block;color:#f5dc9b;font-size:32px;margin:6px 0;font-variant-numeric:tabular-nums}
.exchange-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 12px}.exchange-overview h2{font-size:23px;margin:6px 0}.exchange-overview p{font-size:13px;color:#727664;margin:0}.exchange-overview .daily-refresh b{color:#426050;font-size:23px}.exchange-overview .daily-refresh small{color:#78715e}
.exchange-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.exchange-grid .daily-card-turn{height:350px}.exchange-grid .daily-back{border-radius:16px;background:radial-gradient(ellipse at top,#5d7860,#293e34 80%)}.exchange-grid .daily-front{border-radius:16px;border-color:color-mix(in srgb,var(--quality) 55%,#bba97e);background:#faf5e9}.exchange-art{height:175px;position:relative;background:radial-gradient(ellipse,#fffdf3,#e7e6d5);border-bottom:1px solid #bbaa7d44}.exchange-art canvas{width:100%;height:100%;display:block}.exchange-quality{position:absolute;top:12px;left:12px;border-radius:20px;padding:4px 10px;color:var(--quality);background:#34483c;font-size:11px}.exchange-material{position:absolute;right:12px;bottom:12px;font-size:11px;color:#5b6553;letter-spacing:2px}.exchange-grid .daily-front .item-info{padding:18px}.exchange-grid h3{color:#374c3c}.exchange-destination{color:#617a61!important}.exchange-grid .daily-buy{margin-top:18px;gap:10px;flex-wrap:wrap}.exchange-grid .daily-buy button{flex:1;min-height:40px}.exchange-grid .coin{color:#84692f;white-space:nowrap}.exchange-rules{background:#eae7d8;border:1px solid #d1c5a8;border-radius:14px;padding:22px;color:#656d58;font-size:13px;line-height:1.9}.exchange-rules b{color:#3a5544}.exchange-rules p{margin:8px 0}.exchange-rules small{color:#7a7664}.daily-grid .daily-buy button{min-height:40px}
@media(max-width:700px){.exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.exchange-banner{padding:22px;align-items:stretch;flex-direction:column}.exchange-balance{padding:12px 16px}.exchange-balance strong{font-size:26px}.exchange-overview{align-items:flex-start}.exchange-overview h2{font-size:18px}.exchange-overview .daily-refresh{min-width:100px}.exchange-overview .daily-refresh small{font-size:10px}.exchange-grid .daily-front .item-info{padding:12px}.exchange-grid .daily-card-turn{height:365px}.exchange-grid .daily-buy{flex-direction:column;align-items:stretch;margin-top:12px}.exchange-rules{padding:16px}.exchange-art{height:160px}}