:root { --bg:#050b16; --panel:#101b2d; --line:#27415e; --cyan:#38e5ff; --gold:#ffc857; --green:#6fffb0; --ink:#eaf7ff; --muted:#91a8bb; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { margin:0; color:var(--ink); font-family:"Microsoft JhengHei",Arial,sans-serif; background:radial-gradient(circle at 80% 0,#12365a 0,transparent 35%),linear-gradient(145deg,#030711,#081425 55%,#06111f); min-height:100vh; }
a { color:inherit; text-decoration:none; } button,input { font:inherit; }
.war-header { position:sticky; top:0; z-index:5; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:18px; padding:14px clamp(16px,5vw,70px); border-bottom:1px solid var(--line); background:#050b16dd; backdrop-filter:blur(14px); }
.war-menu { position:relative; padding-right:18px; }.war-menu-button { display:grid; min-height:auto; padding:0 18px 0 0; color:var(--cyan); border:0; background:transparent; font-size:20px; line-height:1.1; text-align:left; }.war-menu-button::after { position:absolute; top:50%; right:18px; content:"▾"; color:var(--muted); font-size:12px; transform:translateY(-50%); }.war-menu-button[aria-expanded="true"]::after { transform:translateY(-50%) rotate(180deg); }.war-alert-light { position:absolute; left:0; top:calc(100% + 3px); z-index:9; width:13px; height:13px; min-height:13px; padding:0; border:1px solid #a8ffd1; border-radius:50%; background:#38f58b; box-shadow:0 0 8px #38f58bcc,0 0 18px #38f58b55; }.war-alert-light.alert { border-color:#ffd0d0; background:#ff3048; box-shadow:0 0 10px #ff3048,0 0 24px #ff304899; animation:war-alert-blink .78s ease-in-out infinite; }.war-header small { color:var(--muted); font-size:10px; letter-spacing:.18em; }.war-menu-list { position:absolute; top:calc(100% + 10px); left:0; z-index:8; display:grid; gap:6px; min-width:150px; padding:10px; border:1px solid var(--line); border-radius:12px; background:#071321f2; box-shadow:0 18px 45px #0009; backdrop-filter:blur(14px); }.war-menu-list[hidden] { display:none; }.war-menu-list button,.war-menu-exit { justify-content:start; min-height:36px; padding:8px 10px; color:var(--ink); border:1px solid transparent; border-radius:7px; background:transparent; text-align:left; }.war-menu-list button.active { color:#031018; border-color:var(--cyan); background:var(--cyan); }.war-menu-exit { margin-top:4px; border-color:#2b4159; color:#ffcf7b; }.war-menu-exit:hover { border-color:var(--gold); background:#221b0d; }
.header-resources { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; width:min(640px,100%); margin:auto; }.header-resource-pair { display:grid; gap:3px; min-width:0; }.header-resource { display:flex; align-items:center; justify-content:center; gap:5px; min-width:0; padding:4px 6px; border:1px solid var(--line); border-radius:8px; background:#0a1727; }.header-resource.sub-resource { border-color:#213a54; background:#071321; }.header-resource img { width:24px; height:24px; padding:0; border-radius:6px; background:radial-gradient(circle,#173b58,#071421 72%); filter:drop-shadow(0 0 5px #38e5ff55); }.header-resource strong { min-width:0; overflow:hidden; color:var(--cyan); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.header-resource-pair.coin-resource .header-resource:first-child { border-color:#826427; background:#211a0c; }.header-resource-pair.coin-resource .header-resource:first-child strong { color:var(--gold); }.header-resource-pair.coin-resource .header-resource:first-child img { filter:drop-shadow(0 0 5px #ffc85788); }
.link-button,.login-gate a,.header-button { padding:9px 14px; border:1px solid var(--cyan); border-radius:7px; color:#031018; background:var(--cyan); font-weight:900; }
.header-button { min-height:auto; }
main { width:min(1180px,calc(100% - 28px)); margin:auto; padding:38px 0 70px; }
.war-hero { display:flex; justify-content:space-between; align-items:end; gap:24px; padding:30px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(135deg,#0d2038dd,#122d48aa); box-shadow:0 24px 70px #0007; }
p { margin:0; color:var(--cyan); font-size:11px; font-weight:900; letter-spacing:.14em; }.war-hero h1 { margin:6px 0; font-size:clamp(34px,6vw,68px); line-height:1; }.war-hero span,.section-heading span { color:var(--muted); }
.empire-heading { min-width:0; }.empire-title-row { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }.empire-title-row h1 span { color:var(--ink); }.defense-shield-control { display:flex; align-items:center; }.defense-shield-button { display:grid; gap:2px; min-height:42px; padding:7px 12px; border:1px solid #38e5ff99; color:var(--cyan); background:linear-gradient(135deg,#0b2237,#071321); box-shadow:0 0 14px #38e5ff22; font-size:12px; }.defense-shield-button span { color:inherit; font-weight:900; }.defense-shield-button small { color:var(--muted); font-size:10px; letter-spacing:0; }.defense-shield-button.active { border-color:#77ffb0; color:#77ffb0; background:linear-gradient(135deg,#073322,#061710); box-shadow:0 0 20px #77ffb044; }.defense-shield-button:disabled { opacity:.55; cursor:not-allowed; }.rename-inline-button { min-height:36px; padding:7px 12px; color:var(--cyan); border:1px solid var(--cyan); background:transparent; font-size:12px; }
.hero-processed { display:grid; grid-template-columns:repeat(3,minmax(120px,1fr)); gap:8px; min-width:390px; }.hero-info-item { display:grid; gap:4px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:#081728aa; }.hero-info-item span { color:var(--muted); font-size:10px; }.hero-info-item strong { overflow:hidden; color:var(--cyan); font-size:14px; text-overflow:ellipsis; white-space:nowrap; }.hero-info-item em { overflow:hidden; color:#c7d6e5; font-size:11px; font-style:normal; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.rename-inline-form { display:flex; flex-wrap:wrap; gap:8px; margin:9px 0; }.rename-inline-form[hidden] { display:none; }.rename-inline-form input { min-width:min(280px,100%); padding:10px; color:var(--ink); border:1px solid var(--cyan); border-radius:7px; background:#06101d; }.rename-inline-form button { min-height:40px; }.rename-inline-form .rename-cancel { color:var(--ink); border:1px solid var(--line); background:transparent; }.rename-inline-status { display:block; min-height:20px; color:#ff9da8; }
.war-status { min-height:26px; margin:18px 0; color:var(--green); letter-spacing:0; }.war-status.error { color:#ff7f8d; }
section { margin-top:32px; }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:16px; margin-bottom:14px; }.section-heading h2 { margin:4px 0 0; font-size:26px; }
main>section:first-child { margin-top:0; }
.matrix-section { margin-top:12px; }
.resource-grid,.inventory-grid,.facility-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }.facility-grid { grid-template-columns:1fr; }
.resource-card,.facility-card,.inventory-card,.placeholder-card,.facility-summary-card { padding:19px; border:1px solid var(--line); border-radius:13px; background:linear-gradient(145deg,#101b2dee,#0b1524dd); box-shadow:0 14px 35px #0004; }
.resource-card h3,.facility-card h3,.inventory-card h3 { margin:0 0 12px; }.resource-card strong,.inventory-card strong { display:block; color:var(--cyan); font-size:30px; }.meta { display:flex; justify-content:space-between; gap:10px; margin:12px 0; color:var(--muted); font-size:12px; }
.resource-card { position:relative; display:grid; grid-template-columns:54px minmax(0,1fr); grid-template-areas:"icon info" "action cost"; align-items:center; gap:8px 11px; padding:12px 14px; }.resource-card-icon { grid-area:icon; width:52px; height:52px; padding:1px; border:1px solid var(--line); border-radius:12px; background:radial-gradient(circle,#173b58,#071421 72%); filter:drop-shadow(0 7px 10px #0008) drop-shadow(0 0 7px #38e5ff55); }.resource-card-info { grid-area:info; min-width:0; padding-right:46px; }.resource-card-info h3 { margin:0 0 3px; font-size:17px; white-space:nowrap; }.resource-card-info h3 span { color:var(--cyan); font-size:11px; }.resource-card-info small,.resource-upgrade-cost { color:var(--muted); font-size:11px; }.resource-card button:not(.resource-boost-toggle) { grid-area:action; justify-self:start; min-height:34px; padding:6px 13px; }.resource-upgrade-cost { grid-area:cost; white-space:nowrap; }
.facility-summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }.facility-summary-card { display:grid; gap:10px; align-content:start; min-height:160px; }.facility-summary-card p { margin:0; }.facility-summary-card h3 { margin:0; font-size:24px; }.facility-summary-card strong { color:var(--cyan); font-size:30px; }.facility-summary-card span { color:var(--muted); line-height:1.6; }.facility-summary-card button { justify-self:start; min-height:36px; padding:7px 12px; color:var(--cyan); border:1px solid var(--cyan); background:transparent; }
.dashboard-resource-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.inventory-card-heading { display:flex; align-items:center; gap:11px; margin-bottom:12px; }.inventory-card-heading img { width:46px; height:46px; padding:5px; border:1px solid var(--line); border-radius:11px; background:#071421; filter:drop-shadow(0 7px 10px #0008); }.inventory-card-heading h3 { margin:0; }.processed-card strong { padding-left:57px; }.robot-card { overflow:hidden; }.robot-card strong { padding-left:87px; }.robot-counts { display:grid; gap:5px; }.robot-counts span { display:inline-flex; width:max-content; margin-left:87px; padding:4px 8px; border:1px solid #2b4159; border-radius:999px; color:var(--muted); background:#06101d; font-size:12px; }.robot-counts span.damaged { border-color:#826427; color:var(--gold); background:#221b0d; }.robot-icon { position:relative; display:block; flex:0 0 76px; width:76px; height:76px; }.robot-card .inventory-card-heading img { display:block; width:76px; height:76px; padding:1px; border-color:#3da8d0; background:radial-gradient(circle,#1b5271 0,#0a1c2d 58%,#071421 76%); filter:drop-shadow(0 8px 11px #000a) drop-shadow(0 0 8px #38e5ff66); animation:robot-float 3.6s ease-in-out infinite; transition:transform .25s ease,filter .25s ease; }.robot-icon b { position:absolute; right:-4px; bottom:-3px; z-index:2; min-width:28px; padding:3px 5px; border:1px solid #74efff; border-radius:6px; color:#031018; background:linear-gradient(135deg,#f5feff,#38e5ff); box-shadow:0 3px 8px #000b,0 0 8px #38e5ff88; font-size:10px; line-height:1; text-align:center; }.robot-card:nth-child(2n) .inventory-card-heading img { animation-delay:-1.2s; }.robot-card:nth-child(3n) .inventory-card-heading img { animation-delay:-2.4s; }.robot-card:hover .inventory-card-heading img { transform:scale(1.12) translateY(-3px); filter:drop-shadow(0 10px 13px #000b) drop-shadow(0 0 14px #38e5ffaa); }
.robot-card.empty { opacity:.58; }.robot-card.empty .inventory-card-heading img { filter:grayscale(.45) drop-shadow(0 7px 9px #0009); animation:none; }.robot-card.empty strong { color:var(--muted); }
@keyframes robot-float { 0%,100% { transform:translateY(1px) scale(1); filter:drop-shadow(0 8px 11px #000a) drop-shadow(0 0 6px #38e5ff55); } 50% { transform:translateY(-4px) scale(1.035); filter:drop-shadow(0 12px 13px #000b) drop-shadow(0 0 14px #38e5ffaa); } }
@keyframes war-alert-blink { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.35; transform:scale(.72); } }
@media(prefers-reduced-motion:reduce){.robot-card .inventory-card-heading img{animation:none;transition:none}}
.resource-card button:not(.resource-boost-toggle) { min-width:58px; max-width:100%; white-space:nowrap; }.resource-card button:not(.resource-boost-toggle):disabled { padding-right:10px; padding-left:10px; font-size:13px; }.resource-card button.upgrading:disabled { display:grid; gap:3px; min-width:108px; min-height:44px; padding:7px 10px; color:#031018; background:linear-gradient(135deg,#ffe08a,#ffb72f); opacity:1; box-shadow:0 0 14px #ffc85744; }.resource-card button.upgrading span { font-size:13px; line-height:1; }.resource-card button.upgrading small { color:#442900; font-size:10px; line-height:1; white-space:nowrap; }.resource-boost-toggle { position:absolute; top:10px; right:10px; z-index:2; display:grid; place-items:center; min-width:32px; min-height:26px; padding:3px 7px; border:1px solid #826427; border-radius:999px; color:var(--gold); background:#221b0d; font-size:11px; box-shadow:0 0 12px #ffc85722; }.resource-boost-toggle.active { color:#041018; border-color:var(--cyan); background:linear-gradient(135deg,#38e5ff,#6fffb0); box-shadow:0 0 16px #38e5ff66; }.resource-boost-toggle:disabled { color:#6f7b8a; border-color:#26394e; background:#071321; opacity:.55; }.resource-upgrade-cost { overflow:hidden; min-width:0; text-overflow:ellipsis; }
button { min-height:42px; padding:9px 13px; border:0; border-radius:7px; color:#041018; background:var(--green); font-weight:900; cursor:pointer; }button:disabled { cursor:not-allowed; opacity:.42; }
.facility-card.locked { opacity:.65; }.facility-card form { display:flex; gap:8px; margin-top:13px; }.facility-card input { min-width:0; width:100%; padding:9px; color:var(--ink); border:1px solid var(--line); border-radius:7px; background:#06101d; }
.facility-card[data-barracks] { position:relative; overflow:hidden; max-width:560px; padding-right:160px; }.barracks-unit-preview { position:absolute; top:20px; right:28px; display:grid; place-items:center; width:96px; height:96px; border:1px solid #38e5ff88; border-radius:16px; background:radial-gradient(circle at 50% 30%,#1a6f8a99,#0a1c2d 58%,#071421 82%); box-shadow:0 14px 34px #0008,0 0 24px #38e5ff33; }.barracks-unit-preview img { width:90px; height:90px; object-fit:contain; filter:drop-shadow(0 8px 10px #000b) drop-shadow(0 0 8px #38e5ff77); animation:robot-float 3.6s ease-in-out infinite; }.barracks-unit-preview b { position:absolute; right:5px; bottom:5px; padding:3px 5px; border:1px solid #74efff; border-radius:6px; color:#031018; background:linear-gradient(135deg,#f5feff,#38e5ff); font-size:10px; line-height:1; }
.barracks-upgrade-requirements { display:grid; gap:8px; margin:10px 0 14px; padding:10px; border:1px solid var(--line); border-radius:10px; background:#071321; }.barracks-upgrade-requirements strong { color:var(--cyan); }.barracks-upgrade-requirements div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }.barracks-upgrade-requirements span { padding:7px; border:1px solid var(--line); border-radius:7px; background:#06101d; font-size:12px; }.barracks-upgrade-requirements .enough { color:var(--green); }.barracks-upgrade-requirements .short { color:#ff9da8; border-color:#854050; }.barracks-upgrade-requirements em { color:var(--gold); font-style:normal; font-weight:900; }.barracks-upgrade-requirements.active { border-color:#826427; background:#221b0d; }
.train-form { display:grid !important; gap:10px !important; }.train-controls { display:grid; grid-template-columns:minmax(180px,1fr) 62px 50px auto; gap:7px; align-items:center; }.train-controls button[type="submit"] { min-height:36px; padding:7px 10px; }.train-cost { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; }.train-cost strong { grid-column:1/-1; color:var(--ink); }.train-cost span { padding:7px; border:1px solid var(--line); border-radius:7px; background:#06101d; }.train-cost .enough { color:var(--green); }.train-cost .short { color:#ff9da8; border-color:#854050; }.train-cost .train-duration { grid-column:1/-1; color:var(--gold); border-color:#826427; background:#221b0d; font-weight:900; }
.queue-status { display:grid; gap:8px; padding:10px; border:1px solid #826427; border-radius:8px; background:#221b0d; }.queue-status strong { color:var(--gold); }.queue-status span { color:#d7c28d; line-height:1.6; }.queue-status .cancel-train { justify-self:start; min-height:36px; color:#fff; background:#a9364a; }
.queue { margin:12px 0 0; color:var(--gold); font-size:12px; }.research-list { display:grid; gap:12px; }.research-row { display:grid; gap:9px; padding:12px; color:var(--muted); border:1px solid var(--line); border-radius:10px; background:#071321; font-size:12px; }.research-title { display:grid; gap:5px; }.research-conversion { display:flex; align-items:center; gap:7px; }.research-conversion img { width:30px; height:30px; padding:3px; border:1px solid var(--line); border-radius:8px; background:#0a1b2c; }.research-title strong { color:var(--ink); font-size:14px; }.research-title span,.research-available { color:var(--muted); }.research-controls { display:grid; grid-template-columns:minmax(180px,1fr) 62px 50px 56px; gap:7px; align-items:center; }.research-slider { --slider-percent:0%; position:relative; width:100%; height:40px; cursor:pointer; touch-action:none; }.research-slider::before { position:absolute; top:15px; right:0; left:0; height:10px; content:""; border:1px solid #55718b; border-radius:99px; background:linear-gradient(90deg,var(--cyan) var(--slider-percent),#243b4f var(--slider-percent)); }.research-slider i { position:absolute; top:7px; left:var(--slider-percent); width:26px; height:26px; border:3px solid #dffcff; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 4px rgba(56,229,255,.18); transform:translateX(-50%); pointer-events:none; }.research-slider:focus-visible { outline:3px solid var(--gold); outline-offset:3px; border-radius:8px; }.research-slider.disabled { cursor:not-allowed; opacity:.42; }.research-quantity { width:62px; padding:8px 4px; color:var(--ink); border:1px solid var(--line); border-radius:7px; background:#06101d; text-align:center; }.research-max { min-height:36px; padding:7px 8px; color:var(--cyan); border:1px solid var(--cyan); background:transparent; font-size:11px; }.research-controls button[type="submit"] { min-height:36px; padding:7px 8px; }
.research-upgrade { display:grid; gap:7px; margin:12px 0; padding:12px; border:1px solid #826427; border-radius:10px; background:#221b0d; }.research-upgrade strong { color:var(--gold); }.research-upgrade span { color:#d7c28d; font-size:12px; line-height:1.6; }.research-upgrade button { justify-self:start; }.research-upgrade.unlocked { border-color:#2d8060; background:#0b281d; }.research-upgrade.unlocked strong { color:var(--green); }
.placeholder-card { display:grid; gap:8px; color:var(--muted); }.placeholder-card strong { color:var(--cyan); font-size:22px; }.placeholder-card span { line-height:1.7; }
.matrix-card { display:grid; gap:12px; }.matrix-card h3 { margin:0; font-size:24px; }.matrix-headline { display:flex; justify-content:space-between; align-items:center; gap:12px; }.matrix-headline p { margin:0; }.matrix-headline-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }.matrix-headline button { min-height:34px; padding:6px 10px; color:var(--cyan); border:1px solid var(--cyan); background:transparent; font-size:12px; }.matrix-headline button:disabled { opacity:.45; cursor:not-allowed; }.matrix-note { color:var(--muted); line-height:1.6; }.matrix-jump-form { display:grid !important; grid-template-columns:1fr 1fr auto; gap:8px !important; align-items:end; margin:0 !important; }.matrix-jump-form label { display:grid; gap:5px; color:var(--muted); font-size:12px; }.matrix-jump-form input { width:100%; padding:9px; color:var(--ink); border:1px solid var(--line); border-radius:7px; background:#06101d; text-align:center; }.matrix-jump-form button { min-height:38px; padding:8px 13px; }.matrix-map { display:grid; grid-template-columns:repeat(11,minmax(0,1fr)); overflow:hidden; gap:3px; padding:7px; border:1px solid #7fa7aa; border-radius:16px; background:linear-gradient(135deg,#17232c,#0b131d 50%,#1b2b32),repeating-linear-gradient(90deg,#79aeb233 0 1px,transparent 1px 44px),repeating-linear-gradient(0deg,#d29a7133 0 1px,transparent 1px 44px); box-shadow:inset 0 0 0 1px #e7ffff18,inset 0 0 42px #0009,0 18px 45px #0008; cursor:grab; touch-action:pan-x pan-y; user-select:none; }
.matrix-map:active { cursor:grabbing; }
.matrix-cell { position:relative; display:grid; place-items:center; align-content:center; aspect-ratio:1/1; min-height:44px; overflow:hidden; border:1px solid #7da8a980; border-radius:4px; background:linear-gradient(135deg,#8fb8ba 0 30%,#cbb5a6 30% 34%,#a6c9c8 34% 62%,#d2b6a0 62% 66%,#789ca0 66%),linear-gradient(90deg,transparent 0 12%,#6f8f9370 12% 15%,transparent 15% 35%,#b8796270 35% 39%,transparent 39% 68%,#d8efe970 68% 71%,transparent 71%),linear-gradient(0deg,transparent 0 16%,#5b777b66 16% 19%,transparent 19% 44%,#b8796266 44% 48%,transparent 48% 74%,#d8efe966 74% 77%,transparent 77%); box-shadow:inset 0 0 0 2px #eefcff1f,inset 0 0 0 6px #22343c35,inset 0 0 18px #09212a66,0 0 0 1px #08131a; }
.matrix-cell::before { position:absolute; inset:8px; content:""; border:1px solid #2e4f5a80; border-radius:3px; background:linear-gradient(135deg,#cfe4e0aa,#789da0aa 48%,#dab49aaa),repeating-linear-gradient(90deg,#344f5655 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,#344f5650 0 1px,transparent 1px 5px); box-shadow:inset 0 0 0 1px #ffffff26,0 0 10px #0005; }
.matrix-cell::after { position:absolute; inset:0; content:""; background:repeating-linear-gradient(90deg,transparent 0 8px,#f0c39a77 8px 10px,transparent 10px 18px),repeating-linear-gradient(0deg,transparent 0 8px,#9fd4d277 8px 10px,transparent 10px 18px); clip-path:polygon(0 0,100% 0,100% 10%,0 10%,0 90%,100% 90%,100% 100%,0 100%,0 0); opacity:.75; pointer-events:none; }
.matrix-cell:nth-child(11n) { border-right:0; }.matrix-cell:nth-last-child(-n+11) { border-bottom:0; }
.matrix-cell strong { position:relative; z-index:2; max-width:90%; overflow:hidden; margin-top:-4px; padding:2px 5px; border:1px solid #38e5ff88; border-radius:999px; color:#031018; background:linear-gradient(135deg,#38e5ff,#6fffb0); box-shadow:0 0 16px #38e5ff77; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.matrix-castle-icon { position:relative; z-index:2; width:min(76px,88%); height:min(76px,88%); object-fit:contain; filter:drop-shadow(0 8px 10px #000d) drop-shadow(0 0 10px #ff563788) drop-shadow(0 0 6px #9df7ff88); }
.matrix-cell.own-city .matrix-castle-icon { filter:drop-shadow(0 8px 10px #000d) drop-shadow(0 0 10px #38e5ff88); }
.matrix-cell.player-city { cursor:pointer; background:radial-gradient(circle at 50% 50%,#ffd1a866,transparent 55%),linear-gradient(135deg,#b8ceca 0 30%,#d49472 30% 34%,#9ec5c4 34% 62%,#e0b083 62% 66%,#6f969a 66%); }
.matrix-cell.player-city .matrix-castle-icon { filter:drop-shadow(0 8px 10px #000d) drop-shadow(0 0 14px #ff7a30cc); }
.matrix-cell.player-city strong { color:#211400; border-color:#ffc857aa; background:linear-gradient(135deg,#fff4b8,#ffc857); box-shadow:0 0 16px #ffc85766; }
.matrix-cell.selected-city { outline:2px solid var(--gold); outline-offset:-3px; background:radial-gradient(circle at 50% 50%,#ffc85770,transparent 56%),linear-gradient(135deg,#d6ded8 0 30%,#d49472 30% 34%,#91b5b8 34% 62%,#e0b083 62% 66%,#d9e5df 66%); }
.matrix-map-overview { position:relative; display:block; min-height:min(72vw,560px); padding:0; background:radial-gradient(circle at 50% 50%,#62f7ff24,transparent 33%),linear-gradient(135deg,#24323a,#09131d 48%,#1a2931),repeating-linear-gradient(90deg,#82d8df2b 0 1px,transparent 1px 5%),repeating-linear-gradient(0deg,#e4a66f24 0 1px,transparent 1px 5%); cursor:default; }
.matrix-map-overview::before { position:absolute; inset:10px; content:""; border:1px solid #c7f8ff35; border-radius:12px; background:linear-gradient(90deg,#87d7d91c 0 1px,transparent 1px),linear-gradient(0deg,#d9a1761c 0 1px,transparent 1px),repeating-linear-gradient(90deg,transparent 0 9.8%,#c7f8ff30 9.8% 10%),repeating-linear-gradient(0deg,transparent 0 9.8%,#c7f8ff30 9.8% 10%); background-size:22px 22px,22px 22px,100% 100%,100% 100%; box-shadow:inset 0 0 0 1px #ffffff12,inset 0 0 80px #0008; pointer-events:none; }
.matrix-map-overview::after { position:absolute; inset:18px; content:""; border-radius:9px; background:repeating-linear-gradient(45deg,transparent 0 28px,#91d9d922 28px 30px,transparent 30px 58px),repeating-linear-gradient(-45deg,transparent 0 38px,#d99a7120 38px 40px,transparent 40px 78px); opacity:.75; pointer-events:none; }
.matrix-overview-label { position:absolute; z-index:1; top:13px; left:15px; color:#bfeef4a8; font-size:11px; letter-spacing:.16em; }
.matrix-overview-marker { position:absolute; z-index:3; display:grid; place-items:center; width:22px; height:22px; padding:0; border:0; border-radius:50%; background:transparent; transform:translate(-50%,-50%); }
.matrix-overview-marker i { display:block; width:8px; height:8px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 3px #ffc85725,0 0 14px #ffc857dd,0 0 26px #ffc85788; }
.matrix-overview-marker:disabled { cursor:default; opacity:1; }.matrix-overview-marker strong { position:absolute; left:50%; bottom:100%; display:none; max-width:92px; overflow:hidden; margin-bottom:5px; padding:2px 6px; border:1px solid #ffc85780; border-radius:999px; color:#211400; background:linear-gradient(135deg,#fff4b8,#ffc857); font-size:9px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; transform:translateX(-50%); box-shadow:0 0 12px #0008; }.matrix-overview-marker:hover strong,.matrix-overview-marker:focus-visible strong,.matrix-overview-marker.selected-city strong { display:block; }.matrix-overview-marker.own-city i { background:var(--cyan); box-shadow:0 0 0 4px #38e5ff25,0 0 16px #38e5ffdd,0 0 30px #38e5ff99; }.matrix-overview-marker.own-city strong { color:#031018; border-color:#38e5ff80; background:linear-gradient(135deg,#38e5ff,#6fffb0); }.matrix-overview-marker.selected-city { outline:2px solid var(--gold); outline-offset:3px; }
.matrix-target-panel { display:grid; gap:5px; min-height:58px; padding:11px 13px; border:1px solid var(--line); border-radius:12px; color:var(--muted); background:#071321; line-height:1.5; }
.matrix-target-panel strong { color:var(--gold); font-size:16px; }.matrix-target-panel span { color:#c7d6e5; }
.matrix-target-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:6px; }.matrix-target-actions button { min-height:38px; }.matrix-target-actions .matrix-attack-button,.matrix-target-actions .matrix-cancel-scout-button { color:#fff; background:#b43a4d; }.matrix-target-actions .matrix-cancel-scout-button { background:#8f3854; }
.matrix-scout-mission { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 12px; border:1px solid #826427; border-radius:12px; color:var(--gold); background:#221b0d; box-shadow:0 0 14px #ffc85722; }.matrix-scout-mission strong { display:block; color:var(--gold); font-size:14px; }.matrix-scout-mission span { display:block; color:#f1d993; font-size:12px; line-height:1.55; }.matrix-scout-mission button { min-height:36px; color:#fff; background:#8f3854; }
.matrix-scout-note,.matrix-scout-cost,.matrix-shield-block { display:block; padding:8px 10px; border:1px solid #2b4159; border-radius:9px; color:var(--muted); background:#06101d; font-size:12px; }.matrix-shield-block { border-color:#2d8060; color:#77ffb0; background:#082317; }.matrix-scout-note.active { border-color:#826427; color:var(--gold); background:#221b0d; }.matrix-scout-note strong { display:block; color:var(--gold); font-size:13px; }.matrix-scout-note span { display:block; color:inherit; }.matrix-scout-report { display:grid; gap:8px; padding:10px; border:1px solid #2d8060; border-radius:10px; background:#082317; }.matrix-scout-report>strong { color:var(--green); font-size:15px; }.matrix-scout-report>small { color:#a8d9c4; font-size:12px; line-height:1.5; }.matrix-scout-report div { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }.matrix-scout-report b { grid-column:1/-1; color:#c7d6e5; font-size:12px; }.matrix-scout-report span { padding:6px 7px; border:1px solid #224b3b; border-radius:7px; color:var(--green); background:#061710; font-size:12px; }
.report-list { display:grid; gap:12px; }.battle-report-card { display:grid; gap:11px; padding:16px; border:1px solid var(--line); border-radius:13px; background:linear-gradient(145deg,#101b2dee,#071321dd); box-shadow:0 14px 35px #0004; }.battle-report-card.incoming { border-color:#826427; background:linear-gradient(145deg,#221b0dee,#071321dd); box-shadow:0 0 18px #ffc85722,0 14px 35px #0004; }.battle-report-card.empty { color:var(--muted); }.battle-report-card.empty strong { color:var(--cyan); font-size:20px; }.battle-report-title { display:flex; justify-content:space-between; align-items:start; gap:12px; }.battle-report-title h3 { margin:3px 0 0; font-size:22px; }.battle-report-card.incoming h3 { color:var(--gold); }.battle-report-title time,.battle-report-card>span { color:var(--muted); font-size:12px; }.battle-report-actions { display:flex; flex-wrap:wrap; gap:8px; }.battle-report-actions button { min-height:30px; padding:6px 10px; border-radius:8px; font-size:12px; }.battle-report-actions button.archived { color:#241600; background:linear-gradient(135deg,#ffe08a,#d99a1d); }.battle-report-actions button.danger { color:#fff; background:#b43a4d; }.battle-report-resources { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }.battle-report-resources b { grid-column:1/-1; color:#c7d6e5; font-size:12px; }.battle-report-resources span { padding:8px; border:1px solid #224b3b; border-radius:8px; color:var(--green); background:#061710; font-size:12px; }
[data-exchange-root] { display:flex; flex-direction:column; }.exchange-layout { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-bottom:13px; }.exchange-layout:nth-of-type(2) { order:-1; }.exchange-card { display:grid; gap:12px; align-content:start; }.exchange-card-wide { grid-column:1/-1; }.exchange-card h3 { margin:0; font-size:22px; }.exchange-note { color:var(--muted); font-size:13px; line-height:1.7; }.exchange-form { display:grid !important; grid-template-columns:1fr 1fr 1fr auto; gap:8px !important; align-items:end; margin:0 !important; }.exchange-form label { display:grid; gap:5px; color:var(--muted); font-size:12px; }.exchange-form input,.exchange-form select { width:100%; padding:9px; color:var(--ink); border:1px solid var(--line); border-radius:7px; background:#06101d; }.exchange-list { display:grid; gap:8px; }.exchange-order { display:grid; grid-template-columns:minmax(110px,.7fr) minmax(0,1.35fr) auto; gap:9px; align-items:center; padding:10px; border:1px solid var(--line); border-radius:9px; background:#071321; }.exchange-order strong,.exchange-order b { display:block; color:var(--cyan); }.exchange-resource-label { display:flex !important; align-items:center; gap:6px; }.exchange-resource-label img { width:24px; height:24px; padding:2px; border:1px solid var(--line); border-radius:7px; background:#071421; filter:drop-shadow(0 0 5px #38e5ff55); }.exchange-order span { display:block; color:var(--muted); font-size:12px; line-height:1.5; }.exchange-order button { min-height:34px; padding:7px 10px; }.exchange-buy { background:var(--green); }.exchange-cancel { color:#fff; background:#b43a4d; }.exchange-badge,.exchange-empty { padding:8px 10px; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:#06101d; font-size:12px; }.exchange-empty { text-align:center; }.usdt-wallet { display:flex; justify-content:space-between; align-items:center; padding:10px 12px; border:1px solid #2d8060; border-radius:10px; color:var(--muted); background:#082317; }.usdt-wallet strong { color:var(--green); font-size:24px; }.market-board { overflow:hidden; border:1px solid #1b2636; border-radius:12px; background:#020407; }.market-head,.market-row { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(90px,.8fr) 84px; gap:10px; align-items:center; padding:11px 12px; border-bottom:1px solid #161d27; }.market-head { color:#6f7b8a; font-size:12px; }.market-row:last-child { border-bottom:0; }.market-symbol { display:flex; align-items:center; gap:10px; min-width:0; }.market-icon { display:grid; place-items:center; width:25px; height:25px; overflow:hidden; border-radius:50%; color:#fff; background:linear-gradient(135deg,#667085,#111827); box-shadow:inset 0 1px 1px #fff7,0 0 9px #000; font-size:12px; font-weight:900; }.market-icon img { display:block; width:100%; height:100%; border-radius:50%; object-fit:contain; background:#0b111c; }.market-icon b { display:grid; place-items:center; width:100%; height:100%; }.market-icon.btc { color:#2c1900; background:linear-gradient(135deg,#ffd56a,#f7931a 58%,#8c4c00); }.market-icon.eth { color:#eef2ff; background:linear-gradient(135deg,#8fa4ff,#384b9f 54%,#14192f); }.market-icon.usdt { color:#063a30; background:linear-gradient(135deg,#70f2d0,#26a17b 58%,#0b5f4d); }.market-icon.cro { color:#e7f0ff; background:linear-gradient(135deg,#5d7fd8,#263b8f 55%,#101840); }.market-icon.wxt { color:#021018; background:linear-gradient(135deg,#8fffea,#11b8c7 58%,#07536b); }.market-icon.space { color:#fff; background:radial-gradient(circle at 35% 35%,#dff8ff,#334155 42%,#05070c 76%); }.market-icon.chip,.market-icon.tsmc { color:#dffcff; border-radius:7px; background:linear-gradient(135deg,#34d399,#0f766e 46%,#0b1120); }.market-icon.zec { color:#211400; background:linear-gradient(135deg,#ffe08a,#ecb23d 55%,#7c4d05); }.market-icon.oil { color:#ffd45e; background:radial-gradient(circle at 48% 38%,#0f172a 0 32%,#1f2937 33% 65%,#050505 66%); }.market-icon.gold,.market-icon.paxg { color:#2a1a00; background:linear-gradient(135deg,#fff7b0,#f3bd31 50%,#8b5e00); }.market-symbol strong { display:block; color:#fff; font-size:16px; }.market-symbol small { color:#d5dce7; font-size:9px; }.market-symbol em,.market-price em { display:block; overflow:hidden; color:#6f7b8a; font-size:11px; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }.market-price { text-align:right; }.market-price strong { display:block; color:#fff; font-size:16px; }.market-row>b { justify-self:end; min-width:78px; padding:10px 8px; border-radius:8px; color:#fff; text-align:center; }.market-row>b.up { background:#0aa565; }.market-row>b.down { background:#d53b45; }.market-row>b.fixed { color:#2a1a00; background:linear-gradient(135deg,#ffe08a,#d99a1d); }.market-updated { color:#6f7b8a; font-size:11px; text-align:right; }
.login-gate { position:fixed; z-index:20; inset:0; display:grid; place-items:center; padding:20px; background:#02050beF; }.login-gate>div { width:min(500px,100%); padding:38px; border:1px solid var(--cyan); border-radius:18px; background:#0b1728; text-align:center; box-shadow:0 0 80px #1ec8ff44; }.login-gate h2 { margin:9px 0; font-size:30px; }.login-gate span { display:block; margin-bottom:24px; color:var(--muted); }.login-gate a { display:block; margin-top:10px; }.login-gate .gate-back { color:var(--ink); border-color:var(--line); background:transparent; }
.login-gate[hidden] { display:none; }
.name-gate { position:fixed; z-index:21; inset:0; display:grid; place-items:center; padding:20px; background:#02050bf2; }
.name-gate[hidden] { display:none; }
.name-gate form { display:grid; gap:13px; width:min(480px,100%); padding:34px; border:1px solid var(--cyan); border-radius:18px; background:#0b1728; box-shadow:0 0 80px #1ec8ff44; text-align:center; }
.name-gate h2 { margin:0; font-size:30px; }.name-gate span { color:var(--muted); }.name-gate input { width:100%; padding:13px; color:var(--ink); border:1px solid var(--line); border-radius:8px; background:#06101d; text-align:center; }
.name-gate small { min-height:20px; color:#ff9da8; }
.war-dialog { position:fixed; z-index:24; inset:0; display:grid; place-items:center; padding:18px; background:radial-gradient(circle at 50% 28%,#123f63bb,transparent 34%),#02050be8; backdrop-filter:blur(10px); }
.war-dialog[hidden] { display:none; }
.war-dialog-card { display:grid; gap:14px; width:min(520px,100%); padding:24px; border:1px solid var(--cyan); border-radius:18px; background:linear-gradient(145deg,#0d2038f8,#081321f5); box-shadow:0 0 0 1px #38e5ff22 inset,0 0 42px #38e5ff33,0 24px 80px #000c; }
.war-dialog-card h2 { margin:0; font-size:28px; }.war-dialog-card>span { color:var(--muted); line-height:1.6; }
.war-dialog-costs { display:grid; gap:8px; }
.war-dialog-cost { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:#06111fee; }
.war-dialog-cost strong { color:var(--ink); }.war-dialog-cost span { color:var(--muted); font-size:12px; }.war-dialog-cost b { color:var(--cyan); font-size:18px; }
.war-dialog-cost.enough b { color:var(--green); }.war-dialog-cost.short { border-color:#854050; background:#21101a; }.war-dialog-cost.short b { color:#ff9da8; }
.war-dialog-time { padding:10px 12px; border:1px solid #826427; border-radius:10px; color:var(--gold); background:#221b0d; font-weight:900; }
.war-dialog-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.war-dialog-actions button { min-height:44px; }.war-dialog-cancel { color:var(--ink); border:1px solid var(--line); background:transparent; }
.attack-dialog-card { max-height:88vh; overflow:auto; }.attack-unit-list { display:grid; gap:8px; }.attack-unit-row { display:grid; grid-template-columns:minmax(130px,.8fr) minmax(190px,1.2fr); gap:10px; align-items:center; padding:9px; border:1px solid var(--line); border-radius:10px; background:#06111f; }.attack-unit-row span { display:flex; align-items:center; gap:9px; min-width:0; }.attack-unit-row img { width:42px; height:42px; object-fit:contain; }.attack-unit-row b { color:var(--ink); }.attack-unit-row small { color:var(--muted); font-size:11px; }.attack-unit-controls { display:grid; grid-template-columns:minmax(120px,1fr) 72px; gap:8px; align-items:center; }.attack-slider { height:36px; }.attack-slider::before { top:13px; }.attack-slider i { top:5px; }.attack-unit-row input { width:72px; padding:8px; color:var(--ink); border:1px solid var(--line); border-radius:8px; background:#020a14; text-align:center; }.attack-unit-empty { padding:13px; border:1px solid #826427; border-radius:10px; color:var(--gold); background:#221b0d; text-align:center; }.attack-summary { display:grid; gap:4px; padding:10px 12px; border:1px solid #2d8060; border-radius:10px; color:var(--green); background:#082317; }.attack-summary span { color:#a8d9c4; font-size:12px; }.attack-summary.short { border-color:#854050; color:#ff9da8; background:#21101a; }
.barracks-extra-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }.barracks-extra-grid section { display:grid; gap:7px; padding:10px; border:1px solid var(--line); border-radius:10px; background:#071321; }.barracks-extra-grid strong { color:var(--cyan); }.barracks-extra-grid span { color:var(--muted); font-size:12px; }.barracks-extra-grid button { justify-self:start; min-height:32px; padding:6px 10px; font-size:12px; opacity:.65; }
.market-symbol strong { display:flex; align-items:center; gap:2px; }.market-quote { display:inline-flex; align-items:center; gap:2px; white-space:nowrap; }.market-quote img,.market-price em img { width:13px; height:13px; border-radius:3px; vertical-align:-2px; }
.matrix-cell:not(.own-city):not(.player-city){cursor:pointer}.matrix-cell.exploration-site{background:radial-gradient(circle at 50% 50%,#6fffb044,transparent 57%),linear-gradient(135deg,#8fb8ba 0 30%,#cbb5a6 30% 34%,#a6c9c8 34% 62%,#d2b6a0 62% 66%,#789ca0 66%)}.matrix-cell.locked-site{filter:saturate(.72)}.matrix-site-badge{position:relative;z-index:3;display:grid;place-items:center;gap:1px;max-width:86%;padding:3px 5px;border:1px solid #6fffb088;border-radius:8px;color:#031018;background:linear-gradient(135deg,#d8fff0,#6fffb0);box-shadow:0 0 14px #6fffb066;font-size:9px;text-align:center}.matrix-site-badge img{width:20px;height:20px;object-fit:contain}.matrix-site-badge b{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matrix-site-badge small{color:#13442c;font-weight:900}.matrix-overview-marker.exploration-site i{background:#8cffd4;box-shadow:0 0 0 3px #6fffb025,0 0 14px #6fffb0cc,0 0 25px #38e5ff66}.matrix-scout-mission.explore{border-color:#2d8060;color:var(--green);background:#082317;box-shadow:0 0 14px #6fffb022}.matrix-scout-mission.explore strong{color:var(--green)}.matrix-scout-mission.explore span{color:#a8d9c4}.matrix-scout-mission.explore button{color:#031018;background:var(--green)}
.matrix-site-badge{gap:0;min-width:36px;padding:3px 5px}.matrix-site-badge img{display:none}.matrix-site-badge b{max-width:58px;font-size:10px;line-height:1.1}.matrix-site-badge small{font-size:9px;line-height:1.1}
.explore-dialog-card{width:min(760px,100%);max-height:92vh;overflow:auto}.explore-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.explore-stats div{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#06111f}.explore-stats small{display:block;color:var(--muted)}.explore-stats strong{display:block;color:var(--cyan);font-size:24px}.explore-game-board{display:grid;gap:7px;padding:10px;border:1px solid #2d8060;border-radius:14px;background:radial-gradient(circle at 50% 20%,#38e5ff1f,transparent 32%),#06111f}.explore-tile{display:grid;place-items:center;gap:3px;aspect-ratio:1/1;min-height:52px;padding:4px;border:1px solid #27415e;border-radius:10px;color:var(--ink);background:linear-gradient(145deg,#102744,#071321);box-shadow:inset 0 0 0 1px #ffffff10,0 8px 18px #0006}.explore-tile img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 7px #38e5ff55)}.explore-tile small{font-size:10px;color:#c7d6e5}.explore-tile.selected{border-color:var(--gold);box-shadow:0 0 18px #ffc85755,inset 0 0 0 1px #ffc85744}.explore-tile.removed{opacity:.18;visibility:hidden}.explore-status{display:block;padding:10px 12px;border:1px solid #826427;border-radius:10px;color:var(--gold);background:#221b0d;line-height:1.6}
.explore-timer-track{height:10px;overflow:hidden;border:1px solid #2d8060;border-radius:999px;background:#06111f}.explore-timer-track i{display:block;width:100%;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--green));transition:width .25s linear}.explore-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}.explore-toolbar button{min-height:38px;color:var(--cyan);border:1px solid var(--cyan);background:#06111f}.explore-toolbar button:disabled{color:#6f7b8a;border-color:#26394e;opacity:.55}.explore-tile.hint{border-color:var(--green);box-shadow:0 0 0 2px #6fffb055,0 0 20px #6fffb088}.explore-countdown{position:absolute;inset:0;z-index:5;display:grid;place-items:center;color:#031018;background:#02050baa;font-size:clamp(54px,16vw,120px);font-weight:900;text-shadow:0 0 18px #38e5ff;border-radius:18px}.explore-countdown.show{animation:explore-countdown-pop .7s ease both}@keyframes explore-countdown-pop{0%{opacity:0;transform:scale(.72)}30%{opacity:1;transform:scale(1.08)}100%{opacity:.8;transform:scale(1)}}.explore-dialog-card{position:relative}
@media(max-width:520px){.explore-game-board{gap:4px;padding:6px}.explore-tile{min-height:38px;border-radius:7px}.explore-tile img{width:26px;height:26px}.explore-tile small{display:none}.explore-stats{grid-template-columns:1fr}}
.explore-dialog-card{width:min(1060px,calc(100% - 18px));max-height:94vh;padding:18px;border-radius:24px;background:linear-gradient(145deg,#f7f3ff,#fff8ee 54%,#eefcff);color:#332f4c;box-shadow:0 28px 80px #000b}.explore-dialog-card>p{color:#6c5ce7;font-family:"Microsoft JhengHei",Arial,sans-serif}.explore-dialog-card h2{color:#332f4c}.explore-dialog-card>span{color:#8d87a8}.explore-stats{grid-template-columns:210px 1fr 210px 160px;gap:12px}.explore-stats div{min-height:72px;border:1px solid #fff;border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 12px 35px rgba(75,62,120,.07)}.explore-stats small{color:#8d87a8;font-weight:700}.explore-stats strong{color:#6c5ce7;font:800 22px/1 "Microsoft JhengHei",Arial,sans-serif}.explore-timer-track{height:9px;border:0;background:#eeeaf7}.explore-timer-track i{background:linear-gradient(90deg,#6c5ce7,#a57bff)}.explore-toolbar{display:flex;justify-content:flex-end;gap:7px;padding:10px 12px;border:1px solid #eee8f7;border-radius:18px;background:rgba(255,255,255,.7)}.explore-toolbar button{min-height:36px;padding:9px 13px;border:0;border-radius:11px;color:#332f4c;background:#f4f0fb;font-size:12px;font-weight:900}.explore-toolbar b{display:inline-block;min-width:17px;margin-left:3px;padding:1px 4px;border-radius:6px;color:#6c5ce7;background:#fff}.explore-board-wrap{position:relative;display:grid;place-items:center;min-height:570px;padding:28px;border:1px solid #fff;border-radius:24px;background:rgba(255,255,255,.7);box-shadow:0 22px 55px rgba(75,62,120,.11);overflow:hidden}.explore-game-board{position:relative;z-index:2;width:min(100%,830px);gap:9px;padding:0;border:0;border-radius:0;background:transparent}.explore-tile{position:relative;aspect-ratio:1;min-height:0;padding:0;border:2px solid #fff;border-radius:17px;color:#332f4c;background:linear-gradient(145deg,#fff,#faf8ff);box-shadow:0 6px 13px rgba(67,54,115,.09);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,opacity .28s;touch-action:manipulation}.explore-tile:hover:not(.removed){transform:translateY(-4px) rotate(1deg);box-shadow:0 11px 21px rgba(80,64,140,.14)}.explore-tile:active:not(.removed){transform:scale(.92)}.explore-tile.selected{transform:translateY(-5px) scale(1.05);border-color:#6c5ce7;box-shadow:0 0 0 4px rgba(108,92,231,.13),0 12px 22px rgba(80,64,140,.18)}.explore-tile.hint{animation:explore-hint-pulse .65s ease-in-out infinite alternate}.explore-tile.wrong{animation:explore-shake .3s ease;border-color:#ff7ca8}.explore-tile.removed{pointer-events:none;opacity:0;transform:scale(.4) rotate(15deg);visibility:visible}.explore-coin{display:grid;place-items:center;width:66%;height:66%;margin:auto;border-radius:50%;color:#fff;font:800 clamp(17px,2.7vw,28px)/1 Arial,sans-serif;text-shadow:0 2px 0 rgba(0,0,0,.12);box-shadow:inset 0 -5px 0 rgba(0,0,0,.12),0 5px 0 rgba(0,0,0,.05)}.explore-tile small{position:absolute;right:5px;bottom:3px;color:#bab4cd;font:800 8px/1 Arial,sans-serif}.explore-path-layer{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.explore-match-line{fill:none;stroke:#6c5ce7;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(108,92,231,.35));stroke-dasharray:12 7;animation:explore-dash .45s linear infinite}.explore-countdown{width:110px;height:110px;inset:auto;border:7px solid #fff;border-radius:35px;color:#fff;background:#6c5ce7;box-shadow:0 18px 50px rgba(108,92,231,.35);font:800 58px/1 Arial,sans-serif;text-shadow:none}.explore-countdown.show{display:grid;animation:explore-count-pop .8s ease both}.explore-status{border-color:#eee8f7;color:#8d87a8;background:rgba(255,255,255,.74);font-size:12px}.explore-dialog-card .war-dialog-actions{grid-template-columns:1fr}.explore-dialog-card .war-dialog-cancel{border:0;color:#fff;background:linear-gradient(135deg,#7968ed,#5c4bd3)}@keyframes explore-hint-pulse{to{transform:translateY(-6px) scale(1.06);box-shadow:0 0 0 6px rgba(255,209,102,.35);border-color:#ffd166}}@keyframes explore-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes explore-dash{to{stroke-dashoffset:-19}}@keyframes explore-count-pop{0%{opacity:0;transform:scale(.5) rotate(-10deg)}25%,75%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.25)}}@media(max-width:760px){.explore-dialog-card{width:min(100% - 10px,620px);padding:10px}.explore-stats{grid-template-columns:1fr 1fr;gap:7px}.explore-stats div{min-height:58px;padding:8px 10px}.explore-board-wrap{min-height:390px;padding:13px 7px 16px}.explore-game-board{gap:4px}.explore-tile{border-width:1px;border-radius:9px}.explore-coin{width:72%;height:72%}.explore-tile small{display:none}.explore-toolbar{justify-content:space-between}}@media(max-width:430px){.explore-toolbar{display:grid;grid-template-columns:1fr 1fr}.explore-dialog-card h2{font-size:22px}}
@media(max-width:800px){.facility-card[data-barracks]{padding-right:124px}.barracks-unit-preview{right:18px;width:78px;height:78px}.barracks-unit-preview img{width:74px;height:74px}}
@media(max-width:800px){.resource-grid,.inventory-grid,.facility-summary-grid,.dashboard-resource-grid{grid-template-columns:1fr 1fr}.facility-grid{grid-template-columns:1fr}.facility-card[data-barracks]{max-width:none}.exchange-layout{grid-template-columns:1fr}.exchange-form{grid-template-columns:1fr 1fr}.exchange-form button{grid-column:1/-1}.war-hero{align-items:stretch;flex-direction:column}.hero-processed{grid-template-columns:1fr;min-width:0}.war-header{gap:8px}.header-resources{gap:3px}.header-resource{padding:4px 3px;gap:3px}.header-resource img{width:23px;height:23px}.header-resource strong{font-size:11px}}
@media(max-width:520px){main{padding-top:8px}.war-hero{padding:18px}.resource-grid,.inventory-grid,.facility-grid,.facility-summary-grid,.dashboard-resource-grid{grid-template-columns:1fr}.facility-card[data-barracks]{padding-right:92px}.barracks-unit-preview{top:18px;right:14px;width:62px;height:62px;border-radius:12px}.barracks-unit-preview img{width:60px;height:60px}.barracks-unit-preview b{right:2px;bottom:2px;font-size:8px}.research-row{padding:11px}.research-conversion img{width:28px;height:28px}.research-controls,.train-controls{grid-template-columns:1fr 1fr 1fr;gap:7px}.research-slider{grid-column:1/-1;width:100%}.research-quantity{width:100%}.research-max,.research-controls button[type="submit"],.train-controls button[type="submit"]{width:100%;padding:7px 5px;font-size:11px}.train-cost{grid-template-columns:1fr}.train-cost strong{grid-column:auto}.exchange-form,.exchange-order{grid-template-columns:1fr}.exchange-order button,.exchange-badge{width:100%}.market-head,.market-row{grid-template-columns:minmax(0,1fr) 74px 70px;padding:9px 8px;gap:6px}.market-icon{width:22px;height:22px;font-size:11px}.market-symbol strong,.market-price strong{font-size:13px}.market-row>b{min-width:66px;padding:8px 5px;font-size:12px}.inventory-card-heading img{width:42px;height:42px}.processed-card strong{padding-left:53px}.robot-card strong{padding-left:79px}.robot-counts span{margin-left:79px}.robot-icon{width:68px;height:68px;flex-basis:68px}.robot-card .inventory-card-heading img{width:68px;height:68px}.robot-icon b{right:-3px;bottom:-3px;min-width:26px;padding:3px 4px;font-size:9px}.war-header{grid-template-columns:auto minmax(0,1fr) auto;padding:8px 7px}.war-menu-button{padding-right:14px;font-size:15px}.war-header small{font-size:7px}.war-menu-list{min-width:126px}.header-resource{display:grid;place-items:center;gap:0;padding:2px 1px}.header-resource img{width:20px;height:20px}.header-resource strong{max-width:100%;font-size:9px}.link-button{padding:7px 8px;font-size:10px}.war-dialog-card{padding:18px}.war-dialog-card h2{font-size:23px}.war-dialog-actions{grid-template-columns:1fr}}
@media(max-width:520px){.matrix-jump-form{grid-template-columns:1fr 1fr}.matrix-jump-form button{grid-column:1/-1}.matrix-cell{min-height:32px}.matrix-cell strong{padding:2px 4px;font-size:9px}}
@media(max-width:520px){.matrix-scout-mission{grid-template-columns:1fr}.matrix-scout-mission button{width:100%}}
@media(max-width:520px){.matrix-scout-report div,.battle-report-resources{grid-template-columns:1fr 1fr}.matrix-scout-report span,.battle-report-resources span{font-size:11px}.battle-report-title{display:grid}}
@media(max-width:520px){.barracks-extra-grid{grid-template-columns:1fr}.attack-unit-row{grid-template-columns:1fr}.attack-unit-controls{grid-template-columns:minmax(0,1fr) 64px}.attack-unit-row input{width:64px}.attack-unit-row img{width:36px;height:36px}}
.war-dialog.explore-page .explore-timer-track{display:block!important;width:100%!important;height:9px!important;min-height:9px!important;max-height:9px!important;overflow:hidden!important;padding:0!important;border:0!important;border-radius:99px!important;background:#eeeaf7!important;box-shadow:none!important}.war-dialog.explore-page .explore-timer-track i{display:block!important;width:100%;height:9px!important;min-height:9px!important;max-height:9px!important;border-radius:99px!important;background:linear-gradient(90deg,#6c5ce7,#a57bff)!important}.war-dialog.explore-page .explore-timer-card{align-content:center!important}.war-dialog.explore-page .explore-timer-top{margin-bottom:11px!important}
.matrix-coordinate-title{overflow:hidden;color:var(--cyan);font-size:13px;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}
.matrix-target-summary{display:block;color:var(--gold);font-size:14px;line-height:1.45;word-break:keep-all}
.explore-hero-actions{display:flex;align-items:center;gap:10px}.explore-difficulty{display:flex;gap:5px;padding:5px;border:1px solid #fff;border-radius:14px;background:rgba(255,255,255,.55)}.explore-difficulty button{min-height:34px;padding:8px 15px;border:0;border-radius:10px;color:#8d87a8;background:transparent;font-size:12px;font-weight:900}.explore-difficulty button.active{color:#fff;background:#6c5ce7;box-shadow:0 5px 12px rgba(108,92,231,.24)}
.war-dialog.explore-page .explore-dialog-card{position:relative}.war-dialog.explore-page .explore-back-button{position:absolute;top:14px;right:0;z-index:4;min-height:34px;padding:7px 12px}.war-dialog.explore-page .explore-hero-actions{justify-content:flex-end}.war-dialog.explore-page .explore-difficulty{margin-right:100px}
@media(max-width:760px){.explore-hero-actions{align-items:stretch;flex-direction:column}.explore-difficulty{display:grid;grid-template-columns:repeat(3,1fr)}.explore-difficulty button{padding:7px 9px;font-size:10px}}
@media(max-width:760px){.war-dialog.explore-page .explore-dialog-card{padding-top:10px}.war-dialog.explore-page .explore-back-button{top:10px;right:0;min-height:30px;padding:6px 9px;font-size:10px}.war-dialog.explore-page .explore-hero{align-items:center;flex-direction:row;gap:8px;margin-bottom:8px;padding-right:72px}.war-dialog.explore-page .explore-hero-actions{align-items:center;flex-direction:row}.war-dialog.explore-page .explore-difficulty{margin-right:0}}
@media(max-width:760px){.war-dialog.explore-page .explore-hero{align-items:center!important;flex-direction:row!important;gap:8px!important;margin-bottom:8px!important;padding-right:72px!important}.war-dialog.explore-page .explore-hero-actions{align-items:center!important;flex-direction:row!important}.war-dialog.explore-page .explore-back-button{position:absolute!important;top:10px!important;right:0!important;width:auto!important;min-height:30px!important;padding:6px 9px!important;font-size:10px!important}.war-dialog.explore-page .explore-difficulty{margin-right:0!important}}
@media(max-width:760px){.war-dialog.explore-page .explore-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.war-dialog.explore-page .explore-stats>div{min-height:54px!important;padding:7px 8px!important}.war-dialog.explore-page .explore-timer-card{grid-column:auto!important;grid-row:auto!important;min-height:54px!important;padding:7px 8px!important}.war-dialog.explore-page .explore-timer-top{display:grid!important;gap:4px!important;margin-bottom:6px!important}.war-dialog.explore-page .explore-stats strong{font-size:18px!important}.war-dialog.explore-page .explore-timer-top strong{font-size:18px!important}.war-dialog.explore-page .explore-stats small{font-size:10px!important}}
.war-dialog-card.explore-dialog-card{width:min(1180px,calc(100vw - 32px));max-width:none}.war-dialog-card.explore-result-card{width:min(360px,100%);justify-items:center;padding:32px;border:5px solid #fff;border-radius:30px;color:#332f4c;background:#fffaf4;text-align:center;box-shadow:0 28px 80px rgba(52,45,83,.25)}.explore-result-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:28px;background:#fff0c2;font-size:42px;transform:rotate(-5deg)}.explore-result-card p{margin:0;color:#6c5ce7;font-size:11px;font-weight:900;letter-spacing:.13em}.explore-result-card h2{margin:0;color:#332f4c;font-size:25px}.explore-final-score{display:grid;gap:2px;width:100%;padding:13px;border-radius:14px;background:#f4f0fb}.explore-final-score small{color:#8d87a8;font-size:10px}.explore-final-score strong{color:#6c5ce7;font-size:30px}.explore-result-card>span{color:#8d87a8}.explore-result-card button{width:100%;padding:12px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#7968ed,#5c4bd3)}
@media(max-width:760px){.war-dialog-card.explore-dialog-card{width:min(100vw - 10px,620px);padding:10px}}
.war-dialog-card.explore-dialog-card{width:min(1180px,calc(100vw - 32px));max-width:none;padding:18px}.explore-dialog-card .explore-stats{grid-template-columns:210px minmax(0,1fr) 210px;margin-bottom:12px}.explore-dialog-card .explore-stats>div{display:grid;align-content:center}.explore-dialog-card .explore-timer-card{padding:13px 18px}.explore-dialog-card .explore-timer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.explore-dialog-card .explore-timer-top strong{font-size:22px}.explore-dialog-card .explore-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;padding:12px 18px;border-bottom:1px solid #eee8f7}.explore-dialog-card .explore-toolbar>div:first-child{display:grid;gap:3px}.explore-dialog-card .explore-toolbar strong{color:#332f4c;font-size:14px}.explore-dialog-card .explore-toolbar span{color:#8d87a8;font-size:11px}.explore-toolbar-actions{display:flex;gap:7px}.explore-dialog-card .explore-board-wrap{min-height:570px;padding:28px}.explore-dialog-card .explore-game-board{width:min(100%,830px);gap:9px}.explore-dialog-card .explore-tile.hint{border-color:#ffd166!important;animation:explore-hint-pulse .55s ease-in-out infinite alternate!important;box-shadow:0 0 0 7px rgba(255,209,102,.42),0 0 28px rgba(255,209,102,.72),0 12px 22px rgba(80,64,140,.18)!important}.explore-dialog-card .explore-tile.hint .explore-coin{filter:brightness(1.2) drop-shadow(0 0 12px #ffd166)}.explore-result-card{animation:modalPop .35s ease both}
@media(max-width:760px){.war-dialog-card.explore-dialog-card{width:min(100% - 14px,620px);padding:10px}.explore-dialog-card .explore-stats{grid-template-columns:1fr 1fr;gap:7px}.explore-dialog-card .explore-timer-card{grid-column:1/-1;grid-row:2;min-height:60px;padding:10px}.explore-dialog-card .explore-toolbar{display:grid;gap:10px;min-height:auto;padding:10px}.explore-toolbar-actions{justify-content:space-between}.explore-dialog-card .explore-board-wrap{min-height:390px;padding:13px 7px 16px}.explore-dialog-card .explore-game-board{gap:4px}}
@media(max-width:430px){.explore-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.explore-dialog-card .explore-stats{grid-template-columns:1fr 1fr}}
.war-dialog.explore-page{z-index:60;display:block;overflow:auto;padding:0;color:#332f4c;background:linear-gradient(145deg,#f7f3ff 0%,#fff8ee 54%,#eefcff 100%);backdrop-filter:none}.war-dialog.explore-page::before,.war-dialog.explore-page::after{position:fixed;z-index:-1;content:"";border-radius:50%;filter:blur(3px);opacity:.45}.war-dialog.explore-page::before{width:360px;height:360px;top:-150px;left:-100px;background:#cebfff}.war-dialog.explore-page::after{width:430px;height:430px;right:-180px;bottom:-190px;background:#b8f4e9}.war-dialog.explore-page[hidden]{display:none}.war-dialog.explore-page .explore-dialog-card{display:block;width:min(1180px,calc(100% - 32px));max-width:none;max-height:none;min-height:100vh;margin:auto;padding:28px 0 20px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#332f4c;overflow:visible}.explore-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.explore-brand{display:flex;align-items:center;gap:14px}.explore-brand-coin{display:grid;place-items:center;width:58px;height:58px;border:5px solid #fff;border-radius:20px;color:#fff;background:linear-gradient(145deg,#ffbe55,#ff8d5c);box-shadow:0 10px 24px rgba(255,141,92,.25);font:800 32px/1 Arial,sans-serif;transform:rotate(-8deg)}.explore-brand p{margin:0 0 -4px;color:#6c5ce7;font-size:10px;font-weight:900;letter-spacing:.18em}.explore-brand h1{margin:0;color:#332f4c;font-size:clamp(25px,4vw,36px);font-weight:900;letter-spacing:-.04em}.explore-brand span{display:block;margin-top:4px;color:#8d87a8;font-size:12px}.explore-back-button{min-height:38px;padding:9px 13px;border:1px solid #fff;border-radius:11px;color:#6c5ce7;background:rgba(255,255,255,.72);font-size:11px;font-weight:900}.war-dialog.explore-page .explore-stats{display:grid;grid-template-columns:210px 1fr 210px;gap:12px;margin-bottom:12px}.war-dialog.explore-page .explore-stats>div{min-height:72px;padding:12px 16px;border:1px solid #fff;border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 12px 35px rgba(75,62,120,.07)}.war-dialog.explore-page .explore-stats small,.war-dialog.explore-page .explore-timer-top small{color:#8d87a8;font-size:11px;font-weight:700}.war-dialog.explore-page .explore-stats strong{color:#6c5ce7;font-size:22px;font-weight:900;line-height:1}.war-dialog.explore-page .explore-timer-card{padding:13px 18px}.war-dialog.explore-page .explore-timer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.war-dialog.explore-page .explore-timer-track{height:9px;overflow:hidden;border:0;border-radius:99px;background:#eeeaf7}.war-dialog.explore-page .explore-timer-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6c5ce7,#a57bff);transition:width .5s linear,background .25s}.explore-game-card{overflow:hidden;border:1px solid #fff;border-radius:24px;background:rgba(255,255,255,.7);box-shadow:0 22px 55px rgba(75,62,120,.11);backdrop-filter:blur(16px)}.war-dialog.explore-page .explore-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;padding:12px 18px;border:0;border-bottom:1px solid #eee8f7;border-radius:0;background:transparent}.war-dialog.explore-page .explore-toolbar>div:first-child{display:grid;gap:3px}.war-dialog.explore-page .explore-toolbar strong{color:#332f4c;font-size:14px}.war-dialog.explore-page .explore-toolbar span{color:#8d87a8;font-size:11px}.war-dialog.explore-page .explore-toolbar-actions{display:flex;gap:7px}.war-dialog.explore-page .explore-toolbar button{min-height:36px;padding:9px 13px;border:0;border-radius:11px;color:#332f4c;background:#f4f0fb;font-size:11px;font-weight:900;transition:transform .15s,box-shadow .15s,opacity .15s}.war-dialog.explore-page .explore-toolbar button span{margin-right:3px}.war-dialog.explore-page .explore-toolbar button b{display:inline-block;min-width:17px;margin-left:3px;padding:1px 4px;border-radius:6px;color:#6c5ce7;background:#fff}.war-dialog.explore-page .explore-board-wrap{position:relative;display:grid;place-items:center;min-height:570px;padding:28px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.war-dialog.explore-page .explore-game-board{position:relative;z-index:2;display:grid;width:min(100%,830px);gap:9px;padding:0;border:0;border-radius:0;background:transparent}.war-dialog.explore-page .explore-tile{position:relative;aspect-ratio:1;min-height:0;padding:0;border:2px solid #fff;border-radius:17px;color:#332f4c;background:linear-gradient(145deg,#fff,#faf8ff);box-shadow:0 6px 13px rgba(67,54,115,.09);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,opacity .28s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.war-dialog.explore-page .explore-tile:hover:not(.removed){transform:translateY(-4px) rotate(1deg);box-shadow:0 11px 21px rgba(80,64,140,.14)}.war-dialog.explore-page .explore-tile:active:not(.removed){transform:scale(.92)}.war-dialog.explore-page .explore-tile.selected{transform:translateY(-5px) scale(1.05);border-color:#6c5ce7;box-shadow:0 0 0 4px rgba(108,92,231,.13),0 12px 22px rgba(80,64,140,.18)}.war-dialog.explore-page .explore-coin{display:grid;place-items:center;width:66%;height:66%;margin:auto;border-radius:50%;color:#fff;font:800 clamp(17px,2.7vw,28px)/1 Arial,sans-serif;text-shadow:0 2px 0 rgba(0,0,0,.12);box-shadow:inset 0 -5px 0 rgba(0,0,0,.12),0 5px 0 rgba(0,0,0,.05)}.war-dialog.explore-page .explore-tile small{position:absolute;right:5px;bottom:3px;color:#bab4cd;font:800 8px/1 Arial,sans-serif}.war-dialog.explore-page .explore-path-layer{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.war-dialog.explore-page .explore-match-line{fill:none;stroke:#6c5ce7;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(108,92,231,.35));stroke-dasharray:12 7;animation:explore-dash .45s linear infinite}.war-dialog.explore-page .explore-countdown{position:absolute;z-index:6;display:none;place-items:center;width:110px;height:110px;inset:auto;border:7px solid #fff;border-radius:35px;color:#fff;background:#6c5ce7;box-shadow:0 18px 50px rgba(108,92,231,.35);font:800 58px/1 Arial,sans-serif;text-shadow:none;pointer-events:none}.war-dialog.explore-page .explore-countdown.show{display:grid;animation:explore-count-pop .8s ease both}.explore-footer{display:flex;justify-content:center;gap:32px;padding:15px;color:#8d87a8;font-size:10px;font-weight:700}.explore-footer span::before{content:"●";margin-right:6px;color:#43d9a3}@media(max-width:760px){.war-dialog.explore-page .explore-dialog-card{width:min(100% - 14px,620px);padding-top:12px}.explore-hero{align-items:stretch;flex-direction:column;margin-bottom:10px}.explore-brand-coin{width:45px;height:45px;border-radius:15px;font-size:25px}.explore-brand p{display:none}.explore-brand h1{font-size:22px}.explore-back-button{text-align:center}.war-dialog.explore-page .explore-stats{grid-template-columns:1fr 1fr;gap:7px}.war-dialog.explore-page .explore-timer-card{grid-column:1/-1;grid-row:2;min-height:60px}.war-dialog.explore-page .explore-stats>div{min-height:58px;padding:8px 10px}.war-dialog.explore-page .explore-toolbar{display:grid;padding:10px}.war-dialog.explore-page .explore-toolbar-actions{justify-content:space-between}.war-dialog.explore-page .explore-toolbar button{padding:8px 9px}.war-dialog.explore-page .explore-board-wrap{min-height:390px;padding:13px 7px 16px}.war-dialog.explore-page .explore-game-board{gap:4px}.war-dialog.explore-page .explore-tile{border-width:1px;border-radius:9px}.war-dialog.explore-page .explore-coin{width:72%;height:72%}.war-dialog.explore-page .explore-tile small{display:none}.explore-footer{gap:10px;text-align:center}}@media(max-width:430px){.explore-hero{gap:12px}.war-dialog.explore-page .explore-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.explore-footer{display:grid}}
.war-dialog.explore-page .explore-stats{grid-template-columns:210px 210px minmax(0,1fr)}
@media(max-width:760px){.war-dialog.explore-page .explore-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.war-dialog.explore-page .explore-stats>div{min-height:54px!important;padding:7px 8px!important}.war-dialog.explore-page .explore-timer-card{grid-column:auto!important;grid-row:auto!important;min-height:54px!important;padding:7px 8px!important}.war-dialog.explore-page .explore-timer-top{display:grid!important;gap:4px!important;margin-bottom:6px!important}.war-dialog.explore-page .explore-stats strong,.war-dialog.explore-page .explore-timer-top strong{font-size:18px!important}.war-dialog.explore-page .explore-stats small,.war-dialog.explore-page .explore-timer-top small{font-size:10px!important}.war-dialog.explore-page .explore-timer-track,.war-dialog.explore-page .explore-timer-track i{height:6px!important;min-height:6px!important;max-height:6px!important}}
.matrix-map-overview .matrix-overview-marker.player-city i{width:9px;height:9px;background:#ff4f4f;box-shadow:0 0 0 4px #ff4f4f26,0 0 16px #ff4f4fde,0 0 30px #ff7a3099}
.matrix-map-overview .matrix-overview-marker.player-city strong{color:#fff;border-color:#ff6b6bcc;background:linear-gradient(135deg,#ff6b6b,#b81f3d);box-shadow:0 0 14px #ff4f4f88}
.matrix-map-overview .matrix-overview-marker.own-city i{width:12px;height:12px;background:#eaffff;border:2px solid #38e5ff;box-shadow:0 0 0 5px #38e5ff30,0 0 20px #38e5ff,0 0 38px #6fffb0cc}
.matrix-map-overview .matrix-overview-marker.own-city strong{color:#031018;border-color:#38e5ff;background:linear-gradient(135deg,#eaffff,#38e5ff 55%,#6fffb0);box-shadow:0 0 18px #38e5ffcc}
.matrix-cell.exploration-site.own-site{background:radial-gradient(circle at 50% 50%,#38e5ff66,transparent 58%),linear-gradient(135deg,#8fd8d8 0 30%,#7fffd4 30% 34%,#9adfdb 34% 62%,#38e5ff 62% 66%,#4f9ca7 66%)}
.matrix-cell.exploration-site.enemy-site{background:radial-gradient(circle at 50% 50%,#ff4f4f66,transparent 58%),linear-gradient(135deg,#bfa09a 0 30%,#ff7a30 30% 34%,#b98d83 34% 62%,#ff4f4f 62% 66%,#7d3a3a 66%)}
.matrix-cell.exploration-site.own-site .matrix-site-badge{border-color:#38e5ffcc;background:linear-gradient(135deg,#eaffff,#38e5ff 58%,#6fffb0);box-shadow:0 0 18px #38e5ffaa}
.matrix-cell.exploration-site.enemy-site .matrix-site-badge{color:#fff;border-color:#ff6b6bcc;background:linear-gradient(135deg,#ff7a30,#ff4f4f 58%,#b81f3d);box-shadow:0 0 18px #ff4f4faa}
.matrix-cell.exploration-site.enemy-site .matrix-site-badge small{color:#ffe1d2}
.matrix-map-overview .matrix-overview-marker.exploration-site.own-site i{background:#38e5ff;box-shadow:0 0 0 4px #38e5ff30,0 0 16px #38e5ffdd,0 0 30px #6fffb099}
.matrix-map-overview .matrix-overview-marker.exploration-site.enemy-site i{background:#ff4f4f;box-shadow:0 0 0 4px #ff4f4f26,0 0 16px #ff4f4fde,0 0 30px #ff7a3099}
.explore-brand-coin.admin-enabled{cursor:pointer;box-shadow:0 0 0 3px #6c5ce722,0 10px 24px rgba(255,141,92,.25)}
.explore-brand-coin.admin-enabled:hover{transform:rotate(-8deg) scale(1.06)}
.explore-brand-coin.paused{background:linear-gradient(145deg,#332f4c,#6c5ce7);box-shadow:0 0 0 4px #6c5ce733,0 0 24px #6c5ce7aa}
.war-dialog.explore-page.admin-paused .explore-timer-card{outline:2px solid #6c5ce7;outline-offset:-2px}
.war-dialog.explore-page.admin-paused .explore-timer-track i{background:linear-gradient(90deg,#332f4c,#6c5ce7)!important}