:root{--bg:#02060d;--blue:#4fc3ff;--blue2:#1b6fa8;--panel:#061628c7;--amber:#ffb347;--red:#ff4d5e;--text:#cfeaff;--dim:#6f8aa3}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}#labels{pointer-events:none;position:fixed;inset:0}.lbl{color:var(--blue);text-shadow:0 0 6px #000, 0 0 3px var(--blue2);white-space:nowrap;letter-spacing:.05em;pointer-events:none;font-size:12px}.lbl.dim{color:var(--dim)}.lbl.ai{color:var(--red)}.lbl.own{color:#8fe3ff;font-weight:600}.lbl small{color:var(--dim);text-align:center;font-size:10px;display:block}.panel{background:var(--panel);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid #4fc3ff73;border-radius:6px;box-shadow:0 0 18px #4fc3ff2e,inset 0 0 30px #4fc3ff0f}#topbar{z-index:5;background:linear-gradient(#061628f2,#06162899);border-bottom:1px solid #4fc3ff66;align-items:center;gap:18px;height:46px;padding:0 14px;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:.25em;color:var(--blue);text-shadow:0 0 10px var(--blue);font-weight:800}.logo span{color:#fff}#resources{flex:1;gap:16px;display:flex}.res{flex-direction:column;min-width:90px;line-height:1.1;display:flex}.res b{color:#fff;font-size:15px}.res i{color:var(--dim);font-size:11px;font-style:normal}.res.neg b,.res.neg i{color:var(--amber)}button{color:var(--text);cursor:pointer;font:inherit;background:#1b6fa840;border:1px solid #4fc3ff8c;border-radius:4px;padding:4px 9px}button:hover:not(:disabled){background:#4fc3ff4d;box-shadow:0 0 8px #4fc3ff80}button:disabled{opacity:.4;cursor:not-allowed}button.active{color:#fff;background:#4fc3ff73}button.alert,.alert-text{border-color:var(--red);color:#ffd0d4}button.alert{background:#ff4d5e33}button.warn{border-color:var(--amber);color:#ffe2b8}.hidden{display:none!important}#left{z-index:4;width:330px;max-height:calc(100% - 100px);padding:12px;position:fixed;top:56px;left:10px;overflow:auto}#right{z-index:4;width:300px;max-height:calc(100% - 100px);padding:12px;position:fixed;top:56px;right:10px;overflow:auto}h2{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:15px}h3{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #4fc3ff40;margin:12px 0 6px;padding-bottom:3px;font-size:12px}.muted{color:var(--dim)}.amber{color:var(--amber)}.red{color:var(--red)}.blue{color:var(--blue)}.item{background:#020c1880;border:1px solid #4fc3ff2e;border-radius:4px;margin:5px 0;padding:6px 8px}.item.sel{border-color:var(--blue);box-shadow:0 0 8px #4fc3ff66}.item .top{justify-content:space-between;align-items:center;gap:6px;display:flex}.cost{color:var(--dim);font-size:11px}.cost .no{color:var(--red)}.bar{background:#4fc3ff26;border-radius:3px;height:5px;margin-top:4px;overflow:hidden}.bar>div{background:var(--blue);height:100%;box-shadow:0 0 6px var(--blue)}.bar.red>div{background:var(--red);box-shadow:0 0 6px var(--red)}.bar.amber>div{background:var(--amber)}.btns{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.stats{color:var(--dim);font-size:11px}#toasts{z-index:9;pointer-events:none;flex-direction:column;gap:6px;width:320px;display:flex;position:fixed;top:56px;right:320px}.toast{pointer-events:auto;border:1px solid var(--blue);cursor:pointer;background:#061628eb;border-radius:5px;padding:8px 10px;animation:.25s ease-out tin;box-shadow:0 0 12px #4fc3ff59}.toast.warn{border-color:var(--amber);box-shadow:0 0 12px #ffb34759}.toast.alert{border-color:var(--red);color:#ffe0e3;box-shadow:0 0 14px #ff4d5e80}@keyframes tin{0%{opacity:0;transform:translate(30px)}}#battle-hud{pointer-events:none;z-index:4;position:fixed;inset:46px 0 0}#battle-bars{pointer-events:auto;gap:20px;width:560px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}#battle-bars .side{flex:1;padding:8px 10px}#battle-controls{pointer-events:auto;width:720px;padding:10px 14px;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}#battle-controls .row{align-items:center;gap:8px;margin:4px 0;display:flex}#battle-controls .sliders label{flex:1;align-items:center;gap:6px;display:flex}#battle-controls input[type=range]{accent-color:var(--blue);flex:1}select{color:var(--text);font:inherit;background:#06162a;border:1px solid #4fc3ff8c;border-radius:4px;padding:3px}#modal{z-index:10;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#modal-body{min-width:440px;max-width:620px;padding:18px}table{border-collapse:collapse;width:100%;margin:6px 0}td,th{text-align:right;border-bottom:1px solid #4fc3ff26;padding:3px 6px}td:first-child,th:first-child{text-align:left}#help{color:var(--dim);z-index:3;text-align:center;background:#02060db3;padding:5px 12px;font-size:11px;position:fixed;bottom:0;left:0;right:0}.badge{border:1px solid;border-radius:8px;padding:0 6px;font-size:10px;display:inline-block}input[type=text]{color:var(--text);background:#06162a;border:1px solid #4fc3ff8c;border-radius:4px;padding:3px 6px}body.in-battle #toasts{top:120px;right:10px}html,body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#left,#right,#modal-body{touch-action:pan-y}#c{touch-action:none}.mobile-only,#help-touch,body.touch #help{display:none}body.touch #help-touch{color:var(--dim);text-align:center;z-index:3;background:#02060db3;padding:4px 12px;font-size:10px;display:block;position:fixed;bottom:0;left:0;right:0}body.touch .mobile-only{display:inline-block}body.hide-left #left,body.hide-right #right{display:none}body.touch button{min-height:32px}#topbar{padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}#left{left:max(10px, env(safe-area-inset-left))}#right{right:max(10px, env(safe-area-inset-right))}@media (width<=1000px),(height<=520px){html,body{font-size:11px}#topbar{gap:8px;height:40px}.logo{display:none}#resources{scrollbar-width:none;flex:auto;gap:6px;min-width:0;overflow-x:auto}#resources::-webkit-scrollbar{display:none}.res{flex:none;min-width:0}.res b{font-size:11px}.res i{white-space:nowrap;font-size:8px}#views{scrollbar-width:none;flex:0 auto;min-width:0;overflow-x:auto}#views::-webkit-scrollbar{display:none}#views button{flex:none}#views .k{display:none}#views{flex-wrap:nowrap;gap:2px;display:flex}#views button{padding:2px 5px;font-size:9.5px}#left,#right{width:250px;max-height:calc(100% - 70px);padding:8px;top:46px}#toasts{width:240px;top:46px;right:10px}.toast{padding:5px 8px;font-size:10px}#battle-bars{gap:8px;width:min(560px,92vw);top:4px}#battle-bars .side{padding:4px 8px}#battle-controls{width:min(720px,96vw);padding:6px 8px;bottom:20px}#battle-controls .row{flex-wrap:wrap;gap:5px;margin:2px 0}#modal-body{width:min(560px,94vw);min-width:0;max-height:88vh;padding:12px;overflow:auto}h2{font-size:13px}}.item.done{opacity:.75;border-color:#4fc3ff59}.item.locked{opacity:.45}.badge.amber{color:var(--amber);border-color:var(--amber)}#left input[type=text]{width:54px}#battle-bars{flex-wrap:wrap}.blog{flex-basis:100%}#topbar{min-width:0}#views{white-space:nowrap}body.cb{--red:#ffa000;--blue:#3d8bff;--amber:#ffd84d}body.cb .lbl.ai,body.cb .red{color:#ffa000;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#topbar,#left,#right,#battle-hud>*,#modal-body,#toasts,#help{zoom:var(--ui-scale,1)}.panel{background:linear-gradient(160deg,#0a223cd1,#04101ec7);position:relative}.panel:before{content:"";pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,#4fc3ff09 0 1px,#0000 1px 3px);position:absolute;inset:0;-webkit-mask:linear-gradient(#000,#000);mask:linear-gradient(#000,#000)}.panel:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(var(--blue),var(--blue)) top left/14px 2px no-repeat, linear-gradient(var(--blue),var(--blue)) top left/2px 14px no-repeat, linear-gradient(var(--blue),var(--blue)) top right/14px 2px no-repeat, linear-gradient(var(--blue),var(--blue)) top right/2px 14px no-repeat, linear-gradient(var(--blue),var(--blue)) bottom left/14px 2px no-repeat, linear-gradient(var(--blue),var(--blue)) bottom left/2px 14px no-repeat, linear-gradient(var(--blue),var(--blue)) bottom right/14px 2px no-repeat, linear-gradient(var(--blue),var(--blue)) bottom right/2px 14px no-repeat;filter:drop-shadow(0 0 3px var(--blue));opacity:.8;position:absolute;inset:-1px}#left,#right{position:fixed}h2{text-shadow:0 0 8px #4fc3ff99;animation:7s infinite holo-flicker}@keyframes holo-flicker{0%,96%,to{opacity:1}97%{opacity:.6}98%{opacity:.95}99%{opacity:.7}}button{transition:background .15s,box-shadow .15s}.toast.undo button{margin-left:8px}#minimap{pointer-events:none;background:radial-gradient(#061628d9,#020810b3);border:1px solid #4fc3ff80;border-radius:50%;width:150px;height:150px;position:absolute;top:12px;right:12px;box-shadow:0 0 14px #4fc3ff4d}#search-q{width:100%;color:var(--text);border:1px solid var(--blue);font:inherit;background:#020c18cc;border-radius:4px;margin:6px 0 8px;padding:7px 9px}#search-res{flex-direction:column;gap:4px;max-height:50vh;margin-bottom:8px;display:flex;overflow:auto}.sres{text-align:left}.sres small{color:var(--dim)}label.set{align-items:center;gap:8px;margin:6px 0;display:flex}@media (width<=900px),(height<=500px){#minimap{width:96px;height:96px;top:auto;bottom:150px;right:6px}}#resources{scrollbar-width:none;min-width:0;overflow-x:auto}#resources::-webkit-scrollbar{display:none}#views{flex-shrink:0;gap:4px;display:flex}@media (width<=1500px){.res{min-width:78px}#resources{gap:10px}}#ver{letter-spacing:.05em;color:var(--dim);cursor:pointer;text-shadow:none;font-size:10px;font-weight:400}#gate{z-index:20;background:radial-gradient(#04101ee6,#000000f2);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#gate .panel{width:92vw;max-width:520px;padding:20px}#gate input#inv-code,#fb-text{width:100%;color:var(--text);border:1px solid var(--blue);font:inherit;letter-spacing:.08em;background:#020c18cc;border-radius:4px;padding:8px}#fb-text{letter-spacing:0;resize:vertical}.legal a,.menu a{color:#8fe3ff}.menu{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.btnlike{color:var(--text);cursor:pointer;text-align:left;background:#1b6fa840;border:1px solid #4fc3ff8c;border-radius:4px;padding:4px 9px;text-decoration:none;display:inline-block}.endscreen{text-align:center}.endscreen h2{letter-spacing:.4em;margin:8px 0 12px;font-size:34px}.endscreen.win h2{color:#8fe3ff;text-shadow:0 0 20px var(--blue)}.endscreen.lose h2{color:var(--red);text-shadow:0 0 20px var(--red)}pre.dbg{white-space:pre-wrap;word-break:break-all;background:#0006;max-height:160px;padding:6px;font-size:11px;overflow:auto}.changelog{max-height:60vh;overflow:auto}.changelog li{margin-left:16px}#modal-body{max-height:90vh;overflow:auto}@media (width<=900px),(height<=500px){#modal-body{width:94vw;min-width:0}}.item.unread{box-shadow:inset 3px 0 0 var(--blue,#4fc3ff)}.item.preview{border-color:#4fc3ff59}#btn-inbox .ibadge{color:#fff;background:#ff4d5e;border-radius:8px;min-width:14px;margin-left:4px;padding:0 4px;font-size:10px;line-height:14px;display:inline-block}#btn-inbox .ibadge[hidden]{display:none}