:root{color-scheme:dark;--cyan:#69d8ff;--line:#28618d;--gold:#e5c87b;--bg:#041328;--positive:#37df76;--muted:#91aabc;--loss:#ed9b97}*{box-sizing:border-box}body{margin:0;background:#020912;color:#d6e9f5;font:14px 'Arial Narrow',Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #3275a0;background:linear-gradient(160deg,#174971,#07213d 65%,#0b3253);box-shadow:inset 0 0 10px #247bb82b;border-radius:4px}button:hover{filter:brightness(1.25);border-color:var(--cyan)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#app{height:100dvh;min-height:620px;overflow:hidden;position:relative}header{position:absolute;inset:0 0 auto;z-index:4;height:94px;background:linear-gradient(#041123ed,#07152db0,transparent);display:flex;align-items:flex-start;gap:24px;padding:16px 24px}.commander{width:235px;display:flex;gap:13px;text-align:left;background:linear-gradient(120deg,#142d45,#0b1726);border-color:#9b9f94;padding:8px}.avatar{font-size:35px;display:grid;place-items:center;color:#73dfff;width:45px;background:#102e4b}.commander small{color:var(--gold);font-size:10px;letter-spacing:2px}.commander strong{display:block;font-size:23px}.commander em{font-size:9px;letter-spacing:2px;color:#7a9db6;font-style:normal}.resources{display:flex;gap:28px;margin:auto;align-self:flex-start;padding-top:10px}.resources>div{display:flex;gap:9px;align-items:center}.resources img{width:38px;height:38px;object-fit:contain}.resources small{display:block;color:#8ea5b8;font-size:9px;letter-spacing:1.5px}.resources b{font-size:21px;font-weight:500;color:#eee3c5}.resources>div:nth-child(2) b{color:#66cdfb}.resources>div:nth-child(3) b{color:#81d0a0}.map-button{padding:8px 18px;min-width:155px;border-radius:5px 18px 5px 18px}.map-button span{display:block;font-size:28px;color:var(--cyan)}.map-button b{font-size:10px;letter-spacing:1px}main,#galaxy{position:absolute;inset:0;background:#342820}.terrain{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,#89704a22,transparent 45%),repeating-linear-gradient(150deg,transparent 0 90px,#aa855512 92px 93px,transparent 95px 230px),radial-gradient(ellipse at 45% 60%,#7d5b35,#352b23 60%,#181b1c);background-size:cover;background-position:center}.terrain:after{content:'';position:absolute;inset:0;background:linear-gradient(#0003,transparent 30%,#06132166 90%)}.scene-label{position:absolute;left:110px;top:120px;letter-spacing:2px;color:#c5b389;font-size:10px}.scene-label small{display:block;margin:9px 0 0 15px;font-size:9px;color:#ada99b;letter-spacing:3px}.live-dot{display:inline-block;background:#78beaf;width:5px;height:5px;border-radius:100%;margin-right:5px;box-shadow:0 0 8px #6cdbb8}#buildings{position:absolute;inset:135px 120px 145px 135px}.building{position:absolute;transform:translate(-50%,-50%);width:155px;height:140px;background:none;border:0;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;filter:drop-shadow(10px 20px 8px #0009)}.building:hover{filter:drop-shadow(0 0 12px #7bdcffa0)}.building img{width:140px;height:105px;object-fit:contain}.building .fallback{height:90px;width:110px;background:linear-gradient(135deg,#899596,#364347 45%,#162930 47%,#708082 50%,#35474d);clip-path:polygon(50% 0,100% 30%,100% 75%,50% 100%,0 75%,0 30%);display:grid;place-items:center;font-size:35px;color:#b3efff}.building .name{font-size:10px;letter-spacing:1px;background:#16252cbb;padding:5px 8px;margin-top:5px;border-top:1px solid #7f9ca0;white-space:nowrap}.building .level{position:absolute;right:12px;bottom:17px;width:26px;height:26px;border-radius:50%;background:#164f66;border:2px solid #69bdd1;color:#b9edff;font-size:14px;display:grid;place-items:center}.planet-caption{position:absolute;right:32px;bottom:146px;font-size:21px;letter-spacing:7px;color:#d4c4a066;text-align:right}.planet-caption span{display:block;font-size:8px;letter-spacing:3px;margin-top:8px}aside{position:absolute;z-index:3;top:185px;left:23px;display:grid;gap:14px}aside button{width:64px;height:65px;font-size:26px;color:#8cdaff;border-radius:8px}aside span{display:block;font-size:8px;letter-spacing:.5px;color:#b2d3e7}footer{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(transparent,#031126 40%);height:126px;display:flex;align-items:flex-end;justify-content:space-between;padding:16px 24px;gap:15px;z-index:3}.mission{display:flex;gap:13px;align-items:center;max-width:400px;padding:12px 15px;border-left:2px solid #4eb9ed;background:#082039bb}.mission>span{font-size:25px;color:#6dd7ff}.mission small{display:block;color:#6a95ad;letter-spacing:2px;font-size:8px;margin-bottom:7px}.mission b{font-size:12px;font-weight:400}nav{display:flex;gap:7px}nav button{min-width:90px;height:73px;font-size:25px;color:#5ebbe8}nav span{display:block;color:#c6d9ec;font-size:9px;letter-spacing:1px;margin-top:9px}i{font-style:normal;background:#ac2446;border-radius:3px;padding:2px 4px}#queue{position:absolute;left:110px;bottom:144px;z-index:3;display:grid;gap:6px}.queue-item{background:#071b2be8;border:1px solid #4c6b7d;width:270px;padding:9px;font-size:10px}.queue-item b{float:right;color:#7ce4c4}.bar{height:3px;background:#122a3e;margin-top:7px}.bar div{height:100%;background:#52b9da}#overlay{position:fixed;inset:0;z-index:10;background:#000a;backdrop-filter:blur(6px);display:grid;place-items:center;padding:25px}#overlay[hidden],#galaxy[hidden]{display:none}#panel{width:min(900px,100%);max-height:85dvh;overflow:auto;background:linear-gradient(120deg,#12365a,#06182e 70%);border:1px solid #3f7da1;box-shadow:0 25px 90px #000;border-radius:5px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 26px;border-bottom:1px solid #2e5a79;background:#061a30aa;position:sticky;top:0;z-index:1}h1{font-size:19px;letter-spacing:2px;font-weight:400;margin:0;color:#94d7f4}.close{background:linear-gradient(#ba264b,#660d2c);border-color:#ed5471;font-size:25px;width:37px;height:34px}#panelBody{padding:24px 26px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:16px;background:#05192e88;border:1px solid #255272;border-radius:4px}.card img{height:90px;max-width:100%;object-fit:contain;display:block;margin:auto}.card h3{font-size:14px;font-weight:400;color:#c3e4f5;margin:14px 0}.card p,.muted{font-size:12px;color:var(--muted);line-height:1.6}.card button{width:100%;padding:10px;margin-top:10px}.cost{font-size:11px;color:#dac590;line-height:1.8}.primary{background:linear-gradient(#307945,#12452a);border-color:#62a95d;padding:12px 20px}.detail{display:grid;grid-template-columns:210px 1fr;gap:25px}.detail>img{width:200px;height:200px;object-fit:contain}.stat{display:flex;justify-content:space-between;border-bottom:1px solid #235073;padding:12px 0;font-size:13px}.stat b{color:#a0d5e8}.actions{display:flex;gap:10px;margin-top:20px}.actions button{padding:12px 20px}input{background:#061a2d;border:1px solid #2c6589;padding:9px;color:#c7e9ff;border-radius:3px;width:80px}.report{border-left:2px solid #448cb3;padding:12px 16px;margin-bottom:12px;background:#04132577}.report h3{font-size:14px;margin:0 0 8px}.report p{font-size:12px;line-height:1.6;color:#93acbf}.report small{color:#6c899e}.empty{padding:55px 10px;text-align:center;color:#7999af}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#102e44;border:1px solid #5f98b4;padding:14px 22px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw}#toast.show{opacity:1}#galaxy{background:radial-gradient(ellipse at 70% 30%,#35203d,transparent 45%),radial-gradient(ellipse at 30% 80%,#0c2944,#030b19 65%)}#stars{width:100%;height:100%;position:absolute}#planets{position:absolute;inset:130px 90px 160px 120px}.planet{position:absolute;transform:translate(-50%,-50%);border:0;background:none;box-shadow:none;width:155px;text-align:center}.planet-orb{display:block;width:48px;height:48px;border-radius:50%;margin:0 auto 10px;background:radial-gradient(circle at 30% 25%,#abc4b6,#3d6977 45%,#0a1c39 80%);box-shadow:0 0 28px #4db9e955,inset -10px -10px 15px #000b;border:1px solid #6e9bb0}.planet.pirate .planet-orb{background:radial-gradient(circle at 30% 20%,#c69c7d,#754544 50%,#281829 85%);box-shadow:0 0 25px #9d423433}.planet small{color:#6b9ebc;font-size:9px;display:block;margin-top:5px}.planet b{color:#8cd6ec;font-size:11px;font-weight:400}.planet.own .planet-orb{outline:1px solid #6cdbb8;outline-offset:5px}.galaxy-caption{position:absolute;bottom:155px;right:35px;letter-spacing:5px;color:#5b7b9b}.galaxy-caption span{display:block;font-size:9px;margin-top:10px}.teleport-btn{position:absolute;top:105px;right:25px;padding:10px;font-size:10px} .warning{background:#42361566;border:1px solid #7a6947;padding:12px;font-size:12px;line-height:1.6;color:#d6c59a}.wide{grid-column:1/-1}p{line-height:1.7}svg.routes{position:absolute;width:100%;height:100%;overflow:visible;pointer-events:none}.fleet-row{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #244963}.fleet-row label{font-size:12px}.fleet-row small{color:#86a5b8}
@media(max-width:800px){header{padding:10px;gap:8px;height:100px}.commander{width:145px;padding:5px;gap:5px}.commander strong{font-size:17px}.commander em{font-size:7px}.avatar{width:30px;font-size:26px}.resources{gap:10px;padding-top:7px}.resources img{width:20px;height:25px}.resources small{font-size:7px;letter-spacing:0}.resources b{font-size:14px}.map-button{min-width:65px;padding:6px}.map-button b{font-size:7px}.map-button span{font-size:22px}#buildings{inset:130px 30px 210px 75px}.building{width:100px;height:100px}.building img{width:95px;height:75px}.building .name{font-size:7px;padding:4px}.building .level{width:20px;height:20px;font-size:10px;right:0;bottom:10px}.building .fallback{height:65px;width:75px}.scene-label{left:75px;top:105px;font-size:8px}aside{left:10px;top:170px;gap:10px}aside button{width:48px;height:53px;font-size:20px}aside span{font-size:6px}footer{height:130px;padding:10px;display:block}.mission{padding:8px;margin-bottom:8px;max-width:none}.mission b{font-size:10px}.mission small{font-size:7px}nav{justify-content:flex-end}nav button{min-width:0;width:20%;height:58px;font-size:19px}nav span{font-size:8px;margin-top:5px}#queue{left:75px;bottom:160px}.queue-item{width:220px}.planet-caption{display:none}.cards{grid-template-columns:repeat(2,1fr)}#overlay{padding:10px}#panelBody{padding:15px}.panel-head{padding:15px}.detail{grid-template-columns:1fr}.detail>img{height:100px;width:100px;margin:auto}#planets{inset:130px 50px 190px 65px}.planet{width:95px}.planet-orb{width:34px;height:34px}.planet b{font-size:9px}.galaxy-caption{bottom:160px;font-size:10px}.teleport-btn{top:100px;right:10px;font-size:8px}}

.terrain{background-image:linear-gradient(#15202a22,#19170d11),var(--art-backgrounds-base)}

#models{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}#buildings{z-index:2}.building.model-ready img,.building.model-ready .fallback{visibility:hidden}.building.model-ready{filter:none}.building.model-ready:hover{background:radial-gradient(ellipse,#75d8ff26,transparent 65%)}.building.model-ready .name{background:#0a1925bd}.scene-label,.planet-caption{z-index:2;pointer-events:none}

.warp-tabs{display:flex;gap:8px;margin-bottom:18px}.warp-tabs button{padding:13px 20px}.warp-tabs .selected{border-color:#dfcd9c;color:#f5e0ac;background:linear-gradient(#514a38,#141d2d)}.partial-confirm{display:flex;align-items:center;gap:10px;margin-top:12px}.partial-confirm input{width:20px;accent-color:#60bdc9}.actions{flex-wrap:wrap}#scene{touch-action:none;cursor:grab}#scene.dragging{cursor:grabbing}#buildings{transform-origin:center}.terrain{transform-origin:center}.scene-label{pointer-events:none}@media(max-width:800px){}
.flight-marker{position:absolute;z-index:2;width:34px;height:28px;transform:translate(-50%,-50%);border:0;background:none;box-shadow:none;color:#e5a08e;padding:0;filter:drop-shadow(0 0 6px #ed7758)}.flight-marker .fleet-arrow{display:block;font-size:23px;transform-origin:center}.flight-marker small{position:absolute;left:30px;top:18px;font-size:9px;color:#b9d8ed;background:#021529b8;padding:3px;white-space:nowrap}.flight-marker.returning{color:#70c8f5;filter:drop-shadow(0 0 5px #328acb)}.flight-marker.scout{color:#6ce3c6}.flight-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.flight-heading strong{color:#e6c58b;font-size:18px;font-weight:400;white-space:nowrap}.flight-card .bar{height:5px}.flight-card.returning{border-left-color:#7ccab7}.recall,.back-link{padding:9px 15px}.recall{border-color:#a26d5c}.report-link{width:100%;display:block;text-align:left;border:0;border-left:2px solid #448cb3;background:#04132577;border-radius:0;box-shadow:none}.report-link.unread{border-left-color:#d4c089;background:#12345088}.new-label{font-size:8px;letter-spacing:1px;color:#f0d698;margin-left:8px}.report-more{font-size:9px;color:#6cb7da}.table-scroll{overflow:auto}.battle-table{width:100%;border-collapse:collapse;margin:25px 0;font-size:12px}.battle-table th{text-align:left;color:#779db8;font-size:9px;letter-spacing:1px;padding:12px 8px;white-space:nowrap}.battle-table td{padding:13px 8px;border-top:1px solid #25506a}.battle-table td:not(:first-child){text-align:right}.battle-table .loss{color:var(--loss)}.battle-result{text-align:center;font-size:24px;letter-spacing:5px;margin:25px 0;padding:20px;border:1px solid}.victory{color:#86d5ad;border-color:#428463;background:#17553833}.defeat{color:#e69a9e;border-color:#844b58;background:#5a203633}.report-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 25px}.report-resources>div{padding:18px;background:#051529aa;border:1px solid #26506b}.report-resources small{display:block;font-size:8px;letter-spacing:1px;color:#8aa6bb;margin-bottom:10px}.report-resources strong{font-size:21px;font-weight:400;color:#dcd2ab}#flight-estimate{padding:10px 14px;background:#05172c77;margin-top:12px}select{background:#082139;border:1px solid #347399;color:#c9e7f4;padding:9px;border-radius:3px}#panelBody>h3{font-size:12px;letter-spacing:1px;font-weight:400;color:#90bdd9}

.flight-marker .fleet-arrow{width:25px;height:25px;object-fit:contain}.flight-marker.returning .fleet-arrow{filter:sepia(1) saturate(3) hue-rotate(145deg)}
#attackAlert{position:absolute;top:99px;left:50%;transform:translateX(-50%);z-index:5;background:linear-gradient(90deg,#5d1129ec,#9c1e3cec,#5d1129ec);border:1px solid #e65e7a;max-width:calc(100% - 180px);width:640px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:1px;color:#ffcccf}#attackAlert[hidden]{display:none}#attackAlert b{font-size:19px;white-space:nowrap}.under-attack:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 38px #e1275688;border:2px solid #cc345b66;pointer-events:none;z-index:4;animation:threat-pulse 2.5s ease-in-out infinite}@keyframes threat-pulse{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.under-attack:after{animation:none}}.flight-card.hostile{border:1px solid #aa3757;border-left:4px solid #f44c76;background:#57132d66}.flight-card.hostile h3{color:#f4b0be}.flight-card.hostile .bar div{background:#ec5e85}.flight-marker.hostile{filter:drop-shadow(0 0 5px #f8325f)}.flight-marker.hostile img{filter:sepia(1) saturate(6) hue-rotate(290deg)}.training-options{margin-top:20px}.enemy-details{margin:20px 0;padding:13px;background:#06162777}.enemy-details summary{cursor:pointer;color:#8ab3ca;font-size:11px;letter-spacing:1px}@media(max-width:800px){#attackAlert{top:96px;max-width:calc(100% - 30px);padding:8px 10px;font-size:8px}#attackAlert b{font-size:14px}.training-options{grid-template-columns:1fr}.battle-result{font-size:17px;letter-spacing:2px}}
.panel-head{background:#071c32}
.unit-art-button{display:block;border:0;box-shadow:none;background:radial-gradient(ellipse,#2673a02c,transparent 70%);width:100%;height:115px;padding:0}.unit-art-button img{height:110px;max-width:100%}.unit-card{position:relative}.unit-card h3{font-size:15px}.unit-locked{border-color:#334a60}.unit-status{display:inline-block;font-size:8px;letter-spacing:1px;padding:5px 7px;border:1px solid}.unit-status.available{color:#8ed1ab;border-color:#347b5b;background:#0d3e2c44}.unit-status.locked{color:#b8b4a2;border-color:#676149;background:#3e362544}.unit-brief{display:flex;justify-content:space-between;gap:5px;margin:15px 0}.unit-brief span{font-size:8px;color:#779bae}.unit-brief b{display:block;font-size:14px;color:#b5d6ea;font-weight:400;margin-top:5px}.quantity-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin-top:14px}.unit-card .unit-info-button{border:0;background:none;box-shadow:none;color:#79b1d0;font-size:8px;padding:8px 0;letter-spacing:1px}.unit-silhouette{height:110px;display:grid;place-items:center;font-size:65px;color:#47687f}.unit-detail{display:grid;grid-template-columns:190px 1fr;gap:25px;margin:20px 0}.unit-detail>div:first-child>img{width:185px;height:185px;object-fit:contain}.unit-stock-label{text-align:center;color:#779eb6;font-size:10px;margin-top:15px}.unit-stock-label strong{display:block;color:#c0d8e9;font-size:25px;margin-top:10px}.original-description{font-size:13px;line-height:1.9;color:#bfd6e5}.requirement-list{color:#d5bd89!important;font-size:11px!important;line-height:1.7!important}.catalog-group-title{letter-spacing:2px;color:#8cacc3;font-size:11px;font-weight:400;margin:28px 0 17px}.ship-catalog .card button{min-height:35px}.unit-detail .cost{margin-top:17px}.unit-detail .unit-silhouette{height:185px}@media(max-width:800px){.warp-tabs{flex-wrap:wrap}.warp-tabs button{font-size:9px;padding:10px 13px}.unit-detail{grid-template-columns:1fr}.unit-detail>div:first-child>img{display:block;width:130px;height:130px;margin:auto}.unit-detail .unit-stock-label{display:none}.unit-detail .unit-silhouette{height:100px}.unit-art-button{height:90px}.unit-art-button img{height:85px}.unit-brief{flex-wrap:wrap}}

/* Shared modal feedback and inventory use the established cosmic panel palette. */
*{scrollbar-width:thin;scrollbar-color:var(--line) var(--bg)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border:2px solid var(--bg);border-radius:4px}
select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#panel{scrollbar-gutter:stable}#panelBody{min-width:0}#panel[aria-busy=true]{cursor:progress}
.mutation-error{margin:16px 24px 0}.mutation-error button,#connectionStatus button{display:block;margin-top:10px;padding:10px}
#connectionStatus{position:fixed;top:100px;left:50%;transform:translateX(-50%);z-index:35;max-width:90vw;width:530px;border:1px solid var(--gold);background:var(--bg);color:var(--gold);padding:12px 16px;font-size:12px;line-height:1.6}
[hidden]{display:none!important}nav button{min-width:70px}
.inventory-nav{margin-top:0}.inventory-cards .item-card{display:flex;flex-direction:column}.item-card p{flex:1}.item-card .stat{align-items:center;font-size:10px}.item-card .stat b{font-size:18px}
.item-symbol{display:grid;place-items:center;height:80px;font-size:52px;color:var(--cyan)}.item-card img.item-resource{height:80px;width:80px;object-fit:contain}.teleport-item{margin-top:25px}
.item-detail{max-width:520px;margin:20px auto}.item-detail>.item-symbol{height:100px;font-size:70px}.item-detail>.item-resource{width:100px;height:100px;object-fit:contain;display:block;margin:auto}
.item-quantity{display:grid;grid-template-columns:1fr 95px;align-items:center;gap:8px;margin:18px 0 8px;font-size:12px}.item-quantity input{width:95px;font-variant-numeric:tabular-nums}.item-quantity small,.field-error{grid-column:1/-1;font-size:11px}.item-quantity small{color:var(--cyan)}.field-error{color:#ffc0b8;min-height:16px}.item-quantity input[aria-invalid=true]{border-color:#ffc0b8}
.process-card,.speedup-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.process-card>div,.speedup-row>div{min-width:0}.process-card h3{overflow-wrap:anywhere}.process-time{font-size:22px;color:var(--cyan);font-variant-numeric:tabular-nums}.speedup-row>div:last-child{min-width:240px}.speedup-row .item-symbol{display:none}.speedup-row .primary{width:100%}.auto-plan{margin-top:24px;border-color:var(--gold)}.auto-plan .primary{min-height:44px}.process-card .back-link{min-height:44px}
button.queue-item{text-align:left;padding:10px;display:block}.queue-item>.bar{display:block}.queue-item .bar>span{display:block;height:100%;background:var(--cyan)}.queue-item b{font-variant-numeric:tabular-nums}
@media(max-width:800px){nav button{min-width:0;width:16.66%}.mutation-error{margin:12px 15px 0}.speedup-row{display:block}.speedup-row>div:last-child{min-width:0}.process-card{gap:10px}.process-card .back-link{font-size:10px;padding:10px}.inventory-cards{gap:10px}.inventory-cards .card{padding:12px}.item-card h3{overflow-wrap:anywhere}.item-card p{font-size:11px}#connectionStatus{top:80px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* One original world replaces independently placed preview models. */
#scene.scene-ready .terrain{display:none}#models{z-index:1}#buildings{inset:0;transform:none;pointer-events:none}
#buildings .building{transform:none;min-width:32px;min-height:32px;background:none;border:0;box-shadow:none;filter:none;pointer-events:auto;display:block;padding:0}
#buildings .building:hover{background:radial-gradient(ellipse,#69d8ff24,transparent 70%)}
.building .building-label{position:absolute;left:var(--label-x);top:var(--label-y);display:flex;align-items:center;gap:6px;white-space:nowrap;transform:translate(-16px,-12px);pointer-events:auto}
#buildings .building .level{position:static;flex:none;display:grid;width:28px;height:28px;margin:0;font-size:13px;border:2px solid var(--line);background:#0b3448cc;box-shadow:0 0 5px #031120;border-radius:50%}
#buildings .building .name{margin:0;border:0;background:#07192b99;font-size:10px;padding:4px 6px;letter-spacing:.5px;color:#d0dce1;text-shadow:0 1px 3px #000}
#buildings .building.distant .name{display:none}#buildings .building:hover .name,#buildings .building:focus-visible .name{display:block}
#sceneStatus{position:absolute;left:110px;top:150px;max-width:calc(100% - 160px);z-index:6;background:var(--bg);border:1px solid var(--line);color:var(--cyan);padding:12px 16px;font-size:12px;pointer-events:none}
.base-building-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.base-building-row h3{margin:0 0 6px;font-size:14px;font-weight:400;color:var(--cyan)}.base-building-row .actions{margin:0;flex-wrap:nowrap}.base-building-row .actions button{padding:10px 14px;min-height:40px}
@media(max-width:800px){#sceneStatus{left:70px;top:155px;max-width:calc(100% - 90px);padding:9px;font-size:11px}#buildings .building .level{width:24px;height:24px;font-size:11px}#buildings .building .name{font-size:9px;max-width:130px;white-space:normal}.base-building-row{gap:8px}.base-building-row h3{font-size:12px}.base-building-row .actions{gap:5px}.base-building-row .actions button{font-size:9px;padding:9px}.scene-label{max-width:calc(100% - 210px);line-height:1.5}}

/* Original Decima fonts and client button sprites, rather than generic substitutes. */


body{font-family:Arial,Helvetica,sans-serif}
.building-context#overlay{align-items:flex-end;padding-bottom:130px;backdrop-filter:none;background:#01071055}
.building-context #panel{width:max-content;max-width:calc(100vw - 30px);max-height:60dvh;background:#04182ae8;position:relative;overflow:auto}
.building-context .panel-head{padding:14px 20px}.building-context .panel-head h1{font-size:19px;padding-right:32px}.building-context #panelBody{padding:12px 20px 20px}
.client-context-level{position:absolute;right:74px;top:8px;width:40px;height:40px;display:grid;place-items:center;color:var(--cyan);font-size:20px}.client-context-level img{position:absolute;inset:0;width:100%;height:100%}.client-context-level b{z-index:1}
.client-menu-actions{display:flex;gap:8px;justify-content:center}.client-menu-button{border:0;background:transparent linear-gradient(145deg,#1a3d57,#07182a 75%) center/100% 100% no-repeat;box-shadow:none;width:116px;height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 5px 10px;border-radius:0;color:#d9f0ff;text-transform:uppercase;font-size:12px;line-height:1.1}
.client-menu-button:active{background-image:linear-gradient(145deg,#1a3d57,#07182a 75%)}.client-menu-button img{width:58px;height:53px;object-fit:contain;margin-bottom:4px}
.client-menu-processes{margin-top:16px;display:grid;gap:6px}.client-menu-processes button{padding:9px 12px;display:flex;justify-content:space-between;gap:30px;text-align:left;font-size:13px}.client-menu-processes b{font-variant-numeric:tabular-nums;color:var(--cyan)}
.client-blue,.client-green,.client-gold{padding:12px 20px;min-height:46px;border:0;border-radius:0;box-shadow:none;background:transparent;border-image-source:linear-gradient(145deg,#1a3d57,#07182a 75%);border-image-slice:34 48 32 49 fill;border-image-width:17px 24px 16px 24px;color:#d9efff;text-transform:uppercase;font-size:14px}
.client-green{border-image-source:linear-gradient(145deg,#1a3d57,#07182a 75%);border-image-slice:27 64 40 58 fill}.client-gold{border-image-source:linear-gradient(145deg,#1a3d57,#07182a 75%);border-image-slice:34 52 32 52 fill;color:#fff0bb}.client-green small{display:block;font-variant-numeric:tabular-nums;font-size:13px;margin-top:3px}
.building-detail #panel{width:1120px;max-width:calc(100vw - 30px)}.client-detail-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;align-items:start}.client-detail-toolbar>div{display:flex;gap:10px}.client-tool{display:flex;align-items:center;gap:8px;padding:7px 12px;max-width:190px;text-align:left;font-size:12px}.client-tool img{height:30px;width:30px;object-fit:contain}
.client-building-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.9fr) minmax(240px,1.1fr);gap:24px;align-items:start}.client-current p{font-size:14px;color:#b6cfe2;line-height:1.7;margin:16px 0 20px}.client-building-layout h2,.client-efficiency h2{font-size:15px;font-weight:400;letter-spacing:1px;color:#c3d9e8;margin:20px 0 12px}
.client-level-title{display:flex;align-items:center;gap:16px;color:#91b9d2;font-size:12px}.client-level-title b,.client-level-change b{display:grid;place-items:center;width:42px;height:42px;background:linear-gradient(145deg,#1a3d57,#07182a 75%) center/contain no-repeat;font-size:23px;color:#9fddf7}.client-level-change{display:flex;align-items:center;justify-content:center;gap:24px;padding:8px;margin-bottom:14px}.client-level-change>span{color:#8ad68f;font-size:26px}
.client-benefit{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);min-height:43px;padding:9px 4px;font-size:14px}.client-benefit b{color:#e6debf;white-space:nowrap;font-variant-numeric:tabular-nums}.client-benefit span{color:#acc8dc}
.client-object{position:relative;align-self:center;min-height:260px;display:grid;place-items:center;background:radial-gradient(ellipse,#15466955,transparent 70%)}.client-building-preview{width:100%;max-width:320px;aspect-ratio:1;object-fit:contain}.client-info{position:absolute;right:8px;bottom:10px;width:34px;height:34px;border:0;background:none;box-shadow:none;padding:0}.client-info img{width:100%;height:100%}
.client-functions{display:flex;flex-direction:column;gap:8px;margin-top:24px}.client-functions button{display:flex;align-items:center;justify-content:center;gap:10px}.client-functions img{width:28px;height:28px;object-fit:contain}
.client-resource-requirements{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.client-resource-requirements>div{display:grid;grid-template-columns:1fr 12px;justify-items:center;padding:9px 5px;background:#041323;border:1px solid var(--line)}.client-resource-requirements img{width:32px;height:32px;object-fit:contain;grid-column:1/-1}.client-resource-requirements b{grid-column:1/-1;margin:8px 0 4px;font-size:16px;color:#e6dcbd;font-weight:400}.client-resource-requirements small{color:#8bacbd}.client-resource-requirements .met>span{color:#88db9f}.client-resource-requirements .missing>span{color:#ffc0b8}
.client-upgrade-controls{display:grid;gap:8px}.client-process-state{padding-top:20px;text-align:center}.client-process-state h3{font-size:13px;font-weight:400;color:#8dcc9b}.client-process-state>b{display:block;font-size:23px;font-variant-numeric:tabular-nums;color:#dce9f4}.client-process-state button{width:100%;margin-top:10px}.client-process-state small{display:block;line-height:1.4;color:#8baec5;margin-top:10px}.client-process-state .bar{height:9px;background:#021323;margin:14px 0}.client-process-state .bar>div{height:100%;background:#62ac71}
.client-unlocks{display:flex;gap:8px}.client-unlock{font-size:11px;padding:8px;width:100%}.client-unlock img{width:60px;height:50px;object-fit:contain;display:block;margin:auto}.client-balance-note{font-size:12px;color:#829fb4;border-top:1px solid var(--line);padding-top:16px;margin-top:25px}
.client-info-heading{display:flex;gap:24px;align-items:center}.client-info-heading .client-building-preview{width:190px;height:190px}.client-info-heading p{max-width:600px;font-size:16px;color:#bdd4e5}.client-level-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:20px}.client-level-table th,.client-level-table td{padding:13px;border:1px solid var(--line);text-align:left}.client-level-table thead{background:#10374f;color:#abd6f0}.client-level-table .current{background:#25465266;color:var(--gold)}.client-level-table .next{color:var(--positive)}.client-level-table td{font-variant-numeric:tabular-nums}
.client-efficiency{display:grid;grid-template-columns:1fr 1fr;gap:40px}.client-efficiency>div{text-align:center}.client-efficiency section>button{margin-top:20px;width:100%}.client-efficiency .muted{font-size:13px}
.client-fleet-roster{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.client-fleet-roster>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:12px}.client-fleet-roster img{width:64px;height:55px;object-fit:contain}.client-fleet-roster b{margin-left:auto}.client-fleet-roster .unit-silhouette{width:64px;height:55px;font-size:30px}.client-boost-list{margin-top:20px}
@media(max-width:800px){.building-context#overlay{padding-bottom:135px}.building-context #panel{max-width:calc(100vw - 12px)}.building-context #panelBody{padding:8px 8px 16px}.building-context .panel-head{padding:10px}.building-context .panel-head h1{font-size:15px;padding-right:50px}.client-context-level{right:56px;top:8px;width:28px;height:28px;font-size:17px}.client-menu-actions{gap:3px}.client-menu-button{width:82px;height:85px;font-size:10px}.client-menu-button img{width:44px;height:42px}.client-building-layout{grid-template-columns:1fr 1fr;gap:18px}.client-object{grid-column:2;grid-row:1;min-height:160px;align-self:start}.client-object .client-building-preview{max-width:220px}.client-upgrade{grid-column:1/-1}.client-detail-toolbar{align-items:stretch}.client-detail-toolbar>div{gap:5px}.client-tool{font-size:10px;padding:5px;max-width:145px}.client-tool img{width:23px;height:23px}.client-current p{font-size:13px}.client-benefit{font-size:13px}.client-info-heading{display:block}.client-info-heading .client-building-preview{display:block;margin:auto;width:140px;height:140px}.client-level-table th,.client-level-table td{padding:9px}.client-efficiency{grid-template-columns:1fr;gap:10px}.client-efficiency .client-building-preview{max-width:150px}.client-fleet-roster{grid-template-columns:1fr}.client-building-layout h2{font-size:13px}}

.client-production-layout{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(300px,1.4fr);gap:24px;margin-top:18px}.client-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-unit-choice{position:relative;min-height:135px;background:#092239;border:1px solid var(--line);padding:12px 6px;display:flex;align-items:center;flex-direction:column;gap:6px}.client-unit-choice.selected{border-color:var(--gold);background:#25445399}.client-unit-choice.locked{opacity:.7}.client-unit-choice img{width:75px;height:65px;object-fit:contain}.client-unit-choice span{font-size:12px}.client-unit-choice b{color:#a5d9ee}.client-unit-choice small{position:absolute;right:5px;top:5px}.client-unit-choice .unit-silhouette{font-size:36px;height:65px}
.client-unit-heading{display:grid;grid-template-columns:130px 1fr;gap:15px;align-items:center}.client-unit-heading>img{width:130px;height:130px;object-fit:contain}.client-unit-heading h2{font-size:23px;font-weight:400;color:#c3e8fa;margin:0}.client-unit-heading p{font-size:13px;color:#9fb9ca;line-height:1.65}.client-unit-heading>.unit-silhouette{height:130px;font-size:60px}.client-unit-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0;gap:1px;background:var(--line);border:1px solid var(--line)}.client-unit-stats>div{background:var(--bg);padding:10px 12px}.client-unit-stats small{display:block;color:#7da0b9;font-size:10px}.client-unit-stats b{font-size:20px;font-weight:400;color:#c3e5f5;display:block;margin-top:5px;font-variant-numeric:tabular-nums}.client-info-tabs{gap:5px;flex-wrap:wrap}.client-info-tabs button{padding:10px 12px}.client-unit-information{min-height:90px;padding:10px;background:#03162a80;font-size:13px}
.client-production-order{margin-top:20px;padding:15px;background:#05172a;border:1px solid var(--line)}.client-production-order h3{font-weight:400;font-size:14px;color:#aac9df}.client-order-selector{display:flex;gap:12px;align-items:center}.client-order-selector>button{width:35px;height:35px;font-size:22px}.client-order-selector .item-quantity{flex:1;margin:0}.client-production-order>input[type=range]{width:100%;padding:0;margin-top:14px;accent-color:var(--cyan)}.client-production-order>.client-green{width:100%;margin-top:16px}.client-locked-requirements{margin-top:20px;line-height:1.8;color:var(--gold);font-size:13px}
.client-beacons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px}.client-beacon{border:1px solid var(--line);background:#071c30;padding:18px}.client-beacon-title{display:flex;gap:14px;align-items:center}.client-beacon-title>img{width:65px;height:65px;object-fit:contain}.client-beacon-title h3{margin:0;font-size:21px;font-weight:400;color:var(--cyan)}.client-beacon-title p{margin:5px 0;font-size:14px}.client-beacon-title small{color:#86a9c0}.client-beacon-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.client-beacon-values>div{background:#021123;padding:10px;text-align:center;border-bottom:1px solid var(--line)}.client-beacon-values small{font-size:10px;color:#8fb2c8;display:block;min-height:24px}.client-beacon-values b{font-size:23px;font-weight:400;color:#bfddeb}.client-beacon details{margin:15px 0;font-size:13px}.client-beacon summary{cursor:pointer;color:var(--cyan);padding:8px 0}.client-beacon>.client-green{width:100%;margin-top:15px}
.client-workshop-layout{display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(220px,1fr);gap:24px;margin-top:22px}.client-workshop-ships{display:grid;gap:12px;margin-top:15px}.client-workshop-ships article{border:1px solid var(--line);padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;background:#04182b}.client-workshop-ships article>div:first-child{text-align:center}.client-workshop-ships img{width:78px;height:64px;object-fit:contain}.client-workshop-ships h3{font-size:13px;font-weight:400;margin:4px 0}.client-workshop-ships small{color:#8aabc1}.client-workshop-ships .item-quantity{display:block;margin:0}.client-workshop-ships input{width:100%;margin:8px 0}.client-workshop-ships .item-quantity small,.client-workshop-ships .field-error{display:block}.client-repair-order{padding:18px;background:#04182b;border:1px solid var(--line)}.client-repair-order h2{font-size:17px;font-weight:400;color:#accce2}.client-repair-order>button{width:100%;margin-top:12px}.client-repair-order .muted{font-size:12px}
.client-bunker-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.client-bunker-columns h2{font-size:17px;font-weight:400;color:var(--cyan)}.client-bunker-columns button{width:100%;margin-top:20px}
#buildings .building{pointer-events:none}#buildingLabels{position:absolute;inset:0;z-index:10000;pointer-events:none}
.building-label-control{position:absolute;transform:translate(-14px,-14px);display:flex;align-items:center;gap:6px;border:0;background:none;box-shadow:none;padding:0;pointer-events:auto;min-width:28px;min-height:28px;text-align:left}
.building-label-control .level{display:grid;place-items:center;flex:none;width:28px;height:28px;border:2px solid var(--line);border-radius:50%;color:#a3dcee;background:#0b3448dd;font-size:13px;box-shadow:0 0 5px #031120}
.building-label-control .name{background:#07192be6;padding:5px 7px;font-size:10px;color:#cde4f2;letter-spacing:.5px;white-space:nowrap}
.building-label-control.distant .name{display:none}.building-label-control:hover .name,.building-label-control:focus-visible .name{display:block}
.client-speedup-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(330px,1.4fr);gap:30px}.client-speedup-process{padding:10px}.client-speedup-process h2,.client-context-items>h2{font-size:15px;font-weight:400;color:#9fc3dc}.client-big-time{font-size:32px;color:#d9ebf6;font-variant-numeric:tabular-nums}.client-speedup-process .bar{height:13px;background:#02111e;margin:20px 0}.client-speedup-process .bar>div{height:100%;background:#52ad70}.client-auto-speedup{margin:24px 0;background:#08243b;padding:12px;border:1px solid var(--line)}.client-auto-speedup summary{cursor:pointer;color:var(--gold)}.client-auto-speedup p{font-size:13px;color:#a6c3d5}.client-auto-speedup button{width:100%;font-size:12px}
.client-context-item{display:grid;grid-template-columns:60px minmax(130px,1fr) 110px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.client-context-item h3{font-size:14px;color:#c6dce9;font-weight:400;margin:0 0 6px}.client-item-icon{position:relative}.client-item-icon .item-symbol{height:64px;font-size:40px}.client-item-icon b{display:block;text-align:center;font-weight:400;color:#8ab5cb;font-size:12px}.client-context-item .item-quantity{margin:0;font-size:11px;grid-template-columns:1fr 64px}.client-context-item .item-quantity input{width:64px;padding:6px}.client-context-item .item-quantity small{display:none}.client-context-item .item-quantity label{font-size:11px;color:#7ba4bb}.client-context-item .field-error{font-size:10px;min-height:0}.client-context-item>.client-blue{padding:10px;min-width:0;font-size:12px}
@media(max-width:800px){.client-speedup-layout{grid-template-columns:1fr;gap:14px}.client-speedup-process{padding:0}.client-big-time{font-size:26px}.client-speedup-process .bar{margin:12px 0}.client-auto-speedup{margin:12px 0}.client-context-item{grid-template-columns:42px minmax(100px,1fr) 90px;gap:7px}.client-menu-button{width:clamp(62px,calc((100vw - 62px)/4),82px)}.client-detail-toolbar>div{min-width:0}.client-detail-toolbar .client-tool{min-width:0}}
.client-resource-requirements>div{position:relative}.client-resource-requirements .client-resource-add{position:absolute;right:3px;top:3px;padding:0;width:23px;height:23px;font-size:17px}.client-resource-context{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:22px}.client-context-pack{border:1px solid var(--line);padding:20px;background:#03182b}.client-context-pack>.item-resource{display:block;width:80px;height:80px;object-fit:contain;margin:auto}.client-context-pack>button{width:100%;margin-top:12px}.client-context-pack h3{font-weight:400;color:var(--cyan)}@media(max-width:800px){.client-resource-context{grid-template-columns:1fr;gap:20px}}
.client-context-items{max-height:62dvh;overflow:auto;scrollbar-gutter:stable;padding-right:8px}.client-context-item .field-error{min-height:12px}.client-item-icon>img{width:52px;height:60px;object-fit:contain}.item-card>img.client-item-art{height:80px;width:80px;object-fit:contain;display:block;margin:auto}.item-detail>img.client-item-art{height:100px;width:100px;object-fit:contain;display:block;margin:auto}@media(max-width:800px){.client-context-items{max-height:none;overflow:visible;padding-right:0}.client-item-icon>img{width:38px;height:50px}}
@media(max-width:800px){.client-detail-toolbar .client-tool{flex-direction:column;justify-content:center;gap:3px;min-height:58px;line-height:1.2;text-align:center}.client-detail-toolbar .client-tool img{width:21px;height:21px}.client-detail-toolbar .client-tool span{min-width:0;overflow-wrap:anywhere}}

/* Active NBuildingScreen: model/next-level benefits left, requirements right. */
#app.building-view .commander,#app.building-view .map-button,#app.building-view aside,#app.building-view footer,#app.building-view #queue,#app.building-view #buildingLabels,#app.building-view .scene-label,#app.building-view .planet-caption{visibility:hidden}
.building-main#overlay{padding:96px 20px 14px;align-items:stretch;background:linear-gradient(90deg,#02112400 0%,#02112422 37%,#021124dc 52%,#021124f5 100%);backdrop-filter:none}
.building-main #panel{width:100%;max-width:none;max-height:none;height:100%;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:hidden;position:relative;display:flex;flex-direction:column}
.building-main .panel-head{position:static;background:transparent;border:0;padding:0;height:0;min-height:0}
.building-main #panelTitle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.building-main .close{position:fixed;left:20px;top:20px;right:auto;width:54px;height:44px;background:linear-gradient(#17486b,#08243c);border:1px solid var(--line);font-size:0}.building-main .close::after{content:'‹';font-size:34px;line-height:1}
.building-main #panelBody{flex:1;min-height:0;padding:0;overflow:hidden}.building-main .mutation-error{position:absolute;top:0;right:0;z-index:5;max-width:49%;margin:0}
.client-native-base-return{position:fixed;right:24px;top:16px;width:155px;height:70px;font-size:21px}
.client-native-building{display:grid;grid-template-columns:minmax(280px,.93fr) minmax(320px,1fr);gap:40px;height:100%;max-width:1600px;margin:0 auto}
.client-native-left{min-height:0;display:flex;flex-direction:column}.client-building-scene{height:41%;min-height:180px;position:relative;flex:none}
.client-native-name{position:absolute;top:5px;left:12%;display:flex;align-items:center;gap:15px;font-size:21px;text-transform:uppercase;color:#eef7ff;text-shadow:0 2px 4px #000;z-index:2}.client-native-name b{display:grid;place-items:center;width:47px;height:47px;flex:none;font-size:25px;color:#bfe5ff;background:#062135 linear-gradient(145deg,#1a3d57,#07182a 75%) center/contain no-repeat;border-radius:50%}
.client-native-model-fallback{display:none}.client-native-tools{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;align-items:end;z-index:2}.client-native-tools .client-menu-button{width:105px;height:89px;font-size:12px;line-height:1.1}.client-native-tools .client-menu-button img{width:52px;height:47px}
.client-native-next{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:linear-gradient(90deg,#064789dc,#041c31f5);border:2px solid #1b6597;border-radius:4px;min-height:64px;margin-top:10px}
.client-native-next h2{font-size:20px;font-weight:400;margin:0;color:#b6d4f0;text-transform:uppercase}.client-native-next .client-level-change{gap:10px;margin:0;padding:0}.client-native-next .client-level-change b{width:39px;height:39px;font-size:23px}.client-native-next .client-level-change>span{font-size:19px;color:#36ec5e}
.client-native-benefits{overflow:auto;min-height:0;scrollbar-gutter:stable;flex:1}.client-native-benefit{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#03172cbf;padding:12px;margin-top:3px;font-size:17px;min-height:52px}.client-native-benefit>span{color:#bad1e3;max-width:65%}.client-native-benefit>b{color:#e1effa;font-weight:700;white-space:nowrap}.client-native-benefit strong{color:var(--positive);font-weight:700}.client-native-unlocks{flex:none;display:flex;gap:10px}.client-native-unlocks:not(:empty){padding:10px;border:2px solid #2aa76d;background:#02432199;margin-top:8px}.client-native-unlocks .client-unlock{border:0;display:flex;gap:15px;align-items:center;background:none;text-align:left;font-size:16px}.client-native-unlocks .client-unlock img{width:65px;height:54px;margin:0}
.client-native-right{display:flex;flex-direction:column;min-height:0;padding-top:20px}.client-native-requirements{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable}.client-native-requirements h2{color:#7db1dd;font-size:27px;font-weight:400;margin:0 0 18px;text-transform:uppercase;letter-spacing:1px}
.client-native-resource{display:grid;grid-template-columns:74px minmax(0,1fr) 28px 24px;gap:12px;align-items:center;min-height:91px;background:#011629ca;border-bottom:1px solid #16415f;padding:10px 12px}.client-native-resource>img{width:63px;height:63px;object-fit:contain}.client-native-resource>div{font-size:24px;font-variant-numeric:tabular-nums}.client-native-resource b{font-weight:700;color:#d8e7f4}.client-native-resource small{font-size:21px;font-weight:700;color:#75a9cf}.client-native-resource>div>span{color:#648aac}.client-native-resource .client-resource-add{width:26px;height:26px;padding:0;font-size:20px}.client-native-resource>[data-requirement-mark]{font-size:26px;font-weight:700}.client-native-resource.met>[data-requirement-mark]{color:#25d775}.client-native-resource.missing>[data-requirement-mark]{color:#f39c9a}
.client-native-process{padding:12px;background:#06223ce3;flex:none}.client-native-process h3{font-size:16px;color:#8ad7a8;font-weight:400}.client-native-process>b{color:#dceef9;font-size:23px;font-variant-numeric:tabular-nums}.client-native-process .bar{height:9px;background:#01101e;margin-top:12px}.client-native-process .bar>div{height:100%;background:#58b676}
.client-native-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:none;padding:18px 10px 4px;background:#022447d9;border:1px solid #1c5a87;border-radius:12px 12px 0 0;margin-top:12px}.client-native-actions>button{font-size:18px;min-height:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}.client-native-actions small{font-size:20px;font-weight:700;display:flex;align-items:center;gap:7px;margin:0}.client-native-actions img{width:22px;height:22px;object-fit:contain}.client-native-note{font-size:11px;line-height:1.3;color:#7da4bf;margin:8px 0 0;flex:none}

@media(max-width:800px){.client-production-layout{grid-template-columns:1fr}.client-unit-grid{display:flex;gap:8px;overflow:auto;padding-bottom:10px;scrollbar-gutter:stable}.client-unit-choice{min-width:105px;max-width:105px;min-height:120px}.client-unit-heading{grid-template-columns:90px 1fr}.client-unit-heading>img{width:90px;height:90px}.client-unit-heading h2{font-size:19px}.client-beacons{grid-template-columns:1fr}.client-workshop-layout{grid-template-columns:1fr}.client-bunker-columns{grid-template-columns:1fr}.client-unit-stats>div{padding:9px}.client-info-tabs button{font-size:12px}.client-workshop-ships article{grid-template-columns:1fr 1.2fr}}

/* Shared capacity includes reserved repair jobs until completion. */
.workshop-capacity{margin:12px 0 22px;padding:12px 16px;border:1px solid var(--line);background:#071d33}.workshop-capacity .stat{margin:0 0 9px}.workshop-capacity-parts{display:flex;gap:20px;flex-wrap:wrap;margin-top:9px;color:#9db8cc;font-size:14px}.workshop-capacity-parts b{color:#dcefff;margin-left:5px}
/* Galaxy camera: coordinates and physics are independent from screen geometry. */
#galaxy{background:radial-gradient(ellipse at 50% 55%,#071627,#02050c 78%)}#stars{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(ellipse at 70% 40%,#1f234d33,transparent 55%),radial-gradient(ellipse at 20% 70%,#143e3733,transparent 60%)}#planets{inset:155px 100px 150px;overflow:hidden;touch-action:none;outline-offset:-3px}#galaxyEntities,#galaxyMarkers{position:absolute;inset:0;pointer-events:none}#galaxyEntities button,#galaxyMarkers button{pointer-events:auto}.galaxy-planet{width:150px;height:58px;padding:0;display:grid;justify-items:center;align-content:start;transition:none;color:var(--cyan)}.galaxy-planet img{width:58px;height:58px;filter:drop-shadow(0 0 8px #387ea244);border-radius:50%}.galaxy-planet b{max-width:150px;font-size:12px;text-shadow:0 2px 4px #000;white-space:nowrap}.galaxy-planet small{position:absolute;top:0;right:35px;margin:0;border:1px solid #417aa3;border-radius:50%;background:#07192a;padding:3px 5px}.galaxy-planet.pirate b{color:#edab83}.galaxy-planet.own b{color:#8fddbf}.galaxy-planet.selected img{outline:2px solid var(--cyan);outline-offset:5px}.galaxy-planet.shielded img{outline:2px solid #7ddef7;outline-offset:5px;box-shadow:0 0 20px #48d1ed66}.galaxy-planet.distant img{width:28px;height:28px}.galaxy-planet.distant b{font-size:10px}.galaxy-planet.distant small{right:47px;top:-3px;font-size:8px}.galaxy-toolbar{position:absolute;z-index:4;top:103px;left:100px;right:245px;display:flex;gap:6px;align-items:center}.galaxy-toolbar button{height:35px;min-width:35px;padding:5px 12px;font-size:12px;background:#062342e8}.galaxy-coordinate-fields{display:flex;gap:20px;margin:20px 0}.galaxy-coordinate-fields label{display:grid;gap:8px}.galaxy-coordinate-fields input{width:140px}.galaxy-caption{pointer-events:none;opacity:.5}.teleport-btn{z-index:4;top:103px}#galaxyContext{position:absolute;z-index:5;width:300px;max-width:calc(100% - 16px);background:linear-gradient(120deg,#123f60f5,#03172df5);border:1px solid #3c95bc;padding:17px;box-shadow:0 15px 30px #000a}#galaxyContext[hidden],#galaxyFlights[hidden]{display:none}#galaxyContext h2{font-size:19px;padding-right:15px;margin:7px 0;color:#c9ebfc}#galaxyContext p{margin:6px 0;font-size:13px}#galaxyContext>small{font-size:10px;letter-spacing:1px;color:#88b9d1}.galaxy-context-close{position:absolute;right:5px;top:5px;width:27px;height:27px;background:#7d1734}.galaxy-context-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.galaxy-context-actions button{flex:1;min-width:75px;padding:9px 5px;font-size:11px}.galaxy-attack{background:linear-gradient(#9e2545,#461029);border-color:#d94b6a}#galaxyRoutes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}#galaxyRoutes line{stroke:#62c6e5;stroke-width:1.5;stroke-dasharray:3 6}#galaxyRoutes .hostile{stroke:#f15373}#galaxyRoutes .returning{stroke:#8ed5b8}#galaxyRoutes .scout{stroke:#91bade}#galaxyFlights{position:absolute;z-index:6;right:0;top:5px;bottom:5px;width:min(350px,100%);overflow:auto;padding:18px;background:#041a30f5;border:1px solid #367a9e}#galaxyFlights h2{font-size:16px;margin-right:20px}#galaxyFlights .flight-card{padding:12px;font-size:12px}#galaxyFlights .flight-heading{flex-wrap:wrap}#galaxyFlights h3{font-size:12px;margin:3px 0}#galaxyFlights button.recall{padding:7px;font-size:11px}
@media(max-width:800px){#planets{inset:155px 12px 150px 62px}.galaxy-toolbar{top:97px;left:66px;right:9px;flex-wrap:wrap;gap:3px}.galaxy-toolbar button{padding:5px 8px;height:28px;font-size:10px}.galaxy-toolbar #galaxyCenter{min-width:95px}.teleport-btn{top:159px;right:10px;font-size:9px}.galaxy-planet{width:100px;height:80px}.galaxy-planet img{width:43px;height:43px}.galaxy-planet b{font-size:10px;max-width:100px}.galaxy-planet small{right:14px;top:-3px}#galaxyContext{padding:12px;width:250px}.galaxy-context-actions button{padding:9px 4px;font-size:10px;min-width:64px}.galaxy-coordinate-fields input{width:110px}}

.galaxy-planet.distant{height:28px}
/* Fleet orders preserve the source card-grid / selected type / preset hierarchy. */
.fleet-target-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.fleet-target-heading h2{font-size:22px;margin:4px 0}.fleet-target-heading small,.fleet-target-heading span{color:#9ebed4}.fleet-target-heading label{display:grid;gap:5px;font-size:11px}.fleet-target-heading>button{padding:10px}.fleet-send-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:24px}.fleet-unit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.fleet-unit-card{min-width:0;position:relative;padding:6px 3px;background:#061b2c;border:1px solid #315b77;display:grid;gap:4px;justify-items:center;align-content:start}.fleet-unit-card .unit-art{height:45px;margin:0}.fleet-unit-card .unit-art img{height:45px;max-width:100%}.fleet-unit-card span:not(.unit-art){font-size:10px}.fleet-unit-card b{font-size:11px;color:#88d0ad}.fleet-unit-card.selected{border-color:var(--gold);box-shadow:inset 0 0 12px #b7a95733}.fleet-unit-card.empty-stock{opacity:.55}.fleet-unit-card.empty-stock:hover{opacity:1}#flightUnitDetail{padding:15px;margin-top:15px;background:#03162a;border:1px solid #285574}.fleet-selected-heading{display:flex;gap:16px;align-items:center}.fleet-selected-heading .unit-art{width:100px;height:70px;margin:0}.fleet-selected-heading .unit-art img{height:70px}.fleet-selected-heading h3{margin:0;font-size:17px}.fleet-selected-heading p{margin:4px 0;font-size:12px;color:#91b2c9}.fleet-selected-stats{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0;color:#92b3c9;font-size:12px}.fleet-selected-stats b{color:#dbeef7;margin-left:5px}#fleet-selected-range,.fleet-speed-control input{width:100%;accent-color:#77c96c}.fleet-send-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.fleet-send-tools button{padding:8px;font-size:10px}.fleet-speed-control{display:block;margin-top:18px;font-size:12px}.fleet-speed-control b{float:right}.fleet-speed-control input{margin:12px 0}.fleet-order-side>button{width:100%;padding:12px;margin-top:10px}.fleet-preset-row{display:flex;gap:4px;margin:7px 0}.fleet-preset-row>button:first-child{flex:1;min-width:0;text-align:left;padding:9px 12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.fleet-preset-row strong{font-size:20px;color:#b8eaff}.fleet-preset-row>button:not(:first-child){width:32px}.fleet-preset-row.unavailable>button:first-child{border-color:#c25864}.fleet-preset-row small{display:block;width:100%;color:#ed9ca9}.fleet-order-side h3{font-size:13px;letter-spacing:1px;color:#91c7e2}.fleet-order-side p{font-size:12px}.fleet-order-side #flight-estimate{margin:15px 0 0;padding:0}.fleet-order-side .client-benefit{padding:10px 0}.fleet-order-side .warning{margin:10px 0}
@media(max-width:800px){.fleet-send-layout{grid-template-columns:1fr}.fleet-target-heading{flex-wrap:wrap;gap:10px}.fleet-target-heading h2{font-size:19px}.fleet-target-heading label{min-width:130px}.fleet-unit-grid{grid-template-columns:repeat(3,1fr)}.fleet-selected-stats{gap:9px}.fleet-order-side{border-top:1px solid var(--line);padding-top:12px}}

.fleet-unit-card>img{width:100%;height:45px;object-fit:contain}.fleet-unit-card>.unit-silhouette{width:45px;height:45px;font-size:22px}.fleet-selected-heading>img{width:100px;height:70px;object-fit:contain}.fleet-selected-heading>.unit-silhouette{width:75px;height:65px}

.fleet-target-screen #panel{width:min(1240px,100%);max-height:94dvh}.fleet-target-screen .panel-head{padding:13px 20px}.fleet-target-screen #panelBody{padding:16px 20px}.fleet-target-screen .fleet-target-heading{margin-bottom:12px}.fleet-target-screen .fleet-unit-card>img{height:36px}.fleet-target-screen .fleet-unit-card span{display:none}.fleet-target-screen .fleet-unit-card{padding:4px;gap:2px}.fleet-target-screen .fleet-selected-heading>img{height:45px;width:70px}.fleet-target-screen #flightUnitDetail{padding:10px;margin-top:10px}.fleet-target-screen .fleet-send-tools{margin-top:8px}.fleet-target-screen .fleet-speed-control{margin-top:10px}
/* Shared-world controls use the same overlay and source panel treatment. */
#panelBody>label{display:block;margin:16px 0 6px;color:#9acbe4}#panelBody>input,#panelBody>textarea{display:block;width:100%;padding:11px;margin-bottom:12px;background:#03172b;border:1px solid var(--line);color:#dcf3ff;font:inherit}#panelBody>button{margin:4px 6px 9px 0;padding:10px 16px}#panelBody textarea{resize:vertical}#panelBody hr{border:0;border-top:1px solid var(--line);margin:24px 0}.shared-help-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.shared-help-row button{padding:8px;font-size:11px}.report-filters{display:flex;gap:14px;margin-bottom:22px}.report-filters label{display:grid;gap:6px;flex:1;min-width:0}.report-filters select{max-width:100%;padding:10px;background:#061f36;color:#dbf0fc;border:1px solid var(--line)}.panel-threat{position:sticky;top:58px;z-index:8;display:block;width:100%;padding:10px;background:#57152b;border:1px solid #bd4c6a;text-align:center}.panel-threat[hidden]{display:none}#overlay.under-attack #panel{box-shadow:inset 0 0 22px #a5294144,0 0 0 2px #b84d68}.consumed-beacon{opacity:.65}.rally-signal{position:absolute;transform:translate(-50%,0);font-size:10px;padding:4px 7px;background:#795629;border-color:var(--gold);white-space:nowrap}
@media(max-width:800px){.galaxy-planet{height:43px}.shared-help-row{align-items:flex-start;flex-direction:column}.report-filters{flex-direction:column}.fleet-target-screen #panelBody{padding:14px}.panel-threat{font-size:12px}}

/* Reserve HUD space so alerts never cover galaxy camera controls. */
#attackAlert.notice{background:linear-gradient(90deg,#0a2d4cef,#174b69ef,#0a2d4cef);border-color:#438eb3;color:#bce8fa}.galaxy-toolbar{top:158px}.teleport-btn{top:158px}#planets{top:210px}
@media(max-width:800px){.galaxy-toolbar{top:137px;left:66px;right:9px}.teleport-btn{top:204px}#planets{top:248px}.panel-threat.notice{background:#103550;border-color:#377d9e}}

.panel-threat.notice{background:#103550;border-color:#377d9e}
/* Landscape, touch-first game surface. Portrait is an orientation prompt. */
#gameSurface{height:100dvh;width:100%;overflow:hidden}#app{min-height:0}#scene,#planets{touch-action:none}button,summary,input[type=range]{touch-action:manipulation}button:not(.building):not(.building-label-control):not(.planet){min-height:44px;min-width:44px}input[type=number],input[type=text],input[type=password],select{min-height:44px}input[type=range]{height:44px}summary{min-height:44px;padding:12px 0;cursor:pointer}button:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#orientationGuard{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 35%,#123350,#020914 70%);display:grid;place-content:center;text-align:center;padding:28px;color:#d2ebfa}#orientationGuard[hidden]{display:none}#orientationGuard h1{font-size:22px;letter-spacing:2px}#orientationGuard p{max-width:330px;line-height:1.6;color:#97bed7}.rotate-device{font-size:90px;color:var(--cyan);line-height:1.2}
.rally-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.rally-slot{min-height:98px;padding:12px;background:#031a2e;border:1px solid var(--line);overflow-wrap:anywhere}.rally-slot summary{display:grid;gap:8px}.rally-slot summary span{font-size:12px;color:#9ed2e8}.rally-slot.empty{display:grid;justify-items:center;align-content:center;gap:8px}.rally-slot.empty>b{font-size:28px}.rally-slot.empty>span{font-size:12px}.rally-slot.occupied{border-color:#5b9ea6}.rally-card .flight-heading h2{margin:0}.rally-card .actions button{padding:12px 18px}
.galaxy-planet{min-height:44px}.galaxy-planet img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.galaxy-planet b{position:absolute;left:50%;top:calc(50% + 32px);transform:translateX(-50%)}.galaxy-planet.distant{height:44px}.galaxy-planet.distant b{top:calc(50% + 18px)}.galaxy-planet.pirate{height:74px}.galaxy-planet.pirate img{width:74px;height:74px;object-fit:contain;border-radius:0;filter:drop-shadow(0 2px 7px #9f5c2633)}.galaxy-planet.pirate b{top:calc(50% + 40px)}.galaxy-planet.pirate.distant{height:48px}.galaxy-planet.pirate.distant img{width:44px;height:44px}.galaxy-planet.pirate.distant b{top:calc(50% + 25px)}
@media(max-height:600px) and (orientation:landscape){
 #app > footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:64px;
  padding:7px 12px;
  gap:8px;
 }
 #app > footer nav {min-width:0;gap:6px}
 #app > footer nav button {
  width:clamp(44px,9vw,60px);
  min-width:44px;
  height:48px;
  padding:4px;
  font-size:20px;
 }
 #app > footer nav button span {font-size:9px}
 body{font-size:13px}header{height:64px;padding:7px 12px;gap:10px;align-items:center}.commander{width:150px;min-width:150px;padding:5px;gap:8px}.commander strong{font-size:18px}.commander em{font-size:9px;letter-spacing:1px}.avatar{width:28px;font-size:28px}.resources{gap:18px;padding:0;margin:auto}.resources>div{gap:5px}.resources img{width:26px;height:26px}.resources b{font-size:16px}.resources small{font-size:8px;letter-spacing:.6px}.map-button{min-width:115px;padding:4px 9px}.map-button span{font-size:20px}.map-button b{font-size:10px}
 aside{top:76px;left:10px;gap:7px}aside button{width:48px;height:44px;min-height:44px;font-size:20px}aside span{font-size:8px}.scene-label{top:76px;left:75px;font-size:9px}.scene-label small{margin:4px 0 0 12px}#queue{left:75px;bottom:73px;max-width:230px;max-height:100px;overflow:auto}.queue-item{min-height:44px;padding:7px}.planet-caption{bottom:74px;font-size:14px}.galaxy-toolbar{top:72px;left:70px;right:150px;flex-wrap:nowrap;gap:4px}.galaxy-toolbar button{height:44px;padding:5px 9px;font-size:11px}.teleport-btn{top:72px;right:12px;max-width:132px;padding:6px;font-size:10px}#planets{inset:124px 12px 70px 70px}.galaxy-caption{bottom:76px;pointer-events:none}#attackAlert{top:66px;left:70px;right:12px;transform:none;width:auto;max-width:none;min-height:44px;padding:8px 12px;font-size:11px}
 #app:has(#attackAlert:not([hidden])) .galaxy-toolbar,#app:has(#attackAlert:not([hidden])) .teleport-btn{top:116px}#app:has(#attackAlert:not([hidden])) #planets{top:166px}#app:has(#attackAlert:not([hidden])) aside{top:116px}
 #overlay{padding:8px}#panel{max-height:calc(100dvh - 16px)}.panel-head{padding:8px 14px;min-height:52px}.panel-head h1{font-size:17px}.panel-head .close{width:44px;height:44px}.panel-threat{position:relative;top:auto;min-height:44px;padding:10px}.fleet-target-screen #panel{max-height:calc(100dvh - 16px)}.fleet-target-screen .panel-head{padding:6px 14px}.fleet-target-screen #panelBody{padding:12px 14px}.fleet-target-heading{gap:10px}.fleet-target-heading h2{font-size:19px}.fleet-send-layout{grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr);gap:16px}.fleet-unit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fleet-unit-card{min-height:62px}.fleet-order-side>button{min-height:44px}.fleet-preset-row{gap:5px}.fleet-preset-row>button:not(:first-child){width:44px}.fleet-preset-row>button:first-child{padding:8px}.fleet-order-side .client-benefit{padding:8px 0}.client-context-items{grid-template-columns:1fr}.client-speedup-layout{gap:20px}.rally-slots{gap:8px}.rally-slot{padding:10px}.base-building-row{min-height:64px}
}
@media(pointer:coarse){button:hover{filter:none}.fleet-unit-card:hover{filter:none}#planets{cursor:default}}

#galaxyContext{position:fixed;max-height:calc(100dvh - 150px);overflow:auto}#galaxyContext h2{padding-right:44px}#galaxyFlights h2{margin-right:44px}

.client-building-blocker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}.client-building-blocker>span{flex:1;min-width:160px}.client-building-blocker button{flex:none;min-height:44px}

.client-info-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px}.client-info-tabs button img{width:18px;height:18px;object-fit:contain}
.client-unit-bonuses{margin-top:0}.client-unit-bonuses td{white-space:nowrap}.client-unit-bonuses td:last-child{color:var(--positive)}
.client-unit-technology{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.client-unit-technology>div{min-width:0}.client-unit-technology b{font-weight:400}.client-unit-technology small,.client-unit-technology span{display:block;color:var(--muted);margin-top:5px}.client-unit-technology small:empty{display:none}.client-unit-technology button{flex:none;min-height:44px}.client-unit-technology.learned>div>b{color:var(--positive)}.client-unit-other-tech{margin-top:14px}.client-unit-other-tech summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--cyan)}.client-unit-other-tech summary:hover{color:var(--gold)}.client-unit-other-tech summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:800px){.client-unit-bonuses{font-size:12px}.client-unit-bonuses th,.client-unit-bonuses td{padding:8px 6px}.client-unit-technology{gap:8px}.client-unit-technology button{padding:8px}}

.process-quote{min-height:170px}.client-repair-order .process-quote{min-height:270px}.quote-status{min-height:24px;line-height:1.5;margin-bottom:8px;color:var(--cyan)}.quote-status button{min-height:44px;margin:8px 0}.quote-outdated>.client-benefit,.quote-outdated>.client-resource-requirements{opacity:.55}.recovery-table{width:100%;border-collapse:collapse;font-size:13px}.recovery-table th,.recovery-table td{padding:8px 5px;text-align:left;border-bottom:1px solid var(--line)}.recovery-table td{font-variant-numeric:tabular-nums;white-space:nowrap}.recovery-unit{display:flex;align-items:center;gap:6px;min-width:0}.recovery-unit img{width:38px;height:38px;object-fit:contain}.recovery-unit span{overflow-wrap:anywhere}.recovery-table .loss{color:var(--loss)}.client-beacon details summary{min-height:44px;cursor:pointer;padding:12px 0}.client-beacon details summary:focus-visible{outline:2px solid var(--gold)}

/* The same update notice stays reachable inside the active dialog. */
.pwa-update {
 position:fixed;
 bottom:144px;
 left:50%;
 transform:translateX(-50%);
 z-index:34;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 width:min(440px,calc(100% - 24px));
 padding:8px 12px;
 border:1px solid var(--gold);
 border-radius:4px;
 background:var(--bg);
 color:var(--gold);
 font-size:13px;
}
.pwa-update[hidden] {display:none}
.pwa-update p {margin:0;line-height:1.4;min-width:0}
.pwa-update button {min-height:44px;min-width:116px;flex:none}
#panel .pwa-update {
 position:sticky;
 top:0;
 left:auto;
 bottom:auto;
 transform:none;
 width:auto;
 margin:0 12px 8px;
 z-index:2;
}
@media(max-height:600px) and (orientation:landscape) {
 .pwa-update {bottom:76px}
}