@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#101b20;--panel:#1b292e;--line:#344146;--text:#f3f2e8;--muted:#9baeb1;--lime:#d7f581;--gold:#f5ca68}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -40%,#334b45,transparent 70%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--line);transition:.18s}button:hover{filter:brightness(1.13);border-color:var(--lime)}button:focus-visible,canvas:focus-visible{outline:3px solid var(--lime);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}main{max-width:1360px;padding:0 42px;margin:auto}header{height:108px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-size:25px;font-weight:800;letter-spacing:1px}.brand b{color:var(--lime)}.brand small{display:block;font:9px 'DM Sans';letter-spacing:2.5px;margin-top:4px;color:var(--muted)}.brand-icon{background:var(--lime);color:var(--bg);width:45px;height:45px;border-radius:14px;font-size:36px;text-align:center}.header-right{display:flex;align-items:center;gap:10px}.live{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-right:18px}.icon{background:#223035;border-radius:50%;width:36px;height:36px}.game-shell{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 25px 60px #0003}.dashboard{display:flex;justify-content:space-between;align-items:center;padding:24px 30px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--lime);font-weight:700}h1{font-family:'Barlow Condensed',sans-serif;font-size:38px;margin:3px 0 0;line-height:1}h1 span{color:var(--lime)}.stats{display:flex;gap:48px}.stats small{display:block;font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-bottom:7px}.stats strong{font-size:24px;line-height:1.2}.stats em{font-style:normal;color:#7b9396;font-size:15px}.gold{color:var(--gold);display:flex;align-items:center;gap:5px}.gold img{width:22px;height:24px;object-fit:contain}.health-track{margin-top:6px;width:100px;height:4px;background:#3c4a4b;border-radius:10px}.health-track i{display:block;width:100%;height:100%;background:var(--lime);border-radius:10px}.arena-wrap{position:relative;background:#526371}canvas{display:block;width:100%;height:auto;touch-action:manipulation}.arena-top{position:absolute;top:17px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none}.arena-top button{pointer-events:auto}.tag{font-size:9px;letter-spacing:1.5px;background:#172528df;padding:10px 13px;border-radius:5px;color:var(--lime)}.mini{background:#172528df;border-radius:6px;padding:6px 12px;margin-left:5px;min-width:36px}.lane-labels{position:absolute;top:30%;bottom:17%;left:10px;display:flex;flex-direction:column;justify-content:space-between;color:#c6d8d890;font-size:10px;pointer-events:none}#toast{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#112226e8;padding:9px 17px;border:1px solid #65787670;border-radius:30px;font-size:11px;white-space:nowrap;pointer-events:none}.overlay{position:absolute;inset:0;background:#0b191dab;backdrop-filter:blur(5px);display:grid;place-items:center;z-index:3}.overlay.hidden{display:none}.modal{text-align:center;max-width:510px;padding:24px}h2{font-family:'Barlow Condensed',sans-serif;font-size:60px;line-height:1.02;margin:13px 0 15px}.modal p{font-size:13px;line-height:1.7;color:#d0dada;max-width:380px;margin:0 auto}.steps{display:flex;gap:18px;justify-content:center;font-size:10px;margin:22px 0}.steps b{color:var(--lime);margin-right:5px}.primary{background:var(--lime);color:#1c3025;border:0;border-radius:8px;padding:15px 25px;font-weight:800;min-width:250px;box-shadow:0 4px 0 #819b40}.primary span{margin-left:25px}.modal>small{display:block;color:#afc0bc;font-size:10px;margin-top:18px}.command{display:grid;grid-template-columns:1.6fr 1fr;gap:26px;padding:22px 28px 25px}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--muted);margin-bottom:12px}.section-label span+span{letter-spacing:0;font-weight:400}.cards{display:flex;gap:10px}.unit{position:relative;display:flex;align-items:center;flex:1;min-width:0;text-align:left;background:#243438;border-radius:10px;padding:8px 7px;min-height:94px}.unit.selected{border-color:var(--lime);background:#344638;box-shadow:inset 0 0 0 1px #d7f533}.unit kbd{position:absolute;left:6px;top:4px;font-size:8px;color:#98aba7}.portrait{width:65px;height:66px;flex-shrink:0;background-repeat:no-repeat}.unit strong{font-size:13px}.unit small{display:block;color:#a7b8b6;font-size:9px;margin:3px 0 8px}.unit b{color:var(--gold);font-size:13px}.unit b span{font-weight:400;font-size:9px}.ability-row{display:flex;gap:10px}.ability-row button{background:#28373a;border-radius:8px;text-align:left;display:flex;gap:10px;align-items:center;flex:1;padding:13px 9px}.ability-row button>span{font-size:24px;color:var(--lime)}.ability-row strong{font-size:11px}.ability-row small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:5px}.hint{display:block;color:#829a9e;font-size:9px;margin-top:10px}footer{display:flex;justify-content:space-between;color:#788f93;font-size:10px;padding:22px 0}footer b{padding:0 8px}footer i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:7px}@media(max-width:950px){main{padding:0 18px}.command{grid-template-columns:1fr;padding:18px;gap:18px}.stats{gap:25px}h2{font-size:46px}.modal p{font-size:12px}.steps{margin:14px 0}.primary{padding:12px 20px}.abilities{display:none}.command .abilities{display:block}.ability-row button{justify-content:center}.hint{text-align:center}}@media(max-width:600px){main{padding:0 8px}header{height:78px}.brand{font-size:20px}.brand small{font-size:7px}.brand-icon{width:36px;height:36px;font-size:30px}.live{display:none}.dashboard{padding:16px 12px}.chapter .eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:27px}.stats{gap:15px}.stats strong{font-size:18px}.stats small{font-size:7px}.health-track{width:55px}.stats em{font-size:11px}.gold img{width:16px}.arena-wrap{min-height:310px}canvas{height:310px;object-fit:fill}.arena-top{top:8px;left:8px;right:8px}.tag{font-size:7px;padding:8px}.mini{font-size:11px;padding:5px 8px}.modal{padding:12px}.modal .eyebrow{font-size:8px}h2{font-size:35px;margin:8px 0}.modal p{font-size:10px;max-width:290px}.steps{font-size:8px;gap:10px;margin:12px 0}.modal>small{font-size:8px;margin-top:12px}.primary{font-size:12px;min-width:220px}.unit{padding:8px 4px;display:block;text-align:center}.portrait{margin:auto}.unit small{font-size:8px}.unit kbd{display:none}.cards{gap:7px}#toast{font-size:8px;max-width:96%;overflow:hidden;padding:7px 10px;bottom:8px}.command{padding:13px}.section-label{font-size:8px}.unit{min-height:128px}footer{font-size:8px;gap:12px}footer span:last-child{max-width:125px;text-align:right}}

