:root{color-scheme:dark;font-family:'Segoe UI',system-ui,sans-serif;color:#e5dbc5;background:#151a19;font-synthesis:none;--gold:#d8b777;--muted:#a39b86;--line:#70614466;--teal:#80b9ac}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 40% 0,#41433466,transparent 65%),repeating-linear-gradient(100deg,#ffffff02 0 1px,transparent 1px 6px),#191e1c}main{max-width:1540px;margin:auto;padding:20px 36px 14px}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);border-radius:4px;background:linear-gradient(#333831,#252c27);padding:10px 15px;transition:filter .15s,transform .15s,border-color .15s;box-shadow:inset 0 1px #ffffff08}button:hover:not(:disabled){filter:brightness(1.18);border-color:var(--gold)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;color:#a49d8a}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #f4d99b;outline-offset:4px}header{display:flex;align-items:center;gap:14px;padding-bottom:17px}.brand{width:42px;height:52px;color:var(--gold)}.brand svg{width:100%;height:100%}.wordmark h1{font-family:Georgia,serif;font-size:25px;letter-spacing:2px;margin:0 0 7px;color:#f0dfb9}.wordmark h1 span{font-size:13px;letter-spacing:1px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:600;margin:0 0 8px}.wordmark .eyebrow{font-size:8px;letter-spacing:2.4px;margin:0}.header-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.header-actions>span{margin-right:12px;color:var(--muted);font-size:11px;font-style:italic}#mute{font-size:20px;padding:7px 13px}#pause{font-size:12px}kbd{font-family:inherit;font-size:9px;color:var(--muted)}#pause kbd{margin-left:12px}#era-rail{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;background:#10171344}#era-rail span{flex:1;padding:13px 8px;text-align:center;font-family:Georgia,serif;color:#797c6c;font-size:12px;position:relative}#era-rail b{font-family:'Segoe UI',sans-serif;font-size:10px;font-weight:500;letter-spacing:1px;margin-left:10px}#era-rail span:not(:last-child):after{content:'◆';position:absolute;right:-4px;color:#66634c;font-size:8px;top:17px}#era-rail .current{color:#ead098;background:linear-gradient(0deg,#b3a16515,transparent)}#era-rail .current:before{content:'';position:absolute;bottom:-1px;left:25%;width:50%;height:2px;background:var(--gold);box-shadow:0 0 10px #e7c67655}#era-rail .complete{color:#92b9a9}.command{display:flex;justify-content:space-between;align-items:center;padding:19px 2px 20px;gap:20px}.epoch h2{font-family:Georgia,serif;font-size:34px;font-weight:400;color:#f0dbb3;margin:0}.epoch .eyebrow{color:#be9f6c;font-size:8px}.epoch>p:last-child{margin:6px 0 0;color:#a9ad98;font-size:11px;font-style:italic}.resources{display:flex;gap:35px}.resource{display:flex;align-items:center;gap:12px;min-width:130px}.resource>div{display:flex;flex-direction:column;gap:4px}.resource-icon{font-size:31px;color:#c6ae77;text-shadow:0 2px 3px #000}.xp-icon{color:#93bcba}small{font-size:8px;letter-spacing:1.6px;color:#b8b29d}strong{font-family:Georgia,serif;font-size:25px;font-weight:400;font-variant-numeric:tabular-nums}.gold-resource strong{color:#f3d38c}.resource em{font-size:9px;font-style:normal;color:#8a9b88}.resource progress{height:3px;margin-top:3px}.field{position:relative;overflow:hidden;border:1px solid #98845d;border-radius:5px;height:clamp(320px,40vh,490px);box-shadow:0 6px 30px #0004,0 0 0 4px #10171466}canvas#battle{width:100%;height:100%;display:block}.field-label{position:absolute;top:18px;width:188px;padding:11px 13px 10px;border:1px solid #cab27d44;border-radius:3px;background:linear-gradient(100deg,#1b2929ee,#253732bb);backdrop-filter:blur(5px);box-shadow:0 3px 10px #0002}.field-label .side-title{font-size:8px;letter-spacing:1.3px;color:#bce1ce}.field-label strong{display:block;font:12px 'Segoe UI',sans-serif;margin:7px 0 8px;color:#e1e5cb}.field-label progress{height:5px}.left{left:18px}.right{right:18px;text-align:right;background:linear-gradient(100deg,#412e26bb,#322820ee)}.right .side-title{color:#efb390}progress{appearance:none;width:100%;height:4px;border:0;display:block;border-radius:5px;overflow:hidden;background:#0c1818;accent-color:var(--teal)}progress::-webkit-progress-bar{background:#0c1818}progress::-webkit-progress-value{background:linear-gradient(90deg,#4c8778,#b1dbad)}progress::-moz-progress-bar{background:#82b69c}#enemy-health::-webkit-progress-value{background:linear-gradient(90deg,#b45a43,#e6a471)}#xp-progress::-webkit-progress-value{background:#91bdb4}.field-top{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:grid;text-align:center;gap:5px;color:#fff0cc;text-shadow:0 2px 5px #292a26}.field-top span{font-size:16px;font-variant-numeric:tabular-nums;font-family:Georgia,serif}.field-top small{font-size:7px;color:#efe6c5;letter-spacing:2px}#notice{position:absolute;top:37%;left:18%;width:64%;text-align:center;pointer-events:none;color:#fff2c9;text-shadow:0 2px 8px #172723;font-family:Georgia,serif;font-size:clamp(17px,2vw,27px);line-height:1.4}.camera{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:3px}.camera button{padding:5px 10px;font-size:10px;background:#152520d9;border-color:#b09b6055}.field-caption{position:absolute;bottom:18px;left:18px;font-size:7px;letter-spacing:1.5px;color:#b8b399}.field-caption span{padding:0 8px}.controls{display:grid;grid-template-columns:1fr 235px;gap:20px;margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-heading p{margin:0;color:#c6b48b}.section-heading>span{font-size:8px;letter-spacing:1px;color:#a69e88}.unit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.unit{position:relative;padding:0;text-align:left;overflow:hidden;background:linear-gradient(140deg,#3b4135,#222c27);border-color:#8b79524d;display:grid;grid-template-columns:1fr;isolation:isolate}.unit:before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;background:#96885866}.unit .card-top{display:flex;justify-content:space-between;padding:9px 11px 0;color:#c0b393;font-size:8px;letter-spacing:1px}.unit .card-top kbd{border:1px solid #a28e6044;padding:0 4px;line-height:14px}.unit canvas{width:100%;height:84px;object-fit:contain}.unit .card-info{padding:0 11px 10px;display:grid;gap:5px}.unit b{font-family:Georgia,serif;font-size:15px;font-weight:400;color:#e7d6ae}.unit em{font-size:8px;letter-spacing:.2px;font-style:normal;color:#aeb29a}.unit .unit-stats{font-size:8px;color:#9aa38d;padding-top:2px;word-spacing:3px}.unit .card-cost{padding:8px 11px;border-top:1px solid #9c895b33;background:#121e1a55;display:flex;justify-content:space-between;font-size:10px;color:#e7c382}.unit .card-cost small{font-size:8px;letter-spacing:0;color:#a2b09a}.unit:disabled .card-cost{color:#a19579}.unit:disabled .card-info{opacity:.65}.unit:disabled canvas{filter:saturate(.55);opacity:.7}.unit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #0004}.queue-line{display:flex;align-items:center;gap:12px;margin-top:10px;border:1px solid #6d725033;background:#111c1733;padding:8px 10px;border-radius:3px}.queue-copy{flex:1;min-width:0;display:grid;grid-template-columns:62px 1fr;gap:5px;color:#a9b69e;font-size:9px}.queue-label{color:#bcaa7f;letter-spacing:1px;font-size:8px}#queue{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#training-progress{grid-column:2;height:2px}.queue-line button{padding:5px 8px;font-size:8px;flex-shrink:0}aside>.eyebrow{margin-bottom:10px;color:#c6b48b}.ability{width:100%;display:grid;grid-template-columns:47px 1fr;gap:10px;align-items:center;text-align:left;padding:15px 13px;background:radial-gradient(at 20% 20%,#77623a44,transparent),#33372b;border-color:#a9925c77}.ability-icon{font-size:38px;color:#d7b476;text-shadow:0 0 18px #ffd77944}.ability>span:nth-child(2){display:grid;gap:8px}.ability b{font-family:Georgia,serif;font-size:23px;font-weight:400;color:#edcf8e}.ability small{font-size:7px}.ability kbd{float:right}.ability em{font-size:8px;font-style:normal;color:#ada588}.ability progress{grid-column:1/-1;height:3px}.ability.ready{border-color:#e8c279;box-shadow:0 0 20px #deb55e22}.ability:disabled{filter:saturate(.65)}.ability progress::-webkit-progress-value{background:linear-gradient(90deg,#a47e3e,#eed395)}.evolve{margin-top:10px;width:100%;padding:13px 8px;background:linear-gradient(#d0b779,#a88b51);color:#252a21;font-size:12px;font-weight:700;border-color:#e3cb8f;box-shadow:inset 0 1px #f8dfb1}.evolve:disabled{background:linear-gradient(#555d45,#3d4838);border-color:#77836477;color:#b3b89c}.aside-note{text-align:center;font-size:9px;line-height:1.7;color:#949d84;font-style:italic;margin:12px 0 0}footer{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#828e7b;margin-top:18px;letter-spacing:.8px}i{padding:0 7px;font-style:normal}dialog{width:min(870px,calc(100% - 34px));max-height:calc(100dvh - 36px);border:1px solid #bca57088;border-radius:7px;padding:0;background:#1a2520;color:#e7e0c9;box-shadow:0 35px 120px #000a;overflow:auto}dialog::backdrop{background:#0b15198c;backdrop-filter:blur(4px)}.menu-art{position:absolute;inset:0;background:linear-gradient(90deg,#13232005,#19251ee6 43%,#19251efc 63%),linear-gradient(#253d32,#172a23) 32% center/cover}.menu-art:after{content:'A NEW DAWN';position:absolute;bottom:30px;left:30px;font-family:Georgia,serif;font-size:11px;letter-spacing:5px;color:#f0d69a;writing-mode:vertical-rl;transform:rotate(180deg)}.menu-content{position:relative;margin-left:35%;padding:34px 43px;text-align:center}.menu-mark{font-family:Georgia,serif;font-size:39px;color:#d5b67a;margin-bottom:13px}.menu-content>.eyebrow{font-size:8px;color:#c6ad77;letter-spacing:3px}dialog h2{font-family:Georgia,serif;font-size:47px;line-height:1.07;font-weight:400;color:#f2dfb3;margin:12px 0 17px}#menu-description{font-size:12px;line-height:1.8;color:#b9c1ab;max-width:345px;margin:0 auto}#menu-actions{display:grid;gap:8px;margin:23px 0}#menu-actions button{font-size:12px;padding:13px 17px;background:#334036;border-color:#9b986e44}#menu-actions button:first-child{background:linear-gradient(#e1c891,#b99558);border-color:#f1dba3;color:#242a21;font-weight:700;box-shadow:0 4px 17px #0002,inset 0 1px #f9ecc8}#settings{border-top:1px solid #bca57433;text-align:left}summary{padding:13px 0;font-size:10px;color:#c5c7af;cursor:pointer;list-style:none}summary span{float:right;color:#bdab80}.settings-body{padding:0 0 10px}.settings-body label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin:12px 0}.settings-body label:has(input[type=checkbox]){justify-content:start}.settings-body p{font-size:9px;line-height:1.5;color:#8c9c8a}input[type=range]{width:52%;accent-color:#d4b77d}#preview-audio{font-size:10px;padding:6px 12px}.menu-foot{font-size:8px!important;color:#8f9e86;letter-spacing:.5px}.menu-foot span{padding:0 8px;color:#b6a477}#result-stats{display:flex;justify-content:center;gap:25px;margin-top:20px;padding:14px 0;border-block:1px solid #9f8a5644}#result-stats[hidden]{display:none}#result-stats div{display:grid;gap:5px}#result-stats strong{color:#e1c285;font-size:24px}#result-stats small{font-size:7px}body[data-result=won] .menu-mark{color:#fbe09a;text-shadow:0 0 24px #ffd47066}body[data-result=lost] .menu-mark{color:#d39581}.low-health{border-color:#cf745b}.low-health .side-title{color:#ffc6ab}
@media(min-width:1500px){.field{height:440px}.unit canvas{height:96px}}@media(max-width:1050px){main{padding:15px 20px}.resources{gap:20px}.resource-icon{display:none}.resource{min-width:105px}.controls{grid-template-columns:1fr 195px;gap:14px}.unit b{font-size:13px}.header-actions>span{display:none}.unit .unit-stats{font-size:7px}.menu-content{padding:30px}.field-caption{display:none}}@media(max-width:760px){main{padding:12px}.wordmark h1{font-size:21px}.wordmark .eyebrow{font-size:6px}.brand{width:32px}.header-actions button{padding:7px 10px}#pause kbd{display:none}#era-rail b{font-size:8px;margin-left:4px;letter-spacing:0}#era-rail span{font-size:9px;padding:11px 2px}.command{padding:16px 0;align-items:center}.epoch h2{font-size:28px}.epoch>p:last-child{font-size:9px}.resources{gap:14px}.resource{min-width:80px}.resource strong{font-size:20px}.resource small{font-size:7px}.resource em{font-size:7px;max-width:105px}.army-resource{display:none}.controls{grid-template-columns:1fr}.unit canvas{height:82px}aside{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}aside>.eyebrow{display:none}.ability{padding:10px 13px}.ability-icon{font-size:30px}.ability b{font-size:21px}.evolve{margin:0;height:100%;min-height:80px}.aside-note{display:none}.field{height:340px}.field-label{width:142px;padding:8px;top:12px}.left{left:12px}.right{right:12px}.field-label .side-title{font-size:7px}.field-top small{display:none}.field-top{top:17px}footer{font-size:7px}.menu-content{margin-left:24%;padding:29px}.menu-art{background:linear-gradient(90deg,#15241d22,#19251eef 34%,#19251efa),linear-gradient(#253d32,#172a23) 30% center/cover}dialog h2{font-size:40px}}@media(max-width:480px){.wordmark .eyebrow{display:none}.wordmark h1{font-size:18px;letter-spacing:1px}.brand{height:37px;width:28px}header{gap:9px;padding-bottom:12px}#pause span{display:none}#era-rail b{font-size:7px;display:block;margin:3px 0 0}#era-rail span:not(:last-child):after{top:18px}.epoch h2{font-size:25px}.epoch .eyebrow{font-size:6px}.epoch>p:last-child{max-width:140px;line-height:1.5}.resources{gap:12px}.resource{min-width:64px}.resource strong{font-size:18px}.gold-resource em{max-width:80px}.field{height:310px}.field-label{width:126px}.field-top{top:20px}.field-top span{font-size:12px}.unit-grid{grid-template-columns:repeat(2,1fr)}.unit canvas{height:84px}.unit b{font-size:16px}.unit .unit-stats{font-size:8px}.menu-content{margin-left:0;padding:26px}.menu-art{opacity:.24;background:linear-gradient(#19251e88,#19251e),linear-gradient(#253d32,#172a23) center/cover}.menu-art:after{display:none}.menu-mark{margin-bottom:8px}.menu-content>h2{font-size:40px}footer{flex-direction:column;align-items:center}.queue-label{display:none}.queue-copy{grid-template-columns:1fr}#training-progress{grid-column:1}.ability{grid-template-columns:30px 1fr;gap:7px}.ability b{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.night-panel{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #90784a44}.night-summary{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.night-summary h3{font:17px Georgia;margin:0 0 5px;color:#ddc18e}.night-summary p{font-size:9px;color:#9ba58e;margin:0 0 6px;line-height:1.5}.night-summary progress{height:2px;max-width:280px}#night-dots{display:flex;gap:4px}#night-dots span{display:grid;place-items:center;width:26px;height:28px;border:1px solid #7c79524d;color:#828e74;background:#18231d;font:13px Georgia}#night-dots .complete{background:#516548;color:#e0d3a2}#night-dots .active{border-color:#e0c185;color:#e8d09c}#begin-night{background:linear-gradient(#bdab73,#867a4c);color:#202b20;font-size:11px;font-weight:700;min-height:40px}#begin-night:disabled{background:#354332;color:#9fa888}#open-armory{font-size:11px;min-height:40px}.hero-strip{display:flex;align-items:center;gap:12px;padding:12px 0 0}.hero-strip[hidden]{display:none}.hero-strip>canvas{width:65px;height:68px;object-fit:contain;background:radial-gradient(#c5a65b33,transparent);border:1px solid #8e774a44;border-radius:4px}.hero-info{min-width:180px}.hero-info h3{font:18px Georgia;color:#e7ca8d;margin:4px 0 7px}.hero-info small{font-size:7px}.hero-info progress{height:3px;width:150px}.hero-info>span{font-size:9px;color:#adb398;display:block;margin-top:5px}.hero-actions{margin-left:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px}.hero-actions button{font-size:10px;padding:10px}.hero-actions>small{grid-column:1/-1;font-size:8px;text-align:right;letter-spacing:0;color:#91a28a}.armory{margin-top:20px;padding:23px;border:1px solid #a18b5466;background:linear-gradient(120deg,#2f392c,#1c2b23);border-radius:5px}.armory[hidden]{display:none}.armory-heading{display:flex;align-items:center;gap:20px}.armory-heading h2{font:28px Georgia;margin:0;color:#e0c696}.armory-heading>strong{margin-left:auto;color:#e4c57f;font-size:21px}.armory-heading button{font-size:22px;padding:1px 11px}.armory-tabs{display:flex;gap:8px;margin:18px 0 12px}.armory-tabs button{font-size:11px}.armory-tabs button[aria-pressed=true]{background:#6c7150;border-color:#c2ac75;color:#f1dfb8}#armory-note{font-size:11px;color:#aeb89f;line-height:1.6}.ammo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 9px}.ammo-heading>span{font-size:9px;color:#c4b47e;letter-spacing:1px}#ammo-toggle{font-size:10px}#ammo-toggle[aria-pressed=true]{background:#765c4d;color:#ffe7bc}#ammo-types{display:flex;gap:7px;flex-wrap:wrap}#ammo-types button{font-size:10px;padding:8px 12px}#ammo-types button[aria-pressed=true]{border-color:#cbb98c;background:#566a59}#ammo-description{font-size:10px;color:#aab99d;line-height:1.5}#upgrade-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.upgrade-card{display:flex;flex-direction:column;border:1px solid #8c86514d;background:#17281f55;padding:14px;border-radius:4px}.upgrade-top{display:flex;align-items:center;justify-content:space-between}.upgrade-top>span{font-size:25px;color:#c9b981}.upgrade-top small{font-size:8px;letter-spacing:1px}.upgrade-card h3{font:18px Georgia;color:#e0cc9d;margin:9px 0}.upgrade-card p{font-size:10px;color:#abb79d;line-height:1.6;flex:1;margin:0 0 12px}.upgrade-meter{min-height:20px;font-size:10px;color:#c2c58f}.upgrade-card button{font-size:10px;padding:10px 5px}.upgrade-card button:not(:disabled){background:#74805a;color:#f2e6bd}.upgrade-card em{font-size:9px;line-height:1.4;font-style:normal;color:#909e81;margin-top:7px;min-height:22px}select{background:#26362a;color:#e5d4a8;border:1px solid #8b8057;border-radius:3px;padding:6px;font:11px inherit}#battle{touch-action:pan-y}body[data-layout=touch] button{min-height:44px}body[data-layout=touch] .camera button{min-width:44px}body[data-layout=touch] .unit-grid{grid-template-columns:repeat(2,1fr)}body[data-layout=touch] .controls{grid-template-columns:1fr}body[data-layout=touch] aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}body[data-layout=touch] aside>.eyebrow,body[data-layout=touch] .aside-note{display:none}body[data-layout=touch] .evolve{margin-top:0}body[data-layout=touch] .unit canvas{height:100px}
@media(max-width:1000px){#upgrade-grid{grid-template-columns:repeat(3,1fr)}.night-summary p{max-width:330px}.hero-actions button{font-size:9px}.hero-info{min-width:160px}}@media(max-width:760px){.night-panel{flex-wrap:wrap}.night-summary{flex-basis:100%}.night-panel>button{flex:1}.hero-info{min-width:130px}.hero-info h3{font-size:15px}.hero-actions{max-width:50%;grid-template-columns:1fr}.hero-actions>small{display:none}.hero-strip>canvas{width:48px}.hero-info small{font-size:6px}.hero-info progress{width:110px}.armory{padding:15px}.armory-heading h2{font-size:23px}.armory-heading>strong{font-size:18px}#upgrade-grid{grid-template-columns:repeat(2,1fr)}.armory-tabs button{font-size:9px;padding:9px}.ammo-heading{align-items:start;flex-direction:column}}@media(max-width:480px){.hero-strip{flex-wrap:wrap}.hero-actions{max-width:100%;width:100%;grid-template-columns:1fr 1fr}.hero-info{flex:1}.hero-info h3{font-size:18px}.hero-info small{font-size:8px}.hero-actions button{font-size:10px;min-height:44px}.armory-heading{flex-wrap:wrap;gap:10px}.armory-heading>strong{margin-left:0}.armory-heading>button{margin-left:auto}.armory-heading>div{width:100%}.armory-tabs{gap:4px}.armory-tabs button{flex:1}.upgrade-card{padding:10px}.upgrade-card h3{font-size:16px}.upgrade-card p{font-size:10px}.night-summary h3{font-size:16px}.hero-strip>canvas{height:64px;width:65px}}
/* Battlefield-first layout and nonmodal workshop drawer. */
main{max-width:1920px;padding:12px 22px}header{padding-bottom:10px}.brand{height:38px;width:30px}.wordmark h1{font-size:21px;margin:0}.wordmark .eyebrow{display:none}#era-rail span{padding:8px}#era-rail span:not(:last-child):after{top:11px}.command{padding:10px 0}.epoch h2{font-size:28px}.epoch .eyebrow,.epoch>p:last-child{display:none}.resource strong{font-size:23px}.resource-icon{font-size:24px}.resource em{display:none}.field{height:clamp(410px,57dvh,760px)}#battle{cursor:grab;touch-action:pan-y}#battle.dragging{cursor:grabbing}.field-label,.field-top,.field-caption{pointer-events:none}.camera{bottom:46px}.map-navigation{position:absolute;bottom:8px;left:18px;right:18px;display:flex;align-items:center;gap:12px;padding:3px 12px;background:#14251ee8;border:1px solid #ad9a6855;border-radius:4px;font-size:8px;letter-spacing:1px;color:#c1c9aa}.map-navigation>input{flex:1;min-width:40px;width:auto}.map-navigation label{display:flex;align-items:center;gap:9px}.map-navigation label input{width:85px}.field-caption{bottom:57px;font-size:9px;letter-spacing:.3px}.night-panel{padding:9px 0}.night-summary p{max-width:580px}.hero-strip{padding-top:8px;gap:10px}.hero-strip>canvas{height:46px;width:52px}.hero-info{min-width:165px}.hero-info h3{margin:0 0 5px;font-size:16px}.hero-info small,.hero-actions>small{display:none}.hero-info>span{font-size:8px}.hero-actions{display:flex;max-width:none}.controls{margin-top:10px;gap:12px;grid-template-columns:1fr 220px}.section-heading{margin-bottom:6px}.detail-toggle{font-size:10px;color:#b4bda3;margin-left:auto;margin-right:15px;display:flex;align-items:center;gap:5px}.unit{grid-template-columns:75px 1fr}.unit .card-top{grid-column:1/-1;padding:5px 9px 0}.unit canvas{height:65px;width:75px;grid-column:1;grid-row:2}.unit .card-info{grid-column:2;grid-row:2;padding:5px;align-content:center}.unit b{font-size:14px}.unit em,.unit .unit-stats{display:none}.show-unit-details .unit em,.show-unit-details .unit .unit-stats{display:block}.unit .card-cost{grid-column:1/-1;padding:7px 9px}.unit .card-cost small{display:none}.queue-line{margin-top:6px;padding:5px 8px}aside>.eyebrow,.aside-note{display:none}.ability{padding:9px;gap:5px;grid-template-columns:35px 1fr}.ability b{font-size:19px}.ability-icon{font-size:30px}.ability>span:nth-child(2){gap:4px}.evolve{margin-top:7px;padding:9px;font-size:10px}.armory{position:fixed;z-index:10;right:14px;top:14px;bottom:14px;width:min(850px,calc(100% - 28px));margin:0;overflow-y:auto;overscroll-behavior:contain;padding:20px;box-shadow:-20px 0 80px #000a;border-color:#bfa979;background:#202f27}.armory-heading{position:sticky;top:-20px;z-index:1;background:#202f27;padding:12px 0;border-bottom:1px solid #a8915744}.armory-heading h2{font-size:24px}#close-armory{min-height:44px;min-width:44px}#upgrade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.upgrade-card{padding:10px}.upgrade-art{width:100%;height:auto;aspect-ratio:1.75;display:block;margin:8px 0 0;border:1px solid #b1a27633;border-radius:3px}.upgrade-top>span{font-size:18px}.upgrade-card h3{font-size:17px}.upgrade-card p{font-size:11px}.upgrade-top small{letter-spacing:.4px}footer{margin-top:12px}
@media(max-width:1100px){.unit{grid-template-columns:55px 1fr}.unit canvas{width:55px}.unit b{font-size:12px}.controls{grid-template-columns:1fr 190px}.resources{gap:18px}.field{height:55dvh;min-height:390px}}
@media(max-width:760px){main{padding:10px}.field{height:52dvh;min-height:360px}.field-label{width:126px;padding:7px;top:10px}.field-label strong{font-size:10px;margin:5px 0}.field-top{top:18px}.map-navigation{left:7px;right:7px;gap:6px;padding:3px 6px}.map-navigation label{font-size:0;gap:0}.map-navigation label input{width:60px}.controls{grid-template-columns:1fr}.hero-info{min-width:0}.hero-actions{margin-left:auto}.hero-actions button{padding:8px;font-size:9px}.night-summary p{font-size:9px}.night-panel>button{min-height:44px}.unit b{font-size:14px}.unit{grid-template-columns:65px 1fr}.unit canvas,body[data-layout=touch] .unit canvas{height:64px;width:65px}.unit-grid{grid-template-columns:repeat(2,1fr)}.evolve{margin:0;min-height:60px}#upgrade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.armory{padding:14px}.armory-heading{top:-14px}.field-caption{display:none}.resource strong{font-size:18px}.epoch h2{font-size:24px}.hero-strip{flex-wrap:nowrap}.hero-info h3{font-size:14px}.hero-actions{width:auto}.hero-info progress{width:100%}.hero-info>span{max-width:95px}.armory-heading>div{width:auto}.armory-heading>strong{font-size:16px}.armory-heading h2{font-size:19px}}
@media(max-width:430px){.hero-actions{flex-direction:column;gap:3px}.hero-actions button{min-height:38px!important}.hero-strip>canvas{width:42px}.map-navigation span{font-size:7px}.resource{min-width:60px}.armory-heading .eyebrow{font-size:7px}.upgrade-card h3{font-size:15px}.upgrade-card{padding:8px}.armory-tabs button{padding:8px 4px}.section-heading .eyebrow{font-size:8px;letter-spacing:.6px}.section-heading>span{font-size:7px}.detail-toggle{margin-right:8px;font-size:9px}}


/* Private duel screen: isolated from campaign drawers and mobile layout rules. */
#duel-menu{position:fixed;inset:0;margin:auto;width:min(1100px,100%);height:100dvh;max-width:100%;max-height:100dvh;box-sizing:border-box;border:1px solid #748e7d;border-radius:0;background:linear-gradient(140deg,#142721,#101b24);color:#efe7d0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:auto;font:14px system-ui}
#duel-menu[open]{display:flex;flex-direction:column;gap:8px}#duel-menu *{box-sizing:border-box;min-width:0}#duel-menu button{font:600 13px system-ui;min-height:38px;padding:8px 12px;border:1px solid #8da99666;border-radius:7px;color:#f2edda;background:linear-gradient(#36584d,#20362f);box-shadow:inset 0 1px #d4ecd528;cursor:pointer}#duel-menu button:disabled{opacity:.45;cursor:default}#duel-menu button:focus-visible{outline:2px solid #ffe6a4;outline-offset:2px}#duel-menu .exit-action,#duel-menu .return-action{background:linear-gradient(#713d38,#3b2225);border-color:#bd7865}
#duel-menu h2,#duel-menu h3,#duel-menu p{margin:0}#duel-menu .duel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}.duel-head h2{font:24px Georgia}.duel-clock{font-variant-numeric:tabular-nums}.duel-intro,.duel-help{color:#b9c9bf;line-height:1.5}.duel-help{font-size:12px;margin-top:auto!important}.duel-message{min-height:20px;font-size:12px;color:#e7cc98}.duel-lobby{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:auto 0}.duel-lobby section,.duel-waiting{padding:20px;background:#233a3299;border:1px solid #7e998366;border-radius:12px;display:flex;flex-direction:column;gap:15px}.duel-waiting{margin:auto;max-width:500px;width:100%;text-align:center}.duel-room-code{font:700 34px monospace;letter-spacing:.2em;color:#f1d793}#duel-menu label{display:flex;flex-direction:column;gap:8px}#duel-menu select,#duel-menu input{width:100%;padding:12px;background:#13241f;color:#f1e6cb;border:1px solid #819280;border-radius:6px;font:16px system-ui}#duel-menu .duel-primary{background:linear-gradient(#81504a,#502c2c);border-color:#d39770;min-height:46px;font-size:17px}
.duel-arena{flex:1;position:relative;min-height:210px;overflow:hidden;border:1px solid #78928155;border-radius:10px}.duel-arena canvas{width:100%;height:100%;position:absolute;inset:0;touch-action:none}.duel-camera{position:absolute;bottom:8px;left:8px;right:8px;display:flex;gap:5px}.duel-camera .duel-special{margin-left:auto;background:linear-gradient(90deg,#85493a var(--charge),#253935 var(--charge))!important;font-size:11px!important;max-width:48%}.duel-tabs{display:flex;gap:6px}.duel-tabs button{flex:1}.duel-tabs [aria-pressed=true]{border-color:#e7d8a4!important;box-shadow:inset 0 0 12px #decba033!important}.duel-tab-armory{background:linear-gradient(#665030,#3d321f)!important}.duel-tab-defense{background:linear-gradient(#375976,#263b50)!important}.duel-shop{max-height:45dvh;overflow:auto;overscroll-behavior:contain;flex:none;touch-action:pan-y;padding:2px}.duel-shop[hidden]{display:none}.duel-resources{display:flex;align-items:center;justify-content:space-between;color:#ebd393;margin:3px 0 8px}.duel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.duel-troop{display:flex;align-items:center;gap:4px;border:1px solid #7f948266;border-radius:8px;background:#263e34aa;padding:4px}.duel-troop canvas{width:43%;height:auto}.duel-troop>div{flex:1;display:flex;flex-direction:column;gap:5px}.duel-troop strong{font-size:12px}.duel-troop small{font-size:10px;color:#c6d0bb}.duel-troop button{padding:6px!important;min-height:33px!important;font-size:11px!important}.duel-queue{display:flex;align-items:center;gap:5px;margin:7px 0;flex-wrap:wrap}.duel-queue>span:has(canvas){position:relative;overflow:hidden;border:1px solid #687e66;border-radius:5px;width:37px;height:34px}.duel-queue canvas{width:100%;height:100%;object-fit:contain}.duel-queue i{position:absolute;left:0;top:0;bottom:0;background:#dbe9bb22;pointer-events:none}.duel-purchase{display:grid;grid-template-columns:1fr auto;gap:5px;padding:9px;background:#253d34aa;border:1px solid #75877866;border-radius:7px;align-items:center}.duel-purchase strong{grid-column:1/-1;font-size:12px}.duel-purchase small{color:#dac29d;font-size:11px}.duel-purchase button{font-size:11px!important;padding:5px 9px!important}.duel-ammo-header{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:10px 0}.duel-mount{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.duel-mount h3{grid-column:1/-1;font-size:14px}.duel-overlay{position:absolute;inset:0;z-index:10;background:#10221ff5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;padding:24px}.duel-overlay[hidden]{display:none}.duel-overlay img{width:min(180px,30dvh);mix-blend-mode:screen}.duel-overlay button{min-width:200px}
@media(max-width:520px){.duel-lobby{grid-template-columns:1fr;gap:12px}.duel-lobby section{padding:16px}.duel-mount{grid-template-columns:1fr}.duel-mount .duel-purchase{grid-template-columns:1fr auto auto}.duel-mount .duel-purchase strong{grid-column:auto}.duel-arena{min-height:190px}}
@media(orientation:landscape) and (max-height:600px){#duel-menu{padding:7px 12px;gap:4px}#duel-menu .duel-head{height:31px}#duel-menu .duel-head h2{font-size:19px}#duel-menu .duel-head button{min-height:30px;padding:4px 10px}.duel-message{min-height:15px;font-size:10px}.duel-arena{min-height:120px}.duel-tabs button{min-height:30px!important;padding:4px!important}.duel-shop{max-height:40dvh}.duel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.duel-troop canvas{width:40%}.duel-troop strong{font-size:10px}.duel-troop small{font-size:9px}.duel-troop button{font-size:10px!important;min-height:28px!important}.duel-resources{font-size:11px;margin:0 0 4px}.duel-waiting{padding:12px;gap:7px;max-width:600px}.duel-room-code{font-size:26px}.duel-lobby{margin:5px 0}.duel-help{font-size:10px}.duel-lobby section{padding:12px;gap:9px}.duel-overlay{gap:8px}.duel-overlay img{width:80px}.duel-overlay h2{font-size:23px}}

#duel-menu .duel-lobby section>.duel-primary{margin-top:auto}#duel-menu #battle-reveal{z-index:20}

/* Duel menus overlay the battlefield, as in the campaign. */
#duel-menu[data-battle=true]{position:fixed;overflow:hidden;gap:6px}.duel-heading{display:grid;gap:3px;max-width:50%}.duel-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.duel-heading small{font-size:11px;color:#becdbb}.duel-gold{color:#efd18c;font-size:12px;white-space:nowrap}
#duel-menu[data-battle=true] .duel-arena{min-height:0;flex:1}#duel-menu[data-battle=true] .duel-tabs{flex:none}#duel-menu[data-battle=true] .duel-shop{position:absolute;z-index:4;bottom:59px;left:12px;right:12px;max-height:55dvh;padding:12px;background:linear-gradient(140deg,#193329fa,#162923fa);border:1px solid #a6b59688;border-radius:12px;box-shadow:0 -12px 35px #0006}.duel-shop .duel-resources{gap:8px}.duel-ready-status{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;color:#d6ddc8}.duel-joined{color:#afe1c1}.duel-result-status{font-size:13px;color:#e5bc98;min-height:20px}
#duel-menu .duel-rematch-request{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:16px;right:16px;display:flex;justify-content:center;align-items:center;gap:12px;padding:14px;border:1px solid #d6ba7977;border-radius:12px;background:#274236;box-shadow:0 0 24px #0005}.duel-rematch-request[hidden]{display:none!important}.duel-rematch-request strong{font-size:15px}#duel-menu .duel-rematch-request button{min-width:44px;width:44px;height:44px;padding:9px}#duel-menu .duel-rematch-request svg{display:block;width:24px;height:24px}#duel-menu .rematch-accept{background:linear-gradient(#467a58,#294b37);border-color:#9bd5ac}
@media(orientation:landscape) and (max-height:600px){#duel-menu[data-battle=true] .duel-shop{left:auto;width:52%;top:52px;bottom:46px;max-height:none;padding:9px}#duel-menu[data-battle=true] .duel-shop .duel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.duel-heading{max-width:46%;grid-template-columns:auto auto;align-items:center;gap:10px}.duel-heading strong{font-size:13px}.duel-heading small{font-size:10px}.duel-ready-status{gap:15px;font-size:12px}.duel-rematch-request{padding:7px!important;bottom:8px!important}.duel-overlay:has(.duel-rematch-request:not([hidden])){padding-bottom:65px}.duel-overlay:has(.duel-rematch-request:not([hidden])) img{width:55px}}

@media(orientation:landscape) and (max-height:600px){#duel-menu:not([data-battle=true]) .duel-waiting:has(.duel-room-code){display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;max-width:650px}#duel-menu .duel-waiting:has(.duel-room-code)>h3{grid-column:1;grid-row:1}#duel-menu .duel-waiting:has(.duel-room-code)>.duel-room-code{grid-column:1;grid-row:2}#duel-menu .duel-waiting:has(.duel-room-code)>button:not([data-ready]){grid-column:1;grid-row:3}#duel-menu .duel-waiting:has(.duel-room-code)>label{grid-column:2;grid-row:1/3}#duel-menu .duel-waiting:has(.duel-room-code)>.duel-ready-status{grid-column:1/-1;grid-row:4}#duel-menu .duel-waiting:has(.duel-room-code)>[data-ready]{grid-column:2;grid-row:3}#duel-menu .duel-waiting:has(.duel-room-code)>p{grid-column:1/-1;grid-row:5;font-size:11px}#duel-menu .duel-lobby section{gap:5px;padding:8px}#duel-menu .duel-lobby input,#duel-menu .duel-lobby select{padding:7px}#duel-menu .duel-lobby label{gap:4px;font-size:12px}}
/* Shared campaign visual language for private duels. Results retain their own layout. */
#duel-menu .duel-lobby section{position:relative;border-radius:10px;box-shadow:inset 0 1px #ffedbd35,0 8px 25px #0004;border-top:3px solid #c5a268;background:radial-gradient(ellipse at top left,#a87f3a30,transparent 80%),linear-gradient(140deg,#303d32,#182b25)}
#duel-menu .duel-lobby .duel-join-card{border-color:#6fa8c5;background:radial-gradient(ellipse at top left,#4587b03b,transparent 80%),linear-gradient(140deg,#263e4a,#172b33)}
#duel-menu .duel-lobby h3{font:24px Georgia;color:#eed4a0}.duel-lobby-icon{color:#ddb878}.duel-lobby-icon .game-icon{width:36px;height:36px}.duel-join-card .duel-lobby-icon{color:#98d4ed}#duel-menu .duel-join-card h3{color:#b5deef}#duel-menu .duel-join-card .duel-primary{background:linear-gradient(#396581,#213e56);border-color:#78b8d4}.duel-card-hint{color:#b1c9d4;font-size:12px}
#duel-menu .duel-waiting{background:radial-gradient(ellipse at top,#9b844728,transparent),linear-gradient(135deg,#263e35,#152923);border-color:#ad95656b;box-shadow:inset 0 1px #efd29630,0 12px 40px #0005}#duel-menu .duel-ready-status span{border:1px solid #77947d55;background:#101f1b66;border-radius:6px;padding:6px 12px}#duel-menu [data-ready][aria-pressed=true]{background:linear-gradient(#447b60,#244b3b);border-color:#9ed9b8}
#duel-menu[data-battle=true]{width:100%;max-width:none;padding:0;gap:0;border:0;background:#1a2b24}#duel-menu[data-battle=true] .duel-head{height:58px;padding:6px 10px;border-bottom:1px solid #a6a07755}#duel-menu[data-battle=true]>.duel-message{position:absolute;top:62px;left:10px;z-index:2;max-width:65%;padding:5px 8px;border-radius:5px;background:#1b302b99;font-size:10px;pointer-events:none}#duel-menu .duel-arena{border:0;border-radius:0}#duel-menu .duel-clock{position:absolute;top:10px;right:8px;z-index:2;padding:3px 8px;background:#14241f99;border-radius:5px;color:#fff0cc;font:12px/16px system-ui;font-variant-numeric:tabular-nums}
#duel-menu .duel-camera{left:auto;right:8px;bottom:42px;align-items:center;gap:5px}#duel-menu .duel-camera button{display:grid;place-items:center;padding:6px 11px;min-height:34px;border-color:#a5986877;background:linear-gradient(#415447,#23382c);box-shadow:inset 0 1px #f9edc53d,inset 0 -5px 12px #0003,0 2px 5px #0004}#duel-menu .duel-camera .duel-special{--special-charge:0deg;flex:none;width:44px;height:44px;min-height:44px;max-width:none;border:0;border-radius:50%;padding:4px;margin-left:6px;background:conic-gradient(#f0c875 var(--special-charge),#425348 0)!important;opacity:1}#duel-menu .duel-special .ability-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#203a2e}#duel-menu .duel-special svg{width:26px;height:26px}#duel-menu .duel-special.ready{box-shadow:0 0 15px #ebc57088}
#duel-menu .duel-pan,#duel-menu .duel-zoom{position:absolute;bottom:6px;height:28px;display:flex;flex-direction:row;align-items:center;gap:6px;padding:4px 6px;background:#14251ee8;border:1px solid #ad9a6855;border-radius:7px;font:9px system-ui;color:#d5dfc2}#duel-menu .duel-pan{left:8px;right:153px}#duel-menu .duel-zoom{right:8px}#duel-menu .duel-pan input,#duel-menu .duel-zoom input{padding:0;border:0;height:20px;accent-color:#c9b27a;background:transparent;min-width:0}#duel-menu .duel-pan input{flex:1;width:100%}#duel-menu .duel-zoom input{width:80px}
#duel-menu .duel-tabs{height:62px;padding:7px 8px;border-top:1px solid #a6a07755;background:#1a2b24}#duel-menu .duel-tabs button{display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;box-shadow:inset 0 1px #f9edc53d,inset 0 -5px 12px #0003,0 2px 5px #0004}.duel-tabs .game-icon{flex:none;width:19px;height:19px}#duel-menu .duel-tab-troops{background:linear-gradient(#397663,#204b40);border-color:#87bba4}#duel-menu .duel-tab-armory{border-color:#c19b60}#duel-menu .duel-tab-defense{border-color:#8bafce}
#duel-menu[data-battle=true] .duel-shop{bottom:70px;left:8px;right:8px;max-height:calc(100dvh - 140px);border-radius:8px;background:linear-gradient(135deg,#243d32fa,#192e27fa)}#duel-menu .duel-resources{padding-bottom:9px;border-bottom:1px solid #a5915e44}#duel-menu .duel-resources .return-action{font-size:11px;min-height:32px}#duel-menu .duel-sections{display:flex;gap:6px;margin:8px 0}#duel-menu .duel-sections button{flex:1;min-height:34px;font-size:12px;padding:6px}#duel-menu .duel-sections [aria-pressed=true]{background:linear-gradient(#74623e,#463c27);border-color:#d6b479;color:#ffe4af}
#duel-menu .duel-purchase{display:flex;flex-direction:column;align-items:stretch;padding:8px;background:linear-gradient(135deg,#304b3e,#1d3029);border-color:#a1916655}#duel-menu .duel-purchase canvas{width:100%;height:80px;object-fit:cover;border-radius:4px;border:1px solid #ad956533}#duel-menu .duel-purchase strong{font:600 12px/1.4 system-ui;color:#ecd5a5;min-height:34px}#duel-menu .duel-purchase p{font:11px/1.45 system-ui;color:#b8c8b8;min-height:64px}#duel-menu .duel-purchase small{margin-top:auto;min-height:30px;line-height:1.4}#duel-menu .duel-purchase button{background:linear-gradient(#5b744b,#344d36);border-color:#a1af7780}#duel-menu .duel-ammo-icon{color:#d9c392}.duel-ammo-icon svg{width:26px;height:26px}#duel-menu .duel-ammo-header{font-size:12px}#duel-menu .duel-ammo-header button{font-size:11px}#duel-menu .duel-troop{background:radial-gradient(ellipse at left,#8dad5b24,transparent),linear-gradient(#2c493c,#1c3028);box-shadow:inset 0 1px #dfc89718}#duel-menu .duel-troop canvas{width:46%}#duel-menu .duel-troop strong{color:#edd9b2;font-family:Georgia;font-size:14px}#duel-menu .duel-troop button{background:linear-gradient(#58784d,#31543d);border-color:#9aba7680}
@media(orientation:landscape) and (max-height:600px){#duel-menu[data-battle=true] .duel-head{height:40px}#duel-menu[data-battle=true]>.duel-message{top:43px;font-size:9px}#duel-menu .duel-clock{top:7px;left:50%;right:auto;transform:translateX(-50%)}#duel-menu .duel-tabs{height:42px;padding:4px 8px}#duel-menu .duel-camera{bottom:37px;right:6px}#duel-menu .duel-camera button{min-height:30px;padding:4px 9px}#duel-menu .duel-camera .duel-special{width:40px;height:40px;min-height:40px}#duel-menu .duel-special .ability-icon{width:32px;height:32px}#duel-menu[data-battle=true] .duel-shop{width:auto;left:8px;right:8px;top:46px;bottom:46px;max-height:none}#duel-menu[data-battle=true] .duel-shop .duel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#duel-menu .duel-purchase canvas{height:65px}#duel-menu .duel-sections{margin:5px 0}#duel-menu .duel-resources{padding-bottom:5px}#duel-menu .duel-lobby-icon{position:absolute;right:12px;top:12px}#duel-menu .duel-lobby-icon .game-icon{width:25px;height:25px}#duel-menu .duel-lobby h3{font-size:19px;padding-right:30px}}
#duel-menu .duel-champion{border:1px solid #b9a16b55;border-radius:6px;padding:9px;color:#ddc597;background:linear-gradient(110deg,#50412755,#21392e);font-size:12px}#duel-menu .duel-champion summary{cursor:pointer;padding:3px}#duel-menu .duel-champion button{margin-top:8px;margin-right:6px;font-size:11px}
/* Player identity, compact communications, and uncropped workshop illustrations. */
#duel-menu .duel-ready-status .is-ready{color:#bff4ce;border-color:#78c494;background:linear-gradient(#315f43,#204631)}
#duel-menu .duel-players{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:48%}.duel-player{display:flex;align-items:center;gap:5px;font:11px system-ui;max-width:130px}.duel-player>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-player i{width:7px;height:7px;flex:none;border-radius:50%;background:#8d8580}.duel-player.online i{background:#72dd90;box-shadow:0 0 5px #65db8377}
#duel-menu .duel-gold{position:absolute;left:10px;top:10px;display:flex;align-items:baseline;gap:9px;padding:6px 9px;background:#1b302b99;border:1px solid #bac79533;border-radius:4px;pointer-events:none}.duel-gold strong{font:700 19px/21px system-ui;color:#efd18c}.duel-gold small{font:8px/10px system-ui;letter-spacing:1.3px;color:#bdc9b0}#duel-menu[data-battle=true]>.duel-message{top:103px}
#duel-menu .duel-purchase canvas{object-fit:contain;background:#192c26;height:95px;aspect-ratio:auto}#duel-menu .duel-troop canvas{object-fit:contain}
#duel-menu .duel-chat-toggle{position:absolute;left:8px;bottom:42px;width:40px;height:40px;display:grid;place-items:center;padding:8px;z-index:2;background:linear-gradient(#375d6a,#203c49);border-color:#7caeba}#duel-menu .duel-chat-toggle.unread:after{content:'';position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%;background:#f1cb71}
#duel-menu .duel-chat{position:absolute;left:8px;bottom:88px;width:min(330px,calc(100% - 16px));padding:10px;z-index:5;background:#172e29f5;border:1px solid #91ad8e88;border-radius:8px;box-shadow:0 8px 24px #0008}#duel-menu .duel-chat[hidden]{display:none}#duel-menu .duel-chat-log{height:140px;overflow:auto;overscroll-behavior:contain;margin:8px 0;font:12px/1.5 system-ui;overflow-wrap:anywhere}#duel-menu .duel-chat-log p{margin-bottom:6px}#duel-menu .duel-chat-log b{color:#e3ca95}#duel-menu .duel-chat form{display:flex;gap:6px}#duel-menu .duel-chat input{font-size:16px;padding:7px}#duel-menu .duel-chat .return-action{min-height:30px;font-size:11px;padding:5px 10px}
@media(orientation:landscape) and (max-height:600px){#duel-menu .duel-gold{left:10px;top:7px;padding:3px 8px}#duel-menu[data-battle=true]>.duel-message{top:78px}#duel-menu .duel-purchase canvas{height:75px}#duel-menu .duel-chat{bottom:46px;max-height:calc(100% - 10px);overflow:auto}#duel-menu .duel-chat-log{height:75px}#duel-menu .duel-chat-toggle{bottom:37px}#duel-menu .duel-players{gap:10px;flex-wrap:nowrap}.duel-player{font-size:10px;max-width:110px}}
/* Choose a multiplayer role before showing its form. */
#duel-menu .duel-lobby{display:block;width:min(650px,100%);align-self:center}#duel-menu .duel-lobby [hidden]{display:none!important}#duel-menu .duel-room-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}#duel-menu .duel-room-option{display:grid;justify-items:center;align-content:center;gap:15px;min-height:210px;padding:24px;border:1px solid #ba9b62;border-top-width:3px;background:radial-gradient(ellipse at top,#ac863c33,transparent),linear-gradient(#344738,#1b3027);box-shadow:inset 0 1px #ffe5a633,0 8px 25px #0004}#duel-menu .duel-room-option .game-icon{width:42px;height:42px;color:#e9c887}#duel-menu .duel-room-option strong{font:26px Georgia;color:#f0d6a4}#duel-menu .duel-room-option small{font:12px/1.5 system-ui;color:#bfcbbb}#duel-menu .duel-option-join{border-color:#75adca;background:radial-gradient(ellipse at top,#4d96bc33,transparent),linear-gradient(#294652,#192e3a)}#duel-menu .duel-option-join strong,#duel-menu .duel-option-join .game-icon{color:#b9e1f3}#duel-menu .duel-lobby section>.return-action{align-self:flex-start;min-height:32px;padding:5px 12px;font-size:11px}#duel-menu .duel-lobby[data-mode=host],#duel-menu .duel-lobby[data-mode=join]{max-width:480px}
@media(max-width:520px){#duel-menu .duel-room-options{grid-template-columns:1fr;gap:12px}#duel-menu .duel-room-option{min-height:160px;gap:10px;padding:20px}}
@media(orientation:landscape) and (max-height:600px){#duel-menu .duel-room-option{min-height:150px;gap:8px;padding:14px}#duel-menu .duel-room-option strong{font-size:23px}#duel-menu .duel-room-option .game-icon{width:32px;height:32px}#duel-menu .duel-lobby[data-mode=host]{max-width:650px}#duel-menu .duel-host-card{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}#duel-menu .duel-host-card>.return-action{grid-column:1;justify-self:start}#duel-menu .duel-host-card>h3{grid-column:2;grid-row:1;align-self:center}#duel-menu .duel-host-card>.duel-primary{align-self:end}#duel-menu .duel-lobby .duel-host-card>.duel-lobby-icon{display:none}}
#duel-menu .duel-joined-confirmation{display:grid;justify-items:center;gap:8px;padding:16px;border:1px solid #80c59688;border-radius:8px;background:radial-gradient(ellipse at top,#75c58a26,transparent),#1f4431;color:#c5f4cf}.duel-joined-label{display:flex;align-items:center;gap:7px;font:600 12px system-ui;letter-spacing:.5px}.duel-joined-label:before{content:'';width:8px;height:8px;border-radius:50%;background:#86e79c;box-shadow:0 0 8px #75d98f66}#duel-menu .duel-joined-confirmation strong{font:23px Georgia;overflow-wrap:anywhere}#duel-menu .duel-joined-confirmation p{font:12px/1.4 system-ui;color:#b4d6bc}
@media(orientation:landscape) and (max-height:600px){#duel-menu .duel-waiting:has(.duel-joined-confirmation){display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;max-width:650px}#duel-menu .duel-joined-confirmation{grid-column:1;grid-row:1/3;padding:12px}#duel-menu .duel-waiting:has(.duel-joined-confirmation)>.duel-ready-status,#duel-menu .duel-waiting:has(.duel-joined-confirmation)>p{grid-column:1/-1}}
/* Small, distinct player presence tiles. */
#duel-menu .duel-players{gap:6px;flex-wrap:nowrap}#duel-menu .duel-player{padding:7px 9px;border:1px solid #91ac9a55;border-radius:11px;background:linear-gradient(145deg,#314b40,#1c312a);box-shadow:inset 0 1px #d4e8ce16,0 2px 5px #0002;gap:6px;max-width:125px;min-height:30px}#duel-menu .duel-player.online{border-color:#83b99a66}#duel-menu .duel-player i{width:6px;height:6px}#duel-menu .duel-heading{max-width:42%}
@media(max-width:520px){#duel-menu .duel-player{padding:6px 7px;max-width:82px;font-size:10px}#duel-menu .duel-heading strong{font-size:12px}}
@media(orientation:landscape) and (max-height:600px){#duel-menu .duel-player{padding:4px 9px;min-height:26px;max-width:130px;border-radius:9px}#duel-menu .duel-heading strong{font-size:13px}}
/* Presence dots retain a circular footprint independently of tile sizing. */
#duel-menu .duel-player i{display:block;flex:0 0 7px;width:7px;height:7px;min-width:7px;min-height:7px;max-width:7px;max-height:7px;aspect-ratio:1/1;border-radius:50%;padding:0;margin:0;align-self:center}
#duel-menu .duel-clock{display:flex;flex-direction:column;align-items:center;gap:1px}#duel-menu .duel-ping{font:9px/12px system-ui;font-variant-numeric:tabular-nums;color:#b5cabb;white-space:nowrap}