/* ASTRAL AUTO CHESS original layout — mobile-first dark fantasy tactics. */
.ac-intro h1{letter-spacing:.3px}
.ac-resources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 17px}
.ac-resources>div{min-width:0;background:linear-gradient(135deg,#24203a,#12172c);border:1px solid #6f6180a3;border-radius:12px;padding:12px 16px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;box-shadow:inset 0 1px #ffffff12,0 6px 19px #0002}
.ac-resources small{display:block;flex:1 1 100%;color:#ad9bbd;font-size:9px;letter-spacing:1px}
.ac-resources strong{color:#ffe4a4;font:800 23px Cinzel,serif}.ac-resources span{font-size:10px;color:#abacd7}
.ac-layout{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:16px;align-items:stretch}
.ac-arena-panel,.ac-sidebar,.ac-inventory,.ac-market{min-width:0;position:relative;overflow:hidden;border:1px solid #584b73;border-radius:16px;background:radial-gradient(ellipse at 40% 0%,#684d8d16,transparent 52%),linear-gradient(140deg,#17192f,#101322 74%);box-shadow:0 13px 35px #0004}
.ac-arena-panel{padding:19px 16px 15px}
.ac-board-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.ac-board-top h2{font:700 clamp(16px,2vw,20px) Cinzel,serif;color:#ecd3a5;margin:7px 0 0}
.ac-timer{font:700 10px Cinzel,serif;letter-spacing:1px;color:#b7a1c6;border:1px solid #86719677;background:#130e22;border-radius:9px;padding:10px 14px;white-space:nowrap}
.ac-timer b{font-size:16px;color:#f5d5a4}
.ac-battlefield{position:relative;max-width:570px;margin:auto;padding:13px;background:radial-gradient(ellipse at 50% 55%,#463b694a,transparent 70%),linear-gradient(170deg,#1e1937,#161a31);border:1px solid #75648b88;border-radius:14px;box-shadow:inset 0 0 60px #04081685,0 8px 28px #0006}
.ac-team-tag{font:700 9px Cinzel,serif;letter-spacing:1.5px;text-align:center;padding:7px 0;color:#afa1c7}
.ac-team-tag.enemy{color:#e6a6b3}.ac-team-tag.friendly{color:#a9e1d2}
.ac-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.ac-cell{position:relative;display:flex;min-width:0;min-height:104px;overflow:hidden;padding:3px;border-radius:8px;align-items:stretch;justify-content:center;border:1px solid #8f73a15e;background:linear-gradient(145deg,#2d2646,#19172f);color:#957caa;transition:border-color .2s,box-shadow .2s,background .2s;cursor:pointer}
.ac-cell:disabled{cursor:default}.ac-cell-foe{background:linear-gradient(145deg,#4c203f77,#262038)}
.ac-cell-ally{background:linear-gradient(140deg,#1c4a4a77,#24203d)}
.ac-cell.ac-line-top{border-bottom:2px solid #a65a7285}.ac-cell.ac-line-bottom{border-top:2px solid #5cb6af85}
.ac-cell:not(:disabled):hover{border-color:#f6dba1;box-shadow:0 0 0 2px #f5d28f22}
.ac-cell.chosen{border-color:#ffe6a0;box-shadow:0 0 0 2px #f5da87,0 0 25px #ebcd7766}
.ac-cell-empty{margin:auto;color:#9f88b958;font:30px Cinzel,serif}
.ac-cell.motion-attack,.ac-cell.motion-cast{border-color:#ffdc8a;box-shadow:0 0 20px #ffd37b71,0 0 3px #fff inset}
.ac-cell.motion-move{border-color:#70e4ef;box-shadow:0 0 18px #70e4ef49}
.ac-creature{position:relative;display:flex;flex-direction:column;min-width:0;flex:1;background:radial-gradient(ellipse at 50% 40%,#a784be28,transparent 80%),#151a2a;border:1px solid #ad91614d;border-radius:5px;overflow:hidden;color:#fff5de;min-height:0}
.ac-creature-art{position:relative;flex:1 1 auto;min-height:45px;overflow:hidden;background:#151a2b}
.ac-creature-art .atlas-art,.ac-creature-art .vector-art{position:absolute;inset:0;width:100%;height:100%}
.ac-creature-art svg{display:block;width:100%;height:100%}
.ac-creature-name{font:700 10px/1.25 'Be Vietnam Pro',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 4px 1px;background:#111323cc}
.ac-creature-stars{position:absolute;top:3px;right:3px;font-size:10px;color:#ffe79c;text-shadow:0 0 6px #fdce72,0 1px 3px #000}
.ac-creature-stats{font:600 9px/1.2 'Be Vietnam Pro',sans-serif;color:#e3dabf;padding:2px 4px 4px;background:#111323}
.ac-health,.ac-mana{height:3px;background:#352633;overflow:hidden}.ac-health i,.ac-mana i{height:100%;display:block;background:linear-gradient(90deg,#55bf90,#aeff9c)}
.ac-mana i{background:linear-gradient(90deg,#6965d9,#bdb5ff)}
.ac-action-row{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:9px;margin:15px 0}
.ac-action-row button{flex:1 1 145px;padding:12px 9px;font-size:11px}.ac-action-row .subtle-button{flex:0 1 98px}
.ac-action-row [hidden]{display:none!important}
.ac-feedback{margin:7px 0 0;font-size:11px;color:#d9bda4;text-align:center;line-height:1.65;min-height:20px}
.ac-sidebar{padding:21px 18px}.ac-sidebar h2{font:700 23px Cinzel,serif;margin:7px 0 12px}.ac-sidebar h2 i{font-style:normal;color:#d7b783}
.ac-tip{line-height:1.75;color:#b8b3c9;font-size:11px}
.ac-synergies{display:grid;grid-template-columns:1fr;gap:7px;margin:18px 0}.ac-synergies>p{font-size:11px;color:#9993ad}
.ac-trait{display:grid;grid-template-columns:1fr auto;gap:2px 6px;padding:9px 11px;border:1px solid #463f64;border-radius:8px;background:#ffffff06;color:#aea7c8}
.ac-trait strong{font-size:11px}.ac-trait>span{color:#f5cfa0;font:700 12px Cinzel,serif}.ac-trait small{grid-column:1/-1;font-size:9px;opacity:.74}
.ac-trait.active{border-color:#d9bc7694;background:linear-gradient(110deg,#56402f66,#25233c)}.ac-trait.active strong{color:#ffe3ab}.ac-trait.active small{opacity:1;color:#e6c996}
.ac-log-title{margin-top:18px;border-top:1px solid #6b5d8052;padding-top:15px;letter-spacing:1px;font-size:10px;font-weight:700;color:#e4cda4}
.ac-battle-log{margin:8px 0;max-height:190px;overflow:auto;display:grid;gap:6px;font-size:10px;line-height:1.65;color:#c5bad4}.ac-battle-log>div{border-bottom:1px solid #ffffff09;padding-bottom:5px}
.ac-combat-summary{margin:14px 0;color:#f4d293;font-size:11px;line-height:1.65}
.ac-security-note{display:block;color:#938aa8;line-height:1.7;font-size:9px;margin-top:18px}
.ac-inventory,.ac-market{padding:21px 22px;margin-top:16px}
.ac-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;flex-wrap:wrap}
.ac-section-head h2{font:700 21px Cinzel,serif;margin:7px 0 0}.ac-section-head h2 i{font-style:normal;color:#e8c486}
.ac-section-head p{font-size:11px;color:#aba2bb;line-height:1.6;margin:8px 0 0}
.ac-bench{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}
.ac-bench-slot{min-width:0;min-height:123px;padding:3px;border:1px dashed #675778;border-radius:9px;background:linear-gradient(150deg,#26213b,#121728);color:#978bac;display:flex;align-items:stretch;justify-content:center;cursor:pointer;transition:.2s}
.ac-bench-slot>span{margin:auto;font-size:26px;color:#887ca35c}.ac-bench-slot .ac-creature-name{font-size:9px}.ac-bench-slot .ac-creature-stats{font-size:8px}
.ac-bench-slot.chosen{border:2px solid #ffdb8b;box-shadow:0 0 20px #d2ab5b4a}
.ac-bench-slot:disabled{opacity:.6;cursor:default}
.ac-shop-actions{display:flex;gap:8px;flex-wrap:wrap}.ac-shop-actions button{font-size:11px;padding:10px 12px}
.ac-shop{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.ac-shop-item,.ac-shop-empty{min-width:0;min-height:185px;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:7px;border:1px solid #8d7091;border-radius:10px;background:linear-gradient(140deg,#332941,#1b1c35);color:#f6e8d4;cursor:pointer;transition:.2s}
.ac-shop-item:hover:not(:disabled){border-color:#f4d598;transform:translateY(-3px);box-shadow:0 9px 30px #0005}
.ac-shop-item:disabled{opacity:.5;cursor:default}
.ac-shop-portrait{height:107px;position:relative;overflow:hidden;border-radius:6px;background:#121422}.ac-shop-portrait .atlas-art,.ac-shop-portrait .vector-art{position:absolute;inset:0;width:100%;height:100%}.ac-shop-portrait svg{height:100%;width:100%;display:block}
.ac-shop-name{font-size:11px;font-weight:800;padding:8px 1px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-shop-item small{color:#aa9fbd;font-size:9px;line-height:1.45}
.ac-shop-price{margin-top:auto;padding-top:6px;color:#f9d58b;font:700 11px Cinzel,serif}.ac-shop-empty{align-items:center;justify-content:center;color:#8d859b;border-style:dashed;font-size:11px}
@media(max-width:1080px){.ac-layout{grid-template-columns:minmax(0,1fr) 230px}.ac-bench{display:flex;overflow-x:auto;padding:2px 0 8px}.ac-bench-slot{flex:0 0 102px}}
@media(max-width:800px){.ac-layout{grid-template-columns:1fr}.ac-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.ac-sidebar>.section-eyebrow,.ac-sidebar>h2,.ac-sidebar>.ac-tip{grid-column:1/-1}.ac-sidebar .ac-synergies{margin:4px 0}.ac-sidebar .ac-log-title{margin-top:0;padding-top:0;border:0}.ac-sidebar .ac-combat-summary,.ac-sidebar .ac-security-note{grid-column:1/-1;margin:0}.ac-shop{display:flex;overflow-x:auto;gap:11px;padding-bottom:12px}.ac-shop-item,.ac-shop-empty{flex:0 0 151px}}
@media(max-width:550px){
 .ac-resources{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .ac-resources>div{padding:9px 12px}.ac-resources strong{font-size:20px}
 .ac-arena-panel{padding:12px 8px}.ac-board-top{padding:0 3px}.ac-board-top h2{font-size:15px}
 .ac-battlefield{padding:8px}.ac-board{gap:5px}.ac-cell{min-height:88px;padding:2px}
 .ac-creature-art{min-height:34px}.ac-creature-name{font-size:8px}.ac-creature-stats{font-size:8px}
 .ac-creature-stars{font-size:8px}.ac-team-tag{font-size:8px}
 .ac-action-row button{flex:1 1 42%;font-size:10px}
 .ac-sidebar{padding:14px 13px}.ac-sidebar .ac-synergies{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.ac-log-title,.ac-battle-log{grid-column:1/-1}
 .ac-inventory,.ac-market{padding:16px 12px}.ac-section-head h2{font-size:17px}
 .ac-section-head .outline-button{padding:9px 10px;font-size:10px}.ac-shop-actions{width:100%}.ac-shop-actions button{flex:1}
 .mobile-nav .mobile-tab{font-size:9px;min-width:0}.mobile-nav .mobile-tab b{font-size:19px}
}