:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#181410d6;--panel-solid:#1d1813;--panel-border:#f2c94c47;--text:#f3ead8;--muted:#b9ab90;--gold:#f2c94c;--ok:#8fd18a;--bad:#ff7a6b;--radius:12px;--top:84px;--font-title:"Cinzel", Georgia, serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#cfe8f7;margin:0;font-size:14px;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}#app,#scene{position:fixed;inset:0}#scene canvas{touch-action:none;display:block}#scene:after{content:"";pointer-events:none;background:radial-gradient(75% 70% at 50% 52%,#0000 60%,#080c1c61 100%);position:absolute;inset:0}.muted{color:var(--muted)}.small{font-size:12px}.up{color:var(--ok)}#topbar,#sidebar,#panel,#dock,.toast,.modal-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 30px #00000059}#topbar{align-items:center;gap:12px;padding:8px 12px;display:flex;position:fixed;top:12px;left:12px;right:12px}.brand{font-family:var(--font-title);color:var(--gold);letter-spacing:.06em;white-space:nowrap;align-items:center;gap:6px;font-size:20px;font-weight:700;display:flex}.brand img{filter:drop-shadow(0 1px 2px #0009);width:28px;height:28px}#resources{flex-wrap:wrap;flex:1;justify-content:center;gap:8px;display:flex}.res{cursor:default;background:#ffffff0d;border-radius:10px;align-items:center;gap:7px;min-width:124px;padding:4px 9px;display:flex}.res-icon{font-size:20px}.res-body{flex:1;grid-template-columns:1fr auto;align-items:baseline;column-gap:6px;display:grid}.res-amount{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.res-rate{color:var(--ok);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.res.full .res-rate,.res.full .res-amount,.res.negative .res-rate{color:var(--bad)}.res-bar{background:#ffffff1a;border-radius:2px;grid-column:1/-1;height:3px;margin-top:3px;overflow:hidden}.res-bar i{background:var(--res);height:100%;transition:width .3s;display:block}.top-actions{align-items:center;gap:6px;display:flex}.icon-btn{background:#ffffff14;border:1px solid #0000;border-radius:8px;flex:none;width:32px;height:32px;position:relative}.icon-btn:hover,.tab-btn:hover{border-color:var(--panel-border)}.icon-btn.tiny{width:24px;height:24px;font-size:11px}.tab-btn{white-space:nowrap;background:#ffffff14;border:1px solid #0000;border-radius:8px;height:32px;padding:0 12px;font-weight:600}.tab-btn.active{border-color:var(--panel-border);color:var(--gold);background:#f2c94c2e}.pill{font-variant-numeric:tabular-nums;white-space:nowrap;background:#785ac838;border:1px solid #bea0ff73;border-radius:16px;height:32px;padding:0 10px;font-weight:600}.menu{top:var(--top);background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:7;gap:10px;min-width:200px;padding:12px 14px;display:grid;position:fixed;right:12px;box-shadow:0 8px 30px #00000059}.menu label{cursor:pointer;align-items:center;gap:8px;display:flex}.badge{background:var(--bad);color:#fff;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;position:absolute;top:-6px;right:-6px}#banners{top:var(--top);z-index:2;pointer-events:none;justify-items:center;gap:8px;width:min(560px,100% - 24px);display:grid;position:fixed;left:50%;transform:translate(-50%)}#alert,#visitor{border-radius:var(--radius);text-align:left;pointer-events:auto;align-items:center;gap:12px;max-width:100%;padding:9px 16px;display:flex;box-shadow:0 8px 30px #00000059}#alert{background:#46120ee6;border:1px solid #ff7a6bb3;animation:1.6s ease-in-out infinite pulse}#visitor{border:1px solid var(--panel-border);background:#282012eb;animation:.3s ease-out slide-down}#visitor b{color:var(--gold)}.visitor-body{flex:1;min-width:0}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}}#alert b{color:#ffb4a8}.alert-icon{font-size:26px}.alert-close{color:#ffd2ca;cursor:pointer;border-radius:50%;flex:none;align-self:flex-start;place-items:center;width:26px;height:26px;margin:-2px -6px 0 4px;font-size:14px;display:grid}.alert-close:hover{background:#ffffff1f}#alert.collapsed{gap:8px;padding:5px 14px;animation:none}#alert.collapsed .alert-icon{font-size:18px}#alert.collapsed .small{opacity:.8}@keyframes pulse{50%{box-shadow:0 0 0 4px #ff7a6b40,0 8px 30px #00000059}}#sidebar{top:var(--top);width:214px;max-height:calc(100vh - var(--top) - 12px);padding:12px;position:fixed;left:12px;overflow:hidden auto}#sidebar h2,#panel h3,#panel h4,.modal-card h3{font-family:var(--font-title);color:var(--gold);margin:0}#sidebar h2{letter-spacing:.08em;margin-bottom:6px;font-size:13px}.list,.army{gap:2px;margin:0;padding:0;list-style:none;display:grid}.list li{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:5px 8px;display:flex}.list li:hover{background:#ffffff0f}.list li.active{border-color:var(--panel-border);background:#f2c94c24}.list li.empty .b-name{color:var(--muted)}.list li.locked{opacity:.55}.b-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.b-lvl{text-align:center;background:#ffffff14;border-radius:6px;min-width:26px;padding:2px 6px;font-size:12px;font-weight:600}.army-block{border-top:1px solid #ffffff14;margin-top:12px;padding-top:10px}.army li{font-variant-numeric:tabular-nums;gap:8px;padding:2px 8px;display:flex}.army-block p{margin:6px 0 0}#panel{top:var(--top);width:360px;max-height:calc(100vh - var(--top) - 12px);padding:16px;animation:.2s ease-out slide-in;position:fixed;right:12px;overflow-y:auto}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}}.panel-head{align-items:center;gap:12px;display:flex}.panel-head>div{flex:1;min-width:0}.panel-icon{font-size:32px}.panel-lvl{color:var(--muted);font-size:12px}.desc{color:var(--muted);margin:12px 0;line-height:1.45}.desc.small{margin:8px 0;font-size:12px}.effect,.info-row{background:#ffffff0d;border-radius:8px;align-items:baseline;gap:8px;margin-bottom:8px;padding:7px 10px;display:flex}.effect span:first-child,.info-row>span:first-child{color:var(--muted);flex:1}.info-row>span:last-child{text-align:right}.effect .arrow{color:var(--muted)}.effect .up{color:var(--ok)}#panel h4{margin:14px 0 8px;font-size:13px}.section{border-top:1px solid #ffffff14;margin-top:16px;padding-top:4px}.costs{flex-wrap:wrap;gap:5px;margin:0 0 8px;padding:0;list-style:none;display:flex}.costs li{font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:6px;padding:3px 7px;font-size:13px}.costs li.missing{color:var(--bad);background:#ff7a6b1f}.time{color:var(--muted);white-space:nowrap;margin-bottom:12px}.reqs{color:var(--bad);margin-bottom:10px;font-size:13px}.primary,.danger,.ghost{border-radius:8px;padding:10px;font-weight:600}.primary{color:#2b2014;background:linear-gradient(#f6d36b,#d9a92e);border:none;width:100%}.danger{color:#2b120c;background:linear-gradient(#f08a6b,#c9533a);border:none}.ghost{background:0 0;border:1px solid #fff3}.ghost.wide{width:100%;margin-bottom:4px}.primary:hover:not(:disabled),.danger:hover:not(:disabled){filter:brightness(1.08)}.ghost:hover:not(:disabled){border-color:var(--panel-border)}.primary:disabled,.danger:disabled{color:var(--muted);cursor:not-allowed;background:#ffffff1a}.small.primary,.small.danger,.small.ghost{padding:6px 10px;font-size:13px}.primary.auto{white-space:nowrap;width:auto}.hint{color:var(--muted);text-align:center;margin-top:8px;font-size:12px}.hint:empty{display:none}.hint.warn{color:var(--bad)}.hint.ok{color:var(--ok)}.hint.big{background:#8fd18a1a;border-radius:8px;padding:10px;font-size:14px}.favor-bar{background:#ffffff14;border-radius:11px;height:22px;position:relative;overflow:hidden}.favor-bar i{background:linear-gradient(90deg,#7b5cd6,#c3a6ff);transition:width .3s;position:absolute;inset:0 auto 0 0}.favor-bar span{text-align:center;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;line-height:22px;display:block;position:relative}input[type=number],select{background:#00000040;border:1px solid #ffffff2e;border-radius:8px;min-width:0;padding:6px 8px}select option{background:var(--panel-solid)}input:focus,select:focus{outline-offset:1px;outline:2px solid #f2c94c80}.cards{gap:8px;display:grid}.card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:10px}.card.active{border-color:var(--panel-border);background:#f2c94c14}.card.locked{opacity:.6;padding:7px 10px}.card-head{align-items:flex-start;gap:10px;display:flex}.card-icon{font-size:24px;line-height:1.1}.card-art{object-fit:cover;background:radial-gradient(circle at 50% 35%,#3d5a73 0%,#1f2b38 75%);border:1px solid #f2c94c40;border-radius:10px;flex:none;width:54px;height:54px;box-shadow:inset 0 0 12px #00000073}.card.locked .card-art{filter:grayscale(.85)brightness(.7)}.building-art{aspect-ratio:2;background:radial-gradient(70% 60% at 50% 100%,#6fae4a40,#0000 70%),linear-gradient(#4a9be0 0%,#a9d4f2 70%,#cfe8f7 100%);border:1px solid #f2c94c38;border-radius:10px;margin:4px 0 10px;position:relative;overflow:hidden}.building-art img{object-fit:cover;width:100%;height:100%;display:block}.island-art{aspect-ratio:34/15;background:radial-gradient(60% 55% at 50% 60%,#78c8e659,#0000 70%),linear-gradient(#2f6f9e 0%,#3f8fc0 100%)}.building-art.unbuilt img{filter:saturate(.35)brightness(1.05);opacity:.75}.building-art .art-tag{border:1px solid var(--panel-border);color:var(--gold);font-family:var(--font-title);background:#181410c7;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:8px;left:8px}.card-title{flex:1;min-width:0}.card-lvl{color:var(--gold);background:#ffffff14;border-radius:6px;margin-left:4px;padding:1px 6px;font-size:11px}.card-sub{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.35}.card .reqs{margin:6px 0 0;font-size:12px}.card-row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.card-row .costs{margin:0}.card-row .time{margin:0;font-size:12px}.card>.primary{margin-top:8px}.stats{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:12px;display:flex}.train-row{gap:6px;margin-top:8px;display:flex}.train-row input{width:72px}.train-row .primary{flex:1}.progress{background:#00000073;border-radius:3px;height:6px;margin-top:8px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #f2c94c38}.progress i,.q-bar i,.label-bar i{background:linear-gradient(90deg,#e8b53a,#ffe08a);width:0;height:100%;display:block;box-shadow:0 0 6px #ffd6668c}.train-queue,.mini-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.train-queue li{grid-template-columns:1fr 70px auto auto;align-items:center;gap:8px;font-size:13px;display:grid}.train-queue .progress{margin:0}.mini-list li{justify-content:space-between;gap:8px;padding:4px 0;font-size:13px;display:flex}.trade{gap:8px;display:grid}.trade label{color:var(--muted);grid-template-columns:70px 1fr;align-items:center;display:grid}.trade .train-row{margin:0 0 0 70px}.trade .train-row input{flex:1}.fleet{gap:4px;display:grid}.fleet-row{grid-template-columns:1fr auto 64px auto;align-items:center;gap:6px;font-size:13px;display:grid}.fleet-unit{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fleet-summary{color:var(--muted);background:#ffffff0d;border-radius:8px;margin:10px 0 8px;padding:7px 10px;font-size:12px}.mission-buttons{flex-wrap:wrap;gap:6px;display:flex}.mission-buttons button{flex:96px;width:auto;min-width:0}.colony-abandon{width:100%;margin-top:12px}.bag-item{white-space:nowrap;font-variant-numeric:tabular-nums}#dock{gap:8px;width:min(440px,100% - 32px);max-height:34vh;padding:10px 14px;display:grid;position:fixed;bottom:16px;left:50%;overflow-y:auto;transform:translate(-50%)}.dock-row{cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;display:grid}.dock-row+.dock-row{border-top:1px solid #ffffff12;padding-top:8px}.q-title{justify-content:space-between;gap:8px;min-width:0;font-size:13px;display:flex}.q-title>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.q-time{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}.q-bar{background:#00000073;border-radius:3px;grid-column:1;height:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #f2c94c38}.dock-row .ghost{grid-area:1/2/span 2}.ghost[data-armed]{border-color:var(--bad);color:var(--bad)}#modal{z-index:5;background:#0a080673;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{background:#181410f5;width:min(620px,100%);max-height:calc(100vh - 32px);padding:16px;overflow-y:auto}.reports{gap:6px;margin-top:14px;display:grid}.report{border:1px solid #ffffff0f;border-left:3px solid var(--muted);background:#ffffff0a;border-radius:10px}.report.empate{border-left-color:var(--gold)}.report summary{cursor:pointer;align-items:center;gap:10px;padding:9px 12px;list-style:none;display:flex}.report summary::-webkit-details-marker{display:none}.report.unread .r-title{font-weight:600}.r-title{flex:1}.r-meta{color:var(--muted);white-space:nowrap;font-size:12px}.r-body{padding:0 12px 12px}.r-body p{margin:4px 0 10px;line-height:1.45}.battle{grid-template-columns:1fr 1fr;gap:12px;display:grid}.battle h5{color:var(--gold);font-family:var(--font-title);margin:0 0 4px}.r-body .phase-head{border-bottom:1px solid color-mix(in srgb, var(--gold) 35%, transparent);color:var(--gold);font-family:var(--font-title);margin:12px 0 6px;padding-bottom:3px;font-size:13px}.battle table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.battle th{color:var(--muted);text-align:right;font-weight:500}.battle td{padding:2px 0}.battle td+td{text-align:right}.battle .bad{color:var(--bad)}.modal-card.narrow{width:min(480px,100%)}.quests{gap:8px;margin-top:14px;display:grid}.quest{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:12px}.quest.done{background:#8fd18a14;border-color:#8fd18a99}.quest p{color:var(--muted);margin:4px 0 0}.quest-head,.quest-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.quest-foot{margin-top:10px}.quest-foot .primary{width:auto}.ranking{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:14px}.ranking th{text-align:left;color:var(--muted);padding:4px 8px;font-weight:500}.ranking td{border-top:1px solid #ffffff0f;padding:7px 8px}.ranking td:last-child,.ranking th:last-child{text-align:right}.ranking tr.me td{color:var(--gold);background:#f2c94c24;font-weight:600}.label{border:1px solid var(--panel-border);white-space:nowrap;pointer-events:none;background:#181410b8;border-radius:8px;flex-direction:column;align-items:center;padding:3px 9px;font-size:12px;line-height:1.25;transition:opacity .25s;display:flex}.label-mini{color:var(--text);font-weight:700;display:none}.label.lbl-compact{padding:2px 7px}.label.lbl-compact>.label-name,.label.lbl-compact>.label-lvl,.label.lbl-compact>.label-bar{display:none}.label.lbl-compact>.label-mini,.label.isl.lbl-compact>.label-name{display:inline}.label.lbl-hidden{opacity:0}.label-name{font-family:var(--font-title);color:var(--gold);font-weight:600}.label-lvl{color:var(--text);font-size:11px}.label.empty .label-name,.label.unknown .label-name{color:var(--muted)}.label.colony{border-color:#8fd18a99}.label.home{font-size:14px}.label-bar{background:#ffffff26;border-radius:2px;width:70px;height:4px;margin:3px 0 1px;display:none;overflow:hidden}.label.building .label-bar{display:block}#toasts{pointer-events:none;z-index:6;justify-items:center;gap:8px;width:calc(100% - 32px);display:grid;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.toast{text-align:center;border-radius:10px;max-width:480px;padding:9px 16px;transition:opacity .4s,transform .4s;animation:.25s ease-out toast-in;box-shadow:0 6px 20px #0000004d}.toast.success{border-color:#8fd18a99}.toast.error{color:var(--bad);border-color:#ff7a6b99}.toast.out{opacity:0;transform:translateY(8px)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@media (width<=1280px){.brand{flex:1;font-size:17px}#topbar{flex-wrap:wrap;row-gap:6px}.top-actions{order:2}#resources{flex-basis:100%;order:3}.res{min-width:108px}#sidebar{width:196px}}@media (width<=800px){#topbar{flex-wrap:wrap;gap:8px;padding:8px;top:8px;left:8px;right:8px}.brand{flex:1;font-size:16px}.top-actions{order:2}.tab-btn span{display:none}.top-actions{gap:4px}.pill{padding:0 8px}#resources{flex-basis:100%;order:3;grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.res{gap:4px;min-width:0;padding:3px 6px}.res-icon{font-size:16px}.res-body{grid-template-columns:1fr}.res-rate{font-size:10px}#sidebar{width:auto;max-height:none;padding:6px;inset:auto 8px 8px;overflow-x:auto}#sidebar h2,.army-block{display:none}#sidebar .list{grid-auto-columns:max-content;grid-auto-flow:column}#sidebar .b-name{display:none}#panel{width:auto;max-height:58vh;inset:auto 8px 64px}#dock{bottom:64px}#panel:not([hidden])~#dock{display:none}#toasts{bottom:140px}.battle{grid-template-columns:1fr}}body.landing-mode #topbar,body.landing-mode #actionbar,body.landing-mode #sidebar,body.landing-mode #panel,body.landing-mode #dock,body.landing-mode #banners,body.landing-mode #menu,body.landing-mode #chat{display:none!important}#landing{z-index:3;background:linear-gradient(90deg,#0e1622d1 0%,#0e16228c 55%,#0e162240 100%);grid-template-columns:minmax(0,1.2fr) minmax(320px,400px);align-items:center;gap:32px;padding:40px max(24px,5vw);display:grid;position:fixed;inset:0;overflow-y:auto}.landing-brand{margin:0;line-height:0}.landing-brand img{filter:drop-shadow(0 6px 18px #0000008c);width:clamp(220px,32vw,400px);height:auto}.tagline{max-width:560px;color:var(--text);margin:12px 0 24px;font-size:18px;line-height:1.5}.features{gap:12px;max-width:560px;margin:0 0 24px;padding:0;list-style:none;display:grid}.features li{color:var(--muted);align-items:flex-start;gap:14px;line-height:1.4;display:flex}.features li span{font-size:26px}.features b{color:var(--text);display:block}.landing-panel{gap:16px;display:grid}.auth,.world-stats{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;box-shadow:0 12px 40px #0006}.tabs{background:#ffffff0f;border-radius:10px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:16px;padding:4px;display:grid}.tabs button{color:var(--muted);background:0 0;border:none;border-radius:8px;padding:8px;font-weight:600}.tabs button.active{color:var(--gold);background:#f2c94c2e}#auth-form{gap:12px;display:grid}#auth-form label{color:var(--muted);gap:4px;font-size:13px;display:grid}#auth-form input,.chat-form input{color:var(--text);background:#0000004d;border:1px solid #ffffff2e;border-radius:8px;padding:10px 12px;font-size:15px}.form-error{min-height:1.2em;color:var(--bad);font-size:13px}.stat-row{text-align:center;grid-template-columns:1fr 1fr;margin-bottom:10px;display:grid}.stat-row b{color:var(--gold);font-size:26px;font-family:var(--font-title);display:block}.stat-row span{color:var(--muted);font-size:12px}.world-stats h4{font-family:var(--font-title);color:var(--gold);margin:12px 0 6px;font-size:13px}.mini-rank{gap:4px;margin:0;padding-left:22px;display:grid}.mini-rank li span{min-width:70%;display:inline-block}.mini-rank b{float:right;font-variant-numeric:tabular-nums}@media (width<=860px){#landing{background:#0e1622b8;grid-template-columns:1fr;align-items:start;padding:28px 16px}.features{display:none}.tagline{font-size:15px}}#chat{width:360px;height:min(460px, calc(100vh - var(--top) - 28px));background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:4;flex-direction:column;gap:10px;padding:14px;display:flex;position:fixed;bottom:16px;right:12px;box-shadow:0 8px 30px #00000059}#chat h3{font-family:var(--font-title);color:var(--gold);margin:0}.chat-log{flex:1;align-content:start;gap:6px;padding-right:4px;display:grid;overflow-y:auto}.msg{word-break:break-word;line-height:1.4}.msg b{color:var(--gold)}.msg.mine b{color:var(--ok)}.msg.system{color:var(--muted);font-size:13px;font-style:italic}.msg time{color:var(--muted);margin-left:6px;font-size:11px}.chat-form{gap:6px;display:flex}.chat-form input{flex:1;min-width:0;padding:8px 10px;font-size:14px}#offline{border-radius:var(--radius);border:1px solid var(--panel-border);pointer-events:auto;background:#46320eeb;padding:8px 14px}.menu-user{border-bottom:1px solid #ffffff14;padding-bottom:8px}.label.player{border-color:#7dafff99}.list li.player .b-name{color:#a9c8ff}@media (width<=800px){#chat{width:auto;height:55vh;bottom:64px;left:8px;right:8px}}.tag{color:var(--gold);font-size:.85em;font-weight:600}.label.ally{border-color:#8fd18acc}.small-tabs{grid-template-columns:none;grid-auto-columns:1fr;grid-auto-flow:column;margin:12px 0}.small-tabs button{padding:6px;font-size:13px;position:relative}.small-tabs .badge{top:-4px;right:4px}.chat-tabs{margin:0}.modal-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.inline-form{flex-wrap:wrap;gap:6px;display:flex}.inline-form input{flex:1;min-width:140px}.inline-form input.short{flex:0 0 90px;min-width:0}.stack{gap:8px;display:grid}.inline-form input,.stack input,.stack textarea{color:var(--text);font:inherit;resize:vertical;background:#0000004d;border:1px solid #ffffff2e;border-radius:8px;padding:8px 10px}.row-actions{justify-content:flex-end;gap:4px;display:flex}.row-actions .ghost{padding:3px 7px}.dot{background:#fff3;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.on{background:var(--ok)}.mail-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mail-list li{cursor:pointer;border-radius:8px;grid-template-columns:110px 1fr auto;align-items:baseline;gap:10px;padding:9px 10px;display:grid}.mail-list li:hover{background:#ffffff0f}.mail-list li.unread{font-weight:600}.mail-list li.unread .who:before{content:"● ";color:var(--gold)}.mail-list .who,.mail-list .subject{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.letter h4{font-family:var(--font-title);color:var(--gold);margin:8px 0}.letter p{white-space:normal;line-height:1.5}.offer-form{gap:6px;margin-bottom:10px;display:grid}.offer-form label{color:var(--muted);grid-template-columns:44px 1fr 90px;align-items:center;gap:6px;display:grid}.offers{gap:6px;margin:0;padding:0;list-style:none;display:grid}.offer{background:#ffffff0a;border-left:3px solid #ffffff26;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.offer.good{border-left-color:var(--ok)}.offer.bad{border-left-color:var(--bad)}.payload{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.payload label{align-items:center;gap:4px;display:flex}.payload input{font-variant-numeric:tabular-nums;appearance:textfield;width:100%;min-width:0;padding-inline:6px}.payload input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.payload input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.link{color:inherit;text-underline-offset:3px;background:0 0;border:none;padding:0;font-weight:600;-webkit-text-decoration:underline dotted #ffffff59;text-decoration:underline dotted #ffffff59}.link:hover{color:var(--gold)}.msg b[data-profile]{cursor:pointer}.icon-btn.gift{animation:1.8s ease-in-out infinite wiggle}@keyframes wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-12deg)}90%{transform:rotate(12deg)}95%{transform:rotate(-6deg)}}.stat-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;display:grid}.stat-grid b{font-family:var(--font-title);color:var(--gold);font-size:22px;display:block}.stat-grid span{color:var(--muted);font-size:12px}.medals{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.medals li{opacity:.4;filter:grayscale();background:#ffffff08;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:7px 9px;display:grid}.medals li.got{opacity:1;filter:none;border:1px solid var(--panel-border);background:#f2c94c1a}.medals span{grid-row:span 2;font-size:22px}.medals b{font-size:13px}.medals small{color:var(--muted);font-size:11px}.daily{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin:14px 0;padding:0;list-style:none;display:grid}.daily li{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;gap:4px;padding:10px;font-size:12px;display:grid}.daily li.done{opacity:.45}.daily li.today{border-color:var(--gold);background:#f2c94c24}.welcome{gap:12px;margin:14px 0;padding:0;list-style:none;display:grid}.welcome li{color:var(--muted);gap:12px;line-height:1.45;display:flex}.welcome li span{font-size:24px}.welcome b{color:var(--text)}.modal-card.wide{width:min(820px,100%)}.sim{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.sim fieldset{border:1px solid #ffffff14;border-radius:10px;gap:4px;margin:0;padding:10px;display:grid}.sim legend{font-family:var(--font-title);color:var(--gold);padding:0 6px}.sim label{grid-template-columns:1fr 80px;align-items:center;gap:6px;font-size:13px;display:grid}.sim>.primary{grid-column:1/-1}.sim-odds{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 6px;display:grid}.sim-odds b{font-family:var(--font-title);font-size:26px;display:block}.sim-odds span{color:var(--muted);font-size:12px}.sim-odds .win b{color:var(--ok)}.sim-odds .lose b{color:var(--bad)}.sim-btn{margin-top:8px}@media (width<=800px){.sim{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}.hero-toggle{cursor:pointer;align-items:center;gap:8px;margin:10px 0 0;font-size:13px;display:flex}.hero-line{cursor:pointer;background:#f2c94c1a;border-radius:8px;justify-content:space-between;gap:6px;margin:0 0 6px;padding:5px 8px;font-size:13px;display:flex}.skills{gap:6px;margin-top:8px;display:grid}.skill{background:#ffffff0a;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:7px 10px;display:grid}.skill .muted{grid-column:1}.skill button{grid-area:1/2/span 2;min-width:34px}.admin-tools{border:1px dashed #ff7a6b80;border-radius:10px;margin-top:14px;padding:10px}.msg-del{color:var(--bad);background:#ff7a6b33;border:none;border-radius:4px;margin-left:6px;padding:0 5px;font-size:11px}input[type=text]{background:#00000040;border:1px solid #ffffff2e;border-radius:8px;flex:1;min-width:0;padding:6px 8px}.label.pact{border-color:#6fb6ffd9}.label.war{border-color:#ff6b5be6;box-shadow:0 0 12px #ff6b5b59}.label.sieged{border-color:#be78dce6;box-shadow:0 0 12px #be78dc59}.rel{font-weight:600}.rel.war{color:var(--bad)}.rel.pact{color:#6fb6ff}.diplo-row{border:1px solid var(--panel-border);background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin:6px 0;padding:8px 10px;display:flex}.diplo-row .row-actions{flex-wrap:wrap;justify-content:flex-end}.war-score{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:4px;display:flex}.war-score b{color:var(--text)}.inline-form select{flex:1;min-width:0}.worldmap .wm-tools{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.wm-search{flex:1;gap:6px;min-width:200px;display:flex}.wm-search input{flex:1;min-width:0}.wm-wrap{border:1px solid var(--panel-border);touch-action:none;border-radius:10px;height:min(58vh,520px);position:relative;overflow:hidden}.wm-wrap canvas{cursor:grab;width:100%;height:100%;display:block}.wm-wrap canvas:active{cursor:grabbing}.wm-tip{pointer-events:none;border:1px solid var(--panel-border);white-space:nowrap;background:#0a0806e0;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute}.wm-legend{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin:8px 0;font-size:12px;display:flex}.wm-legend i{vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.wm-legend i.ring{border:1.5px dashed #f2c94ccc}.wm-legend .wm-charts{color:var(--gold)}.wm-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.rel-chip{color:#1a140e;background:var(--rel);border-radius:999px;margin-left:4px;padding:1px 8px;font-size:11px;display:inline-block}@media (width<=800px){.wm-wrap{height:52vh}}#vacation{border-radius:var(--radius);text-align:left;pointer-events:auto;background:#0e283eeb;border:1px solid #6fb6ff99;align-items:center;gap:12px;max-width:100%;padding:9px 16px;display:flex;box-shadow:0 8px 30px #00000059}.vac-list{gap:6px;margin:8px 0;padding-left:4px;list-style:none;display:grid}.new-thread{border:1px solid var(--panel-border);border-radius:10px;margin:4px 0 12px;padding:8px 12px}.new-thread summary{cursor:pointer;color:var(--gold);font-weight:600}.new-thread form{margin-top:10px}.forum-list li{grid-template-columns:1fr auto}.thread-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.thread-head h4{flex:1;margin:0}.posts{gap:8px;margin-bottom:12px;display:grid}.post{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:8px 12px}.post-head{justify-content:space-between;align-items:baseline;display:flex}.post p{white-space:normal;overflow-wrap:anywhere;margin:6px 0 2px}.event-pill{opacity:.75}.event-pill.active{opacity:1;border-color:#f2c94cb3;box-shadow:0 0 12px #f2c94c59}.event-row{border:1px solid var(--panel-border);border-radius:10px;align-items:center;gap:12px;margin:6px 0;padding:8px 10px;display:flex}.event-row>div{flex:1}.event-row.current{background:#f2c94c1a;border-color:#f2c94c99}.event-row.calm{opacity:.7}.event-icon{font-size:22px}.landing-event{background:#f2c94c1a;border:1px solid #f2c94c80;border-radius:10px;margin:12px 0 4px;padding:8px 12px}.joint-pick{align-items:center;gap:8px;margin:8px 0;display:flex}.joint-pick select{flex:1;min-width:0}.replay-btn{margin:8px 0 4px}.rp-stage{border:1px solid var(--panel-border);background:#00000040;border-radius:10px;margin:6px 0 10px;padding:10px 12px}.rp-round{text-align:center;font-family:var(--font-title);color:var(--gold);margin-bottom:8px}.rp-round.done{font-size:16px}.rp-sides{grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;display:grid}.rp-vs{align-self:center;font-size:20px}.rp-side h5{margin:0 0 6px}.rp-side.hit{animation:.35s ease-out rp-shake}.rp-unit{grid-template-columns:30px 1fr 44px;align-items:center;gap:6px;margin:4px 0;transition:opacity .4s;display:grid;position:relative}.rp-unit.dead{opacity:.35}.rp-unit b{text-align:right;font-variant-numeric:tabular-nums}.rp-bar{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.rp-bar i{background:linear-gradient(90deg,#8fd18a,#f2c94c);height:100%;transition:width .9s ease-in-out;display:block}.rp-side[data-side=def] .rp-bar i{background:linear-gradient(90deg,#ff7a6b,#f2c94c)}.rp-pop{color:var(--bad);pointer-events:none;font-size:12px;font-weight:700;animation:1s ease-out forwards rp-pop;position:absolute;top:-10px;right:0}@keyframes rp-pop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}@keyframes rp-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (width<=800px){.rp-sides{grid-template-columns:1fr}.rp-vs{display:none}}.site-list li{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.site-list li:hover{background:#ffffff0f}@media (width<=800px){.top-actions{flex-wrap:wrap;justify-content:flex-end;row-gap:4px}.icon-btn{width:30px;height:30px}.label{border-radius:6px;padding:1px 5px;font-size:9px;line-height:1.15}.label-lvl{font-size:8px}.label.home{font-size:11px}.label-bar{width:44px}}@media (width<=420px){.brand{font-size:14px}.pill{font-size:12px}}#tutorial{z-index:20;border-radius:var(--radius);background:#1e1810f7;border:1px solid #f2c94cb3;width:min(320px,100vw - 16px);padding:12px 14px;font-size:13px;line-height:1.45;animation:.3s ease-out slide-down;position:fixed;box-shadow:0 10px 34px #00000073}#tutorial b{color:var(--gold)}.tut-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.tut-actions .muted{flex:1}#tutorial-ring{z-index:19;pointer-events:none;border:2px solid var(--gold);border-radius:10px;transition:all .25s ease-out;animation:1.4s ease-in-out infinite tut-pulse;position:fixed;box-shadow:0 0 0 4px #f2c94c40,0 0 18px #f2c94c99}@keyframes tut-pulse{0%,to{box-shadow:0 0 0 3px #f2c94c33,0 0 12px #f2c94c80}50%{box-shadow:0 0 0 7px #f2c94c1a,0 0 24px #f2c94ccc}}.tut-actions button{flex:none;width:auto}.tut-actions .muted{white-space:nowrap}.wonder h5{margin:10px 0 4px}.donors li{justify-content:space-between;display:flex}.contest-head{background:#f2c94c14;border:1px solid #f2c94c80;border-radius:10px;gap:2px;margin-bottom:10px;padding:8px 12px;display:grid}.contest-grid{gap:10px;display:grid}.contest-cat h4{margin:4px 0}.contest-list li.me,.hall li{justify-content:space-between;display:flex}.contest-list li.me{color:var(--gold)}.hall li{gap:10px;padding:4px 0}.contest-list{padding-left:0;list-style:none}.quest.task.claimed{opacity:.6}#auth-form .link{justify-self:center;margin-top:4px}.auth-note{color:var(--muted);background:#f2c94c14;border:1px solid #f2c94c33;border-radius:8px;margin:0;padding:8px 10px;font-size:12px;line-height:1.45}.mail-card{text-align:center;gap:10px;display:grid}.mail-card h3{font-family:var(--font-title);color:var(--gold);margin:0}.mail-card p{margin:0;line-height:1.5}.mail-card .mail-icon{font-size:40px;animation:2.4s ease-in-out infinite mail-bob}.mail-card .link{justify-self:center}@keyframes mail-bob{50%{transform:translateY(-4px)rotate(-4deg)}}.relic{border:1px solid color-mix(in srgb, var(--rarity) 45%, transparent);background:#ffffff08;border-radius:10px;align-items:center;gap:10px;margin:6px 0;padding:8px 10px;display:flex}.relic.on{background:color-mix(in srgb, var(--rarity) 12%, transparent);box-shadow:0 0 12px color-mix(in srgb, var(--rarity) 30%, transparent)}.relic-icon{font-size:24px}.relic-body{flex:1;min-width:0}.rarity{color:var(--rarity);font-size:11px}.toggle-row{align-items:center;gap:8px;margin:10px 0;font-size:13px;display:flex}.ghost.danger{color:var(--bad);background:0 0;border:1px solid #ff7a6b8c}.modal-card.guide-card{width:min(1040px,100%)}.guide-search{width:100%;color:var(--text);font:inherit;background:#0000004d;border:1px solid #f2c94c4d;border-radius:8px;margin:10px 0 12px;padding:9px 12px}.guide-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:18px;display:grid}.guide-nav{scrollbar-width:thin;scrollbar-color:#f2c94c59 transparent;background:#00000038;border:1px solid #f2c94c2e;border-radius:6px;gap:10px;max-height:calc(100vh - 40px);padding:10px;display:grid;position:sticky;top:0;overflow-y:auto}.guide-chapter{gap:1px;display:grid}.guide-chapter h5{font-family:var(--font-title);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);opacity:.85;margin:0 0 3px;font-size:11px}.guide-nav button{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:0 4px 4px 0;padding:4px 8px;font-size:13px}.guide-nav button:hover{background:#f2c94c14}.guide-nav button.active{border-left-color:var(--gold);color:var(--gold);background:#f2c94c24;font-weight:600}.guide-nav button.dim{opacity:.35}.guide-article{min-width:0}.guide-crumb{color:var(--muted);letter-spacing:.04em;font-size:12px}.guide-title{font-family:var(--font-title);color:var(--gold);margin:2px 0 10px;font-size:20px}.guide-title .link{font:inherit;color:inherit}.guide-body{line-height:1.55}.guide-body p{margin:8px 0}.guide-body h5{font-family:var(--font-title);color:var(--gold);letter-spacing:.03em;margin:18px 0 6px;font-size:14px}.guide-points,.guide-steps{margin:8px 0;padding-left:22px}.guide-points li,.guide-steps li{margin:5px 0}.guide-points li::marker{color:var(--gold)}.guide-steps li::marker{color:var(--gold);font-weight:700}.guide-tip,.guide-warn{border-left:3px solid var(--gold);background:#f2c94c14;border-radius:6px;padding:9px 12px;margin:12px 0!important}.guide-warn{border-left-color:var(--bad);background:#ff7a6b14}.guide-link{font:inherit;font-weight:600}.guide-table-wrap{border:1px solid #f2c94c38;border-radius:6px;margin:10px 0;overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;font-size:13px}.guide-table th{text-align:left;white-space:nowrap;color:var(--gold);background:#1e180ef2;padding:7px 9px;font-weight:600;position:sticky;top:0}.guide-table td{vertical-align:top;border-top:1px solid #ffffff0f;padding:7px 9px}.guide-table tbody tr:nth-child(2n) td{background:#ffffff06}.guide-table td .small{margin-top:2px;line-height:1.35;display:block}.guide-rarity{color:var(--rar);font-weight:600}.guide-chips{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.guide-chips li{background:#ffffff0a;border:1px solid #f2c94c2e;border-radius:6px;padding:7px 10px;display:grid}.guide-pager{border-top:1px solid #f2c94c2e;justify-content:space-between;gap:10px;margin-top:22px;padding-top:12px;display:flex}.guide-result{border-bottom:1px solid #f2c94c2e;margin-bottom:14px;padding-bottom:14px}.guide-body mark{color:inherit;background:#f2c94c73;border-radius:2px;padding:0 2px}@media (width<=760px){.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-nav{gap:6px;max-height:none;padding:6px;display:flex;position:static;overflow-x:auto}.guide-chapter{flex:none;align-items:center;gap:4px;display:flex}.guide-chapter h5{display:none}.guide-nav button{white-space:nowrap;border-left:none;border-radius:4px;flex:none}}.swatches,.emblems{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.swatch{background:var(--c);border:2px solid #ffffff40;border-radius:50%;width:26px;height:26px}.swatch.on,.emblem.on{outline:2px solid var(--gold);outline-offset:2px}.emblem{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;width:34px;height:34px;font-size:18px}.chart{margin:6px 0 4px;position:relative}.chart svg{width:100%;height:auto;display:block}.chart .grid{stroke:#ffffff14;stroke-width:1px}.chart .axis{fill:var(--muted);font-size:9px}.chart .line{fill:none;stroke:#b8862a;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .area{fill:#b8862a24}.chart .cross{stroke:#ffffff59;stroke-width:1px}.chart .dot{fill:#b8862a;stroke:var(--panel-solid);stroke-width:2px}.chart .hit{fill:#0000;cursor:crosshair}.chart-tip{border:1px solid var(--panel-border);color:var(--text);white-space:nowrap;pointer-events:none;background:#0a0806eb;border-radius:6px;padding:3px 8px;font-size:12px;position:absolute;top:-4px;transform:translate(-50%,-100%)}.msg-title{color:var(--muted);border:1px solid #ffffff26;border-radius:6px;margin-left:4px;padding:0 4px;font-size:10px;font-style:normal}.medals li.titled{outline:1px solid var(--gold)}.medals li .link{margin-top:2px}.horde-box{background:#781e142e;border:1px solid #ff7a6b99;border-radius:10px;margin-bottom:12px;padding:10px 12px}.horde-box h4{color:var(--bad);margin-top:0}.port-box{background:#1e3c642e;border:1px solid #8cb4dc8c;border-radius:10px;margin:10px 0 12px;padding:10px 12px}.port-box.shielded{background:#1e5a322e;border-color:#78c88c8c}.port-box.occupied{background:#501e642e;border-color:#be78dc99}.port-box h4{margin-top:0}.port-box .wide+.wide{margin-top:6px}.progress.horde-bar i{background:linear-gradient(90deg,#ff7a6b,#c9533a)}#topbar,#sidebar,#panel,.modal-card{background:linear-gradient(#282119e6,#16120ee6);box-shadow:inset 0 1px #ffecbe12,0 10px 34px #0006}.modal-card{background:linear-gradient(#282119fa,#16120efa)}#modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#0a080666,#060504b3)}#modal.opening{animation:.18s ease-out modal-fade}#modal.opening>.modal-card{animation:.22s cubic-bezier(.2,.9,.3,1.2) modal-pop}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px)scale(.97)}}.panel-head{border-bottom:1px solid #0000;border-image:linear-gradient(90deg,#f2c94c8c,#f2c94c14 85%,#0000) 1;margin-bottom:4px;padding-bottom:12px}.panel-icon{background:radial-gradient(circle at 35% 30%,#4a3c2b,#17120d 75%);border:1px solid #f2c94c80;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:24px;display:grid;box-shadow:inset 0 0 10px #0009,0 0 0 3px #f2c94c14}.panel-head h3{letter-spacing:.03em;text-shadow:0 1px #0009;font-size:17px}.panel-head .help-btn{font-family:var(--font-title);opacity:.8;font-weight:700}.panel-head .help-btn:hover{opacity:1}.panel-head .help-btn+.icon-btn{margin-left:-6px}#panel h4,.modal-card h4{align-items:center;gap:8px;display:flex}#panel h4:after,.modal-card h4:after{content:"";background:linear-gradient(90deg,#f2c94c59,#0000);flex:1;height:1px}.primary,.danger,.ghost,.tab-btn,.icon-btn{transition:transform 80ms,filter .15s,border-color .15s,background-color .15s}.primary{text-shadow:0 1px #fff0c880;box-shadow:inset 0 1px #ffffff73,inset 0 -2px #78500a59,0 2px 6px #0000004d}.danger{box-shadow:inset 0 1px #ffffff59,inset 0 -2px #5a140a59,0 2px 6px #0000004d}.primary:active:not(:disabled),.danger:active:not(:disabled),.ghost:active:not(:disabled),.tab-btn:active,.icon-btn:active{transform:translateY(1px)scale(.98)}.primary:disabled,.danger:disabled{box-shadow:none;text-shadow:none}.icon-btn:hover{background-color:#f2c94c24}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.card{transition:border-color .15s,background-color .15s}.card:not(.locked):hover{background-color:#ffffff0f;border-color:#f2c94c38}#sidebar,#panel,.modal-card{scrollbar-width:thin;scrollbar-color:#f2c94c59 transparent}#sidebar::-webkit-scrollbar{width:8px}#panel::-webkit-scrollbar{width:8px}.modal-card::-webkit-scrollbar{width:8px}#sidebar::-webkit-scrollbar-thumb{background:#f2c94c4d;border-radius:4px}#panel::-webkit-scrollbar-thumb{background:#f2c94c4d;border-radius:4px}.modal-card::-webkit-scrollbar-thumb{background:#f2c94c4d;border-radius:4px}#sidebar::-webkit-scrollbar-track{background:0 0}#panel::-webkit-scrollbar-track{background:0 0}.modal-card::-webkit-scrollbar-track{background:0 0}.list li.active{box-shadow:inset 3px 0 0 var(--gold)}@media (prefers-reduced-motion:reduce){#modal.opening,#modal.opening>.modal-card,#panel,.label{transition:none;animation:none}}@media (width<=700px){.building-art{aspect-ratio:5/2}.building-art img{object-fit:contain}}.u-cell{align-items:center;gap:6px;min-width:0;display:inline-flex}.u-mini{object-fit:cover;vertical-align:middle;background:radial-gradient(circle at 50% 35%,#3d5a73 0%,#1f2b38 80%);border:1px solid #f2c94c33;border-radius:6px;flex:none;width:24px;height:24px}.u-emoji{place-items:center;font-size:14px;line-height:1;display:inline-grid}.card-art.u-emoji{font-size:28px}.rp-icon{object-fit:cover;background:radial-gradient(circle at 50% 35%,#3d5a73 0%,#1f2b38 80%);border:1px solid #f2c94c33;border-radius:7px;flex:none;width:30px;height:30px}.rp-unit.dead .rp-icon{filter:grayscale()brightness(.6)}@media (hover:hover){[data-tip]:after{content:attr(data-tip);border:1px solid var(--panel-border);color:var(--text);white-space:nowrap;opacity:0;pointer-events:none;z-index:30;background:#15100b;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:500;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%)}.top-actions>[data-tip]:last-child:after{left:auto;right:0;transform:translateY(-4px)}.top-actions>[data-tip]:last-child:hover:after{transform:none}}#view-btn{position:relative}.work-row{align-items:center;gap:8px;margin:6px 0 10px;display:flex}.work-row input[type=range]{accent-color:var(--gold);cursor:pointer;flex:1}.work-pct{text-align:right;font-variant-numeric:tabular-nums;min-width:46px;color:var(--gold)}#cam-controls{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;gap:4px;padding:5px;transition:right .2s;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #00000059}#cam-controls .icon-btn{font-size:16px;line-height:1}body.landing-mode #cam-controls{display:none}@media (width<=700px){#cam-controls{flex-direction:column;bottom:72px;right:8px}#panel:not([hidden])~#cam-controls,#dock:not([hidden])~#cam-controls{display:none}}.army-summary{text-align:left;background:linear-gradient(#a8231a47,#5a140e33);border:1px solid #f2c94c59;border-radius:10px;gap:4px;width:100%;margin-bottom:12px;padding:8px 10px;transition:border-color .15s,filter .15s;display:grid}.army-summary:hover{border-color:var(--gold);filter:brightness(1.12)}.army-summary-title{font-family:var(--font-title);color:var(--gold);letter-spacing:.06em;font-size:13px;font-weight:700}.army-summary-counts{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:4px 10px;font-weight:600;display:flex}.army-summary-counts .sea{color:#9fd3ff}.army-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:12px 0 4px;display:grid}.army-stats>div{text-align:center;background:#ffffff0d;border:1px solid #ffffff12;border-radius:10px;gap:2px;padding:10px 8px;display:grid}.army-stats b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:18px}.army-stats span{color:var(--muted);font-size:11px}.army-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:8px;display:grid}.army-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.army-card>div{min-width:0;display:grid}.army-card b{font-variant-numeric:tabular-nums;font-size:18px}.army-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.army-art{object-fit:cover;background:radial-gradient(circle at 50% 35%,#3d5a73 0%,#1f2b38 80%);border:1px solid #f2c94c40;border-radius:9px;flex:none;width:48px;height:48px}.army-art.u-emoji{place-items:center;font-size:26px;display:grid}.fleet-lines{gap:6px;display:grid}.fleet-line{cursor:pointer;background:#508cc814;border:1px solid #78b4e62e;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.fleet-line:hover{border-color:#9fd3ff80}.fleet-when{white-space:nowrap;align-items:center;gap:8px;display:flex}.army-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.army-actions .ghost{flex:1}.army-modal .info-row{cursor:pointer}@media (width<=700px){.army-summary{display:none}.army-stats{grid-template-columns:repeat(2,1fr)}}.elite-tag{color:#2b2014;background:linear-gradient(#f6d36b,#d9a92e);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.stats .pay{color:var(--gold)}.army-card span.muted{white-space:normal}.friend-add{gap:8px;margin:12px 0 4px;display:flex}.friend-add input{flex:1}.friends{gap:6px;margin:0;padding:0;list-style:none;display:grid}.friend{background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.friend .dot{background:#6b6458;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0006}.friend.online .dot{background:#6fdc6a;box-shadow:0 0 6px #6fdc6acc}.friend-who{cursor:pointer;flex:1;min-width:0;display:grid}.friend-who b,.friend-who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-actions{flex:none;gap:4px;display:flex}:root{--navy:#141b1f;--navy-hi:#1d272c;--marble-ink:#3b2915}#topbar,#sidebar,#panel,#chat,#dock,.menu,.modal-card,.auth,.world-stats{--fs:.5;--med:url(/ui/marco-medallon.png);--ros:url(/ui/marco-roseta.png);--pie-izq:url(/ui/marco-inf-izq.png);--pie-der:url(/ui/marco-inf-der.png);background:radial-gradient(ellipse at 50% 0%, var(--navy-hi), var(--navy) 70%);-webkit-backdrop-filter:none;backdrop-filter:none;padding:calc(50px * var(--fs) + 12px) calc(66px * var(--fs) + 14px) calc(52px * var(--fs) + 16px);border:none;border-radius:0;box-shadow:0 16px 40px #0000008c}.modal-card,.auth,.world-stats{position:relative}#topbar:before,#sidebar:before,#panel:before,#chat:before,#dock:before,.menu:before,.modal-card:before,.auth:before,.world-stats:before{content:"";top:calc(-3px * var(--fs));bottom:calc(-3px * var(--fs));left:calc(5px * var(--fs));right:calc(5px * var(--fs));background:url(/ui/marco-banda-sup.png) left top / calc(300px * var(--fs)) calc(53px * var(--fs)) repeat-x, url(/ui/marco-banda-inf.png) left bottom / calc(300px * var(--fs)) calc(55px * var(--fs)) repeat-x, url(/ui/marco-fuste-izq.png) left calc(-9px * var(--fs)) top / calc(70px * var(--fs)) calc(113px * var(--fs)) repeat-y, url(/ui/marco-fuste-der.png) right calc(-10px * var(--fs)) top / calc(70px * var(--fs)) calc(113px * var(--fs)) repeat-y;pointer-events:none;z-index:3;position:absolute}#topbar:after,#sidebar:after,#panel:after,#chat:after,#dock:after,.menu:after,.modal-card:after,.auth:after,.world-stats:after{content:"";top:calc(-69px * var(--fs));bottom:calc(-50px * var(--fs));left:calc(-40px * var(--fs));right:calc(-40px * var(--fs));background:var(--med) center top calc(-22px * var(--fs)) / calc(360px * var(--fs)) calc(168px * var(--fs)) no-repeat, var(--ros) center bottom calc(10px * var(--fs)) / calc(320px * var(--fs)) calc(110px * var(--fs)) no-repeat, url(/ui/marco-sup-izq.png) left top / calc(200px * var(--fs)) calc(178px * var(--fs)) no-repeat, url(/ui/marco-sup-der.png) right top / calc(200px * var(--fs)) calc(178px * var(--fs)) no-repeat, var(--pie-izq) left bottom / calc(220px * var(--fs)) calc(240px * var(--fs)) no-repeat, var(--pie-der) right bottom / calc(220px * var(--fs)) calc(240px * var(--fs)) no-repeat;pointer-events:none;z-index:3;position:absolute}.modal-card>.panel-head:first-child,#panel>.scroll>.panel-head:first-child,#chat>.panel-head{background:url(/ui/marco-marmol.jpg) 50%/cover;border:none;border-image:;margin:-12px -14px 14px;padding:12px 14px;box-shadow:inset 0 -3px #b58d4e,inset 0 -4px #5a3d18,0 3px 8px #00000073}.modal-card>.panel-head:first-child h3,#panel>.scroll>.panel-head:first-child h3,#chat>.panel-head h3{color:var(--marble-ink);text-shadow:0 1px #fffaeb99}.modal-card>.panel-head:first-child .panel-lvl,#panel>.scroll>.panel-head:first-child .panel-lvl,#chat>.panel-head .panel-lvl{color:#5c4a33}.panel-icon{background:radial-gradient(circle at 35% 30%,#2c3a42,#0f161a 75%);border:2px solid #c9a35e;box-shadow:inset 0 0 10px #000000b3,0 0 0 2px #3c280f80}.modal-card>.panel-head:first-child .icon-btn,#panel>.scroll>.panel-head:first-child .icon-btn,#chat>.panel-head .icon-btn{color:#e6c780;background:radial-gradient(circle at 35% 30%,#2c3a42,#0f161a 75%);border:2px solid #c9a35e;border-radius:50%;width:36px;height:36px}.modal-card{--fs:.5}#sidebar,#panel,#chat,#dock,.menu,.auth,.world-stats{--fs:.34;--med:none}#sidebar,.menu{--ros:none}.auth{--fs:.4;--med:url(/ui/marco-medallon.png)}.world-stats:empty{display:none}#topbar{--fs:.3;--med:none;--ros:none;--pie-izq:none;--pie-der:none;padding:calc(50px * var(--fs) + 6px) calc(66px * var(--fs) + 12px) calc(52px * var(--fs) + 6px);top:24px;left:20px;right:20px}#dock{--ros:none}#sidebar{width:236px;max-height:calc(100vh - var(--top) - 26px);left:20px}#panel{max-height:calc(100vh - var(--top) - 26px)}.menu{right:20px}#panel,#chat{width:380px;right:20px}#panel:not([hidden])~#cam-controls,#chat:not([hidden])~#cam-controls{right:412px}#sidebar,#panel,#dock{flex-direction:column;display:flex;overflow:visible}#sidebar>.scroll,#panel>.scroll,#dock>.scroll{scrollbar-width:thin;scrollbar-color:#f2c94c59 transparent;min-height:0;overflow:hidden auto}#sidebar,#panel,#dock{padding:calc(50px * var(--fs) + 2px) calc(66px * var(--fs) + 2px) calc(52px * var(--fs) + 4px)}#sidebar>.scroll{padding:10px}#panel>.scroll{padding:12px 14px 14px}#dock>.scroll{gap:8px;padding:8px 12px;display:grid}#sidebar>.scroll::-webkit-scrollbar{width:8px}#panel>.scroll::-webkit-scrollbar{width:8px}#dock>.scroll::-webkit-scrollbar{width:8px}#sidebar>.scroll::-webkit-scrollbar-thumb{background:#f2c94c4d;border-radius:4px}#panel>.scroll::-webkit-scrollbar-thumb{background:#f2c94c4d;border-radius:4px}#dock>.scroll::-webkit-scrollbar-thumb{background:#f2c94c4d;border-radius:4px}#modal{place-items:start center;padding:64px 36px 44px;overflow-y:auto}.modal-card{max-height:none;margin:auto 0;overflow:visible}@media (width<=800px){.modal-card{--fs:.34}#sidebar,#panel,#chat,#dock,.menu{--fs:.26}#topbar{--fs:.24;top:16px;left:12px;right:12px}#sidebar{width:auto;left:12px;right:12px}#sidebar>.scroll{padding:4px 8px;overflow:auto hidden}#panel,#chat{width:auto;left:12px;right:12px}#modal{padding:44px 16px 28px}}:root{--parch-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.3 0 0 0 0 0.14 0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--parch-stain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='260'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.02' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.38 0 0 0 0 0.16 0 0 0 0.5 -0.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");--parch:radial-gradient(ellipse at 50% 45%, #fffae680, #fffae600 65%), radial-gradient(ellipse at 50% 50%, transparent 55%, #7d521e4d 100%), var(--parch-stain), var(--parch-noise), #e8d6b0;--parch-gold:#c49b55;--parch-ink:#33240f}.card,.army-card,.quest,.report,.offer,.daily li,.medals li,.skill,.relic,.friend,.post,.diplo-row{--text:var(--parch-ink);--muted:#6a573d;--gold:#8a5a10;--ok:#2f6e22;--bad:#a32a1a;--panel-border:#8c5f1e99;color:var(--parch-ink);background:var(--parch);border:2px solid var(--parch-gold);border-radius:4px;box-shadow:0 0 0 1px #3d2a12,inset 0 0 0 1px #fff5d7a6,inset 0 0 16px #6e461447,0 3px 8px #00000073}.card-title b,.army-card b,.quest b,.army-card span:not(.muted){font-family:var(--font-title)}.card.active,.daily li.today,.medals li.got{border-color:#e0b45c;box-shadow:0 0 0 1px #3d2a12,0 0 0 3px #f2c94c59,inset 0 0 0 1px #fff5d7b3,inset 0 0 16px #6e461438,0 3px 8px #00000073}.quest.done{border-color:#6f9d4a}.report,.offer{border-left-width:5px}.report.victoria{border-left-color:#3f8a2c}.report.derrota{border-left-color:#b03a26}.relic{border-color:color-mix(in srgb, var(--rarity) 70%, #8a6a3a)}.card:not(.locked):hover{background:var(--parch);filter:brightness(1.04);border-color:#dcb066}:is(.card,.army-card,.quest,.report,.offer,.daily li,.medals li,.skill,.relic,.friend,.post,.diplo-row) :is(.costs li,.card-lvl,.badge-soft){color:var(--parch-ink);background:#5f3e161f}:is(.card,.army-card,.quest,.report,.offer,.daily li,.medals li,.skill,.relic,.friend,.post,.diplo-row) .costs li.missing{color:var(--bad);background:#a32a1a24}:is(.card,.army-card,.quest,.report,.offer,.daily li,.medals li,.skill,.relic,.friend,.post,.diplo-row) :is(.progress,.q-bar,.favor-bar){background:#50341438;box-shadow:inset 0 0 0 1px #78521e59}:is(.card,.army-card,.quest,.report,.offer,.daily li,.medals li,.skill,.relic,.friend,.post,.diplo-row) :is(.progress,.q-bar) i{box-shadow:none;background:linear-gradient(90deg,#a8721a,#d9a22e)}:is(.card,.army-card,.quest,.report,.offer,.daily li,.medals li,.skill,.relic,.friend,.post,.diplo-row) :is(input,select){color:var(--parch-ink);background:#fffaeb99;border-color:#78521e8c}.card-art,.army-card img{border:2px solid var(--parch-gold);border-radius:3px;box-shadow:0 0 0 1px #3d2a12,inset 0 0 12px #00000073}.army-stats>div,.info-row,.effect{background:#080d108c;border:1px solid #c9a35e8c;border-radius:3px;box-shadow:inset 0 0 0 1px #ffebbe14}.ghost{color:var(--parch-ink);background:var(--parch);border:2px solid var(--parch-gold);font-family:var(--font-title);letter-spacing:.02em;border-radius:4px;font-weight:700;box-shadow:0 0 0 1px #3d2a12,inset 0 0 0 1px #fff5d799,inset 0 -2px 6px #6e46144d,0 2px 5px #0006}.ghost:hover:not(:disabled){filter:brightness(1.06);border-color:#e0b45c}.ghost:active:not(:disabled){transform:translateY(1px)}.ghost:disabled{opacity:.55;filter:grayscale(.4);cursor:not-allowed}.primary{font-family:var(--font-title);border:2px solid #8a5f1e;border-radius:4px;font-weight:700;box-shadow:0 0 0 1px #3d2a12,inset 0 1px #ffffff80,inset 0 -2px #78500a59,0 2px 6px #00000059}.card.active,.daily li.today,.medals li.got,.quest.done,.relic.on{background:var(--parch)}.quest.done{box-shadow:0 0 0 1px #3d2a12,0 0 0 3px #6fa04673,inset 0 0 0 1px #fff5d7b3,inset 0 0 16px #6e461438,0 3px 8px #00000073}.relic.on{box-shadow:0 0 0 1px #3d2a12, 0 0 12px color-mix(in srgb, var(--rarity) 45%, transparent), inset 0 0 0 1px #fff5d7b3, inset 0 0 16px #6e461438}:where(.modal-card) :where(input[type=text],input[type=email],input[type=password],input[type=search],input:not([type]),textarea){min-width:0;color:var(--text);background:#060a0c8c;border:1px solid #c9a35e8c;border-radius:4px;padding:8px 10px;box-shadow:inset 0 1px 3px #00000080}:where(.modal-card) :where(input,textarea)::placeholder{color:#b9ab90b3}.friend-add{align-items:stretch}.friend-add input{flex:1;min-width:0}.friend-add .primary{flex:none;width:auto;padding:6px 16px}.friend-actions .primary,.friend-actions .ghost{width:auto}.friend .icon-btn{color:var(--parch-ink);background:#5f3e1624;border:1px solid #78521e73;border-radius:4px}.friend .icon-btn:hover{background:#5f3e1642}.menu{grid-template-columns:minmax(0,1fr);gap:4px;width:340px;max-width:calc(100vw - 40px)}.menu-group,.menu .menu-row{min-width:0}.menu-user{border-bottom:none;align-items:center;gap:10px;margin-bottom:2px;padding-bottom:10px;display:flex}.menu-avatar{background:radial-gradient(circle at 35% 30%,#f2c94c59,#f2c94c14);border:1px solid #f2c94c8c;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.menu-group{border-top:1px solid #f2c94c29;gap:2px;padding:8px 0 6px;display:grid}.menu-group h5,.menu-links:before{font-family:var(--font-title);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);opacity:.85;margin:0 0 4px;font-size:11px}.menu .menu-row{cursor:pointer;border-radius:4px;align-items:center;gap:8px;min-height:30px;padding:2px 6px;display:flex}.menu label.menu-row:hover,.menu .volume label:hover{background:#f2c94c12}.menu .volume{cursor:default}.menu .volume label{white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:8px;width:108px;display:flex}.menu .volume label.volume-name{cursor:default;padding-left:21px}.menu .volume input[type=range]{accent-color:#d9a92e;cursor:pointer;flex:1;min-width:0}.menu .volume-pct{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;width:42px;color:var(--muted);flex:none;font-size:12px}.menu-links{border-top:1px solid #f2c94c29;gap:1px;padding-top:8px;display:grid}.menu-links:before{content:"Tu cuenta";display:block}.menu-links button{width:100%;min-height:32px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.menu-links button:hover{color:var(--gold);background:#f2c94c1a}.menu-links .menu-logout{color:var(--bad);margin-top:4px}kbd{min-width:1.6em;font:600 11px/1.4 var(--font-body,inherit);text-align:center;color:var(--text);background:#00000040;border:1px solid #f2c94c66;border-bottom-width:2px;border-radius:4px;padding:1px 5px;display:inline-block}.report .info-row,.report .effect,.card .info-row,.quest .info-row{box-shadow:none;color:var(--parch-ink);background:#6e461414;border-color:#8c5f1e73}.feat-box{background:linear-gradient(#8c320a38,#3c140a1f);border:1px solid #f0963ca6;border-radius:10px;margin-bottom:12px;padding:10px 12px}.feat-box.done{background:#503c1e24;border-color:#c8aa6e73}.feat-box h4{color:#ffb066;margin-top:0}.feat-phases{margin:8px 0;padding:0;list-style:none}.feat-phase{margin-bottom:6px}.feat-phase.done{opacity:.55}.feat-phase.next{opacity:.75}.feat-phase.now span{color:#ffb066;font-weight:600}:root{--bottom:64px}#topbar{flex-wrap:nowrap}#topbar #resources{flex-wrap:nowrap;flex:auto;order:0;min-width:0}#topbar .res{flex:0 auto;min-width:0}#topbar .top-status{flex:none;order:0}#actionbar{z-index:6;background:radial-gradient(ellipse at 50% 0%, var(--navy-hi), var(--navy) 70%);border:1px solid #8a6a32;border-radius:14px;align-items:center;gap:4px;max-width:calc(100% - 16px);padding:5px 8px;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #c9a35e38,0 10px 26px #0000008c}#actionbar .icon-btn{width:36px;height:36px;font-size:17px}#actionbar .tab-btn{height:36px}@media (hover:hover){#actionbar [data-tip]:after{top:auto;bottom:calc(100% + 8px);transform:translate(-50%,4px)}#actionbar [data-tip]:hover:after,#actionbar [data-tip]:focus-visible:after{transform:translate(-50%)}#actionbar>[data-tip]:last-child:after{left:auto;right:0;transform:translateY(4px)}#actionbar>[data-tip]:last-child:hover:after{transform:none}}#dock{bottom:calc(var(--bottom) + 14px)}#cam-controls{bottom:calc(var(--bottom) + 4px)}.menu{top:auto;bottom:calc(var(--bottom) + 22px)}#dock .dock-head{width:100%;color:var(--gold);font-family:var(--font-title);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:2px 12px 6px;font-size:13px;display:flex}#dock .dock-head>span:first-child{flex:1}#dock .dock-head b{text-align:center;background:#f2c94c2e;border-radius:9px;min-width:20px;margin-left:4px;padding:0 6px;display:inline-block}#dock .dock-head .muted{font-family:var(--font-body,inherit)}.dock-chevron{font-size:15px}#dock.collapsed>.scroll{display:none}#dock.collapsed .dock-head{padding-bottom:2px}@media (width<=1366px){#topbar .brand{display:none}}@media (width<=1100px) and (width>=801px){#topbar .res-rate{display:none}}@media (width<=800px){#topbar{flex-wrap:wrap;gap:4px}#topbar .top-status{flex-basis:100%;order:-1;justify-content:flex-start;gap:4px}#topbar .top-status .pill{height:26px;font-size:12px}#topbar .top-status .icon-btn{width:26px;height:26px}#topbar #resources{flex-basis:100%;grid-template-columns:repeat(3,1fr);gap:3px}#topbar .res{padding:2px 5px}#topbar .res-body{grid-template-columns:1fr auto;column-gap:3px}#topbar .res-amount{font-size:12px}#topbar .res-rate{font-size:9px}#topbar .res-bar{height:2px;margin-top:1px}#actionbar{justify-content:space-between;gap:2px;max-width:none;padding:4px;bottom:8px;left:8px;right:8px;transform:none}#actionbar .icon-btn,#actionbar .tab-btn{flex:1 1 0;width:auto;min-width:0;max-width:40px;height:34px;padding:0;font-size:15px}#actionbar .badge{transform:scale(.85)}#sidebar{bottom:var(--bottom)}#panel{bottom:calc(var(--bottom) + 56px)}#dock{bottom:calc(var(--bottom) + 72px)}#toasts{bottom:calc(var(--bottom) + 140px)}.menu{left:12px;right:12px;bottom:calc(var(--bottom) + 16px)}}@media (height<=760px){.menu{max-height:calc(100dvh - var(--top,90px) - var(--bottom) - 40px);overflow:hidden auto}}.label.fleet{white-space:nowrap;pointer-events:none;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:2px 7px;font-size:11px;line-height:1.2;display:flex;transform:translateY(-14px)}.label.fleet .fl-name{font-weight:600}.label.fleet .fl-time{color:var(--gold);font-variant-numeric:tabular-nums;font-size:10px}.label.fleet.mine{border-color:#f2c94cbf}.label.fleet.enemy{background:#46120ee6;border-color:#ff7a6bcc}.label.fleet.enemy .fl-time{color:#ffb3a8}.label.fleet.other,.label.fleet.ally{opacity:.85;border-left:3px solid var(--flag,#fff6);font-size:10px}.label.fleet.ally{border-color:#78c878b3;border-left-color:var(--flag,#6bbf59)}@media (width>=801px) and (width<=1500px){#panel:not([hidden])~#dock,#chat:not([hidden])~#dock{width:min(440px,100vw - 692px);left:268px;right:auto;transform:none}#panel:not([hidden])~#cam-controls,#chat:not([hidden])~#cam-controls{display:none}}.news{gap:14px;display:grid}.news-entry{background:#ffffff08;border-left:3px solid #f2c94c59;border-radius:6px;padding:12px 14px}.news-entry.latest{border-left-color:var(--gold);background:#f2c94c12}.news-entry header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.news-entry h4{color:var(--gold);font-family:var(--font-title);margin:0}.news-entry time{color:var(--muted);white-space:nowrap;font-size:12px}.news-entry ul{gap:5px;margin:0;padding-left:18px;font-size:13px;line-height:1.45;display:grid}#actionbar>button.active{border-color:var(--gold);background:radial-gradient(circle at 50% 35%,#f2c94c59,#f2c94c1f 70%);box-shadow:0 0 0 1px #f2c94c73,0 0 12px #f2c94c59}.res-img{object-fit:contain;vertical-align:-.25em;image-rendering:auto;width:1.2em;height:1.2em;display:inline-block}.res-icon .res-img{vertical-align:middle;width:22px;height:22px}#sidebar>.side-head{width:100%;color:var(--gold);font-family:var(--font-title);letter-spacing:.04em;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:2px 10px 6px;font-size:14px;display:flex}#sidebar>.side-head:hover .side-chevron{color:var(--text)}.side-chevron{font-size:15px}.side-busy{margin-left:4px;font-size:12px}#sidebar.collapsed{width:auto;max-height:none}#sidebar.collapsed>.scroll{display:none}#sidebar.collapsed>.side-head{padding-bottom:2px}@media (width<=800px){#sidebar>.side-head{padding:0 6px 4px;font-size:12px}#sidebar.collapsed{left:12px;right:auto}#sidebar~#dock,#sidebar~#panel{bottom:calc(var(--bottom) + var(--side,98px) + 16px)}#sidebar~#cam-controls{bottom:calc(var(--bottom) + var(--side,98px) + 12px)}#sidebar~#toasts{top:calc(var(--top,170px) - 20px);bottom:auto}#panel:not([hidden])~#cam-controls,#dock:not([hidden])~#cam-controls,#chat:not([hidden])~#cam-controls,#menu:not([hidden])~#cam-controls{display:none}}.res-pick{min-width:0;display:block}.res-pick-btn{width:100%;min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#00000040;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;display:flex}.res-pick-btn>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.res-pick-btn>i{opacity:.7;font-style:normal}.res-pick-btn[aria-expanded=true],.res-pick-btn:focus-visible{outline-offset:1px;outline:2px solid #f2c94c80}.res-pop{z-index:200;background:var(--panel-solid);border:1px solid #f2c94c59;border-radius:8px;padding:4px;display:grid;position:fixed;box-shadow:0 8px 24px #00000080}.res-pop>button{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;display:flex}.res-pop>button:hover,.res-pop>button:focus-visible{background:#f2c94c29;outline:none}.res-pop>button.on{color:var(--gold);font-weight:600}.spy-help{color:var(--muted);margin:6px 0;font-size:12px}.spy-help summary{cursor:pointer;color:var(--text)}.spy-help ul{margin:6px 0 4px;padding-left:18px}#panel>.scroll>.panel-head:first-child{z-index:4;position:sticky;top:-12px}.modal-card>.panel-head:first-child{z-index:4;position:sticky;top:-44px}@media (width<=800px){#panel{max-height:calc(100vh - var(--top) - var(--bottom) - var(--side,98px) - 20px);max-height:calc(100dvh - var(--top) - var(--bottom) - var(--side,98px) - 20px)}.modal-card>.panel-head:first-child{top:-44px}}@media (width>=801px){#sidebar,#panel{max-height:calc(100dvh - var(--top) - 26px)}}@media (width<=800px) and (height<=560px),(height<=420px){#panel,#sidebar~#panel{top:8px;bottom:var(--bottom);z-index:5;max-height:none}#panel:not([hidden])~#cam-controls,#panel:not([hidden])~#dock{display:none}}.army-card .dismiss-btn{opacity:.55;flex:none;margin-left:auto}.army-card .dismiss-btn:hover,.army-card .dismiss-btn:focus-visible{opacity:1;color:var(--bad)}