:root{--bg:#0d120f;--panel:#151c17;--panel2:#1b241d;--text:#e9e6d9;--muted:#9baca0;--line:#303b30;--gold:#d9b67a;--teal:#77bdad;--red:#e5a18f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,.brand{font-family:Georgia,"Times New Roman",serif}h3{font-size:15px}button{border:0}.alpha{display:flex;justify-content:center;align-items:center;gap:10px;background:#20271b;color:#d1c9a9;font-size:10px;letter-spacing:1.2px;padding:8px 16px;text-align:center}.alpha-sep{opacity:.35}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px #77bdad70}.alpha .status-dot{background:var(--gold)}header{max-width:1400px;padding:26px 5%;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #283127}.brand{font-size:22px;letter-spacing:3px;display:flex;align-items:center;gap:12px;position:relative;line-height:1}.crest{width:31px;height:36px;background:var(--gold);color:var(--bg);display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);font-size:22px;letter-spacing:0}.brand-sub{position:absolute;font:8px/1 sans-serif;letter-spacing:1.4px;top:30px;left:43px;color:var(--muted)}nav{display:flex;gap:30px;align-items:center;font-size:12px;color:#b7c0b7}.text-btn{background:none;padding:0;color:inherit;font-size:12px}.profile{border:1px solid #4a5241;background:transparent;padding:10px 16px;font-size:12px}.profile span{margin-left:16px;color:var(--gold)}main{max-width:1280px;padding:0 32px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:end;padding:48px 0 40px}.eyebrow{color:var(--gold);font-size:9px;letter-spacing:2px;font-weight:600;margin-bottom:12px}h1{font-size:46px;line-height:1.13;font-weight:400;letter-spacing:-1px}h1 em{color:var(--gold);font-weight:400}.intro p{color:var(--muted);font-size:12px;margin-top:16px}.intro-stat{text-align:right;display:grid;gap:5px}.intro-stat>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.intro-stat strong{font:24px Georgia,serif;font-weight:400;margin:4px 0 18px}.outline{border:1px solid #46513f;background:transparent;padding:10px 16px;font-size:11px;color:var(--gold)}.battle-shell{border:1px solid #42503c;background:var(--panel);box-shadow:0 15px 80px #0002}.battle-heading{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.live-label{font-size:10px;letter-spacing:1.6px;display:flex;align-items:center;gap:9px}.live-label>span:last-child{color:var(--muted);font-size:9px}.battle-clock{display:flex;gap:18px;align-items:center}.battle-clock>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.battle-clock strong{font-size:22px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:2px}.factions{padding:23px 30px;display:flex;gap:25px;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#a2853810,transparent,#5aa28c0a)}.faction{display:flex;align-items:center;gap:16px;flex:1}.faction small{font-size:7px;letter-spacing:1.4px;color:var(--muted)}.faction h2{font-size:24px;font-weight:400}.faction>strong{font-size:20px;font-weight:400;margin-left:auto;font-variant-numeric:tabular-nums}.faction-icon{font-size:32px}.empire .faction-icon{color:var(--gold)}.clans{text-align:right}.clans .faction-icon{color:var(--teal)}.clans>strong{margin-right:auto;margin-left:0}.vs{font:italic 13px Georgia;color:#67765e}.progress{display:flex;height:3px;background:#374339}.progress>div{width:50%;transition:width .8s}#empireProgress{background:var(--gold)}#clansProgress{background:var(--teal)}.field-wrap{position:relative;background:#202a20;overflow:hidden}#field{display:block;width:100%;height:340px}.field-label{position:absolute;top:18px;left:24px;font-size:8px;letter-spacing:2px;color:#c4c8ad;pointer-events:none}.field-label span{margin:0 8px;color:var(--gold)}.field-legend{position:absolute;top:17px;right:24px;display:flex;gap:16px;font-size:8px;color:#a8b39e}.field-legend i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%}.gold{background:var(--gold)}.teal{background:var(--teal)}.gray{background:#98a08c}.field-caption{position:absolute;bottom:12px;left:0;width:100%;text-align:center;font-size:9px;color:#abb49b;pointer-events:none}.join-strip{display:flex;align-items:center;gap:12px;padding:18px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#1d261c}.join-strip>div{margin-right:auto}.join-strip strong{display:block;font:19px Georgia}.join-strip span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.join-strip button{padding:11px 20px;font-size:11px;font-weight:600}.join-empire{background:var(--gold);color:#292216}.join-clans{background:#31594e;color:#e1f0e6}.command-deck{display:grid;grid-template-columns:1fr 255px}.arsenal{padding:22px 24px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-top>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.section-top h3{font-weight:500}.roster{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.unit-card{position:relative;border:1px solid #354332;background:#1c261d;overflow:hidden;display:flex;flex-direction:column;min-height:168px}.unit-card.special{border-color:#6d6446;background:linear-gradient(145deg,#303020,#1b251b)}.unit-card:hover{border-color:var(--gold)}.unit-visual{height:56px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#51573530,transparent 70%);position:relative}.unit-visual svg{width:54px;height:50px;filter:drop-shadow(0 5px 5px #0005)}.unit-tier{position:absolute;top:7px;left:8px;font-size:6px;letter-spacing:1.5px;color:#96a18c}.unit-card.special .unit-tier{color:var(--gold)}.unit-content{padding:0 10px 10px;display:flex;flex-direction:column;flex:1}.unit-name{font-size:11px;font-weight:500;color:#e5e5d7;margin:1px 0 3px}.unit-desc{font-size:8px;color:#9eac98;line-height:1.45;min-height:25px;margin-bottom:9px}.deploy{margin-top:auto;display:flex;justify-content:space-between;align-items:center;background:#2d3a28;border:1px solid #536044;padding:6px 9px;font-size:9px;color:#e0d5ab}.deploy strong{font-size:11px;font-weight:600}.deploy:hover{background:#455034}.unit-card.special .deploy{border-color:#756942;background:#49402a}.wallet{padding:22px;border-left:1px solid var(--line);background:#111a14}.wallet-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px}.wallet-row small{display:block;color:#82937e;font-size:8px}.wallet-row strong{font-size:17px;font-weight:400;color:var(--gold)}.wallet-row:nth-of-type(3) strong{color:var(--teal)}.pay-label{display:block;font-size:7px;letter-spacing:1.5px;color:var(--muted);margin:20px 0 7px}select{width:100%;background:#202b20;color:var(--text);border:1px solid #43533c;border-radius:0;padding:9px 7px;font-size:10px}.wallet>.outline{width:100%;margin-top:9px}.wallet-note{font-size:8px;color:#91a08c;line-height:1.8;margin-top:14px}.below{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-top:24px}.panel{border:1px solid var(--line);background:var(--panel);padding:26px}.panel h2{font-size:25px;font-weight:400}.panel .eyebrow{margin-bottom:6px;font-size:8px}.tabs{display:flex;gap:4px;background:#0f1711;padding:3px}.tabs button{font-size:9px;background:transparent;padding:6px 10px;color:var(--muted)}.tabs button.active{background:#35432b;color:#e5dcc2}.board-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.2px;color:#83957f;border-bottom:1px solid var(--line);padding-bottom:10px}#board{list-style:none;margin:0;padding:0}#board li{display:flex;align-items:center;gap:13px;border-bottom:1px solid #293428;padding:12px 0}#board .rank{font:17px Georgia;color:#8b977c;width:21px}#board li:first-child .rank{color:var(--gold)}.avatar{height:27px;width:27px;border:1px solid #5e6044;display:grid;place-items:center;background:#3c3c28;font:13px Georgia;color:var(--gold)}.avatar.clans{background:#28433b;border-color:#42685e;color:var(--teal)}.player-name{font-size:11px}.player-team{font-size:7px;color:#92a08b;letter-spacing:1px}#board .honor{margin-left:auto;font-size:13px;color:var(--gold)}.fine{font-size:8px;color:var(--muted);margin-top:14px}.empty{padding:22px 0;color:var(--muted);font-size:11px}.dispatch-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #293428}.dispatch-item i{height:5px;width:5px;border-radius:50%;background:var(--gold);margin-top:6px;flex-shrink:0}.dispatch-item.clans i{background:var(--teal)}.dispatch-item p{font-size:10px;color:#c3cbb9}.dispatch-item small{font-size:8px;color:#788b75}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:45px 0 50px}.how span{font-size:8px;color:var(--gold);letter-spacing:2px}.how h3{font:20px Georgia;margin:12px 0}.how p{font-size:11px;color:var(--muted);max-width:270px}.history{margin-top:24px}.receipt{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.receipt small{display:block;color:var(--muted);font-size:9px}.receipt b{color:var(--gold);font-weight:500}footer{max-width:1280px;margin:auto;padding:24px 32px 35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:15px}footer p{font-size:8px;color:var(--muted)}footer button{font-size:9px!important}dialog{max-width:480px;width:calc(100% - 32px);background:#1a231b;color:var(--text);border:1px solid #6f694a;padding:36px;box-shadow:0 30px 150px #0009}dialog::backdrop{background:#050a07d9;backdrop-filter:blur(5px)}dialog h2{font-size:31px;font-weight:400;line-height:1.2;margin-bottom:18px}dialog h3{font:19px Georgia;color:var(--gold);margin-top:22px}dialog p{font-size:12px;color:#b2bea9;line-height:1.8;margin-top:10px}dialog small{display:block;font-size:9px;color:var(--muted);margin-top:14px}.close{position:absolute;right:16px;top:12px;background:transparent;font-size:24px;color:var(--muted)}form label{display:block;font-size:8px;letter-spacing:1.5px;color:var(--gold);margin-top:24px}input{display:block;width:100%;background:#101a12;border:1px solid #4d5a44;padding:12px;color:var(--text);margin:8px 0 14px}.primary{width:100%;padding:12px;background:var(--gold);color:#241f16;font-size:12px}.error{color:#efae98!important;font-size:11px!important}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);padding:12px 22px;background:#e1d8ba;color:#172416;border:1px solid #a1ae86;box-shadow:0 8px 40px #0007;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.result-banner{position:absolute;inset:65px 12% auto;background:#121c15ec;border:1px solid #a08b5c;text-align:center;padding:28px;box-shadow:0 0 80px #0009}.result-banner span{font-size:8px;letter-spacing:2px;color:var(--gold)}.result-banner h3{font:32px Georgia;margin:10px 0}.result-banner p{font-size:11px;color:var(--muted)}[hidden]{display:none!important}.link-button{display:inline-block;margin-top:20px}
@media(min-width:1500px){main{max-width:1350px}#field{height:390px}.unit-card{min-height:180px}.unit-visual{height:65px}}
@media(max-width:850px){header{padding:22px 24px}nav{gap:16px}main{padding:0 20px}.intro{padding:36px 0 30px}h1{font-size:37px}.command-deck{grid-template-columns:1fr 220px}.arsenal{padding:18px}.wallet{padding:18px}.roster{gap:7px}.unit-name{font-size:10px}.unit-desc{font-size:7px}.unit-content{padding:0 7px 8px}.field-legend{gap:9px}.factions{padding:20px}.faction{gap:10px}.faction h2{font-size:20px}.below{gap:16px}.panel{padding:20px}.tabs button{padding:5px 6px}.how{gap:25px}}
@media(max-width:620px){.alpha{font-size:7px;letter-spacing:.6px;gap:6px;padding:7px 8px}header{padding:20px 16px 25px}.brand{font-size:20px;gap:9px}.brand-sub{font-size:6px;top:27px;left:40px}.crest{height:30px;width:27px}nav{display:none}.profile{font-size:9px;padding:7px 10px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile span{margin-left:6px}main{padding:0 12px}.intro{padding:30px 5px 26px}h1{font-size:32px}.intro p{font-size:10px;max-width:240px}.intro-stat{display:none}.battle-heading{padding:11px 12px}.live-label{font-size:8px;letter-spacing:1px;gap:6px}.live-label>span:last-child{font-size:7px}.battle-clock{gap:8px}.battle-clock>span{display:none}.battle-clock strong{font-size:19px}.battle-heading>.text-btn{font-size:9px}.factions{padding:18px 12px;gap:10px}.faction{gap:7px}.faction h2{font-size:17px}.faction small{font-size:5px;letter-spacing:.6px}.faction-icon{font-size:24px}.faction>strong{font-size:13px}.vs{font-size:10px}#field{height:290px}.field-label{font-size:6px;left:12px;letter-spacing:1px}.field-legend{right:12px;font-size:6px;gap:6px}.field-caption{font-size:7px;padding:0 16px}.join-strip{padding:14px 12px;gap:8px;flex-wrap:wrap}.join-strip>div{width:100%}.join-strip strong{font-size:17px}.join-strip span{font-size:9px}.join-strip button{flex:1;padding:9px;font-size:10px}.command-deck{display:flex;flex-direction:column}.arsenal{padding:18px 12px}.section-top h3{font-size:13px}.section-top>span{font-size:7px}.roster{gap:7px}.unit-card{min-height:168px}.unit-visual{height:60px}.unit-visual svg{width:50px;height:46px}.unit-name{font-size:10px;line-height:1.3;min-height:26px}.unit-desc{font-size:7px;min-height:31px}.unit-content{padding:0 7px 8px}.deploy{padding:6px;font-size:8px}.deploy strong{font-size:10px}.wallet{border-left:0;border-top:1px solid var(--line);padding:18px 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wallet .section-top{grid-column:1/-1;margin-bottom:8px}.wallet-row{display:block;font-size:9px;margin:0}.wallet-row strong{display:block;margin-top:4px}.wallet-row small{font-size:6px}.wallet .pay-label{grid-column:1/-1;margin:8px 0 0}.wallet select{grid-column:1/3}.wallet>.outline{margin:0;padding:6px;font-size:8px}.wallet-note{grid-column:1/-1;margin-top:0;font-size:7px}.below{grid-template-columns:1fr;margin-top:16px;gap:16px}.panel{padding:20px 16px}.panel h2{font-size:24px}.how{gap:18px;grid-template-columns:1fr;padding:30px 8px}.how h3{margin:6px 0;font-size:19px}.how p{max-width:none;font-size:10px}.how span{font-size:7px}footer{padding:20px 20px 28px;flex-wrap:wrap}footer p{order:3;width:100%}dialog{padding:30px 24px}.result-banner{inset:65px 6% auto;padding:24px 12px}.result-banner h3{font-size:26px}.receipt{font-size:9px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:620px){.alpha{font-size:8px}.unit-card{min-height:190px}.unit-name{font-size:11px}.unit-desc{font-size:9px;min-height:43px}.deploy{font-size:10px}.deploy strong{font-size:11px}.wallet-row{font-size:10px}.wallet-row small{font-size:8px}.wallet-note{font-size:9px}.field-caption{font-size:8px}.fine{font-size:10px}.dispatch-item p{font-size:12px}.player-name{font-size:12px}}

/* Approved 16:9 full-map board: never crop its three lanes. */
.field-wrap{background:#0d1714 url('/assets/maps/frontier-three-lane-a.jpg') center/contain no-repeat}
#field{height:auto;aspect-ratio:1683/935}
.field-caption{text-shadow:0 1px 4px #000}
@media(max-width:620px){#field{height:auto;aspect-ratio:1683/935}}
@media (orientation:landscape) and (max-height:560px){
  .alpha,header,.intro,.battle-heading,.factions,.progress,.join-strip,.command-deck,.below,.history,.how,footer{display:none!important}
  main{max-width:none;padding:0}
  .battle-shell{border:0;box-shadow:none;background:transparent}
  .field-wrap{height:100vh}
  #field{width:100vw;height:100vh;aspect-ratio:auto}
  .field-label{top:10px;left:14px}.field-legend{top:10px;right:14px}.field-caption{bottom:9px}
}