:root{--bg:#0b100c;--panel:rgba(33,39,29,.92);--line:rgba(255,221,114,.20);--text:#fff8dc;--muted:#b4ad91;--cyan:#f7c43f;--blue:#c47a13;--amber:#ffdd72;--red:#e85b43;--green:#00742e;--forest:#014a1e;--brown:#3d1c15;--shield:#3f3627}
body{background:radial-gradient(circle at 45% -20%,#174d2c 0,transparent 38%),var(--bg)}.topbar{background:rgba(16,23,17,.94);border-bottom-color:#c47a1355}.glass,.modal-card{background:linear-gradient(145deg,rgba(63,54,39,.96),rgba(20,29,20,.95));border-color:#c47a1366}.primary{background:linear-gradient(180deg,#ffdd72,#f7c43f 55%,#c47a13);color:#301b0c;border:1px solid #ffdd72;box-shadow:0 4px 0 #73420d,0 0 24px #f7c43f33}.secondary{background:#263b27;border-color:#00742e;color:#fff8dc}.arena{border-color:#c47a1377}
.auth-gate{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(390px,.7fr);background:#09100b}.auth-gate.hidden{display:none}.auth-world{position:relative;background:linear-gradient(90deg,transparent 55%,#09100b),linear-gradient(0deg,#07100bbd,transparent),url('assets/arena.png') center/cover}.auth-copy{position:absolute;left:8%;bottom:10%;max-width:620px}.auth-copy h1{font-family:Gameplay,Inter,sans-serif;font-size:clamp(48px,7vw,96px);line-height:.82;margin:14px 0;color:#fff8dc;text-shadow:5px 5px 0 #3d1c15}.auth-copy h1 em{color:#f7c43f;font-style:normal}.auth-copy p{max-width:520px;line-height:1.7;color:#d8d0af}.feature-row{display:flex;gap:24px;color:#ffdd72;font-size:10px;font-weight:800;letter-spacing:1px}.auth-panel{display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 50% 20%,#174d2c,#09100b 65%)}.auth-card{width:min(390px,100%);padding:40px 34px;text-align:center;border:1px solid #c47a1377;background:linear-gradient(145deg,#3f3627,#182218);box-shadow:0 30px 80px #000b}.auth-seal{display:grid;place-items:center;margin:0 auto 20px;width:64px;height:64px;background:#f7c43f;color:#3d1c15;border:4px double #3d1c15;transform:rotate(45deg);font:32px Gameplay}.auth-card h2{font:28px Gameplay;margin:10px 0 24px;color:#ffdd72}.auth-card label{text-align:left;margin:12px 0;color:#d8d0af}.auth-card input{width:100%;margin-top:7px;padding:13px;border:1px solid #8d6c32;background:#111a12;color:#fff;border-radius:6px}.auth-card .primary{margin-top:12px}.auth-switch{margin:14px 0;background:none;border:0;color:#b4ad91;cursor:pointer}.auth-switch b{color:#f7c43f}.auth-card>small{color:#77715f}.form-error{min-height:16px;color:#ff8b78;font-size:11px}.progress-strip{display:flex;align-items:center;gap:18px;margin:0 0 18px;padding:10px 16px;background:#172318;border:1px solid #c47a1344}.progress-strip div:first-child{min-width:200px}.progress-strip span{display:block;font-size:8px;color:#f7c43f;letter-spacing:1.5px}.progress-strip b{font-size:11px}.progress-strip strong{font-size:9px;color:#ffdd72}.xp-track{height:6px;background:#3f3627;flex:1}.xp-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#00742e,#ffdd72)}.profile-btn{display:flex;align-items:center;gap:8px;border:0;background:none;color:#fff;text-align:left;cursor:pointer}.profile-btn i{display:grid;place-items:center;width:34px;height:34px;border-radius:4px;background:#f7c43f;color:#3d1c15;font-style:normal;font-weight:900}.profile-btn span{display:flex;flex-direction:column}.profile-btn small{font-size:7px;color:#b4ad91}.profile-btn b{margin:0;font-size:10px}.level-chip{color:#f7c43f!important}
@media(max-width:820px){.auth-gate{grid-template-columns:1fr}.auth-world{display:none}.progress-strip{flex-wrap:wrap}.progress-strip div:first-child{min-width:100%}.profile-btn span{display:none}}

/* Campaign-first interface */
.topbar{height:64px;padding:0 22px}.brand{width:auto;min-width:210px}.campaign-title{display:flex;flex-direction:column;margin-left:28px;padding-left:28px;border-left:1px solid #c47a1344}.campaign-title small{font-size:7px;letter-spacing:2px;color:#c7b98e}.campaign-title b{font:13px Gameplay;color:#ffdd72;letter-spacing:.5px;margin-top:4px}main{padding:14px 18px}.progress-strip{margin-bottom:10px;border-radius:4px;padding:8px 14px}.next-reward{padding-left:18px;border-left:1px solid #c47a1344;min-width:180px}.next-reward b{color:#ffdd72;font-size:10px}.chapter-bar{margin-bottom:9px}.chapter-bar h1{font:20px Gameplay}.battle-layout.campaign-only{display:block;min-height:calc(100vh - 160px)}.arena{height:calc(100vh - 190px);min-height:570px;border-radius:4px}.compact-drawer{display:none;position:fixed;z-index:35;top:76px;bottom:16px;width:310px;overflow:auto;box-shadow:0 24px 80px #000}.compact-drawer.open{display:block}.squad-panel.compact-drawer{left:18px}.strategy-panel.compact-drawer{right:18px}.arena-actions{position:absolute;z-index:4;top:42px;right:14px;display:flex;gap:7px}.arena-actions button{padding:8px 12px;border:1px solid #c47a1370;background:#111b13dd;color:#ffdd72;font-size:8px;font-weight:800;letter-spacing:1px;cursor:pointer}.arena-actions button:hover{background:#263b27;border-color:#f7c43f}.enemy-zone{height:48%}.team-stage{height:29%}.fighter{width:95px}.fighter .sprite{height:125px}.modal-help{color:#b4ad91;font-size:11px;line-height:1.5}.formation-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:430px;overflow:auto;margin:18px 0}.formation-pick{display:flex;align-items:center;gap:9px;padding:8px;text-align:left;background:#111a12;border:1px solid #3f4c39;color:#fff;cursor:pointer}.formation-pick.selected{border-color:#f7c43f;background:#263b27;box-shadow:inset 3px 0 #f7c43f}.formation-pick .portrait{display:block}.formation-pick span:last-child{display:flex;flex-direction:column}.formation-pick b{font:10px Gameplay}.formation-pick small{font-size:8px;color:#b4ad91;margin-top:4px}
@media(max-width:800px){.campaign-title{display:none}.resources{gap:8px}.next-reward{display:none}.chapter-progress{width:180px}.arena{height:calc(100vh - 180px);min-height:520px}.compact-drawer{top:68px;left:10px!important;right:10px!important;width:auto}.arena-actions{top:40px}.fighter{width:70px}.fighter .sprite{height:95px}.formation-grid{grid-template-columns:1fr}}