#screen-economy,#screen-clans,#screen-prison{padding:20px;background:linear-gradient(135deg,#0e1c2ded,#101929fa);overflow:auto}
.marketIntro{display:flex;justify-content:space-between;gap:15px;padding:4px 0 18px;color:#89a8bd;font-size:11px;letter-spacing:1px}.marketIntro b{color:#b5f4d9}.marketGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.marketCard{display:flex;flex-direction:column;min-width:0;padding:14px;background:linear-gradient(150deg,#1e3347,#101d2a);border:1px solid #3d576d;border-radius:5px;box-shadow:0 6px 20px #0003}.marketCardTop{display:flex;justify-content:space-between;gap:6px;color:#99b5c9;font-size:10px;letter-spacing:.7px}.marketCardTop span:last-child{white-space:nowrap;color:#92e4d8}.marketCard.locked .marketCardTop span:last-child{color:#efb27a}.marketModuleImage{width:160px;max-width:100%;height:140px;align-self:center;margin:8px 0;background-image:url('assets/ship-modules.png');background-size:500% 200%;background-repeat:no-repeat}.marketResourceImage{display:grid;place-items:center;height:140px;margin:8px 0;font-size:44px;color:#8bd4df;text-shadow:0 0 25px #64ccde80;background:radial-gradient(ellipse,#43758933,transparent 65%)}.marketResourceImage.crystal{color:#c1a1f0}.marketResourceImage.fuelcell{color:#dac988}.marketResourceImage.nanobots{color:#91c9a7}.marketCard h3{font-size:13px;color:#dcebf3;letter-spacing:0;min-height:31px;line-height:1.3;margin:0}.moduleDescription{font-size:11px;line-height:1.5;min-height:34px;color:#90b4c6}.marketCard dl{display:grid;grid-template-columns:1fr auto;gap:8px;margin:5px 0 16px;font-size:11px}.marketCard dt{color:#829aae}.marketCard dd{margin:0;text-align:right;color:#d1e4ed}.marketCard dd small{color:#859cad}.marketBuy{margin-top:auto;border-top:1px solid #354b5f;padding-top:12px;display:flex;flex-direction:column;gap:12px}.marketBuy strong{color:#e3c68d;font-size:16px}.marketBuy button{width:100%;padding:10px 3px;background:linear-gradient(#285b65,#163d4b);border-color:#4f9b9e;font-weight:bold;font-size:10px;letter-spacing:.5px}.marketBuy button:disabled{opacity:.55;cursor:default;box-shadow:none;background:#253344;border-color:#506273}
.clanToolbar,.clanToolbar form{display:flex;gap:8px;align-items:center}.clanToolbar{justify-content:space-between;margin:15px 0}.clanToolbar input,.socialForm input:not([type=checkbox]),.socialForm textarea,.socialForm select,#miningDuration{background:#091522;color:#d6e7f2;border:1px solid #4b657b;border-radius:3px;padding:9px;font:inherit;min-width:0;max-width:100%}.clanToolbar button,.socialForm button,.clanMember button,.clanHero button{padding:8px 10px}.clanListRow{display:grid;grid-template-columns:26px minmax(90px,1fr) 90px 115px 110px;align-items:center;text-align:left;gap:10px;width:100%;margin:7px 0;padding:14px;background:#182c3d;border-color:#3d586c}.clanListRow strong{font-size:14px;color:#c9e8e2}.clanListRow>span{font-size:11px;color:#96acbd}.clanHero{display:grid;grid-template-columns:minmax(170px,40%) 1fr;gap:24px;margin:24px 0}.clanHero h1{font-size:28px;color:#d0f4eb;margin:0 0 18px;overflow-wrap:anywhere}.clanHero progress{width:100%;height:12px;accent-color:#69d6c1}.clanLogo.large{display:block;width:auto;height:auto;max-width:min(100%,500px);max-height:500px;object-fit:contain;align-self:start;justify-self:center}.clanLogo.small,.chatClanLogo{width:20px;height:20px;min-width:20px;object-fit:contain;image-rendering:auto;vertical-align:middle}.clanLogoPlaceholder{color:#709ca9;text-align:center}.clanLogoPlaceholder.large{display:grid;place-items:center;aspect-ratio:1;width:100%;max-width:500px;background:radial-gradient(circle,#1d3e50,#112330);font-size:70px;border:1px solid #355566}.clanMetrics{display:flex;gap:16px;flex-wrap:wrap;color:#8ad8c8;font-size:11px}.clanDescription{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#bfd0db}.clanMembers,.clanApplications{margin:12px 0 25px}.clanMember{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:9px;border-bottom:1px solid #31495b}.clanMember small{color:#91c9b7}.clanMember .pilotAvatar{width:36px;height:36px;flex-shrink:0}.clanRules{margin-top:20px;padding:15px;background:#132737;border:1px solid #355164;line-height:1.7}.clanRules summary{cursor:pointer;color:#9ad8d4}.clanRules table{width:100%;border-collapse:collapse}.clanRules th,.clanRules td{padding:8px;text-align:left;border-bottom:1px solid #304b5e}.socialForm{display:grid;gap:16px;max-width:720px;margin:18px 0;padding:18px;background:#122535;border:1px solid #36536a}.socialForm label{display:flex;flex-direction:column;gap:8px;color:#aac7d5}.socialForm textarea{resize:vertical;min-height:100px}.logoFields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.logoPreview{display:block;min-height:26px}.logoPreview .large{max-width:160px;max-height:160px}.socialForm input[type=file]{width:100%;padding:6px;font-size:11px}.socialForm p{margin:0;line-height:1.6;color:#90aebe}#clanFormError,#clanActionStatus,#muteStatus,#accountStatus{color:#eac68c}.muteForm{margin:16px 0 0}.prisonRow{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:15px;padding:16px;margin:10px 0;background:#1c2837;border:1px solid #526073}.prisonRow small{display:block;color:#9fafc1;margin-top:5px}.prisonRow p{margin:8px 0 0;overflow-wrap:anywhere}.prisonRow b{color:#efb987}.prisonRow button{padding:5px 8px}.paladinName{color:#f0dca7}.chatClanFallback{width:20px;text-align:center;color:#88b4c8}.chatLine.invasion{color:#e4cd92}#cellMenu label{display:block;margin:8px 0}#miningDuration{width:100%;padding:6px}.taskbar button{display:block;margin-top:12px;padding:6px 10px}#adminRole{width:100%}
canvas.marketModuleImage{background:none;width:175px;height:140px;object-fit:contain}
@media(max-width:900px){.marketGrid{gap:8px}.marketCard{padding:9px}.marketModuleImage,canvas.marketModuleImage{width:120px;height:110px}.marketIntro{flex-direction:column;gap:7px}.clanHero{grid-template-columns:1fr}.clanHero>.large{max-width:220px}.clanListRow{grid-template-columns:24px 1fr 80px}.clanListRow>span:last-child{display:none}.logoFields{grid-template-columns:1fr}}
.marketLayout{display:grid;grid-template-columns:158px minmax(0,1fr);gap:16px;min-height:0}
.marketCategories{align-self:start;position:sticky;top:0;display:flex;flex-direction:column;gap:5px;padding:12px;background:#0b1929;border:1px solid #385166;border-radius:3px}
.marketCategories h3{padding:4px 2px 10px}.marketCategories>button{text-align:left;padding:10px 7px;font-size:11px;background:#132a3c;border-color:#29475d}.marketCategories>button.active{background:#224c59;border-color:#6bbdbb;color:#dcfff5}
.marketWallet{display:flex;flex-direction:column;gap:6px;margin-top:15px;padding-top:14px;border-top:1px solid #345164}.marketWallet>span{font-size:9px;color:#88a2b5;letter-spacing:1px}.marketWallet strong{font-size:14px;color:#bce6de;margin-bottom:9px}.marketWallet .crownBalance{color:#eed398}.marketWallet small{font-size:10px;color:#94aebe;line-height:1.7}
.marketContent{min-width:0}.marketHint{margin:0 0 13px;font-size:10px;color:#96afbf;line-height:1.6}.marketContent .marketIntro{padding-bottom:9px;font-size:10px;letter-spacing:.5px}
.weaponTypeFilters{display:flex;flex-wrap:wrap;gap:6px;margin:3px 0 13px;padding:8px;background:#081522;border:1px solid #334e63;border-radius:6px}
.marketCurrencyFilter{display:flex;align-items:center;gap:7px;width:fit-content;margin:3px 0 13px;padding:8px 11px;color:#ebca85;background:#081522;border:1px solid #526477;border-radius:4px;font-size:11px;cursor:pointer}
.marketCurrencyFilter input{margin:0;accent-color:#dfbd70}
.marketAccessFilters{display:flex;flex-wrap:wrap;gap:8px}
.marketClanFilter{color:#9ed9ac}.marketClanFilter input{accent-color:#9ed9ac}
.clanModuleBadge{display:inline-block;padding:3px 5px;border:1px solid #6aab82;border-radius:3px;background:#183629;color:#b5ecc5;font-size:8px}
.marketEmpty{grid-column:1/-1;padding:24px;text-align:center;color:#96afbf}
.weaponTypeFilters button{display:flex;align-items:center;gap:10px;padding:8px 11px;color:#b8cedc;background:linear-gradient(#213548,#102232);border-color:#3b5568;border-radius:4px;font-size:10px}
.weaponTypeFilters button span{color:var(--weapon-color);background:#07121c;padding:2px 5px;border-radius:3px;font-size:9px}
.weaponTypeFilters button.active{color:#f2fbff;border-color:var(--weapon-color);box-shadow:inset 0 -2px var(--weapon-color),0 0 12px #8dcbd512}
#market .marketCard{border-width:2px;border-color:#69808f #253a4a #182b39 #4b6475;background:linear-gradient(145deg,#23384b,#111e2d 65%);box-shadow:inset 0 0 0 1px #07111dcc,0 5px 14px #0005}
#market .marketArtFrame{position:relative;display:grid;place-items:center;margin:10px 0 12px;padding:5px;border:3px ridge #526c7d;border-radius:8px;background:radial-gradient(ellipse at 50% 65%,#3b627946,transparent 70%),linear-gradient(145deg,#08121e,#142839);box-shadow:inset 0 0 0 2px #06101c,inset 0 0 22px #0009,0 2px 0 #71839244}
.marketArtFrame::before,.marketArtFrame::after{content:'';position:absolute;inset:3px;pointer-events:none;border-radius:3px}
.marketArtFrame::before{background:linear-gradient(var(--weapon-color),var(--weapon-color)) left top/17px 2px no-repeat,linear-gradient(var(--weapon-color),var(--weapon-color)) left top/2px 13px no-repeat,linear-gradient(var(--weapon-color),var(--weapon-color)) right bottom/17px 2px no-repeat,linear-gradient(var(--weapon-color),var(--weapon-color)) right bottom/2px 13px no-repeat;opacity:.85}
.marketArtFrame::after{background:radial-gradient(circle,#c3d3d9 0 1px,#152534 2px,transparent 3px) right 2px top 2px/7px 7px no-repeat,radial-gradient(circle,#c3d3d9 0 1px,#152534 2px,transparent 3px) left 2px bottom 2px/7px 7px no-repeat}
.marketCrownBadge{position:absolute;top:7px;right:7px;z-index:1;display:grid;place-items:center;width:29px;height:29px;border:1px solid #edcb76;border-radius:50%;color:#ffe297;background:linear-gradient(145deg,#665026,#211b11);box-shadow:0 2px 6px #0009,inset 0 0 5px #ffd77940;pointer-events:none}
.marketCrownBadge svg{width:20px;height:20px;fill:currentColor;filter:drop-shadow(0 1px 1px #0009)}
#market .marketArtFrame .marketModuleImage{display:block;width:100%;height:auto;aspect-ratio:220/180;margin:0;background:none}
#market .marketArtFrame .marketResourceImage,#market .marketArtFrame .marketResourceArt{width:100%;height:auto;aspect-ratio:220/180;margin:0;object-fit:contain}
.weaponTypeBadge{align-self:flex-start;max-width:100%;margin-top:5px;padding:3px 6px;border-left:2px solid var(--weapon-color);color:var(--weapon-color);background:#081825;font-size:9px;line-height:1.4}
.crownModuleBadge{position:absolute;top:3px;right:3px;z-index:1;display:grid;place-items:center;width:18px;height:18px;border:1px solid #edcb76;border-radius:50%;background:linear-gradient(145deg,#665026,#211b11);color:#ffe297;pointer-events:none}
.crownModuleBadge svg{width:13px;height:13px;fill:currentColor}
.clanArtBadge{position:absolute;z-index:1;display:grid;place-items:center;pointer-events:none;filter:drop-shadow(0 2px 2px #000b)}
.clanArtBadge svg{display:block;width:100%;height:100%;overflow:visible}
.clanInsigniaShield{fill:#174a38;stroke:#91f2bf;stroke-width:1.2;stroke-linejoin:round}
.clanInsigniaFormation{fill:#dcffe9}
.marketClanBadge{top:7px;right:7px;width:29px;height:29px}
.clanModuleArtBadge{top:3px;right:3px;width:19px;height:19px}
.marketCrownBadge+.marketClanBadge{right:43px}
.crownModuleBadge+.clanModuleArtBadge{right:25px}
#market .requirementMissing,#market .requirementMissing small{color:#ff858b}
#market .purchaseMissing{list-style:none;padding:0;margin:0;display:grid;gap:4px;color:#ff858b;font-size:9px;line-height:1.5}
#market .purchaseMissing li::before{content:'!';display:inline-block;margin-right:5px;font-weight:bold}
#market .marketBuy:has(.purchaseMissing) button:disabled{opacity:1;color:#ff969c;background:#321f2a;border-color:#8a4754}
.module.moduleDrag{position:relative;border:2px ridge #627e94;border-radius:5px;background:radial-gradient(ellipse at 50% 35%,#365d7044,transparent 65%),linear-gradient(135deg,#213a4e,#0d1e2f);box-shadow:inset 0 0 0 2px #0a1522,0 3px 7px #0005}
.module.moduleDrag::before{content:'';position:absolute;inset:3px;pointer-events:none;background:linear-gradient(#88c5d7,#88c5d7) left top/12px 2px no-repeat,linear-gradient(#88c5d7,#88c5d7) left top/2px 10px no-repeat,linear-gradient(#88c5d7,#88c5d7) right bottom/12px 2px no-repeat,linear-gradient(#88c5d7,#88c5d7) right bottom/2px 10px no-repeat}
#market .marketGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
#market .marketCard{padding:9px;border-radius:3px}#market .marketCardTop{font-size:9px;letter-spacing:0}#market .marketCard h3{font-size:11px;min-height:30px;overflow-wrap:anywhere}
#market .marketModuleImage,#market .marketResourceImage{width:100%;height:100px;object-fit:contain;background-image:none;margin:7px 0}#market .marketResourceImage{font-size:30px}
#market .moduleDescription{font-size:10px;min-height:39px;margin:8px 0;line-height:1.4}#market .marketCard dl{font-size:9px;gap:6px;margin:4px 0 10px}#market .marketCard dd{white-space:nowrap}#market .marketBuy{padding-top:10px;gap:8px}#market .marketBuy strong{font-size:13px}#market .marketBuy button{font-size:9px;letter-spacing:0;padding:8px 2px;min-height:33px}
main:has(#battle:not(.hidden)),main:has(#screen-economy:not(.hidden)){grid-template-columns:minmax(0,1fr)}
main:has(#battle:not(.hidden))>.left,main:has(#screen-economy:not(.hidden))>.left{display:none}
#screen-economy{inset:5px;padding:13px}#screen-economy>.battleHead{margin-bottom:12px}#screen-economy h2{margin:0}#closeMarket{padding:3px 10px;font-size:18px}
.world:has(#battle:not(.hidden))>.breadcrumb,.world:has(#screen-economy:not(.hidden))>.breadcrumb{display:none}
#battle{inset:0;padding:7px;overflow:hidden}.battleBodyV4{min-height:0}#battle .battleCanvasWrap{width:100%;height:100%;overflow:hidden}.battleRosterSide{min-width:0;scrollbar-width:thin}.combatantStats{min-width:0}
#createRoom{flex-wrap:wrap;align-items:center}#createRoom .chaoticOption{display:flex;align-items:center;gap:6px;font-size:10px;cursor:pointer}#createRoom .chaoticOption input{flex:none;min-width:0;margin:0;width:14px;height:14px;accent-color:#75d7ca}
#battleAmmo{display:flex;gap:6px;overflow-x:auto;flex-shrink:0;padding:0 0 6px;scrollbar-width:thin;min-height:28px}.ammoChip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid #355568;background:#102439;padding:5px 7px;font-size:9px;color:#b8cfdb}.ammoChip i{width:5px;height:5px;flex-shrink:0}.ammoChip b{font-weight:400;color:#eef7fc}.ammoChip.empty{opacity:.5}
#weaponPopup{width:240px;min-width:0;max-width:calc(100% - 8px);max-height:min(330px,calc(100% - 8px));overflow:auto;padding:6px;z-index:15}#weaponPopup button{width:100%;text-align:left;padding:7px;margin:0 0 4px;display:flex;flex-direction:column;gap:3px}#weaponPopup button span{color:#d8eaf4;font-size:11px}#weaponPopup small{color:#99b9c9;font-size:10px}#weaponPopup button:disabled{opacity:.4;cursor:default}
#chat .chatUser{font-weight:400;display:inline-block;padding:1px 3px;line-height:1.3;border:1px solid transparent;text-decoration:none}#chat .chatUser:hover{background:#ffffff12}#chat .directedToMe .chatUser{border-color:currentColor;background:#071a2d80;border-radius:0}#players .playerName{font-weight:400}
.battlePilotLevel{color:#9bffe0;font-size:10px;white-space:nowrap}
@media(max-width:1000px){.marketLayout{grid-template-columns:130px minmax(0,1fr);gap:9px}.marketCategories{padding:7px}.marketCategories>button{font-size:10px;padding:9px 4px}#market .marketGrid{gap:6px}#market .marketCard{padding:6px}#market .marketCard dl{grid-template-columns:1fr;gap:2px}#market .marketCard dd{text-align:left;margin-bottom:3px}#market .marketModuleImage,#market .marketResourceImage{height:77px}}
@media(max-width:650px){.marketLayout{grid-template-columns:105px minmax(0,1fr)}.marketContent{overflow-x:auto}#market .marketGrid{min-width:690px}#battle .battleTop{flex-wrap:wrap}#bonuses{display:flex;gap:3px;flex-wrap:wrap}.battleBodyV4{grid-template-columns:76px minmax(0,1fr) 76px;gap:4px}.combatant{grid-template-columns:minmax(0,1fr)}.combatant .pilotAvatar{display:none}.combatantLevel{font-size:7px}}

.marketResourceArt{display:block;width:100%;height:140px;object-fit:contain;margin:8px 0;background:radial-gradient(ellipse,#43758933,transparent 65%)}#market .marketResourceArt{height:100px;margin:7px 0}.shipFuelCard{padding:16px;background:linear-gradient(145deg,#182e43,#0a1a29);border:1px solid #5b879a;border-radius:4px}.shipFuelCard h3{color:#9ce8dc;letter-spacing:1px}.shipFuelCard>p{line-height:1.7}.shipFuelCard>p strong{font-size:23px;color:#9fffe2}.shipFuelCard button{width:100%;margin:5px 0;padding:10px}.shipFuelCard button:disabled{opacity:.48}.fuelTankMark{font-size:42px;text-align:center;filter:drop-shadow(0 0 12px #41b8c966)}.fuelGauge{height:14px;margin:10px 0;background:#06101a;border:1px solid #4d7187}.fuelGauge span{display:block;height:100%;background:linear-gradient(90deg,#247886,#76f1ce);transition:width .3s}.shipFuelCard [role=status]:empty{display:none}#battleAmmo{display:none!important}

.battleCellMark{position:absolute;z-index:10;top:8px;right:8px;padding:7px 10px;background:#162d45ee;border-color:#79d6e3;font-size:10px}.battleCellMark.active{background:#725420;color:#fff1b3;border-color:#ffe078}.battleBodyV4 #battleCanvas{touch-action:manipulation}
.pilotDetails h2 .profilePresence{display:inline-block;width:10px;height:10px;margin-right:9px;vertical-align:middle;flex-shrink:0}
.archiveRewards{margin:16px 0;padding:16px;border:1px solid #42617b;background:#101e2c;border-radius:8px}
.archiveRewards h3{margin:0 0 12px}
.archiveRewardsScroll{overflow-x:auto}
.archiveRewards table{width:100%;border-collapse:collapse;white-space:nowrap}
.archiveRewards th,.archiveRewards td{padding:10px 12px;border-bottom:1px solid #30465a;text-align:right}
.archiveRewards th:first-child{text-align:left}
.archivePersonalResult{color:#abd8bd;line-height:1.6}
.clanStorageList{display:grid;gap:10px;margin:16px 0}.clanStorageItem{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;background:#102337;border:1px solid #385970;flex-wrap:wrap}.clanStorageItem small{display:block;color:#a0bbcf;margin:5px 0}.clanStorageItem input{width:85px}.clanStorageItem .terminalActions{flex-wrap:wrap}#storageError{color:#ffd293;white-space:pre-wrap}#clansBody>p{line-height:1.6}#clansBody pre{white-space:pre-wrap;overflow-wrap:anywhere}.clanListRow>span:last-child{overflow-wrap:anywhere;white-space:normal}#storageDeposit select{max-width:100%;width:min(550px,100%)}

.adminDeletePanel{margin-top:24px;padding:16px;border:1px solid #ac7272;max-width:720px}.adminDeletePanel h3{color:#ffb9b9}.adminDeletePanel p{line-height:1.6}.adminDeletePanel button,#adminDeleteDialog [type=submit]{padding:10px 14px;border-color:#c77979;background:#522d37;color:#ffe0e0}#adminDeleteDialog{max-width:560px;width:calc(100% - 32px);color:#d6e7f2;background:#102235;border:1px solid #ac7272;padding:20px}#adminDeleteDialog::backdrop{background:#0009}#adminDeleteDialog h2{font-size:17px;overflow-wrap:anywhere}#adminDeleteDialog .socialForm{margin:16px 0 0;padding:14px}#adminDeleteDialog .battleHead{gap:12px}.adminDeleteActions{display:flex;gap:10px;flex-wrap:wrap}#adminDeleteDialog button:disabled,.adminDeletePanel button:disabled{opacity:.5;cursor:not-allowed}
