:root{--bg:#060606;--panel:#0d0d0c;--ink:#f2e7d2;--muted:#978f82;--gold:#d1a961;--gold2:#654721;--buy:#68cf59;--sell:#e05d45;--line:#3f301f}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% -15%,#1d180f 0,#090806 34%,#050505 75%);color:var(--ink);font-family:Inter,system-ui,sans-serif}button{color:inherit;font:inherit;cursor:pointer}.topbar{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;background:#090909;border-bottom:1px solid #4b351d;position:sticky;top:0;z-index:20;box-shadow:0 8px 30px #000}.brand-lockup{display:flex;align-items:center;gap:11px}.crest{width:40px;height:48px;display:grid;place-items:center;clip-path:polygon(50% 0,92% 14%,86% 74%,50% 100%,14% 74%,8% 14%);background:linear-gradient(#4a351c,#171109);font-family:Cinzel,serif;font-weight:800;font-size:24px;color:#efd29a}.site-name{font-family:Cinzel,serif;font-weight:700;color:#e2cfac}.title-lockup{display:flex;align-items:center;gap:14px;text-align:center;color:#b98a4b}.title-lockup h1{font-family:Cinzel,serif;font-size:27px;margin:0;color:#e6c48a;letter-spacing:.04em}.title-lockup p{font-family:Cinzel,serif;font-size:11px;margin:2px 0 0;color:#d8c3a0;letter-spacing:.1em}.top-actions{justify-self:end;display:flex;gap:10px;align-items:center}.live-pill,.top-actions button{border:1px solid #543b20;background:#11100e;padding:7px 10px;font-size:10px}.live-pill{display:flex;gap:7px;align-items:center;font-weight:800;letter-spacing:.08em}.live-pill i{width:7px;height:7px;background:#82786d;border-radius:50%}.status-live i{background:#2ed45f;box-shadow:0 0 10px #2ed45f}.status-demo i{background:#d5a14c}.status-stale i{background:var(--sell)}.dashboard{max-width:1920px;margin:auto;padding:10px 12px 18px}.frame{border:1px solid #4a351f;background:linear-gradient(#13110e,#080807);box-shadow:inset 0 0 0 1px rgba(223,177,94,.04),0 18px 45px rgba(0,0,0,.48);position:relative}.frame:before,.frame:after{content:"";position:absolute;width:18px;height:18px;border-color:#8b6637;pointer-events:none}.frame:before{left:5px;top:5px;border-left:1px solid;border-top:1px solid}.frame:after{right:5px;bottom:5px;border-right:1px solid;border-bottom:1px solid}.battle-card{overflow:hidden}.battle-header{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-bottom:1px solid #382918;background:#0d0d0c}.market-block{display:flex;flex-direction:column;gap:4px}.market-block b{font-family:Cinzel,serif;color:#ebd0a1}.market-block span,.feed-block span{font-size:8px;color:#7f776d;letter-spacing:.08em}.price-block{text-align:center;min-width:310px}.btc-price{font-family:Cinzel,serif;font-size:34px;font-weight:700;color:#fff6e5}.price-change{font-size:11px;font-weight:700}.positive{color:#62d769}.negative{color:#ef6a53}.neutral{color:#9d968d}.price-block small{font-size:8px;color:#6e685f}.feed-block{justify-self:end;display:grid;grid-template-columns:repeat(3,auto);gap:18px}.feed-block div{display:flex;flex-direction:column;align-items:flex-end}.feed-block b{font-size:9px;color:#d1c1a5;margin-top:2px}.battle-stage-wrap{height:590px;position:relative;overflow:hidden;background:#0a0a09 url('battlefield-bg.webp') center/cover no-repeat}.battle-stage-wrap canvas{position:absolute;inset:0;width:100%;height:100%}.stage-tint{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(12,57,28,.18),transparent 43%,transparent 57%,rgba(104,30,18,.2)),radial-gradient(circle at 50% 65%,transparent 0,rgba(0,0,0,.08) 40%,rgba(0,0,0,.4) 100%)}.army-overlay{position:absolute;top:22px;width:182px;padding:10px 12px;background:rgba(5,7,6,.72);backdrop-filter:blur(3px)}.army-overlay.buy{left:18px;border-left:3px solid var(--buy)}.army-overlay.sell{right:104px;text-align:right;border-right:3px solid var(--sell)}.army-overlay span{display:block;font-family:Cinzel,serif;font-size:17px;font-weight:800}.army-overlay.buy span{color:#8be570}.army-overlay.sell span{color:#ff765e}.army-overlay small{font-size:8px;color:#a09584}.army-overlay strong{display:block;font-family:Cinzel,serif;font-size:29px;line-height:1;margin-top:5px}.army-overlay em{font-style:normal;font-size:10px;color:#d6c4a7}.pressure-hud{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:min(560px,48vw);z-index:5}.pressure-label-row{display:grid;grid-template-columns:1fr auto 1fr;font-size:9px;font-weight:800;margin-bottom:5px;text-shadow:0 2px 4px #000}.pressure-label-row>span:nth-child(2){font-size:8px;color:#c3b8a6}.pressure-label-row>span:last-child{text-align:right}.buy-text{color:#6ed861}.sell-text{color:#f07057}.gold-text{color:#e2ba70}.pressure-bar{height:17px;display:flex;border:1px solid #745329;background:#0c0b09;position:relative}.pressure-buy,.pressure-sell{height:100%;transition:width .4s}.pressure-buy{background:linear-gradient(90deg,#174627,#3d963d)}.pressure-sell{background:linear-gradient(90deg,#b73e29,#5e1d17)}.pressure-empty:before{content:"";position:absolute;inset:0;background:#171512}.pressure-bar i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#251b10;border:1px solid #b3833e;color:#e9c980;font-style:normal}.pressure-caption{text-align:center;font-family:Cinzel,serif;font-size:8px;color:#d3b57d;margin-top:6px}.front-line{position:absolute;left:50%;bottom:29px;transform:translateX(-50%);padding:7px 13px;background:rgba(24,18,11,.93);border:1px solid #845f33;text-align:center;z-index:6}.front-line span{display:block;font-family:Cinzel,serif;font-size:8px;color:#dab573}.front-line strong{font-family:Cinzel,serif;font-size:17px}.battle-status{position:absolute;left:14px;bottom:10px;font-size:8px;color:#9c9386}.canvas-tooltip{position:absolute;z-index:12;width:195px;padding:8px 10px;background:rgba(5,5,5,.95);border:1px solid #7d5c34;box-shadow:0 10px 30px #000;pointer-events:none}.canvas-tooltip strong,.canvas-tooltip span{display:block;font-size:9px;margin:2px 0}.hidden{display:none!important}.stage-controls{position:absolute;right:9px;top:88px;width:87px;padding:10px 8px;background:rgba(10,9,8,.92);z-index:7}.stage-controls h3{font-family:Cinzel,serif;font-size:9px;color:#d0b68f;margin:0 0 6px}.stage-controls h3:not(:first-child){margin-top:11px}.button-stack{display:flex;flex-direction:column;gap:5px}.button-stack button,.wide{height:28px;border:1px solid #45331d;background:#11100e;font-size:8px;color:#b4a99a}.button-stack button.active,.wide.active{border-color:#b17f35;color:#ffd488;background:#20170d}.wide{width:100%;margin-top:5px}.explainer-strip{height:33px;display:flex;justify-content:center;gap:15px;align-items:center;border-top:1px solid #47321c;background:#0c0b09;font-size:9px;color:#bfb4a4}.explainer-strip i{color:#625643;font-style:normal}.lower-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(320px,.9fr) minmax(260px,.68fr);gap:10px;margin-top:10px}.unit-panel,.battle-log-panel,.stats-panel{min-height:262px;padding:13px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:9px}.section-head small{font-size:7px;color:#7f776d;letter-spacing:.1em}.section-head h2{font-family:Cinzel,serif;font-size:14px;margin:2px 0 0;color:#e5d2b3}.section-head>span{font-size:7px;color:#82796b}.section-head button{border:1px solid #5b4022;background:#11100e;font-size:8px;padding:5px 8px}.unit-scale{display:grid;grid-template-columns:repeat(10,1fr);border:1px solid #382a1b}.unit-card{text-align:center;padding:6px 4px 8px;border-right:1px solid #2a231b;position:relative;background:rgba(14,13,11,.85)}.unit-card:last-child{border-right:0}.unit-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--tier-color)}.unit-rank{font-family:Cinzel,serif;font-size:15px;color:var(--tier-color)}.unit-card canvas{display:block;width:100%;height:85px}.unit-card strong{display:block;font-family:Cinzel,serif;font-size:8px;white-space:nowrap}.unit-card span{display:block;font-size:7px;color:#998f7f;margin-top:2px}.volume-ramp{display:flex;justify-content:space-between;font-size:7px;margin-top:7px;padding-bottom:5px;background:linear-gradient(90deg,#3b9c42,#5a7264 43%,#b56f33 69%,#cb4430);background-size:100% 2px;background-repeat:no-repeat;background-position:bottom}.volume-ramp span:first-child{color:#67cc61}.volume-ramp span:last-child{color:#ee6b50}.battle-log{max-height:205px;overflow:auto;border-top:1px solid #2a231b}.log-row{display:grid;grid-template-columns:52px 112px 1fr;gap:7px;align-items:center;padding:8px 2px;border-bottom:1px solid #252019;font-size:8px}.log-time{color:#6f685f}.log-side{font-weight:800}.log-main{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#bcb1a1}.log-tier{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;margin-right:4px;font-family:Cinzel,serif}.empty-state{height:120px;display:grid;place-items:center;color:#6b655d;font-size:8px}.stats-list{border-top:1px solid #2a231b}.stats-list div{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #252019}.stats-list span{font-size:8px;color:#827b72}.stats-list b{font-size:8px;color:#d4c3a7;text-align:right}.footer-note{text-align:center;color:#6d675f;font-size:8px;padding:11px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);display:grid;place-items:center;z-index:50;padding:20px}.modal-card{width:min(700px,95vw);padding:27px;background:linear-gradient(#17140f,#0b0a08)}.modal-card>.close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:25px}.modal-card h2{font-family:Cinzel,serif;color:#e2c183}.modal-card p{font-size:11px;line-height:1.5;color:#b6aa99}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.intro-grid>div{border:1px solid #392c1e;background:#0d0c0a;padding:12px}.intro-grid b{font-family:Cinzel,serif;color:#d5a95f;font-size:18px}.intro-grid strong{display:block;font-size:10px;margin:4px 0}.intro-grid p{font-size:9px;margin:0}.enter-btn{display:block;margin:15px auto 0;padding:10px 17px;border:1px solid #aa7b39;background:#2d2112;color:#edcf96;font-family:Cinzel,serif}
@media(max-width:1180px){.site-name{display:none}.battle-stage-wrap{height:540px}.lower-grid{grid-template-columns:1fr 1fr}.unit-panel{grid-column:1/-1}.unit-scale{grid-template-columns:repeat(5,1fr)}}@media(max-width:820px){.topbar{grid-template-columns:auto 1fr auto;height:62px;padding:0 9px}.title-lockup h1{font-size:17px}.title-lockup p{font-size:8px}.title-lockup>span{display:none}.crest{width:33px;height:40px;font-size:19px}.battle-header{height:102px;grid-template-columns:1fr auto}.price-block{grid-column:1/-1;grid-row:1;min-width:0}.market-block,.feed-block{grid-row:2}.battle-stage-wrap{height:520px}.army-overlay{top:90px;width:128px}.army-overlay.buy{left:8px}.army-overlay.sell{right:8px}.pressure-hud{width:76vw}.stage-controls{top:auto;bottom:8px;width:auto;display:flex;gap:4px;padding:5px}.stage-controls h3{display:none}.button-stack{flex-direction:row}.button-stack button,.wide{width:auto;padding:0 6px;height:25px}.front-line{bottom:50px}.lower-grid{grid-template-columns:1fr}.unit-panel{grid-column:auto}.unit-scale{grid-template-columns:repeat(2,1fr)}.intro-grid{grid-template-columns:1fr}}