/* Illustrated title screen uses the original Craftpix artwork. */
body.on-title{overflow:hidden;background:#26333c}
body.on-title #game-content{display:none}
.title-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#26333c}
.title-screen.hidden{display:none}
.title-scene{position:relative;display:block;width:100%;height:100%;overflow:hidden;padding:0;border:0;border-radius:0;background:#26333c;isolation:isolate;touch-action:manipulation}
.title-scene:hover{filter:none;border:0}
.title-scene:disabled{opacity:1;cursor:wait}
.title-scene:focus-visible{outline:4px solid #ffe388;outline-offset:-6px}
.title-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.title-logo{position:absolute;left:50%;top:48%;width:40%;height:auto;max-height:48%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 5px 2px #18202b88);pointer-events:none}
.tap-to-play{position:absolute;top:82%;left:0;right:0;color:#fff;text-align:center;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(18px,2.4vw,32px);font-weight:800;line-height:1.2;text-shadow:0 2px 1px #1d2632,2px 0 1px #1d2632,-2px 0 1px #1d2632,0 -1px 1px #1d2632;animation:tap-glow 2s ease-in-out infinite;pointer-events:none}
@keyframes tap-glow{0%,100%{opacity:1}50%{opacity:.66}}
@media(max-aspect-ratio:1/1){.title-screen{background:linear-gradient(#333c48,#182731)}.title-scene{height:auto;aspect-ratio:3/2}.title-logo{width:42%}.tap-to-play{font-size:clamp(17px,3vw,24px)}}
@media(prefers-reduced-motion:reduce){.tap-to-play{animation:none}}


.arena-picker{position:fixed;inset:0;z-index:25;overflow:auto;background:radial-gradient(ellipse at top,#374d43,#101b20 80%);padding:clamp(20px,4vw,54px);color:var(--text)}
.arena-picker.hidden{display:none}.picker-panel{max-width:1180px;margin:auto}.picker-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.picker-heading h2{font-size:52px;margin:8px 0}.picker-back,.modal-arena{padding:10px 15px;background:#243438;border:1px solid #5b7270;border-radius:8px}.picker-intro{color:#b4c6c2;font-size:13px;line-height:1.6;margin:12px 0 25px}.arena-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.arena-card{text-align:left;background:#203137;border:2px solid #415755;border-radius:13px;overflow:hidden;padding:0}.arena-card.active{border-color:var(--lime);box-shadow:0 0 0 2px #d7f526}.arena-thumb{position:relative;aspect-ratio:2/1;overflow:hidden}.arena-thumb img{width:100%;height:100%;object-fit:cover;display:block}.arena-number,.arena-cleared{position:absolute;top:10px;background:#112322de;padding:5px 9px;border-radius:5px;font-size:10px;color:var(--lime)}.arena-number{left:10px}.arena-cleared{right:10px}.arena-caption{padding:14px}.arena-caption strong{font-size:18px;display:block}.arena-caption small{font-size:11px;color:#aec2be;display:block;line-height:1.5;margin:6px 0 13px}.arena-caption>span{font-size:10px;display:flex;justify-content:space-between;color:#a1b7b4}.arena-caption b{color:var(--gold)}.picker-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0 10px}.picker-bottom p{font-size:12px;line-height:1.6;color:#c3d5cb;max-width:480px}.picker-bottom .primary{font-size:13px;min-width:220px}.modal-arena{display:block;margin:14px auto 0;font-size:12px}
@media(max-width:800px){.arena-cards{grid-template-columns:repeat(2,1fr)}.picker-heading h2{font-size:42px}.picker-bottom{align-items:stretch;flex-direction:column;gap:7px}.picker-bottom .primary{width:100%}}
@media(max-width:480px){.arena-picker{padding:22px 14px}.arena-cards{gap:10px}.arena-caption{padding:10px}.arena-caption strong{font-size:14px}.arena-caption small{font-size:10px}.arena-caption>span{font-size:9px;gap:4px}.picker-heading .eyebrow{font-size:8px}.picker-heading h2{font-size:34px}.picker-back{font-size:11px;padding:8px}.arena-cleared{font-size:8px;right:4px;padding:4px}.arena-number{left:4px;padding:4px}.header-right{gap:5px}.header-right .mini{font-size:10px}.picker-intro{font-size:11px}}
/* Craftpix game interface: original map, tabs, ribbons, panels, and buttons. */
:root{--text:#fff1ce;--lime:#a6d93b;--gold:#ffdf60;--muted:#e1d8bd}
body{background:#20292e;color:#fff1ce;font-family:'Trebuchet MS',sans-serif}
button{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.3px}button:hover{filter:brightness(1.08)}.hidden{display:none!important}
.asset-button,.primary,.modal-arena{border:0;border-radius:0;background:transparent url('assets/ui/BtnGreen.png') center/100% 100% no-repeat;color:#fff5d5;font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:20px;letter-spacing:.4px;text-shadow:2px 2px #64412e,-1px -1px #64412e;box-shadow:none;padding:12px 22px;min-width:132px;min-height:45px}
.asset-button.orange{background-image:url('assets/ui/BtnOrange.png')}.asset-button:disabled{filter:grayscale(.7);opacity:.55}.ribbon{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;text-shadow:2px 2px #422d2b,-1px -1px #422d2b;background:url('assets/ui/TitleRibbon.png') center/100% 100% no-repeat;padding:12px 40px 22px;font-size:29px;line-height:1;text-align:center;margin:0;color:white}
/* Map and preparation screens */
.arena-picker{padding:0;background:#303b3d;display:grid;place-items:center;overflow:auto}.menu-stage{position:relative;width:min(1400px,100%);aspect-ratio:2143/1063;min-height:490px;display:grid;grid-template-columns:17% 83%;background:#778278 url('assets/ui/ShopScreen.png') center/100% 100% no-repeat;overflow:hidden}.menu-tabs{display:flex;flex-direction:column;align-items:flex-end;gap:9px;padding:26px 0 25px 28%;background:transparent}.menu-logo{margin:0 10px 18px 0;padding:0;border:0;background:none;width:90%;height:77px}.menu-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 1px #fff)}.menu-tab{width:82%;flex:1;max-height:86px;border:0;border-radius:0;background:transparent url('assets/ui/BtnTab_Active.png') center/100% 100% no-repeat;display:grid;place-items:center;padding:8px}.menu-tab.active{width:100%;background-image:url('assets/ui/BtnTab_on.png')}.menu-tab img{width:37%;height:45px;object-fit:contain}.menu-main{min-width:0;display:flex;flex-direction:column;padding:20px 5% 22px 4%;}.menu-top{height:74px;display:flex;justify-content:space-between;align-items:center;gap:12px}.menu-top .ribbon{width:260px;max-width:49%;flex-shrink:0}.menu-top>.asset-button{min-width:95px;font-size:16px;padding:10px 15px;min-height:36px}.wallet{background:url('assets/ui/GemsBarBg.png') center/100% 100% no-repeat;display:flex;align-items:center;gap:8px;min-width:104px;padding:7px 12px;font-family:Impact;font-size:20px;color:#fff}.wallet img{width:22px;height:22px;object-fit:contain}.menu-panel{flex:1;min-height:0;padding-top:10px}.map-surface{position:relative;width:100%;height:300px;background:#606a61;border:4px solid #555f56;border-radius:8px;overflow:hidden}.level-map{position:absolute;left:0;top:0;height:100%;width:auto;max-width:none}.map-node{position:absolute;transform:translate(-50%,-50%);width:65px;height:77px;background:transparent url('assets/ui/OrangeLvl.png') center/100% 100% no-repeat;border:0;color:white;font-size:28px;text-shadow:2px 2px #303333,-2px -1px #303333;padding-bottom:6px;filter:drop-shadow(0 3px 2px #0006)}.map-node.active{background-image:url('assets/ui/GreenLevel.png');filter:drop-shadow(0 0 7px #dbf47d)}.map-node.complete:after{content:'✓';position:absolute;right:-5px;top:-8px;background:#2a9133;border:2px solid #fff;border-radius:50%;font:14px sans-serif;padding:3px;text-shadow:none}.map-details{display:flex;align-items:center;gap:14px;padding-top:14px;min-height:85px}.map-details>img{width:130px;aspect-ratio:2;object-fit:cover;border:3px solid #dedec2;border-radius:5px}.map-details>div{flex:1}.map-details strong{font-family:Impact;font-size:22px;color:#fff;text-shadow:1px 2px #3c493a}.map-details p{font-size:11px;color:#e3e8d7;margin:5px 0;line-height:1.5}.map-details>.asset-button{font-size:18px;min-width:120px}.menu-note{font-size:12px;line-height:1.5;color:#f1eedb;margin:6px 0 13px}.cat-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:365px;overflow:auto;padding:5px;background:#626e64;border-radius:5px}.training-card{background:#ffcd6b;border:2px solid #e9e6bb;border-radius:6px;display:flex;align-items:center;gap:5px;padding:6px;color:#603f26;min-width:0}.training-card>img{width:48px;height:64px;object-fit:contain}.training-card>div{flex:1;min-width:0}.training-card strong{font-family:Impact;font-size:18px;letter-spacing:.4px}.training-card small{font-size:10px;display:block;margin:4px 0}.training-card span{font-size:8px;display:block}.training-card button{background:url('assets/ui/YellowBox.png') center/100% 100% no-repeat;border:0;width:40px;height:44px;font-size:25px;color:#fff;text-shadow:1px 2px #b47b29;flex-shrink:0;padding:2px}.training-card button small{font:8px sans-serif;margin:0;color:#694924;text-shadow:none}.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:22px}.extra-grid article{background:#68715d;border:3px solid #d1bd74;border-radius:7px;text-align:center;padding:16px 12px}.extra-grid img{height:112px;width:120px;object-fit:contain}.extra-grid h3{font-family:Impact;font-size:25px;font-weight:400;margin:8px 0}.extra-grid p{font-size:12px;line-height:1.5}.extra-grid b{font-size:11px;color:#ffe46c}.shop-grid{display:flex;justify-content:center;gap:25px;padding:18px}.shop-item{width:42%;max-width:260px;background:url('assets/ui/OrangeShopBox.png') center/100% 100% no-repeat;padding:14px 15px 20px;text-align:center;color:#583d31}.shop-item h3{font-family:Impact;font-weight:400;color:#fff;font-size:23px;text-shadow:1px 2px #562d2c;margin:3px 0 16px}.shop-item>img{width:120px;height:90px;object-fit:contain}.shop-item>strong{display:block;font-family:Impact;font-size:25px;margin:10px}.shop-item p{font-size:11px;line-height:1.4}.shop-item .asset-button{font-size:17px;margin-top:7px}.shop-info{background-image:url('assets/ui/BlueShopBox.png')}
/* Battlefield fills the game frame. HUD uses original artwork. */
main{width:100%;max-width:1440px;padding:0;margin:auto;position:relative}body:not(.on-title){min-height:100dvh;display:grid;align-items:center}header{position:absolute;right:12px;top:8px;height:auto;z-index:3}.brand,.live,footer{display:none}.header-right{gap:7px}.header-right .icon{width:30px;height:30px;background:#697c70;border:2px solid #303f40;color:white}.header-right #choose-arena{margin:0;font-size:14px;background:url('assets/ui/BtnOrange.png') center/100% 100% no-repeat;border:0;padding:7px 10px;color:#fff4d0;text-shadow:1px 1px #54392c}.game-shell{border:0;border-radius:0;box-shadow:none;background:#536873;overflow:visible;position:relative}.arena-wrap{position:relative;min-height:0}canvas{height:auto;object-fit:fill;aspect-ratio:1200/595}.dashboard{position:absolute;top:9px;left:18px;right:205px;padding:0;z-index:2;align-items:flex-start;pointer-events:none}.chapter{position:absolute;top:43px;left:0}.chapter .eyebrow{display:none}.chapter h1{font-size:15px;margin:0;font-family:Impact;font-weight:400;color:#f6eed7;text-shadow:1px 2px #22313a}.stats{width:100%;gap:16px;align-items:center}.stats>div:nth-child(1){order:2;display:flex;gap:7px;align-items:center}.stats>div:nth-child(2){order:1;background:url('assets/ui/CoinBar.png') center/100% 100% no-repeat;min-width:135px;padding:6px 12px}.stats>div:nth-child(3){order:3;margin-left:auto;background:url('assets/ui/WaveBar.png') center/100% 100% no-repeat;padding:8px 10px 8px 38px;min-width:132px;display:flex;gap:5px;align-items:center}.stats small{font-size:9px;letter-spacing:0;margin:0}.stats>div:nth-child(2) small{display:none}.stats strong{font:20px Impact;color:white;text-shadow:1px 2px #243037}.stats em{color:#f3e4d2;font:13px Impact}.health-track{width:70px;margin:0}.health-track i{background:#a2dc39}.gold img{width:25px}.stats>div:nth-child(1) strong{font-size:16px}.arena-top{top:52px;right:14px;left:auto;z-index:3;gap:10px}.tag{font-size:8px;letter-spacing:.3px;background:#203037c7;padding:8px}.arena-top #pause{width:35px;height:35px;border:0;background:url('assets/ui/SettingBtn.png') center/contain no-repeat;color:transparent;padding:0}.arena-top #speed{font-size:12px;min-width:30px;padding:5px}.lane-labels{display:none}.command{position:absolute;bottom:10px;left:10px;right:10px;padding:0;display:flex;gap:15px;align-items:end;z-index:3;pointer-events:none}.command button,.command .cards{pointer-events:auto}.section-label,.hint{display:none}.roster{min-width:0;flex:1}.cards{display:flex;overflow-x:auto;gap:5px;scrollbar-width:thin;scrollbar-color:#e4bc52 #4a4940;padding:0 0 4px}.unit{display:flex;flex:0 0 96px;background:url('assets/ui/BtnGreen.png') center/100% 100% no-repeat;border:0;border-radius:0;min-height:60px;height:60px;padding:4px 6px;gap:0}.unit.selected{background:url('assets/ui/BtnOrange.png') center/100% 100% no-repeat;border:0;box-shadow:none;filter:drop-shadow(0 0 3px #ffda67)}.unit .portrait{width:40px;height:48px;object-fit:contain;margin:0}.unit div{min-width:0;flex:1}.unit strong{font-size:14px;font-weight:400;color:#fff6cf;text-shadow:1px 2px #684632}.unit small{font:8px sans-serif;display:block;margin:1px 0;color:#fff4cf}.unit b{font-size:15px;color:#ffee72;text-shadow:1px 1px #675223;font-weight:400}.abilities{display:block!important;width:255px;flex-shrink:0}.ability-row{gap:5px}.ability-row button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;flex:1;min-width:0;height:66px;padding:4px 3px;background:url('assets/ui/YellowBox.png') center/100% 100% no-repeat;border:0;border-radius:0;color:#6d4226}.ability-row button>span{font-size:20px;color:#6d4226}.ability-row strong{font-family:Impact;font-weight:400;font-size:10px;text-align:center}.ability-row small{font-family:Impact;color:#63452a;font-size:9px;margin-top:2px}.ability-row #blast>span{display:block;width:24px;height:23px;background:url('assets/ui/AddonIcon2.png') center/contain no-repeat;font-size:0}.ability-row #guard>span{display:block;width:24px;height:23px;background:url('assets/guardian-portrait.png') center/contain no-repeat;font-size:0}.ability-row #boxing>span{display:block;width:24px;height:23px;background:url('assets/boxing-portrait.png') center/contain no-repeat;font-size:0}.ability-row #repair>span{display:block;width:24px;height:23px;background:url('assets/ui/WallIcon.png') center/contain no-repeat;font-size:0}#toast{bottom:84px;font-size:9px;padding:5px 12px;border:0;z-index:2;max-width:90%;white-space:normal;text-align:center}.overlay{z-index:8;background:#070912bd;backdrop-filter:none}.modal{max-width:600px;width:75%;padding:18px;color:white}.modal>.eyebrow{display:none}.modal h2{font-family:Impact;font-size:38px;text-shadow:3px 3px #603b39,-2px -2px #603b39;margin:12px 0 18px}.modal p{font-size:13px;color:#fff5df;line-height:1.5}.modal>.primary{min-width:150px;padding:11px 25px;font-size:22px;margin:16px 6px 0!important}.modal>small{color:#fff1d2;font-size:12px;margin-top:12px}.modal-arena{font-size:17px;min-height:38px;display:inline-block;min-width:155px;padding:9px 15px;margin:12px 6px 0}.result-modal .result-art{width:100%;max-height:190px;object-fit:contain;margin-bottom:-12px}.result-modal h2{font-size:24px;margin:4px 0 8px}.result-modal p{font-size:11px}.pause-controls{display:flex;justify-content:center;gap:22px;background:url('assets/ui/BgPaused.png') center/100% 50% no-repeat;padding:10px 28px;margin:15px auto;max-width:310px}.pause-controls button{background:none;border:0;padding:0;width:70px;height:70px}.pause-controls img{width:100%;height:100%;object-fit:contain}.pause-modal .restart{margin:16px 6px 0;min-width:150px;font-size:22px}.pause-modal p:empty{display:none}
@media(min-width:1400px){.map-surface{height:350px}.menu-stage{min-height:630px}.cat-catalog{max-height:460px}}
@media(max-width:950px){.menu-stage{min-height:440px}.menu-main{padding:14px 3%}.menu-top{height:61px}.menu-top .ribbon{font-size:23px;width:210px}.map-surface{height:255px}.menu-tabs{padding-top:20px;gap:6px}.menu-logo{height:63px;margin-bottom:8px}.map-details>img{width:95px}.map-details strong{font-size:18px}.cat-catalog{grid-template-columns:repeat(2,minmax(0,1fr));max-height:310px}.extra-grid{gap:8px;padding-top:10px}.extra-grid img{height:80px}.extra-grid h3{font-size:20px}.extra-grid p{font-size:10px}.extra-grid article{padding:8px}.shop-item{padding:12px;width:45%}.shop-item h3{font-size:20px}.shop-item>img{height:65px}.shop-grid{padding:5px}.stats{gap:10px}.stats>div:nth-child(1) small{display:none}.health-track{width:45px}.stats>div:nth-child(2){min-width:110px}.stats>div:nth-child(3){min-width:110px}.dashboard{right:180px}.abilities{width:228px}.unit{flex-basis:87px}.command{gap:7px;bottom:5px}.stats strong{font-size:17px}.ability-row strong{font-size:9px}}
@media(max-width:600px){.menu-stage{min-height:100dvh;grid-template-columns:65px 1fr;aspect-ratio:auto}.menu-tabs{padding:30px 0 20px 8px;gap:14px;justify-content:center}.menu-logo{width:54px;height:47px;margin:0 0 25px}.menu-tab{height:70px;flex:0 0 70px;width:55px}.menu-tab img{width:31px;height:36px}.menu-main{padding:20px 10px}.menu-top{flex-wrap:wrap;justify-content:space-between;height:auto;min-height:110px;gap:8px}.menu-top .ribbon{order:-1;max-width:none;width:100%;height:60px;font-size:24px}.menu-top .wallet{font-size:16px;min-width:90px;padding:5px 10px}.menu-top>.asset-button{font-size:13px;min-width:78px}.map-surface{height:260px;margin-top:18px}.map-node{width:43px;height:52px;font-size:22px}.map-details{flex-wrap:wrap;gap:9px}.map-details>img{width:100%;height:95px;object-fit:cover}.map-details>div{flex-basis:100%}.map-details .asset-button{width:100%}.map-details strong{font-size:22px}.cat-catalog{grid-template-columns:1fr;max-height:65dvh}.extra-grid{grid-template-columns:1fr}.extra-grid article{display:grid;grid-template-columns:60px 1fr;align-items:center;padding:10px;column-gap:10px}.extra-grid img{width:60px;height:70px;grid-row:span 3}.extra-grid h3{font-size:20px;margin:0}.extra-grid p{margin:5px 0}.shop-grid{flex-direction:column;gap:16px;align-items:center}.shop-item{width:100%;max-width:none}.shop-item>img{height:65px;width:90px}.shop-item h3{margin-bottom:7px}.shop-item p{font-size:10px}.menu-note{font-size:10px}.arena-wrap{min-height:0}canvas{height:auto}.dashboard{left:8px;right:8px;top:6px}.stats{gap:5px}.stats>div:nth-child(2){min-width:80px;padding:4px 8px}.stats>div:nth-child(3){margin-right:115px;min-width:68px;padding:5px 5px 5px 22px;gap:2px}.stats>div:nth-child(3) small{display:none}.stats>div:nth-child(1){display:none}.stats strong{font-size:12px}.stats em{font-size:10px}.gold img{width:17px;height:17px}.chapter{top:30px}.chapter h1{font-size:11px}header{right:6px;top:7px}.header-right .icon{width:23px;height:23px;font-size:12px}.header-right #choose-arena{font-size:10px;padding:5px 8px}.arena-top{top:34px;right:6px;gap:4px}.tag{font-size:6px;padding:5px}.arena-top #pause{width:24px;height:24px}.arena-top #speed{font-size:9px;padding:3px;min-width:22px}.command{position:relative;bottom:auto;left:auto;right:auto;padding:8px;background:#485b5e;display:flex;flex-direction:column;align-items:stretch;gap:9px}.roster{width:100%}.unit{height:62px;min-height:62px;flex-basis:91px;display:flex;text-align:left}.abilities{width:100%}.ability-row{justify-content:flex-end}.ability-row button{height:56px;flex-direction:row;gap:6px}.ability-row strong{font-size:12px}.ability-row small{font-size:10px}.unit .portrait{width:40px;height:49px}#toast{bottom:4px;max-width:96%;font-size:7px;padding:3px 8px}.modal{padding:8px;width:90%;max-height:100%;overflow:auto}.modal h2{font-size:24px;margin:6px 0 10px}.modal p{font-size:9px}.modal>.primary,.pause-modal .restart{min-width:100px;font-size:14px;min-height:30px;padding:8px 13px;margin:8px 4px 0!important}.modal>small{font-size:8px;margin-top:6px}.pause-controls{padding:5px 20px;margin:5px auto;gap:12px;max-width:185px}.pause-controls button{width:42px;height:42px}.result-modal .result-art{max-height:90px;margin:0}.result-modal h2{font-size:15px;margin:0 0 5px}.result-modal p{font-size:8px;line-height:1.3}.modal-arena{font-size:12px;min-width:100px;min-height:27px;padding:5px 9px;margin:5px 4px}.menu-panel{padding-top:5px}}
@media(max-height:500px) and (min-width:601px){.menu-stage{min-height:100dvh}.menu-main{padding:7px 3%}.menu-top{height:50px}.menu-top .ribbon{font-size:22px;padding:8px 30px 16px}.map-surface{height:220px}.map-details{padding-top:5px;min-height:65px}.map-details>img{height:46px;width:93px}.menu-logo{height:45px;margin-bottom:3px}.menu-tabs{gap:5px;padding-top:10px}.menu-tab{max-height:60px}.cat-catalog{max-height:260px}.menu-note{font-size:10px;margin:3px 0 7px}.extra-grid img{height:62px}.shop-item>img{height:50px}.shop-item h3{font-size:19px;margin:0 0 8px}.shop-item>strong{font-size:20px;margin:5px}.shop-item p{font-size:10px}.shop-item{padding:10px}.shop-item .asset-button{min-height:30px;font-size:14px;padding:8px}}
.ability-row strong{line-height:1.1;width:100%;overflow-wrap:normal}.ability-row small{white-space:nowrap;font-size:8px}.ability-row button>span{flex-shrink:0}.ability-row button{overflow:hidden}.ability-row #blast strong{font-size:9px}.result-modal{max-width:600px}
@media(max-width:600px){.stats>div:nth-child(1){display:flex;position:absolute;left:0;top:48px;gap:5px}.stats>div:nth-child(1) strong{font-size:10px}.health-track{height:3px;width:35px}.ability-row strong{width:auto}.ability-row small{font-size:9px}}
body:not(.on-title){grid-template-columns:minmax(0,1fr)}main,.game-shell,.arena-wrap{min-width:0}canvas{max-width:100%}.command,.roster,.cards{min-width:0}.arena-picker{width:100%;max-width:100vw}.menu-stage,.menu-main{min-width:0}
.title-socials{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;gap:10px;z-index:2}.social-link{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 16px;border:2px solid #f5eed5;border-radius:12px;color:white;text-decoration:none;font:17px Impact,'Arial Narrow',sans-serif;letter-spacing:.4px;box-shadow:0 4px 0 #17252bc9;cursor:pointer}.social-x{background:#15191f}.social-telegram{background:#229ed9}.social-link svg{width:22px;height:22px;flex-shrink:0}.social-link:hover{filter:brightness(1.15);transform:translateY(-1px)}.social-link:focus-visible{outline:3px solid #ffdd72;outline-offset:4px}.social-notice{position:absolute;bottom:76px;right:22px;z-index:2;margin:0;color:white;font:12px Arial,sans-serif;text-shadow:0 2px 2px #000;background:#15222dd9;border-radius:8px;max-width:280px}.social-notice:not(:empty){padding:8px 12px}
@media(max-height:500px) and (orientation:landscape){.title-socials{right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));gap:8px}.social-link{min-height:38px;padding:0 12px;font-size:14px;border-radius:9px}.social-link svg{width:18px;height:18px}.social-notice{bottom:59px;right:14px;font-size:10px}body:not(.on-title) main{width:min(100vw,calc(100dvh * 1200 / 595));max-width:100%;margin:auto}.title-scene{height:100%;aspect-ratio:auto}.title-logo{width:40%}.tap-to-play{font-size:clamp(18px,2.4vw,28px)}}
@media(max-height:500px) and (orientation:landscape){.menu-stage{width:min(100vw,calc(100dvh * 2143 / 1063));height:100dvh;min-height:0;aspect-ratio:auto}.arena-picker{overflow:hidden}.menu-panel{overflow:auto}.map-surface{height:calc(100dvh - 154px);min-height:130px}.map-details{min-height:64px}.menu-tabs{overflow:hidden}}

.access-choice{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#15212de8;padding:14px}.access-card{width:min(600px,94vw);max-height:92dvh;overflow:auto;box-sizing:border-box;text-align:center;background:#617064;border:4px solid #ead7a1;border-radius:18px;padding:20px;color:#fff7df;box-shadow:0 12px 50px #0009}.access-card p{font:14px Arial,sans-serif;line-height:1.5}.access-options{display:flex;gap:18px;justify-content:center;margin:20px 0}.access-options button{flex:1;min-width:0;font-size:23px;padding:16px}.access-options small{display:block;font:12px Arial,sans-serif;margin-top:9px}.access-actions{display:flex;justify-content:center;gap:12px}.access-card .access-note{font-size:11px;color:#eee1b9}.map-node.locked{filter:grayscale(.8);opacity:.8}.map-node.locked:after{content:'LOCKED';position:absolute;bottom:-5px;left:0;right:0;font:bold 9px Arial;background:#263238;color:#fff;padding:3px;border-radius:4px}.access-choice.hidden{display:none}#access-status{min-height:42px}#access-manage{font-size:11px;max-width:130px}
@media(max-height:500px){.access-card{padding:12px 20px}.access-card .ribbon{font-size:25px}.access-options{margin:8px 0}.access-options button{padding:12px;font-size:20px}.access-card p{margin:8px 0;font-size:12px}#access-status{min-height:32px}.menu-top{gap:6px}#access-manage{font-size:9px;padding:4px}}

.browser-wallets{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.browser-wallets .asset-button{font-size:18px;padding:12px 20px}.browser-wallets:not(:empty){margin:10px 0}

/* Centered, icon-only social controls. */
.title-socials{left:50%;right:auto;transform:translateX(-50%);bottom:max(20px,env(safe-area-inset-bottom));gap:14px}
.title-socials .social-link{box-sizing:border-box;width:48px;height:48px;min-height:48px;padding:0;gap:0;border-radius:50%}
.title-socials .social-link span{display:none}
.title-socials .social-link svg{width:23px;height:23px}
.social-notice{left:50%;right:auto;transform:translateX(-50%);bottom:80px;width:max-content;max-width:calc(100vw - 32px);text-align:center}
@media(max-height:500px) and (orientation:landscape){.title-socials{bottom:max(10px,env(safe-area-inset-bottom));gap:12px}.title-socials .social-link{width:44px;height:44px;min-height:44px}.title-socials .social-link svg{width:21px;height:21px}.social-notice{bottom:64px}}

.tap-to-play{top:min(82%,calc(100% - 90px))}