:root{--display:"Cinzel", "Trajan Pro", "Palatino Linotype", Palatino, Georgia, serif;--body:"Alegreya Sans", "Segoe UI", "Trebuchet MS", sans-serif;--text:#f4e8cc;--muted:#c9b48c;--dim:#8f7c5e;--gold:#f2cf7a;--ink:#3a2410;--edge-dark:#1c130b;--stone-tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.25 0 0 0 -.52'/%3E%3C/filter%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .85 0 1.1 0 0 -.64'/%3E%3C/filter%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='5' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.4 0 0 0 -.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E");--grain-tex:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.25 0 0 0 -.52'/%3E%3C/filter%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .85 0 1.1 0 0 -.64'/%3E%3C/filter%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='5' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.4 0 0 0 -.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E");--stone:var(--stone-tex), linear-gradient(180deg, #918069 0%, #726350 38%, #584b3c 100%);--stone-dark:var(--stone-tex), linear-gradient(180deg, #51463a 0%, #3a3128 100%);--well:var(--grain-tex), radial-gradient(ellipse at 50% 30%, #30271e 0%, #1c1611 100%);--bronze:linear-gradient(180deg, #fbe7a6 0%, #dcaa52 22%, #a06e2c 52%, #5c3b15 78%, #b98439 100%);--bronze-side:linear-gradient(90deg, #5c3b15 0%, #c4903f 30%, #f4d995 50%, #c4903f 70%, #5c3b15 100%);--rivet:radial-gradient(circle at 45% 40%, #fff3c4 0 .9px, #e0b45e 1.7px, #8a5c22 2.7px, #2a1a0c 3.3px, transparent 3.8px);--parchment:radial-gradient(ellipse at 50% 35%, #f8eed4 0%, #ecdcb2 55%, #d5b77e 100%);--bevel-up:inset 0 1px 0 #fff0d273, inset 1px 0 0 #fff0d22e, inset 0 -2px 0 #00000073, inset -1px 0 0 #0000004d;--carved:inset 0 2px 5px #000000d9, inset 0 0 0 1px #000000b3, 0 1px 0 #ffe8be29}html,body{height:100%;color:var(--text);font-family:var(--body);-webkit-user-select:none;user-select:none;background:#0b0d10;margin:0;overflow:hidden}button{font:inherit;color:inherit}#app,canvas.game{width:100%;height:100%;display:block;position:fixed;inset:0}.hud{--top-h:34px;--panel-h:184px;--bar-h:34px;--rise:18px;--btn:62px;--abtn:42px;--map:172px;--portrait:140px;--cmd-w:clamp(calc(var(--btn) * 5.5 + 32px), 31vw, calc(var(--btn) * 7));--fs:15px;pointer-events:none;font-size:var(--fs);position:fixed;inset:0}@media (width>=1680px) and (height>=940px){.hud{--top-h:40px;--panel-h:226px;--bar-h:42px;--rise:24px;--btn:80px;--abtn:54px;--map:220px;--portrait:178px;--fs:17px}}.hud .topbar,.hud .bottom,.hud .endscreen.show{pointer-events:auto}.badge{flex:none;place-items:center;width:18px;height:18px;display:inline-grid}.badge svg,.tb-btn svg,.map-btn svg,.glyph svg,.lock svg,.emblem svg{filter:drop-shadow(0 1px 1px #0000008c);width:100%;height:100%;display:block}.tb-btn,.map-btn,.group,button.cmd{background:var(--stone-tex), linear-gradient(180deg, #938470 0%, #6c5f4f 55%, #574c3f 100%);box-shadow:var(--bevel-up), 0 0 0 1px var(--edge-dark), 0 2px 3px #0000008c;cursor:pointer;border:0;border-radius:3px;padding:0;transition:box-shadow .12s,filter .12s;position:relative}.tb-btn:hover,.map-btn:hover,.group:hover,button.cmd:hover:not(.empty){filter:brightness(1.12);box-shadow:var(--bevel-up), 0 0 0 1px #e8b860, 0 0 9px 2px #ffc45c99}.tb-btn:active,.map-btn:active,.group:active,button.cmd:active:not(.empty){filter:brightness(.95);transform:translateY(1px);box-shadow:inset 0 2px 4px #000000a6,inset 0 -1px #fff0d233,0 0 0 1px #e8b860}.lock{pointer-events:none;width:13px;height:13px;position:absolute;top:2px;right:2px}.tb-btn.disabled>svg,.map-btn.disabled>svg{filter:grayscale(.85)brightness(.85);opacity:.85}.topbar{height:var(--top-h);background:var(--stone);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 8px;display:grid;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 1px #fff0d240,0 3px 8px #0000008c}.topbar:after{content:"";background:var(--bronze);height:3px;box-shadow:0 1px 0 var(--edge-dark);position:absolute;bottom:-3px;left:0;right:0}.tb-left,.tb-right{align-items:center;gap:5px;display:flex}.tb-right{justify-self:end;gap:12px}.tb-btn{width:calc(var(--top-h) - 6px);height:calc(var(--top-h) - 6px);box-sizing:border-box;padding:3px}.tb-btn.small{width:calc(var(--top-h) - 10px);height:calc(var(--top-h) - 10px);padding:4px}.tb-btn .lock{width:10px;height:10px;top:0;right:0}.tb-center{z-index:1;align-self:start;position:relative}.epoch{height:calc(var(--top-h) + 10px);box-sizing:border-box;background:var(--stone-dark) padding-box, var(--bronze) border-box;border:3px solid #0000;border-top:0;border-radius:0 0 18px 18px;align-items:center;gap:10px;padding:0 26px 0 18px;display:flex;position:relative;box-shadow:0 3px 8px #0009,inset 0 -2px 6px #00000080}.epoch:before,.epoch:after{content:"";background:var(--rivet);width:8px;height:8px;position:absolute;bottom:6px}.epoch:before{left:5px}.epoch:after{right:5px}.epoch .badge{width:calc(var(--top-h) - 2px);height:calc(var(--top-h) - 2px)}.epoch-text{flex-direction:column;line-height:1.05;display:flex}.epoch-num{font:700 .68em var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.epoch-name{font:700 1.12em var(--display);letter-spacing:.03em;white-space:nowrap;background:linear-gradient(#fff1c2 0%,#f2c868 55%,#c08a3e 100%);color:#0000;filter:drop-shadow(0 1px #000000e6);-webkit-background-clip:text;background-clip:text}.speed,.clock{align-items:center;gap:4px;display:flex}.speed-val,.clock{height:calc(var(--top-h) - 8px);background:var(--well);box-shadow:var(--carved);font-variant-numeric:tabular-nums;border-radius:3px;align-items:center;gap:5px;padding:0 8px 0 4px;font-weight:700;display:flex}.speed-val{justify-content:center;min-width:92px}.clock{cursor:default;min-width:66px}.speed-val .badge,.clock .badge{width:16px;height:16px}.bottom{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:var(--panel-h) var(--bar-h);filter:drop-shadow(0 -3px 6px #00000080);grid-template-areas:"console dock""bar dock";display:grid;position:absolute;bottom:0;left:0;right:0}.console{grid-area:console;grid-template-columns:var(--portrait) minmax(0, 1fr) auto var(--cmd-w);box-sizing:border-box;background:var(--stone);gap:8px;padding:11px 10px 7px;display:grid;position:relative;box-shadow:inset 0 2px #fff0d233,inset 0 -2px 4px #00000059}.console:before{content:"";background:var(--bronze);height:4px;box-shadow:0 -1px 0 var(--edge-dark), 0 1px 0 var(--edge-dark);position:absolute;top:0;left:0;right:0}.unit-display,.info,.minimap-frame{background:var(--well);box-shadow:var(--carved);border-radius:4px;position:relative}.unit-display:after,.info:after,.mapdock:after{content:"";pointer-events:none;background:var(--rivet) left top / 8px 8px no-repeat, var(--rivet) right top / 8px 8px no-repeat, var(--rivet) left bottom / 8px 8px no-repeat, var(--rivet) right bottom / 8px 8px no-repeat;position:absolute;inset:2px}.unit-display{--team:transparent;background:var(--well) padding-box, var(--bronze) border-box;border:2px solid #0000;place-items:center;display:grid;overflow:hidden}.unit-display:before{content:"";background:var(--team);height:4px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #0009}.unit-display .portrait{object-fit:cover;width:100%;height:100%}.unit-display .count{font:700 .95em var(--display);color:var(--gold);background:#100b07d1;border-radius:3px;padding:0 6px;position:absolute;bottom:8px;right:6px;box-shadow:0 0 0 1px #8a6a3c}.unit-display.empty .emblem{opacity:.22;filter:sepia(.6)grayscale(.4);width:70%;height:70%}.info{min-width:0;padding:8px 14px;overflow:hidden}.info .hint{columns:2 220px;color:var(--muted);column-gap:22px;font-size:.86em;line-height:1.38}.info .hint span{break-inside:avoid;display:block}.info .head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.info .name{font:700 1.3em var(--display);letter-spacing:.02em;color:#f6e2ae;text-shadow:0 1px #000,0 0 8px #0009;align-items:center;gap:8px;display:flex}.info .name .team{clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);flex:none;width:11px;height:15px;box-shadow:inset 0 0 0 1px #00000080}.hpbar{background:#2b0d09;border-radius:2px;flex:160px;max-width:320px;height:15px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 0 2px #8a6a3c,inset 0 2px 3px #000000b3}.hpbar .fill{background:linear-gradient(#9ef58a 0%,#46b03e 50%,#2b7a27 100%);height:100%}.hpbar .fill.hurt{background:linear-gradient(#ffe48a 0%,#d6a42a 50%,#8f6a12 100%)}.hpbar .fill.low{background:linear-gradient(#ff9a7a 0%,#d0402a 50%,#8a1d10 100%)}.hptext{text-align:center;font:700 11px/15px var(--body);color:#fff;text-shadow:0 1px 1px #000,0 0 3px #000;position:absolute;inset:0}.stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px 18px;margin-top:9px;display:grid}.stat{background:#00000038;border-radius:3px;align-items:center;gap:6px;padding:2px 8px 2px 4px;display:flex;box-shadow:inset 0 0 0 1px #c9b48c1f}.stat .k{color:var(--muted)}.stat .v{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.stat .v.bonus{color:#9fe08a}.queue{gap:5px;margin-top:9px;display:flex}.qitem,.mini{width:42px;height:42px;box-shadow:0 0 0 1px var(--edge-dark), 0 0 0 2px #8a6a3c;cursor:pointer;background:#1a140e;border:0;border-radius:3px;padding:0;position:relative;overflow:hidden}.qitem:hover,.mini:hover{box-shadow:0 0 0 1px var(--edge-dark), 0 0 0 2px #f2cf7a, 0 0 8px #ffc45c99}.qitem img,.mini img{width:100%;height:100%;display:block}.qitem .glyph{box-sizing:border-box;width:100%;height:100%;padding:6px;display:block}.qitem .fxbadge{pointer-events:none;width:45%;height:45%;position:absolute;bottom:5px;left:1px}.qitem .fxbadge svg{width:100%;height:100%;display:block}.qitem.pending{opacity:.55;cursor:default}.qitem .prog{background:linear-gradient(90deg,#c08a3e,#fbe7a6);height:4px;position:absolute;bottom:0;left:0}.many-title{font:700 .85em var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.many{flex-wrap:wrap;gap:4px;display:flex}.info.multi{flex-direction:column;display:flex}.info.multi .many{grid-template-columns:repeat(var(--cols,8), var(--cell,42px));grid-auto-rows:var(--cell,42px);flex:1;align-content:start;min-height:0;display:grid}.info.multi .mini{width:var(--cell,42px);height:var(--cell,42px)}.mini .minibar{background:#5fd06a;height:3px;position:absolute;bottom:0;left:0}.actions{grid-template-columns:repeat(2, var(--abtn));grid-auto-rows:var(--abtn);background:var(--stone-dark);box-shadow:var(--carved);border-radius:4px;align-content:center;gap:4px;padding:6px;display:grid}.commands{grid-template-columns:repeat(var(--cols,5), var(--cell,var(--btn)));grid-auto-rows:var(--cell,var(--btn));background:var(--stone-dark);min-width:0;box-shadow:var(--carved);border-radius:4px;place-content:center;gap:4px;padding:6px;display:grid;overflow:hidden}button.cmd{overflow:hidden}button.cmd img{border-radius:2px;width:calc(100% - 2px);height:calc(100% - 2px);margin:1px;display:block;box-shadow:0 0 0 1px #1c130be6}button.cmd .glyph{width:64%;height:64%;color:var(--gold);margin:18%;font-size:22px;line-height:1;display:block}button.cmd.empty{cursor:default;background:var(--grain-tex), #2c251e;box-shadow:inset 0 2px 4px #000000bf,inset 0 0 0 1px #0000008c,0 1px #ffe8be1f}button.cmd.disabled img,button.cmd.disabled .glyph{filter:grayscale()brightness(.6)contrast(.9)}button.cmd.disabled{background:var(--stone-tex), linear-gradient(180deg, #6f675c 0%, #4f4840 100%)}button.cmd .key{box-sizing:border-box;min-width:9px;height:10px;font:700 8px/10px var(--body);text-align:center;color:#fbe7a6;pointer-events:none;background:#140d06b8;border-radius:2px;padding:0 2px;position:absolute;bottom:1px;right:1px;box-shadow:0 0 0 1px #c996458c}.actions.dense{grid-template-columns:repeat(3, var(--abtn))}button.cmd .qcount{box-sizing:border-box;min-width:13px;height:13px;font:700 10px/13px var(--body);text-align:center;color:#fff4d6;box-shadow:0 0 0 1px var(--edge-dark);pointer-events:none;background:linear-gradient(#8a5a2b,#4e3116);border-radius:2px;padding:0 2px;position:absolute;top:2px;left:2px}button.cmd .fxbadge{pointer-events:none;filter:drop-shadow(0 1px 1px #000c);width:52%;height:52%;position:absolute;bottom:1px;left:1px}button.cmd .fxbadge svg{width:100%;height:100%;display:block}.commands button.cmd .qtag{background:linear-gradient(#a3382b,#5e1a12)}.commands button.cmd .qcount{font-size:clamp(9px, calc(var(--cell,62px) * .17), 12px);min-width:1.35em;height:1.35em;line-height:1.35em}.commands button.cmd .lock{width:clamp(9px, calc(var(--cell,62px) * .21), 15px);height:clamp(9px, calc(var(--cell,62px) * .21), 15px)}.actions button.cmd .key{min-width:8px;height:9px;font-size:7px;line-height:9px}.actions button.cmd .lock{width:10px;height:10px}.resbar{background:var(--stone-dark);grid-area:bar;align-items:center;gap:12px;min-width:0;padding:0 8px;display:flex;box-shadow:inset 0 1px #ffe8be2e,inset 0 2px #00000080}.resources{gap:6px;min-width:0;display:flex}.res{height:calc(var(--bar-h) - 6px);box-sizing:border-box;background:var(--well);min-width:74px;box-shadow:var(--carved);cursor:default;border-radius:3px;align-items:center;gap:6px;padding:0 10px 0 3px;display:flex}.res .badge{width:calc(var(--bar-h) - 7px);height:calc(var(--bar-h) - 7px)}.res .value{font-variant-numeric:tabular-nums;color:#fbf0d4;text-shadow:0 1px #000;margin-left:auto;font-size:1.08em;font-weight:700}.res .value.pending{color:#f2cf7a}.res.pop{min-width:96px;margin-left:6px}.groups{gap:3px;margin-left:auto;display:flex}.group{width:calc(var(--bar-h) + 2px);height:calc(var(--bar-h) - 6px)}.group .n{font:700 .9em var(--display);color:#e3d3b0;text-shadow:0 1px #000;position:relative}.group .gp{object-fit:cover;pointer-events:none;border-radius:2px;width:calc(100% - 4px);height:calc(100% - 4px);display:none;position:absolute;inset:2px;box-shadow:0 0 0 1px #1c130be6}.group.has-portrait .gp{display:block}.group.has-portrait .n{font-size:.8em;position:absolute;bottom:0;left:3px}.group.filled .n{color:var(--gold);text-shadow:0 0 6px #ffc45c99}.group .count,.map-btn .count{box-sizing:border-box;min-width:14px;font:700 9px/14px var(--body);color:var(--ink);box-shadow:0 0 0 1px var(--edge-dark);background:linear-gradient(#fbe7a6,#c99645);border-radius:7px;padding:0 3px;position:absolute;top:-5px;right:-4px}.group .count:empty,.map-btn .count:empty{display:none}.mapdock{margin-top:calc(-1 * var(--rise));background:var(--stone) padding-box, var(--bronze) border-box;border:0;border-top:3px solid #0000;border-left:3px solid #0000;border-radius:10px 0 0;flex-direction:column;grid-area:dock;align-items:center;gap:5px;padding:9px 10px 6px;display:flex;position:relative}.minimap-frame{background:var(--bronze);box-shadow:0 0 0 1px var(--edge-dark), 0 2px 4px #0009;place-items:center;padding:4px;display:grid}canvas.minimap{width:var(--map);height:var(--map);image-rendering:pixelated;cursor:crosshair;box-shadow:0 0 0 1px var(--edge-dark), inset 0 0 8px #000;display:block}.map-buttons{gap:6px;display:flex}.map-btn{width:calc(var(--bar-h) + 6px);height:calc(var(--bar-h) - 2px);box-sizing:border-box;padding:3px}.map-btn.alert{box-shadow:var(--bevel-up), 0 0 0 1px #e8b860, 0 0 7px 1px #ffc45c73}.tooltip{z-index:10;max-width:290px;color:var(--ink);background:var(--stone-tex), var(--parchment);background-blend-mode:soft-light, normal;opacity:0;pointer-events:none;border-radius:3px;padding:9px 13px 10px;font-size:.95em;line-height:1.3;transition:opacity .1s;position:fixed;box-shadow:0 0 0 1px #6b4a22,inset 0 0 14px #78501e59,0 6px 16px #0009}.tooltip.show{opacity:1}.tt-title{font:700 1.05em var(--display);color:#4a280c;border-bottom:1px solid #6b4a2273;margin-bottom:5px;padding-bottom:4px}.tt-cost{flex-wrap:wrap;gap:2px 12px;margin-bottom:3px;display:flex}.tt-cost .c,.tt-time{align-items:center;gap:4px;display:inline-flex}.tt-cost b{font-variant-numeric:tabular-nums;font-size:1.08em}.tt-line{color:#5c4122}.tt-reason{color:#9a2418;margin-top:4px;font-weight:700}.msgfeed{z-index:26;left:12px;top:calc(var(--top-h) + 12px);pointer-events:none;flex-direction:column;gap:2px;max-width:min(46vw,560px);display:flex;position:fixed}.msgfeed .msg{color:#f4e6c4;font:700 1.02em var(--body);text-shadow:0 1px #000,0 0 3px #000,1px 0 #000,-1px 0 #000;background:linear-gradient(90deg,#0a06028c,#0a060240 70%,#0000);border-left:2px solid #c9a265b3;padding:1px 8px 2px;line-height:1.25;animation:7s linear forwards feed-life}.msgfeed .msg.from-player{border-left-color:currentColor}@keyframes feed-life{0%{opacity:0;transform:translate(-8px)}3%{opacity:1;transform:none}86%{opacity:1}to{opacity:0}}.endscreen{z-index:20;text-align:center;background:radial-gradient(at 50% 45%,#140c0659 0%,#050302d9 75%);place-items:center;display:none;position:fixed;inset:0}.endscreen.show{animation:.6s ease-out fade-in;display:grid}.end-card{background:var(--stone) padding-box, var(--bronze) border-box;min-width:380px;box-shadow:0 0 0 1px var(--edge-dark), 0 18px 50px #000c, inset 0 0 30px #00000073;border:4px solid #0000;border-radius:6px;padding:26px 60px 30px;position:relative}.end-card:after{content:"";pointer-events:none;background:var(--rivet) left top / 8px 8px no-repeat, var(--rivet) right top / 8px 8px no-repeat, var(--rivet) left bottom / 8px 8px no-repeat, var(--rivet) right bottom / 8px 8px no-repeat;position:absolute;inset:4px}.end-card .emblem{filter:drop-shadow(0 6px 10px #000000b3);width:112px;height:112px;margin:-84px auto 6px}.end-card h1{font:900 60px/1.1 var(--display);letter-spacing:.06em;background:linear-gradient(#fff3c8 0%,#f2c868 50%,#a8742c 100%);color:#0000;filter:drop-shadow(0 3px 2px #000000e6);-webkit-background-clip:text;background-clip:text;margin:0}.endscreen.defeat .end-card h1{background-image:linear-gradient(#f7d2b8 0%,#c0573a 55%,#6e2112 100%)}.endscreen.defeat .emblem{filter:grayscale(.7)brightness(.75)drop-shadow(0 6px 10px #000000b3)}.end-card p{color:var(--text);text-shadow:0 1px #000;margin:8px 0 0;font-size:18px}.end-card .end-time{font:700 13px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.end-card .again,.loading .again{font:700 16px var(--display);letter-spacing:.08em;color:var(--ink);background:var(--bronze);box-shadow:inset 0 1px 0 #fffae6b3, inset 0 -2px 0 #00000059, 0 0 0 1px var(--edge-dark), 0 3px 6px #0009;cursor:pointer;border:0;border-radius:3px;margin-top:22px;padding:9px 30px}.end-card .again:hover{filter:brightness(1.1);box-shadow:inset 0 1px 0 #fffae6b3, 0 0 0 1px var(--edge-dark), 0 0 14px #ffc45cbf}.end-card .again:active{transform:translateY(1px)}.pause-plaque{left:50%;top:calc(var(--top-h) + 34px);z-index:15;text-align:center;background:var(--stone-dark) padding-box, var(--bronze) border-box;box-shadow:0 0 0 1px var(--edge-dark), 0 6px 18px #000000b3, inset 0 0 18px #00000080;pointer-events:none;border:3px solid #0000;border-radius:4px;padding:8px 44px 10px;display:none;position:fixed;transform:translate(-50%)}.pause-plaque.show{animation:.25s ease-out fade-in;display:block}.pause-title{font:900 2em/1.1 var(--display);letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(#fff3c8 0%,#f2c868 50%,#a8742c 100%);color:#0000;filter:drop-shadow(0 2px 1px #000000e6);-webkit-background-clip:text;background-clip:text}.pause-hint{font:700 .78em var(--display);letter-spacing:.12em;color:var(--muted)}.gamemenu{z-index:25;background:radial-gradient(at 50% 45%,#140c0666 0%,#050302cc 75%);place-items:center;display:none;position:fixed;inset:0}.hud .gamemenu.show{pointer-events:auto;animation:.15s ease-out fade-in;display:grid}.menu-card{box-sizing:border-box;background:var(--stone) padding-box, var(--bronze) border-box;width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);box-shadow:0 0 0 1px var(--edge-dark), 0 18px 50px #000c, inset 0 0 30px #00000073;border:4px solid #0000;border-radius:6px;flex-direction:column;padding:18px 34px 24px;display:flex;position:relative}.menu-card:after{content:"";pointer-events:none;background:var(--rivet) left top / 8px 8px no-repeat, var(--rivet) right top / 8px 8px no-repeat, var(--rivet) left bottom / 8px 8px no-repeat, var(--rivet) right bottom / 8px 8px no-repeat;position:absolute;inset:4px}.menu-title{text-align:center;font:900 28px/1.1 var(--display);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#fff3c8 0%,#f2c868 50%,#a8742c 100%);color:#0000;filter:drop-shadow(0 2px 1px #000000e6);-webkit-background-clip:text;background-clip:text;margin:0 0 14px}.menu-body{flex-direction:column;gap:10px;min-height:0;display:flex}.menu-list{gap:9px}.menu-btn{font:700 16px var(--display);letter-spacing:.08em;color:var(--ink);background:var(--bronze);box-shadow:inset 0 1px 0 #fffae6b3, inset 0 -2px 0 #00000059, 0 0 0 1px var(--edge-dark), 0 3px 6px #0009;cursor:pointer;border:0;border-radius:3px;padding:8px 22px}.menu-btn:hover:not(:disabled),.menu-btn:focus-visible{filter:brightness(1.1);box-shadow:inset 0 1px 0 #fffae6b3, 0 0 0 1px var(--edge-dark), 0 0 14px #ffc45cbf;outline:none}.menu-btn:active:not(:disabled){transform:translateY(1px)}.menu-btn:disabled{cursor:default;filter:grayscale(.85)brightness(.7)}.menu-btn.secondary{color:var(--text);background:var(--stone-tex), linear-gradient(180deg, #938470 0%, #6c5f4f 55%, #574c3f 100%);box-shadow:var(--bevel-up), 0 0 0 1px var(--edge-dark), 0 2px 3px #0000008c;text-shadow:0 1px #000}.menu-btn.small{letter-spacing:.03em;white-space:nowrap;flex:1;padding:6px 4px;font-size:12px}.menu-btn.small.active{box-shadow:inset 0 2px 4px #00000080, 0 0 0 1px var(--edge-dark), 0 0 0 2px #f2cf7a}.menu-row{justify-content:center;gap:12px;margin-top:16px;display:flex}.menu-row .menu-btn{min-width:120px}.menu-question{text-align:center;color:var(--text);text-shadow:0 1px #000;margin:4px 0;font-size:17px}.save-list{background:var(--well);min-height:64px;max-height:290px;box-shadow:var(--carved);border-radius:3px;flex-direction:column;gap:4px;padding:6px;display:flex;overflow-y:auto}.save-row{text-align:left;cursor:pointer;background:#ffecc40d;border:0;border-radius:2px;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 10px;display:flex}.save-row:hover{background:#f2cf7a2e;box-shadow:inset 0 0 0 1px #f2cf7a8c}.save-name{font:700 15px var(--body);color:var(--gold)}.save-meta{color:var(--muted);font-size:12.5px}.menu-empty{color:var(--dim);margin:auto;padding:12px;font-style:italic}.menu-label,.menu-field>span:first-child{font:700 12px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-shadow:0 1px #000}.menu-field{align-items:center;gap:10px;display:flex}.menu-field input:not([type=range]){min-width:0;font:600 15px var(--body);color:var(--ink);background:var(--parchment);box-shadow:inset 0 1px 3px #3c1e0a99, 0 0 0 1px var(--edge-dark);-webkit-user-select:text;user-select:text;border:0;border-radius:2px;flex:1;padding:6px 9px}.menu-field input:not([type=range]):focus{outline:none;box-shadow:inset 0 1px 3px #3c1e0a99,0 0 0 1px #e8b860,0 0 8px #ffc45c99}.menu-field input[type=range]{accent-color:#dcaa52;flex:1}.menu-field:has(input[type=range])>span:first-child{flex:0 0 13em}.menu-field.menu-sub>span:first-child{flex-basis:11.8em;padding-left:1.2em;font-size:11px}.menu-pct{text-align:right;font-variant-numeric:tabular-nums;min-width:46px;color:var(--text)}.menu-speeds{gap:6px;margin-bottom:8px;display:flex}.selbox{pointer-events:none;background:#78ff7814;border:1px solid #9dff9a;display:none;position:fixed}.loading{z-index:30;text-align:center;color:var(--gold);background:var(--grain-tex), radial-gradient(ellipse at 50% 40%, #3d2e1f 0%, #1a130c 55%, #070504 100%);background-blend-mode:soft-light, normal;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:20px;transition:opacity .4s;display:flex;position:fixed;inset:0}.loading small{color:var(--muted);font-size:15px}.loading.done{opacity:0}.loading-screen .logo{flex-direction:column;align-items:center;display:flex}.loading-screen .emblem{filter:drop-shadow(0 0 24px #f2c86859)drop-shadow(0 8px 12px #000c);width:150px;height:150px;margin-bottom:10px;animation:3s ease-in-out infinite alternate emblem-glow}.logo-title{font:900 clamp(40px, 6.4vw, 84px) / 1 var(--display);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#fff6d2 0%,#f4cf74 40%,#b98439 70%,#6e4818 100%);color:#0000;filter:drop-shadow(0 4px 3px #000000e6);-webkit-background-clip:text;background-clip:text}.logo-sub{font:700 clamp(16px, 1.8vw, 24px) var(--display);letter-spacing:.7em;text-transform:uppercase;color:var(--muted);align-items:center;gap:16px;margin-top:6px;padding-left:.7em;display:flex}.logo-sub:before,.logo-sub:after{content:"";background:linear-gradient(90deg,#0000,#c99645,#0000);width:90px;height:2px}.load-status{font:700 15px var(--display);letter-spacing:.14em;color:var(--muted);margin-top:26px}.load-bar{background:#120d08;border-radius:5px;width:min(360px,80vw);height:10px;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #000000e6,0 0 0 1px #000,0 0 0 3px #8a6a3c}.load-bar i{background:linear-gradient(90deg,#0000,#f2c868,#fff1c2,#f2c868,#0000);border-radius:5px;width:40%;animation:1.6s ease-in-out infinite load-sweep;position:absolute;top:0;bottom:0}.load-tip{max-width:min(620px,90vw);color:var(--ink);background:var(--stone-tex), var(--parchment);background-blend-mode:soft-light, normal;border-radius:2px;margin-top:30px;padding:10px 24px;font-size:16px;line-height:1.4;box-shadow:0 0 0 1px #6b4a22,inset 0 0 14px #78501e59,0 6px 16px #0009}@keyframes load-sweep{0%{left:-40%}to{left:100%}}@keyframes emblem-glow{to{filter:drop-shadow(0 0 34px #f2c8688c)drop-shadow(0 8px 12px #000c)}}@keyframes fade-in{0%{opacity:0}}@media (width<=1180px){.hud{--panel-h:160px;--btn:54px;--abtn:36px;--map:150px;--portrait:112px}.res{min-width:64px}.groups{display:none}}.panel-layer{pointer-events:none;position:absolute;inset:0}.panel-layer>*{pointer-events:auto}.tb-tools{align-items:center;gap:5px;display:flex}.tb-btn.active{box-shadow:inset 0 2px 4px #000000a6,0 0 0 1px #e8b860,0 0 7px 1px #ffc45c80}.clock{cursor:pointer}.clock[data-mode=off]{min-width:0;padding-right:4px}.clock[data-mode=fps] .v{color:#bfe6a0}.map-btn:not(.disabled) .lock{display:none}.hover-card{z-index:9;min-width:120px;max-width:250px;color:var(--ink);font:.86em/1.25 var(--body);background:var(--stone-tex), var(--parchment);background-blend-mode:soft-light, normal;pointer-events:none;border-radius:3px;padding:5px 9px 6px;display:none;position:fixed;box-shadow:0 0 0 1px #6b4a22,inset 0 0 10px #78501e4d,0 4px 10px #0000008c}.hover-card.show{display:block}.hc-name{font:700 1.02em var(--display);color:#4a280c;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hc-owner{color:#5c4122;align-items:center;gap:5px;display:flex}.hc-owner:before{content:"";background:var(--team,#888);width:9px;height:9px;box-shadow:0 0 0 1px var(--edge-dark);border-radius:2px}.hc-bar{background:#3a2a1a;border-radius:2px;height:6px;margin:4px 0 1px;overflow:hidden;box-shadow:inset 0 1px 2px #000c}.hc-bar i{background:linear-gradient(#8fe07a,#3f9a32);height:100%;display:block}.hc-bar i.hurt{background:linear-gradient(#f2d06a,#c28a24)}.hc-bar i.low{background:linear-gradient(#f08a6a,#b8321f)}.hc-help{color:#5c4122;border-top:1px solid #6b4a2273;margin-top:4px;padding-top:3px;font-size:.94em;line-height:1.25}.hc-help:empty{display:none}.hc-help div+div{margin-top:2px;font-style:italic}.hc-hp{font-variant-numeric:tabular-nums;color:#5c4122;font-size:.9em}.msglog{top:calc(var(--top-h) + 10px);z-index:8;width:min(420px,60vw);max-height:calc(100vh - var(--top-h) - var(--panel-h) - var(--bar-h) - 40px);background:var(--stone-dark) padding-box, var(--bronze) border-box;pointer-events:auto;border:3px solid #0000;border-radius:4px;flex-direction:column;display:none;position:absolute;right:10px;box-shadow:0 6px 16px #0009}.msglog.show{display:flex}.ml-head{justify-content:space-between;align-items:center;padding:5px 6px 5px 10px;display:flex}.ml-title{font:700 1em var(--display);color:var(--gold);letter-spacing:.04em}.ml-close{font-weight:700;line-height:1}.ml-list{color:var(--ink);background:var(--stone-tex), var(--parchment);background-blend-mode:soft-light, normal;padding:6px 10px 8px;overflow-y:auto}.ml-row{border-bottom:1px solid #6b4a2240;gap:10px;padding:2px 0;display:flex}.ml-time{color:#7a5a32;font-variant-numeric:tabular-nums;flex:none;min-width:38px}.ml-empty{color:#7a5a32;font-style:italic}.formation-picker{z-index:9;background:var(--stone) padding-box, var(--bronze) border-box;pointer-events:auto;border:3px solid #0000;border-radius:6px;padding:5px 8px 7px;display:none;position:fixed;box-shadow:0 6px 14px #0009}.formation-picker.show{display:block}.fp-title{font:700 .8em var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px #000;margin-bottom:4px}.fp-row{gap:5px;display:flex}.fp-btn{width:var(--abtn);height:var(--abtn);box-sizing:border-box;padding:4px}.fp-btn svg{width:100%;height:100%;display:block}.alert-banner{z-index:27;left:50%;top:calc(var(--top-h) + 14px);color:#ffe9d6;cursor:pointer;pointer-events:auto;text-shadow:0 1px 2px #000;background:linear-gradient(#8c1c14 0%,#5a0e0a 100%);border:1px solid #e0a35a;border-radius:3px;flex-direction:column;align-items:center;gap:2px;padding:8px 28px 7px;display:none;position:fixed;transform:translate(-50%);box-shadow:0 0 0 1px #2a0604,inset 0 0 14px #00000073,0 6px 18px #0009}.alert-banner.show{animation:.7s ease-in-out 3 alternate alert-pulse;display:flex}.alert-banner .alert-text{font:700 1.25em var(--display,var(--body));letter-spacing:.06em;text-transform:uppercase}.alert-banner .alert-hint{font:.8em var(--body);opacity:.85}@keyframes alert-pulse{0%{box-shadow:0 0 0 1px #2a0604,inset 0 0 14px #00000073,0 0 4px #ff3c1e33}to{box-shadow:0 0 0 1px #2a0604,inset 0 0 14px #00000073,0 0 26px #ff5028d9}}.improve{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.imp{color:inherit;font:inherit;box-shadow:0 0 0 1px var(--edge-dark), 0 0 0 2px #8a6a3c;cursor:pointer;background:#1a140e;border:0;border-radius:3px;align-items:center;gap:4px;padding:2px 6px 2px 3px;font-size:.85em;display:flex}.imp:hover{box-shadow:0 0 0 1px var(--edge-dark), 0 0 0 2px #f2cf7a, 0 0 8px #ffc45c99}.imp.disabled{opacity:.5}.imp .badge{width:19px;height:19px;display:inline-flex}.imp .n{font-variant-numeric:tabular-nums}.unit-display .steps{color:#9fe08a;text-shadow:0 1px 1px #000,0 0 3px #000;font-weight:700;position:absolute;top:4px;left:6px}.hpbar.fuelbar,.hpbar.powerbar{margin-top:3px}.hpbar.fuelbar .fill{background:linear-gradient(90deg,#c08a3e,#fbe7a6)}.hpbar.powerbar .fill{background:linear-gradient(90deg,#3e6fc0,#a6d2fb)}.cargo{margin-top:8px}.place-hint{color:#f2b8a6;pointer-events:none;background:#140c06d9;border-radius:3px;padding:4px 12px;font-weight:700;display:none;position:absolute;bottom:250px;left:50%;transform:translate(-50%)}.place-hint.show{display:block}.wonder-clock{font:700 .85em var(--body);color:var(--gold);white-space:nowrap;background:#00000059;border-radius:3px;align-items:center;margin-left:10px;padding:1px 8px;display:none}.wonder-clock.show{display:inline-flex}.fx-title-screen{background:radial-gradient(at 50% 22%,#f2c86829 0%,#0000 45%),radial-gradient(at 50% 30%,#3b2f22 0%,#17110b 80%)}.fx-backdrop{z-index:39;pointer-events:none;background:radial-gradient(at 50% 30%,#3b2f22 0%,#17110b 80%);position:fixed;inset:0}.fx-backdrop canvas{opacity:0;width:100%;height:100%;transition:opacity 1.6s;display:block}body.fx-live .fx-backdrop canvas{opacity:1}body.fx-live .fx-title-screen{background:radial-gradient(36% 64% at 50% 42%,#0c0804b8 0%,#0c080473 55%,#0000 100%),radial-gradient(#0000 45%,#080502c7 100%)}body.fx-live .fx-title-screen .fx-logo .logo-title{filter:drop-shadow(0 4px 3px #000000e6)drop-shadow(0 0 18px #000000d9)}body.fx-live .fx-title-screen .fx-logo .logo-sub,body.fx-live .fx-title-screen .fx-title-foot{text-shadow:0 1px 3px #000000f2,0 0 12px #000c}.fx-title-col{flex-direction:column;align-items:center;gap:22px;padding:10px 0 48px;display:flex}.fx-logo{flex-direction:column;align-items:center;display:flex}.fx-logo-img{object-fit:contain;filter:drop-shadow(0 0 22px #f2c86838)drop-shadow(0 10px 14px #000000d9);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:90vw;height:clamp(170px,36vh,380px)}.fx-logo-emblem{filter:drop-shadow(0 0 24px #f2c86859)drop-shadow(0 8px 12px #000c);width:clamp(80px,13vh,130px);height:clamp(80px,13vh,130px);margin-bottom:8px;animation:3s ease-in-out infinite alternate emblem-glow}.fx-logo-emblem svg{width:100%;height:100%}.fx-logo .logo-title{font-size:clamp(36px,5.6vw,72px)}.fx-menu{flex-direction:column;gap:9px;width:min(380px,90vw);display:flex}.fx-menu-btn{color:var(--text);background:var(--stone) padding-box, var(--bronze) border-box;box-shadow:0 0 0 1px var(--edge-dark), 0 4px 10px #0009, inset 0 0 18px #00000059;cursor:pointer;text-shadow:0 1px #000,0 0 6px #0009;border:3px solid #0000;border-radius:4px;flex-direction:column;align-items:center;gap:1px;padding:8px 18px 7px;display:flex}.fx-menu-label{font:700 19px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.fx-menu-hint{font:14px var(--body);color:var(--muted)}.fx-menu-btn.primary{padding:11px 18px 10px}.fx-menu-btn.primary .fx-menu-label{color:#fff3c8;font-size:24px}.fx-menu-btn:hover,.fx-menu-btn:focus-visible{filter:brightness(1.12);box-shadow:0 0 0 1px var(--edge-dark), 0 0 18px #ffc45c99, inset 0 0 18px #0000004d;outline:none}.fx-menu-btn:active{transform:translateY(1px)}.fx-notice{text-align:center;color:#ffd9a0;max-width:460px;box-shadow:var(--carved);background:#78321473;border-radius:3px;margin:0;padding:8px 12px}.fx-title-foot{color:var(--dim);pointer-events:none;justify-content:space-between;gap:16px;padding:8px 14px;font-size:13px;display:flex;position:fixed;bottom:0;left:0;right:0}.fx-coffee{z-index:2;color:#fff;background:#000;border:1px solid #fff;border-radius:10px;align-items:center;gap:6px;padding:6px 16px 6px 12px;font-family:Cookie,cursive;font-size:24px;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;position:fixed;top:14px;right:14px;box-shadow:0 2px 10px #0009}.fx-coffee:hover{transform:translateY(-1px);box-shadow:0 4px 16px #000000bf}.fx-coffee-cup{color:#fd0;font-size:20px}.fx-music{z-index:1;width:30px;height:30px;color:var(--muted);opacity:.7;cursor:pointer;background:#140e0873;border:1px solid #c9a25a59;border-radius:50%;place-items:center;padding:0;transition:opacity .15s,color .15s,border-color .15s;display:grid;position:fixed;bottom:34px;right:12px}.fx-music:hover,.fx-music:focus-visible{opacity:1;color:var(--gold);border-color:#c9a25acc}.fx-music.off{opacity:.5}.fx-version{font:700 13px var(--display);letter-spacing:.08em;color:var(--muted)}.fx-frame{width:min(1000px,100%)}.fx-frame.narrow{width:min(620px,100%)}.fx-frame-body{max-height:calc(100vh - 215px);padding:4px 2px;overflow:auto}.fx-frame .sx-setup-foot,.fx-frame+.sx-setup-foot{justify-content:center}.fx-muted{color:var(--muted)}.fx-tabs{justify-content:center;gap:8px;margin-bottom:10px;display:flex}.fx-tab{font:700 14px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--well);box-shadow:var(--carved);cursor:pointer;border:0;border-radius:3px;padding:5px 18px}.fx-tab.active{color:var(--ink);background:var(--bronze);box-shadow:inset 0 1px 0 #fffae6b3, 0 0 0 1px var(--edge-dark)}.fx-basics{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px;display:grid}.fx-basic{background:var(--well);box-shadow:var(--carved);border-radius:3px;padding:8px 12px 10px}.fx-basic p{margin:0;line-height:1.4}.fx-basic-title,.fx-keys-title,.fx-about-title{font:700 14px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px #000;margin:0 0 6px}.fx-help-foot{justify-content:center;margin-top:12px;display:flex}.fx-help-foot .sx-btn.small{font:600 14px var(--body);padding:4px 14px}.fx-keys{background:var(--well);box-shadow:var(--carved);border-radius:3px;margin-bottom:12px;padding:8px 12px 6px}.fx-keys-table{border-collapse:collapse;width:100%}.fx-keys-table th,.fx-keys-table td{text-align:left;vertical-align:top;border-top:1px solid #ffecc414;padding:3px 6px;line-height:1.35}.fx-keys-table th{width:38%;font:700 14px var(--body);color:#ffe6a8}.fx-about{max-width:780px;margin:0 auto;padding:12px 18px 14px;line-height:1.45}.fx-about p{margin:0 0 10px}.fx-about .fx-version{text-align:center;margin-bottom:10px}.fx-about-title{margin-top:14px}.fx-report,.fx-credits{margin:0 0 8px;padding-left:22px}.fx-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.fx-row .sx-btn.small{font:600 14px var(--body);padding:4px 14px}.fx-saves{flex-direction:column;gap:6px;min-height:80px;display:flex}.fx-save{text-align:left;font:15px var(--body);color:var(--text);background:var(--well);box-shadow:var(--carved);cursor:pointer;border:0;border-radius:3px;justify-content:space-between;gap:12px;padding:8px 12px;display:flex}.fx-save:hover,.fx-save:focus-visible{box-shadow:var(--carved), 0 0 0 1px #c99645, 0 0 12px #ffc45c59;outline:none}.fx-save-name{color:var(--gold);font-weight:700}.fx-save-meta{color:var(--muted)}.menu-card[data-view=help]{width:min(980px,100vw - 32px)}.menu-card[data-view=help] .menu-body{flex-direction:column;min-height:0;display:flex;overflow:hidden}.menu-card[data-view=help] .fx-help{flex-direction:column;min-height:0;display:flex}.menu-card[data-view=help] .fx-help-page{max-height:calc(100vh - 200px);overflow:auto}.menu-version{text-align:center;font:700 12px var(--display);letter-spacing:.08em;color:var(--dim);margin-top:10px}.first-steps{top:calc(var(--top-h,30px) + 44px);z-index:6;box-sizing:border-box;background:var(--stone) padding-box, var(--bronze) border-box;width:300px;box-shadow:0 0 0 1px var(--edge-dark), 0 6px 18px #0009, inset 0 0 18px #00000059;font:15px/1.35 var(--body);color:var(--text);text-shadow:0 1px #000;pointer-events:auto;border:3px solid #0000;border-radius:4px;padding:7px 12px 8px;position:absolute;right:12px}.first-steps.fs-new{animation:1.2s ease-out fs-glow}@keyframes fs-glow{0%{box-shadow:0 0 0 1px var(--edge-dark), 0 0 26px #ffd26ef2}}.fs-head{align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.fs-title{font:700 14px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.fs-count{color:var(--muted);flex:1;font-size:13px}.fs-close{font:700 18px/1 var(--body);color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 6px}.fs-close:hover{color:var(--gold)}.fs-help{color:var(--dim);margin-top:4px;font-size:13px}.first-steps.fs-finished .fs-text{color:#ffe6a8}.crash-screen{z-index:100;box-sizing:border-box;font:15px/1.45 var(--body);color:var(--text);-webkit-user-select:text;user-select:text;background:radial-gradient(at 50% 30%,#3b2f22e6 0%,#0c0906f0 80%);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.crash-card{box-sizing:border-box;background:var(--stone) padding-box, var(--bronze) border-box;width:min(720px,100%);box-shadow:0 0 0 1px var(--edge-dark), 0 18px 50px #000c, inset 0 0 30px #00000073;border:4px solid #0000;border-radius:6px;padding:16px 26px 20px}.crash-head{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.crash-emblem{width:46px;height:46px}.crash-emblem svg{width:100%;height:100%}.crash-title{font:900 24px/1.15 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 1px #000;margin:0}.crash-body{background:var(--well);box-shadow:var(--carved);border-radius:3px;padding:10px 14px}.crash-body p{margin:0 0 8px}.crash-tips{margin:0 0 8px;padding-left:20px}.crash-details summary{cursor:pointer;color:var(--gold);font-weight:700}.crash-hint{color:var(--muted);margin:4px 0 6px;font-size:13px}.crash-report{box-sizing:border-box;resize:vertical;color:#f0e4c8;-webkit-user-select:text;user-select:text;background:#0000008c;border:0;border-radius:3px;width:100%;padding:6px 8px;font:12px/1.4 Consolas,Courier New,monospace;box-shadow:inset 0 1px 3px #000}.crash-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.crash-btn{font:700 15px var(--display);letter-spacing:.06em;color:var(--ink);background:var(--bronze);box-shadow:inset 0 1px 0 #fffae6b3, inset 0 -2px 0 #00000059, 0 0 0 1px var(--edge-dark), 0 3px 6px #0009;cursor:pointer;border:0;border-radius:3px;padding:7px 20px}.crash-btn.secondary{color:var(--text);background:var(--stone-tex), linear-gradient(180deg, #938470 0%, #6c5f4f 55%, #574c3f 100%);box-shadow:var(--bevel-up), 0 0 0 1px var(--edge-dark), 0 2px 3px #0000008c;text-shadow:0 1px #000}.crash-btn:hover:not(:disabled),.crash-btn:focus-visible{filter:brightness(1.1);outline:none}.crash-btn:disabled{cursor:default;filter:grayscale(.85)brightness(.7)}.crash-status{text-align:center;color:#ffd9a0;min-height:1.2em;margin-top:8px}@media (height<=720px){.fx-title-col{gap:12px;padding-bottom:34px}.fx-logo-emblem{width:72px;height:72px;margin-bottom:2px}.fx-logo .logo-title{font-size:clamp(32px,4.6vw,56px)}.fx-menu{gap:6px}.fx-menu-btn,.fx-menu-btn.primary{padding:5px 16px 4px}.fx-menu-label{font-size:17px}.fx-menu-btn.primary .fx-menu-label{font-size:21px}}.fx-save-line{align-items:stretch;gap:6px;display:flex}.fx-save-line .fx-save{flex:1}.fx-import{margin-top:10px}.fx-options{gap:6px;min-width:min(460px,100vw - 64px);display:grid}.fx-opt-head{font:700 15px var(--display);letter-spacing:.06em;color:var(--gold);margin:10px 0 2px}.fx-opt-row{color:var(--text);font:15px var(--body);grid-template-columns:1fr minmax(120px,200px) 56px;align-items:center;gap:10px;display:grid}.fx-opt-row .fx-opt-check,.fx-opt-row .fx-opt-select{grid-column:2/4;justify-self:start}.fx-opt-value{color:var(--muted);text-align:right}.fx-online:not(:empty):before{content:"· "}.fx-online{font:700 13px var(--display);letter-spacing:.08em;color:var(--muted)}.sx-setup{z-index:40;box-sizing:border-box;font:15px var(--body);color:var(--text);background:radial-gradient(at 50% 30%,#3b2f22 0%,#17110b 80%);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.sx-setup-frame{box-sizing:border-box;background:var(--stone) padding-box, var(--bronze) border-box;width:min(1180px,100%);box-shadow:0 0 0 1px var(--edge-dark), 0 18px 50px #000c, inset 0 0 30px #00000073;border:4px solid #0000;border-radius:6px;padding:14px 26px 20px;position:relative}.sx-setup-head{justify-content:center;align-items:center;gap:14px;margin-bottom:10px;display:flex}.sx-setup-emblem{filter:drop-shadow(0 3px 6px #000000b3);width:54px;height:54px}.sx-setup-emblem svg{width:100%;height:100%}.sx-setup-title,.sx-title{font:900 30px/1.1 var(--display);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(#fff3c8 0%,#f2c868 50%,#a8742c 100%);color:#0000;filter:drop-shadow(0 2px 1px #000000e6);-webkit-background-clip:text;background-clip:text;margin:0}.sx-setup-main{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);align-items:start;gap:16px;display:grid}@media (width<=1000px){.sx-setup-main{grid-template-columns:1fr}}.sx-players{overflow-x:auto}.sx-players .sx-input{width:120px}.sx-side{flex-direction:column;gap:12px;display:flex}.sx-panel{background:var(--well);box-shadow:var(--carved);border-radius:3px;padding:10px 14px 12px}.sx-panel-title,.sx-sub{font:700 14px var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px #000;margin:0 0 8px}.sx-table{border-collapse:collapse;width:100%}.sx-table th{text-align:left;font:700 11px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:2px 6px 6px}.sx-table td{white-space:nowrap;border-top:1px solid #ffecc414;padding:3px 6px}.sx-table tr.out td{color:var(--dim)}.sx-table tr.me td{background:#f2cf7a1a}.sx-swatch{vertical-align:-2px;border-radius:2px;width:14px;height:14px;margin-right:6px;display:inline-block;box-shadow:0 0 0 1px #000,inset 0 1px #ffffff59}.sx-select,.sx-input{box-sizing:border-box;max-width:100%;font:14px var(--body);color:var(--text);background:#2a2119;border:1px solid #000;border-radius:2px;padding:3px 6px;box-shadow:inset 0 1px 3px #000c}.sx-input{width:150px}.sx-select:focus,.sx-input:focus{outline:1px solid var(--gold)}.sx-fixed{color:var(--muted)}.sx-field{grid-template-columns:150px 1fr;align-items:center;gap:2px 10px;margin:5px 0;display:grid}.sx-field .sx-select{width:100%}.sx-field-hint{color:var(--dim);grid-column:2;font-size:12px}.sx-label{color:var(--muted);font-weight:500}.sx-flags{grid-template-columns:1fr 1fr;gap:4px 10px;margin-top:10px;display:grid}.sx-check{cursor:pointer;align-items:center;gap:6px;display:flex}.sx-check input{accent-color:#d9a94e;width:16px;height:16px}.sx-setup-foot{justify-content:flex-end;gap:12px;margin-top:14px;display:flex}.sx-btn{font:700 15px var(--display);letter-spacing:.08em;color:var(--ink);background:var(--bronze);box-shadow:inset 0 1px 0 #fffae6b3, inset 0 -2px 0 #00000059, 0 0 0 1px var(--edge-dark), 0 3px 6px #0009;cursor:pointer;border:0;border-radius:3px;padding:7px 22px}.sx-btn:hover:not(:disabled),.sx-btn:focus-visible{filter:brightness(1.1);box-shadow:inset 0 1px 0 #fffae6b3, 0 0 0 1px var(--edge-dark), 0 0 14px #ffc45cbf;outline:none}.sx-btn:active:not(:disabled){transform:translateY(1px)}.sx-btn:disabled{cursor:default;filter:grayscale(.85)brightness(.7)}.sx-btn.secondary{color:var(--text);background:var(--stone-tex), linear-gradient(180deg, #938470 0%, #6c5f4f 55%, #574c3f 100%);box-shadow:var(--bevel-up), 0 0 0 1px var(--edge-dark), 0 2px 3px #0000008c;text-shadow:0 1px #000}.sx-btn.small{min-width:26px;font:700 16px/1.2 var(--body);padding:1px 7px}.sx-play{min-width:160px;font-size:18px}.sx-add{margin-top:8px}.sx-modal{z-index:24;pointer-events:auto;font:15px var(--body);color:var(--text);background:radial-gradient(at 50% 45%,#140c064d 0%,#050302bf 75%);place-items:center;display:none;position:fixed;inset:0}.sx-modal.show{animation:.15s ease-out fade-in;display:grid}.sx-card{box-sizing:border-box;background:var(--stone) padding-box, var(--bronze) border-box;width:620px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);box-shadow:0 0 0 1px var(--edge-dark), 0 18px 50px #000c, inset 0 0 30px #00000073;border:4px solid #0000;border-radius:6px;flex-direction:column;padding:16px 26px 20px;display:flex;position:relative}.sx-civ .sx-card{width:860px}.sx-title{text-align:center;margin-bottom:10px;font-size:24px}.sx-body{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:auto}.sx-hint{color:var(--muted);margin:0;font-size:13px}.sx-status{font:700 13px var(--display);letter-spacing:.08em;color:var(--gold);margin:0}.sx-good{color:#9be07a}.sx-bad{color:#f08a6a}.sx-neutral{color:#e6d38a}.sx-stance.ally{color:#9be07a}.sx-stance.neutral{color:#e6d38a}.sx-stance.enemy{color:#f08a6a}.sx-stance option{color:initial}.sx-row{align-items:center;gap:10px;display:flex}.sx-actions{justify-content:center;gap:12px;margin-top:8px;display:flex}.sx-tabs{border-bottom:1px solid #0009;gap:4px;display:flex}.sx-tab{font:700 12px var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:#00000059;border:0;border-radius:3px 3px 0 0;padding:5px 14px}.sx-tab.active{color:var(--ink);background:var(--bronze)}.sx-tribute{background:var(--well);box-shadow:var(--carved);border-radius:3px;flex-direction:column;gap:3px;padding:6px 10px;display:flex}.sx-trow{grid-template-columns:150px 30px 60px 30px 1fr;align-items:center;gap:6px;display:grid}.sx-amount{text-align:center;color:var(--gold)}.sx-fee{color:var(--dim);font-size:12px}.sx-civ-cols{grid-template-columns:220px 1fr;gap:12px;min-height:0;display:grid}.sx-civ-list,.sx-civ-detail,.sx-builder{background:var(--well);max-height:52vh;box-shadow:var(--carved);border-radius:3px;padding:6px;overflow-y:auto}.sx-civ-list{flex-direction:column;gap:2px;display:flex}.sx-civ-item{text-align:left;font:15px var(--body);color:var(--text);cursor:pointer;background:#ffecc40d;border:0;border-radius:2px;padding:4px 8px}.sx-civ-item:hover,.sx-civ-item.active{background:#f2cf7a33;box-shadow:inset 0 0 0 1px #f2cf7a99}.sx-bonuses{margin:0;padding-left:18px;line-height:1.5}.sx-builder{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;display:grid}.sx-cat-name{font:700 12px var(--display);letter-spacing:.06em;color:var(--gold)}.sx-bonus{grid-template-columns:1fr 28px 28px;align-items:center;gap:4px;font-size:13px;display:grid}.sx-bonus.owned .sx-bonus-name{color:#9be07a}.sx-price{text-align:right;color:var(--muted)}.sx-end{pointer-events:auto}.sx-end-card{box-sizing:border-box;width:760px;max-width:calc(100vw - 32px);padding:26px 30px 24px}.sx-end-card .sx-tabs{justify-content:center;margin-top:14px}.sx-stats-wrap{background:var(--well);box-shadow:var(--carved);border-radius:3px;padding:6px;overflow-x:auto}.sx-stats td{text-align:left}.sx-stats td.best{color:var(--gold);font-weight:700}.sx-star{color:#ffd75a;text-shadow:0 0 6px #ffc850cc;margin-left:4px}.sx-end-card .sx-hint{margin-top:6px}.sx-reopen{top:calc(var(--top-h,30px) + 54px);z-index:19;pointer-events:auto;display:none;position:fixed;left:50%;transform:translate(-50%)}.sx-reopen.show{display:block}.tb-btn.sx-blink{animation:1s ease-in-out infinite sx-blink}@keyframes sx-blink{50%{filter:brightness(1.7)drop-shadow(0 0 6px #ffd26ef2)}}.sx-chart{background:#0a060273;border-radius:3px;max-width:600px;margin:4px auto 2px;padding:6px 4px 2px;box-shadow:inset 0 0 0 1px #c9a26559}.sx-chart svg{width:100%;height:auto;display:block}.sx-chart .sx-grid{stroke:#f2d48a29;stroke-width:1px}.sx-chart .sx-axis{fill:#c9b48c;font:600 11px var(--body,sans-serif)}.mp-body{margin-top:10px}.mp-entry{max-width:560px;margin:0 auto}.mp-intro{margin:4px 0 14px;line-height:1.45}.mp-choice{align-items:center;gap:10px;margin:12px 0;display:flex}.mp-code{width:9em;font:700 18px var(--display);letter-spacing:.25em;text-transform:uppercase}.mp-status{min-height:1.4em}.mp-code-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.mp-room{font:700 24px var(--display);letter-spacing:.3em;color:#f3d58e;text-shadow:0 1px #000}.mp-hash{opacity:.7;margin-left:auto}.mp-color{white-space:nowrap}.mp-color .sx-select{width:5.6em;margin-left:6px}.mp-screen .sx-players{overflow-x:auto}.mp-ready{white-space:nowrap}.mp-chat{margin-top:12px}.mp-chat-log{background:#00000059;border-radius:3px;height:220px;padding:4px 8px;font-size:14px;line-height:1.4;overflow-y:auto;box-shadow:inset 0 1px 3px #000000b3}.mp-chat-in{box-sizing:border-box;width:100%;margin-top:6px}.mp-wait{order:-1;align-self:center;margin-right:auto}.mp-host-buttons{flex-wrap:wrap;gap:10px;display:flex}.mp-resume{background:#00000059;border-radius:4px;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:10px;padding:8px 12px;line-height:1.4;display:flex;box-shadow:inset 0 1px 3px #000000b3}.mp-resume strong{color:#f3d58e}.mp-take{margin-left:8px}.mp-saves{max-width:680px;margin:0 auto}.mp-save-list{flex-direction:column;gap:6px;max-height:50vh;line-height:1.45;display:flex;overflow-y:auto}.mp-save-row{border:1px solid var(--edge-dark);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:#00000059;border-radius:4px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.mp-save-row:hover,.mp-save-row:focus-visible{background:#f3d58e24}.mp-save-name{font-weight:700}.mp-save-meta{opacity:.75;font-size:14px}.mp-ping{font:600 12px var(--body,sans-serif);color:var(--muted,#cbbd9c);white-space:nowrap;align-items:flex-end;gap:5px;display:inline-flex}td>.mp-ping{vertical-align:middle;margin-left:8px}.mp-ping .bars{align-items:flex-end;gap:1px;height:11px;display:inline-flex}.mp-ping .bars i{background:#fff0d22e;width:3px}.mp-ping .bars i:first-child{height:3px}.mp-ping .bars i:nth-child(2){height:5px}.mp-ping .bars i:nth-child(3){height:8px}.mp-ping .bars i:nth-child(4){height:11px}.mp-ping.lvl-4 .bars i{background:#7fd36a}.mp-ping.lvl-3 .bars i:nth-child(-n+3){background:#b9d65a}.mp-ping.lvl-2 .bars i:nth-child(-n+2){background:#f0b545}.mp-ping.lvl-1 .bars i:first-child{background:#e8584a}.mp-ping.lvl-1 .ms{color:#f08a7e}.mp-pings{top:calc(var(--top-h,34px) + 8px);z-index:20;pointer-events:none;background:#17110b99;border-radius:3px;flex-direction:column;gap:2px;padding:4px 8px;display:flex;position:fixed;right:8px}.mp-pings-row{font:600 12px var(--body,sans-serif);color:var(--text,#f3e6c8);grid-template-columns:8px minmax(0,110px) auto;align-items:center;gap:6px;display:grid}.mp-pings-row .swatch{border-radius:2px;width:8px;height:8px}.mp-pings-row .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mp-banner{z-index:30;font:700 16px var(--display);letter-spacing:.06em;color:var(--text);box-shadow:0 0 0 1px var(--edge-dark), 0 4px 12px #0009;pointer-events:none;background:#17110bd9;border-radius:4px;padding:6px 18px;display:none;position:fixed;top:64px;left:50%;transform:translate(-50%)}.mp-banner.show{display:block}.mp-banner button{pointer-events:auto;vertical-align:middle;margin-left:12px}.mp-chatline{z-index:35;width:min(900px,100% - 32px);box-shadow:0 0 0 1px var(--edge-dark), 0 4px 12px #0009;background:#17110be6;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;display:none;position:fixed;bottom:230px;left:50%;transform:translate(-50%)}.mp-chatline.show{display:flex}.mp-chatline input[type=text]{flex:1}.mp-browser{max-width:560px;margin:14px auto 0}.mp-browser-head{justify-content:space-between;align-items:center;display:flex}.mp-browser-list{max-height:240px;overflow-y:auto}.mp-browser-row{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:5px 0;display:flex}.mp-browser-row .mp-browser-detail{opacity:.8;flex:1}.mp-browser-mine .mp-browser-row strong{color:var(--gold,#e8c46a)}.mp-private{margin-left:auto}.mp-online{opacity:.75;margin:-6px 0 10px}.mp-online:empty{display:none}