@font-face{font-family:Cifras;src:url(../assets/fonts/BarlowCondensed-SemiBold.ttf);font-display:block}:root{--vw:1vw;--vh:1vh;--ink:#0d0c0b;--panel:#141210;--edge:#d8cfbf;--edge2:#5d554b;--text:#efe8dc;--dim:#a59c8e;--red:#ff5a48;--ok:#8fe06a;--hi:#ffd34a;--sel:#ffe066}html,body{-webkit-user-select:none;user-select:none;background:#0b0a09;height:100%;margin:0;padding:0;overflow:hidden}#app canvas{display:block;position:fixed;top:0;left:0}#ui{pointer-events:none;color:var(--text);font-family:Cifras,Arial Narrow,sans-serif;font-size:16px;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>.tip,#ui>.cursormsg,#ui>.edgeflash{pointer-events:none}.ico{vertical-align:middle;pointer-events:none;image-rendering:pixelated;image-rendering:crisp-edges;display:inline-block}.hidden{display:none!important}.panel{box-sizing:border-box;background-color:var(--panel);background-image:var(--grain);border:1px solid var(--edge);box-shadow:0 0 0 1px var(--ink), 0 6px 18px #0000008c;color:var(--text);position:absolute}.btn{cursor:pointer;box-sizing:border-box;border:1px solid var(--edge2);color:var(--text);font:inherit;background:#ffffff0a;justify-content:center;align-items:center;gap:4px;display:inline-flex;position:relative}.btn:hover{border-color:var(--edge);background:#ffffff1a}.btn:active{transform:translateY(1px)}.btn:focus{outline:none}.btn:focus-visible{outline:1px solid var(--hi)}.btn.on{border-color:var(--hi);box-shadow:inset 0 0 0 1px var(--hi);background:#ffd34a29}.btn.no{opacity:.7}.btn.no .ico{filter:grayscale(.75)}.btn .hk{color:var(--dim);font-size:12px;position:absolute;top:0;left:2px}.btn .badge{color:var(--hi);text-shadow:0 0 2px #000,0 0 2px #000;font-size:14px;position:absolute;bottom:0;right:2px}.lbl{color:var(--dim);text-transform:uppercase;letter-spacing:.6px;font-size:13px}.num{font-variant-numeric:tabular-nums}.red{color:var(--red)!important}.bar{background:#2b2722;border:1px solid #000;height:5px;display:block;overflow:hidden}.bar>i{background:var(--hi);height:100%;display:block}.bar.hp>i{background:var(--ok)}.tip{z-index:60;max-width:340px;padding:8px 11px 9px;font-size:16px;line-height:1.25;position:fixed}.tip .tt-h{color:#fff;justify-content:space-between;align-items:baseline;gap:10px;font-size:19px;display:flex}.tip kbd{color:var(--hi);border:1px solid var(--edge2);padding:0 5px;font:14px system-ui,sans-serif}.tip .tt-s{color:var(--hi);font-size:15px}.tip .tt-w{margin-top:3px}.tip .tt-c{flex-wrap:wrap;gap:4px 12px;margin-top:6px;display:flex}.cr{align-items:center;gap:2px;font-size:17px;display:inline-flex}.cr .ico{width:28px;height:28px}.cr.short b{color:var(--red)}.cr.short .ico{filter:grayscale()brightness(.75)sepia()saturate(9)hue-rotate(-28deg)drop-shadow(0 0 1px #000)}.cr i{color:var(--red);font-size:15px;font-style:normal}.cr.gain b{color:var(--ok)}.tip .tt-m{color:var(--red);margin-top:5px;font-size:15px}.tip .tt-a{color:var(--dim);margin-top:6px;font-size:15px}.tip .tt-x{color:var(--dim);margin-top:5px;font-size:15px}.cursormsg{z-index:61;color:var(--red);border-color:var(--red);max-width:380px;padding:5px 10px;font-size:17px;position:fixed}.topbar{left:var(--g-x1);top:var(--g-m);width:var(--g-barw);transform:scale(var(--topk,1));transform-origin:0 0;white-space:nowrap;justify-content:center;align-items:center;gap:0;height:46px;padding:3px 6px;display:flex}.topbar .res{box-sizing:border-box;flex:none;align-items:center;gap:2px;width:60px;height:40px;padding:0 2px;display:inline-flex;position:relative}.topbar .res.pop{width:80px}.topbar .res .ico{width:28px;height:28px}.topbar .res .v{font-size:20px}.topbar .res .rt{color:var(--dim);font-size:11px;line-height:1;position:absolute;top:1px;right:1px}.topbar .res .rt.up{color:var(--ok)}.topbar .sep{background:var(--edge2);flex:none;width:1px;height:30px;margin:0 4px}.topbar .pop .v{font-size:21px}.topbar .age{flex:none;justify-content:center;width:40px;height:38px;padding:0;font-size:16px;position:relative;overflow:hidden}.topbar .age .ring{width:auto;height:5px;position:absolute;bottom:2px;left:3px;right:3px}.topbar .age.ready{border-color:var(--hi);animation:1.6s ease-in-out infinite glow}@keyframes glow{50%{box-shadow:0 0 12px #ffd34abf}}.topbar .clock{flex:none;justify-content:center;align-items:center;gap:4px;width:88px;padding:0;font-size:18px;display:inline-flex}.topbar .spd{flex:none;width:34px;min-width:34px;height:34px;margin:0 1px;padding:0;font-size:17px}.topbar .spd .ico{width:28px;height:28px}.settings{right:var(--g-m);top:var(--g-y1);z-index:6;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.settings .srow{align-items:center;gap:8px;display:flex}.settings .s-win,.settings .s-scale{height:30px;padding:0 8px;font-size:16px}.settings input{width:140px;accent-color:var(--hi)}.bottom{height:min(276px, calc((100 * var(--vh)) - 90px));box-sizing:border-box;width:max-content;min-width:360px;max-width:calc((100 * var(--vw)) - 260px);gap:10px;padding:9px 11px;transition:opacity .2s;display:flex;bottom:8px;left:248px}.bottom.empty{display:none}.clock .dial{width:80px;height:23px;display:block}.portrait{flex-direction:column;flex:0 0 104px;align-items:center;gap:4px;display:flex}.portrait .ico{width:84px;height:84px}.portrait .nm{text-align:center;font-size:18px;line-height:1.05}.portrait .cnt{color:var(--hi);font-size:15px}.portrait .bar{width:92px}.info{border-left:1px solid var(--edge2);flex-direction:column;flex:0 0 170px;gap:3px;min-height:0;padding-left:10px;font-size:15px;display:flex;overflow:hidden auto}.info.wide{flex-basis:236px}.info .what{color:var(--dim)}.info .dim{color:var(--dim);font-size:13px}.info .castes{flex-wrap:wrap;gap:2px 8px;display:flex}.info .castes span{align-items:center;gap:1px;display:inline-flex}.info .castes .ico{width:28px;height:28px}.acts{border-left:1px solid var(--edge2);flex-direction:column;flex:0 auto;gap:6px;min-width:0;min-height:0;padding-left:10px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.act{width:44px;height:44px}.act .ico{width:28px;height:28px}.act.sm{width:44px;height:44px}.act.sm .ico{width:28px;height:28px}.sub{border:1px dashed var(--edge2);gap:4px;padding:4px;display:flex}.queen{grid-template-columns:repeat(3,auto);grid-auto-rows:min-content;align-content:start;gap:3px 14px;min-height:0;display:grid;overflow:hidden auto}.queen .sec{flex-direction:column;gap:2px;min-width:0;display:flex}.queen .sec .row{flex-wrap:wrap;max-width:440px}.btn.act.back{align-items:center;gap:6px;width:auto;min-width:44px;padding:0 12px 0 8px;font-size:18px;display:flex}.btn.act.back span{text-transform:uppercase;letter-spacing:.5px}.queen .sec .lbl{margin-bottom:5px}.queen .act{width:44px;height:44px}.queen .act .ico,.queen .act.big .ico{width:28px;height:28px}.qe{flex-direction:column;gap:1px;width:40px;height:46px;padding:1px}.qe .ico{width:28px;height:28px}.qe .bar{width:34px;height:4px}.qe .t{font-size:12px;line-height:1}.qe.wait{opacity:.6}.wts{align-items:center;gap:3px;display:flex}.wt{flex-direction:column;align-items:center;width:32px;display:inline-flex}.wt .ico{width:28px;height:28px}.wt .n{font-size:15px}.wt .pm{gap:1px;display:flex}.wt .pm .btn{width:15px;height:15px;padding:0;font-size:13px;line-height:1}.loopmark{width:14px;height:14px;position:absolute;top:-4px;right:-3px}.mej{border-left:1px solid var(--edge2);background:linear-gradient(90deg,#ffd34a12,#ffd34a00 70%);flex-direction:column;flex:none;gap:4px;width:104px;min-width:0;min-height:0;margin-left:auto;padding:0 0 0 10px;display:flex;overflow:hidden auto}.mej-h{color:var(--hi);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;align-items:center;gap:5px;font-size:15px;display:flex}.mej-r{color:var(--dim);white-space:nowrap;margin-top:-3px;font-size:13px}.mej-h .ico{width:14px;height:14px}.mej .row{flex-wrap:wrap;margin-top:4px}.queen .sec.wide2{grid-column:span 2}.mej .act{width:44px;height:44px}.mej .act .ico{width:28px;height:28px}.mej .act .ucaste .ico,.mej .act .agelock .ico{width:14px;height:14px}.phero.on{background:#e06ab02e;border-color:#e06ab0;box-shadow:inset 0 0 0 1px #e06ab0}.minimap{width:232px;height:232px;padding:7px;bottom:8px;left:8px}.minimap canvas{width:216px;height:216px;image-rendering:pixelated;cursor:crosshair;touch-action:none;display:block}.minimap canvas.dragcam{cursor:grabbing}.idlebtn{background-color:var(--panel);background-image:var(--grain);border:1px solid var(--edge);flex-direction:row;width:70px;height:52px;padding:0 6px;position:absolute;bottom:248px;left:8px}.idlebtn .ico{width:28px;height:28px}.idlebtn .n{font-size:22px}.idlebtn.dim{opacity:.6}.selmode{background-color:var(--panel);background-image:var(--grain);border:1px solid var(--edge);flex-direction:row;justify-content:flex-start;gap:6px;width:156px;height:52px;padding:0 8px;position:absolute;bottom:248px;left:84px}.selmode .ico{flex:none;width:28px;height:28px}.selmode .lbl{letter-spacing:.04em;text-transform:uppercase;color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.selmode.on{border-color:var(--hi);box-shadow:inset 0 0 0 1px var(--hi)}.selmode.on .lbl{color:#fff}#ui>.tip.selcard,.tip.selcard{pointer-events:auto;width:290px}.selcard .sm-body{flex-direction:column;gap:2px;margin-top:7px;display:flex}.selcard .sm-row{align-items:center;gap:4px;display:flex}.selcard .sm-set,.selcard .sm-idle{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:1px 6px 1px 2px;font-size:15px;display:flex}.selcard .sm-set{flex:1}.selcard .sm-set b{color:#fff;margin-left:auto}.selcard .sm-set .ico,.selcard .sm-idle .ico{width:24px;height:24px}.selcard .sm-idle{justify-content:flex-end;min-width:58px}.selcard .sm-idle:not(.has){visibility:hidden}.selcard .sm-ocio{color:var(--hi);margin-top:6px;font-size:15px}.selcard .sm-row.on .sm-set{border-color:var(--hi);color:#fff;background:#ffd34a1f}.selcard .sm-row.off .sm-set{opacity:.45;cursor:default}.selcard .sm-set:not([disabled]):hover,.selcard .sm-idle.has:hover{border-color:var(--hi);color:#fff;background:#ffd34a1f}.alerts{width:50px;max-height:calc((100 * var(--vh)) - 384px);pointer-events:none;flex-direction:column-reverse;gap:4px;display:flex;position:absolute;bottom:292px;left:206px;overflow:hidden}.alerts .alert{pointer-events:auto;flex:none}.alert{background-color:var(--panel);border:1px solid var(--red);width:50px;height:50px;animation:.35s cubic-bezier(.3,1.6,.5,1) pop;position:relative}.alert .ico{width:42px;height:42px}.alert.rain{border-color:#5aa0ff}.alert.good{border-color:var(--ok)}@keyframes pop{0%{transform:scale(.3)}}.edgeflash{opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 70px 18px #ea3b2ecc}.edgeflash.blue{box-shadow:inset 0 0 70px 18px #5096ff99}.edgeflash.good{box-shadow:inset 0 0 70px 18px #8fe06a73}.edgeflash.on{animation:1.6s ease-out flash}@keyframes flash{0%,30%{opacity:1}15%{opacity:.4}to{opacity:0}}.hint{color:var(--dim);padding:4px 12px;font-size:16px;position:fixed;top:62px;left:50%;transform:translate(-50%)}.groups{flex-wrap:wrap;gap:3px;margin-bottom:4px;display:flex}.btn.grp{height:36px;padding:0 6px 0 3px}.btn.grp .ico{width:28px;height:28px}.btn.grp .n{font-size:15px}.agetxt{flex-direction:column;align-items:flex-start;line-height:1;display:inline-flex}.agetxt small{color:var(--dim);white-space:nowrap;align-items:center;gap:1px;font-size:13px;display:inline-flex}.agetxt small .ico{width:14px;height:14px}.btn.maxed{cursor:default}.nm.red{color:var(--red)}.ups{width:min(640px, (92 * var(--vw)));max-height:calc(60 * var(--vh));z-index:5;flex-direction:column;gap:8px;padding:10px 12px;display:flex;top:62px;left:50%;overflow-y:auto;transform:translate(-50%)}.ups-h{align-items:center;gap:8px;font-size:20px;display:flex}.ups-h .lbl{margin-left:auto}.ups .row{flex-wrap:wrap;gap:4px}.upbtn{position:relative}.nestwin{z-index:4;flex-direction:column;gap:3px;padding:4px;display:flex;top:62px;right:8px}.nestwin canvas{cursor:pointer;touch-action:none;background:#120d09;display:block}.nw-top{align-items:center;gap:6px;height:26px;font-size:16px;display:flex}.nw-t{white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nw-go{gap:3px;height:24px;padding:0 8px;font-size:15px}.nw-go .ico,.nw-x .ico{width:14px;height:14px}.nw-x,.nw-pin{width:24px;height:24px}.nw-pin .ico{opacity:.55;width:14px;height:14px}.nw-pin.on .ico{opacity:1}.menu .notice{text-align:center;color:#ffd6cf;margin:0 0 12px;font-size:17px}.menu .check{cursor:pointer;flex-direction:row;align-items:center;gap:6px}.menu .check input{width:18px;height:18px;accent-color:var(--hi);flex:none}.menu .hist{align-items:center;gap:4px;display:inline-flex}.histlist{width:100%;max-height:calc(40 * var(--vh));flex-direction:column;gap:3px;display:flex;overflow-y:auto}.hrow{border-left:3px solid var(--edge2);flex-wrap:wrap;align-items:center;gap:2px 10px;padding:3px 6px;font-size:15px;display:flex}.hrow .hsp{color:#fff;font-size:17px}.menu .box:has(.histlist:not(.hidden)){width:640px}.epic{z-index:40;background:radial-gradient(#46300ad1,#050403f5 72%);justify-content:center;align-items:center;animation:1.4s fadein;display:flex;position:fixed;inset:0;overflow:hidden}.epic.lost{background:radial-gradient(#460e0acc,#050303f7 72%)}.epic .rays{background:repeating-conic-gradient(#ffd34a17 0 9deg, transparent 9deg 18deg);width:220vmax;height:220vmax;margin:-110vmax 0 0 -110vmax;animation:90s linear infinite spin;position:absolute;top:50%;left:50%}.epic.lost .rays{background:repeating-conic-gradient(#ea3b2e0f 0 9deg, transparent 9deg 18deg)}@keyframes spin{to{transform:rotate(360deg)}}.epic-in{max-width:calc(94 * var(--vw));max-height:calc(94 * var(--vh));flex-direction:column;align-items:center;gap:12px;animation:1.1s cubic-bezier(.2,1,.3,1) rise;display:flex;position:relative;overflow-y:auto}@keyframes rise{0%{opacity:0;transform:translateY(40px)scale(.94)}}.epic .hero{filter:drop-shadow(0 0 22px #ffd34acc);width:126px;height:126px}.epic h1{font-size:clamp(64px, (12 * var(--vw)), 128px);letter-spacing:8px;color:#ffd34a;text-shadow:0 0 34px #ffbe3ccc,0 4px #6d4a0a;margin:0;font-weight:400}.epic.lost h1{color:#ea3b2e;text-shadow:0 0 34px #ea3b2eb3,0 4px #4a0f0a}.epic .sub{color:var(--text);font-size:22px}.sum{border-collapse:collapse;background:#0000008c;font-size:18px}.sum th{color:var(--dim);border-bottom:1px solid var(--edge2);padding:6px 12px;font-size:15px;font-weight:400}.sum td{text-align:right;padding:5px 12px}.sum td:first-child{text-align:left}.sum tr.me td{color:#fff}.sum tr.fallen td:first-child{opacity:.7;text-decoration:line-through}.sum td.top{color:#ffd34a}.sumres{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sumres .cr{align-items:center;gap:3px;display:inline-flex}.sumres small{color:var(--dim)}.sumres .lbl{align-self:center}.epic-b{gap:12px;display:flex}.epic-b .btn{height:52px;padding:0 22px;font-size:22px}.epic-b .keep{border-color:var(--hi);align-items:center;gap:6px;display:inline-flex}.btn.locked{cursor:default;opacity:.45}.btn.locked .ico{filter:grayscale()brightness(.8)}.btn.locked:hover{border-color:var(--edge2);background:#ffffff0a}.btn.locked:active{transform:none}.pen{align-items:center;gap:12px;display:flex}.pen .big{align-items:center;gap:3px;font-size:22px;display:inline-flex}.warn{color:var(--red);align-items:center;gap:4px;display:flex}.btn.train.pressed{animation:.45s ease-out press}@keyframes press{0%{background:#8fe06a8c;transform:scale(.92)}to{background:#ffffff0a;transform:scale(1)}}.portrait.hostile .nm{color:var(--red)}.portrait.gone .ico{opacity:.35;filter:grayscale()}.info .castes .other{color:var(--dim);font-size:14px}.flag{opacity:.5;align-items:center;display:inline-flex}.flag.on{opacity:1}.toasts{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:96px;left:50%;transform:translate(-50%)}.toast{width:max-content;max-width:min(560px, (90 * var(--vw)));text-align:center;padding:6px 14px;font-size:17px;transition:opacity .6s;position:relative}.toast b{color:var(--hi)}.toast.out{opacity:0}.menu{background:radial-gradient(#1d1915,#070605 75%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu .box{flex-direction:column;align-items:center;gap:14px;width:460px;padding:28px 30px 24px;display:flex;position:relative}.menu .box:has(.opts:not(.hidden)){width:640px}.menu h1{letter-spacing:6px;color:#fff;margin:0;font-size:64px;font-weight:400}.menu .play{border-color:var(--hi);width:260px;height:72px;font-size:32px}.menu .play .ico{width:42px;height:42px}.menu .custom{height:36px;padding:0 14px;font-size:18px}.menu .opts{border-top:1px solid var(--edge2);flex-direction:column;gap:12px;width:100%;padding-top:14px;display:flex}.menu .opt{flex-direction:column;gap:5px;display:flex}.menu .opt.check{cursor:pointer;flex-direction:row;align-items:center;gap:10px}.menu .opt.check input{appearance:none;border:2px solid var(--edge);width:22px;height:22px;box-shadow:inset 0 0 0 3px var(--ink);cursor:pointer;background:#1d1a17;flex:none;margin:0;padding:0}.menu .opt.check input:checked{background:var(--hi);box-shadow:inset 0 0 0 3px var(--ink), 0 0 6px #ffd34a73}.menu .opt.check input:focus-visible{outline:2px solid var(--sel);outline-offset:2px}.menu .opt.check:has(input:not(:checked)){opacity:.7}.menu .opt.check:has(input:not(:checked)) .lbl{color:var(--dim);text-decoration:line-through}.menu .opt.check .lbl{font-size:17px}.menu .sp{grid-template-columns:1fr 1fr;gap:6px;display:grid}.menu .sp .btn{text-align:left;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 9px;font-size:17px}.menu .sp .btn small{color:var(--dim);font-size:14px;line-height:1.15}.menu .rv{gap:6px;display:flex}.menu .rv .btn{width:64px;height:38px;font-size:20px}.menu .rv.maps{flex-wrap:wrap}.menu .rv.maps .btn{width:auto;min-width:64px;height:34px;padding:0 10px;font-size:16px}.menu .seed{gap:6px;display:flex}.menu input{box-sizing:border-box;border:1px solid var(--edge2);height:36px;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;background:#0b0a09;flex:1;padding:0 9px;font-size:19px}.menu input:focus{border-color:var(--edge);outline:none}.menu .go{border-color:var(--hi);height:52px;font-size:24px}.menu .err{color:var(--red)}.ending{background:#0009;justify-content:center;align-items:center;animation:1.2s fadein;display:flex;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}}.ending .box{flex-direction:column;align-items:center;gap:10px;padding:26px 40px;display:flex;position:relative}.ending .box .ico{width:84px;height:84px}.ending h2{margin:0;font-size:44px;font-weight:400}.ending .err{color:var(--dim)}.ending .btn{height:44px;padding:0 18px;font-size:20px}.menu .play.cont{width:320px;height:78px;font-size:28px}.menu .play.cont>span{flex-direction:column;align-items:flex-start;line-height:1.05;display:flex}.menu .play small,.ending .btn small{color:var(--dim);font-size:14px;display:block}.ending.crash{z-index:50}.ending.crash .box{text-align:center;max-width:520px}.ending.crash .err{word-break:break-word;max-height:5em;font-size:13px;font-style:normal;overflow:hidden}.ending .btn.restore{border-color:var(--hi);flex-direction:column;justify-content:center;height:60px;display:flex}.btn.locked{position:relative}.btn .agetag{text-align:center;color:#d8cdb8;text-shadow:0 1px #000,0 0 2px #000;pointer-events:none;white-space:nowrap;font-size:10px;line-height:1;position:absolute;bottom:1px;left:0;right:0;overflow:hidden}.btn .newtag{background:var(--hi);color:#1a1208;pointer-events:none;border-radius:2px;padding:1px 3px;font-size:10px;line-height:1.1;animation:1.6s ease-in-out 3 newpulse;position:absolute;top:-6px;right:-6px}@keyframes newpulse{50%{transform:scale(1.15)}}.btn.age.no{filter:grayscale()brightness(.75)}.btn.age.no:hover{filter:grayscale(.6)brightness(.9)}.toast.bad{border-color:var(--red);color:#ffd6cf}.toast.good{border-color:var(--hi)}.btn.demolish.armed{border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset}.tip .popbd{flex-wrap:wrap;gap:2px 10px;margin:3px 0;display:flex}#ui>.tip.popcard,.tip.popcard{pointer-events:none;max-width:380px}#ui>.tip.popcard.v3,.tip.popcard.v3{pointer-events:auto}.popcard .pc-body{flex-direction:column;gap:6px;margin-top:7px;display:flex}.popcard .pc-g,.popcard .pc-c{font:inherit;color:inherit;background:0 0;border:1px solid #0000;align-items:center;gap:5px;display:flex}.popcard.v3 .pc-g,.popcard.v3 .pc-c{cursor:pointer}.popcard .pc-g{box-sizing:border-box;letter-spacing:.04em;text-transform:uppercase;width:100%;color:var(--dim);border-bottom-color:var(--edge2);justify-content:space-between;padding:1px 4px;font-size:15px}.popcard .pc-g b{color:#fff}.popcard .pc-cs{flex-wrap:wrap;gap:2px 4px;margin-top:3px;display:flex}.popcard .pc-c{padding:1px 6px 1px 2px;font-size:15px}.popcard .pc-c .ico{width:24px;height:24px}.popcard .pc-c.off{cursor:default}.popcard.v3 .pc-g:hover,.popcard.v3 button.pc-c:hover{border-color:var(--hi);color:#fff;background:#ffd34a1f}.tip .dim{color:var(--dim);font-size:13px}.loading{color:var(--text);pointer-events:none;place-items:center;font-size:28px;display:grid;position:fixed;inset:0}.myc{flex-direction:column;gap:3px;width:190px;padding:5px 8px 6px;font-size:15px;display:flex;bottom:306px;left:8px}.myc.hidden{display:none}.myc-h{align-items:center;gap:5px;display:flex}.myc-h b{flex:1;font-size:17px}.myc-h .ico{width:22px;height:22px}.myc-r{align-items:center;gap:6px;display:flex}.myc-r .lbl{color:var(--dim);flex:1}.myc-r .bar{flex:1;height:6px}.myc-r .bar>i{background:#c78bff}.myc-r .bar.sides{background:repeating-linear-gradient(90deg,#1c1915 0 3px,#24201b 3px 6px);display:flex}.myc-r .bar.sides>i{flex:none;transition:width 1.2s ease-out;box-shadow:inset -1px 0 #000}.myc-r .bar.sides>i.me{box-shadow:inset 0 1px #fff8,inset -1px 0 #000}.myc-r .bar.sides>i.gone,.myc-sides .gone{filter:grayscale(.8)brightness(.6)}.myc-sides{color:var(--dim);flex-wrap:wrap;gap:1px 8px;font-size:13px;display:flex}.myc-sides i{vertical-align:0;border:1px solid #000;width:8px;height:8px;margin-right:3px;display:inline-block}.myc-sides b{color:var(--text);font-weight:600}.myc-r .num{text-align:right;min-width:40px}.myc-g{font-size:14px;line-height:1.15}.myc-k{color:var(--dim);margin-top:2px;font-size:12px}.myc-warn{color:var(--red);font-size:13px;line-height:1.15}.charge{align-items:center;gap:6px;display:flex}.charge .chip{border:2px solid #1a0a34;border-radius:4px;padding:2px;display:inline-flex}.routeup{flex-wrap:wrap;align-items:center;gap:2px 6px;margin-top:2px;display:flex}.routeup .ico{width:24px;height:24px}.routeup .rt{flex:1}.routeup .bar{flex:100%;height:6px}.routeup .lbl{flex-basis:100%}body.attract #ui>:not(.mm){display:none!important}body.attract #app canvas{opacity:0;transition:opacity 1.2s}body.attract.attract-on #app canvas{opacity:1}body.attract.attract-cut #app canvas{opacity:0;transition:opacity .4s}.mm{z-index:30;background:radial-gradient(at 65%,#1d1915,#070605 78%);transition:opacity .35s;position:fixed;inset:0}body.attract-on .mm{background:0 0}.mm.leaving{opacity:0;pointer-events:none}.mm-portada{opacity:0;pointer-events:none;transition:opacity .8s;position:absolute;inset:0}.mm-portada.on{opacity:1}.mm-portada img{object-fit:cover;object-position:70% 40%;width:100%;height:100%;display:block}.mm.cover .mm-shade{background:linear-gradient(90deg,#080706d1 0,#08070680 360px,#08070600 max(46%,560px)),radial-gradient(at 62% 45%,#0000 60%,#00000073)}.mm.fondo{background:linear-gradient(90deg,#0a0c09 0,#0f140f 420px);container-type:size}.mm-fondo{opacity:0;pointer-events:none;transition:opacity .8s;position:absolute;inset:0 0 0 240px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 240px);mask-image:linear-gradient(90deg,#0000 0,#000 240px)}.mm-fondo.on{opacity:1}.mm-fondo img{object-fit:cover;object-position:50% 40%;width:100%;height:100%;display:block}.mm-fondo.px img{image-rendering:pixelated}.mm.fondo .mm-shade{background:linear-gradient(90deg,#0807068c 0,#08070600 560px),linear-gradient(0deg,#08070673 0,#08070600 90px)}.mm.fondo.paned .mm-shade{background:#08070673}@container (aspect-ratio<=5/4){.mm-fondo{left:0;-webkit-mask-image:none;mask-image:none}.mm.fondo .mm-shade{background:#08070659}}.mm-shade{pointer-events:none;background:linear-gradient(90deg,#080706e6 0,#08070699 360px,#0807061f 62%,#08070666 100%),radial-gradient(at 60%,#0000 55%,#0000008c);position:absolute;inset:0}.mm-col{width:330px;max-height:calc((100 * var(--vh)) - 32px);flex-direction:column;gap:5px;padding:20px 16px 16px;display:flex;top:50%;left:28px;overflow-y:auto;transform:translateY(-50%)}.mm-col h1{letter-spacing:6px;color:#fff;text-align:center;margin:0 0 8px;font-size:56px;font-weight:400}.mm-col .mm-ver{letter-spacing:3px;color:#ffffffb3;text-align:center;margin:-4px 0 12px;font-size:13px}.mm-col .mm-act{color:#ffffffbf;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:0;margin:-8px 0 10px;font-size:13px;display:flex}.mm-col .mm-act:empty{display:none}.mm-col .mm-act[data-act=lista]{color:#d9f2c4}.mm-col .mm-act .mm-act-btn{padding:2px 10px;font-size:13px}.mm-col .notice{text-align:center;color:#ffd6cf;margin:0 0 6px;font-size:16px}.mm-e{text-align:left;justify-content:flex-start;gap:10px;width:100%;min-height:48px;padding:6px 10px;font-size:21px}.mm-e span{flex-direction:column;line-height:1.05;display:flex}.mm-e small{color:var(--dim);margin-top:2px;font-size:13px;line-height:1.15}.mm-e.big{border-color:var(--hi);min-height:70px;font-size:28px}.mm-e.big .ico{width:42px;height:42px}.mm-sep{background:var(--edge2);height:1px;margin:6px 2px}.mm-pane{width:min(740px, calc((100 * var(--vw)) - 410px));max-height:calc((100 * var(--vh)) - 32px);padding:16px 22px 20px;animation:.25s fadein;top:50%;left:378px;overflow-y:auto;transform:translateY(-50%)}.mm-ph{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.mm-ph h2{letter-spacing:1px;margin:0;font-size:32px;font-weight:400}.mm-ph .close{height:32px;padding:0 12px;font-size:16px}.mm-pb{flex-direction:column;gap:12px;display:flex}.mm-foot{color:var(--dim);text-shadow:0 1px 2px #000;pointer-events:none;font-size:15px;position:absolute;bottom:12px;right:16px}@media (max-width:1000px){.mm-pane{width:auto;left:12px;right:12px}.mm.paned .mm-col{display:none}}.mm-pane .opt,.pm .opt{flex-direction:column;gap:5px;display:flex}.optsub{color:var(--dim);font-size:14px;line-height:1.2}.mm-pane .rv{flex-wrap:wrap;gap:6px;display:flex}.mm-pane .rv .btn{min-width:52px;height:34px;padding:0 12px;font-size:17px}.mm-pane .seed{gap:6px;max-width:320px;display:flex}.mm-pane .seed .dice{width:40px}.mm-pane input:not([type]),.mm-pane input[inputmode]{box-sizing:border-box;border:1px solid var(--edge2);height:34px;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;background:#0b0a09;flex:1;padding:0 9px;font-size:18px}.mm-pane input:focus{border-color:var(--edge);outline:none}.mm-pane .check,.optpanel .ocheck{cursor:pointer;grid-template-columns:auto auto 1fr;align-items:center;gap:4px 10px;display:grid}.mm-pane .check .optsub{grid-column:1/-1}.mm-pane .check input,.optpanel .ocheck input{appearance:none;border:2px solid var(--edge);width:22px;height:22px;box-shadow:inset 0 0 0 3px var(--ink);cursor:pointer;background:#1d1a17;margin:0}.mm-pane .check input:checked,.optpanel .ocheck input:checked{background:var(--hi)}.mm-pane .check .lbl,.optpanel .ocheck .lbl{font-size:16px}.mm-pane .go,.hdetail .go{border-color:var(--hi);align-self:flex-start;height:50px;padding:0 28px;font-size:24px}.colrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.colrow input{max-width:260px}.swatches{gap:6px;display:flex}.btn.sw{width:38px;height:32px;padding:0}.btn.sw i{border:1px solid #000;width:22px;height:18px;display:block}.acols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.ahead{border-bottom:1px solid var(--edge2);justify-content:space-between;align-items:baseline;margin-bottom:3px;padding-bottom:3px;display:flex}.atot{font-size:18px}.arow{grid-template-columns:1fr 30px 36px 30px;align-items:center;gap:4px;padding:1px 0;font-size:16px;display:grid}.arow .ac{align-items:center;gap:4px;display:inline-flex}.arow b{text-align:center;font-size:18px;font-weight:400}.arow.zero{opacity:.6}.btn.st{width:30px;height:28px;padding:0;font-size:18px}.aquick{flex-wrap:wrap;gap:6px;display:flex}.aquick .btn{height:32px;padding:0 12px;font-size:16px}@media (max-width:700px){.acols{grid-template-columns:1fr}}.slots{flex-direction:column;gap:4px;display:flex}.slot{border-left:3px solid var(--hi);background:#ffffff08;grid-template-columns:110px 1fr auto;align-items:center;gap:10px;padding:6px 8px;font-size:16px;display:grid}.slot.empty{border-left-color:var(--edge2)}.slot.empty .si{color:var(--dim)}.slot .sn{font-size:18px}.slot .btn{height:32px;padding:0 12px;font-size:16px}.otabs{flex-wrap:wrap;gap:6px;display:flex}.otabs .btn{height:32px;padding:0 14px;font-size:16px}.obody{flex-direction:column;gap:14px;margin-top:14px;display:flex}.orow{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.orow>.lbl{min-width:180px}.ochoice{flex-wrap:wrap;gap:6px;display:flex}.ochoice .btn{height:32px;padding:0 12px;font-size:16px}.osens{width:180px;accent-color:var(--hi)}.btn.twostep{height:36px;padding:0 14px;font-size:17px}.btn.twostep.armed{border-color:var(--red);color:#ffd6cf;box-shadow:inset 0 0 0 1px var(--red)}.okeys{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px 22px;display:grid}.okgroup{flex-direction:column;gap:3px;display:flex}.okgroup .lbl{margin-bottom:3px}.okrow{grid-template-columns:112px 1fr;gap:8px;font-size:15px;line-height:1.15;display:grid}.okrow kbd{color:var(--hi);border:1px solid var(--edge2);white-space:nowrap;justify-self:start;padding:1px 5px;font:13px system-ui,sans-serif}.histpane{flex-direction:column;gap:10px;display:flex}.colname{color:#fff;font-size:22px}.histpane .histlist{max-height:none}button.hrow{border:0;border-left:3px solid var(--edge2);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;padding:5px 8px;font-size:15px}button.hrow:hover,button.hrow.on{background:#ffffff0f}.hrow.won{border-left-color:var(--hi)}.hrow.watched{border-left-color:#8ab4d8}.hrow .hd{color:var(--dim);min-width:52px}.hdetail{border-left:3px solid var(--edge2);flex-direction:column;gap:10px;padding:8px 4px 14px 14px;display:flex;overflow-x:auto}.hdetail .sum{font-size:15px}.career{flex-direction:column;gap:16px;display:flex}.tiles{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;display:grid}.tile{border:1px solid var(--edge2);background:#ffffff08;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.tile b{color:#fff;font-size:26px;font-weight:400}.cgroup{flex-direction:column;gap:4px;display:flex}.crow{grid-template-columns:100px 1fr 54px;align-items:center;gap:10px;font-size:16px;display:grid}.crow .bar{height:7px}.crow .num{text-align:right}.charts{flex-direction:column;gap:6px;display:flex}.legend{flex-wrap:wrap;gap:4px 14px;font-size:15px;display:flex}.legend span,.ctip span{align-items:center;gap:5px;display:inline-flex}.legend i,.ctip i,.watchp i{border:1px solid #000;width:10px;height:10px;display:inline-block}.chartrow{flex-wrap:wrap;gap:10px;display:flex}figure.chart{border:1px solid var(--edge2);background:#00000073;margin:0;padding:6px 4px 2px;position:relative}figure.chart figcaption{padding-left:4px}figure.chart svg{display:block}figure.chart .grid{stroke:#ffffff14;stroke-width:1px}figure.chart .ax{fill:var(--dim);font:11px Cifras,sans-serif}figure.chart .ln{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}figure.chart .end{fill:var(--text);font:12px Cifras,sans-serif}figure.chart .cross{stroke:#ffffff73;stroke-width:1px}figure.chart .cross.hidden{display:none}figure.chart .hit{fill:#0000;cursor:crosshair}.ctip{z-index:2;background:var(--panel);border:1px solid var(--edge);pointer-events:none;white-space:nowrap;flex-direction:column;gap:2px;padding:5px 8px;font-size:14px;display:flex;position:absolute;top:22px}:root{--t1:#c08552;--t2:#c9ccd2;--t3:var(--hi)}.achpane{flex-direction:column;gap:12px;display:flex}.achhead{border-bottom:1px solid var(--edge2);flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.achtop{align-items:center;gap:12px;display:flex}.achtop b{font-size:24px;font-weight:400}.achtop .bar{flex:1;max-width:260px;height:7px}.achtop .pct{color:var(--dim);font-size:15px}.achtiers{color:var(--dim);flex-wrap:wrap;gap:14px;font-size:14px;display:flex}.achtiers .tier i{vertical-align:0;border:1px solid #000;width:9px;height:9px;margin-right:5px;display:inline-block}.achtiers .tier.t1 i{background:var(--t1)}.achtiers .tier.t2 i{background:var(--t2)}.achtiers .tier.t3 i{background:var(--t3)}.achtiers b{color:var(--text);font-weight:400}.achlast{color:var(--dim);font-size:14px}.achlast b{color:var(--text);font-weight:400}.achfilt{gap:6px;display:flex}.achfilt .btn{padding:3px 10px;font-size:15px}.achlist{flex-direction:column;gap:12px;display:flex}.achgroup{flex-direction:column;gap:3px;display:flex}.achgroup>.lbl{justify-content:space-between;margin-bottom:2px;display:flex}.ach{background:#ffffff08;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:4px 8px;display:grid}.ach.got{background:#ffd34a0f}.ach.left .an{color:var(--dim)}.ach .an{flex-direction:column;font-size:17px;line-height:1.1;display:flex}.ach .an small{color:var(--dim);font-size:14px}.ach .as{color:var(--dim);white-space:nowrap;font-size:14px}.ach .as.prog{align-items:center;gap:6px;display:flex}.ach .as.prog .bar{width:64px;height:5px}.medal{box-sizing:border-box;border:2px solid var(--t1);background:#1d1a16;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:relative;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000}.medal.t2{border-color:var(--t2)}.medal.t3{border-color:var(--t3)}.medal.off{border-color:var(--edge2);background:#15130f}.medal.off .ico{filter:grayscale()brightness(.6)}.medal .q{color:var(--dim);font-size:20px;font-weight:400}.achtoast .medal{border-width:3px;width:50px;height:50px}.achtoasts{z-index:40;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed;top:64px;right:16px;pointer-events:none!important}.achtoast{width:330px;max-width:calc((100 * var(--vw)) - 32px);border-color:var(--t1);opacity:0;grid-template-columns:50px 1fr;align-items:center;gap:10px;padding:8px 12px 8px 8px;transition:opacity .35s,transform .35s;display:grid;position:relative;transform:translate(24px)}.achtoast.t2{border-color:var(--t2)}.achtoast.t3{border-color:var(--t3)}.achtoast.in{opacity:1;transform:none}.achtoast.out{opacity:0;transition:opacity .6s}.achtoast .an{flex-direction:column;line-height:1.15;display:flex}.achtoast .an .lbl{font-size:12px}.achtoast .an b{color:var(--hi);font-size:19px;font-weight:400}.achtoast .an small{color:var(--dim);font-size:14px}.pm{z-index:45;background:#0000008c;justify-content:center;align-items:center;gap:12px;animation:.2s fadein;display:flex;position:fixed;inset:0}.pm-box{flex-direction:column;gap:5px;width:300px;padding:18px 16px;display:flex;position:relative}.pm-box h2{text-align:center;margin:0 0 8px;font-size:30px;font-weight:400}.pm-e{justify-content:flex-start;gap:10px;width:100%;height:44px;padding:0 10px;font-size:20px}.pm-d{flex-direction:column;gap:2px;margin-top:4px;display:flex}.pm-d .twostep{width:100%}.pm-side{width:min(660px, calc((100 * var(--vw)) - 360px));max-height:calc(82 * var(--vh));padding:16px 18px;position:relative;overflow-y:auto}.pm-side h3{margin:0 0 10px;font-size:24px;font-weight:400}.watchp{z-index:6;flex-direction:column;gap:3px;padding:7px 10px;font-size:16px;display:flex;top:62px;left:12px}.wrow{grid-template-columns:12px 70px 40px 40px auto;align-items:center;gap:6px;display:grid}.wrow.fallen{opacity:.45;text-decoration:line-through}body.watch .bottom .acts,body.watch .bottom .queen{display:none}.loading.ls{z-index:35;background:radial-gradient(#1d1915,#070605 78%);transition:opacity .5s}.loading.ls.gone{opacity:0}.ls-in{max-width:min(620px, (90 * var(--vw)));text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.ls-mode{color:#fff;font-size:30px}.ls-map{text-align:left;justify-content:center;align-items:center;gap:10px;font-size:22px;display:flex}.ls-map>span{flex-direction:column;display:flex}.ls-map small{color:var(--dim);font-size:16px}.ls-tip{border-top:1px solid var(--edge2);border-bottom:1px solid var(--edge2);flex-direction:column;gap:4px;padding:10px 16px;display:flex}.ls-tip p{margin:0;font-size:20px;line-height:1.25}.ls-dots{color:var(--dim);font-size:18px}.epic .etabs .btn{height:34px;font-size:17px}.epic .ebody{max-width:calc(94 * var(--vw));flex-direction:column;align-items:center;gap:12px;display:flex}.epic .eachs{min-width:min(460px, (90 * var(--vw)));flex-direction:column;gap:4px;display:flex}.epic .chartrow{justify-content:center}.epic.k-observar{background:radial-gradient(#1e2c3cd1,#040506f5 72%)}.epic.k-observar h1{color:#cfe3f5;text-shadow:0 0 30px #78aadc99,0 4px #1d2a38;font-size:clamp(48px, (8 * var(--vw)), 96px)}.wrow.wh{color:var(--dim);text-transform:uppercase;letter-spacing:.4px;font-size:12px}.wrow.wh i{visibility:hidden}.watchp .wrow{grid-template-columns:12px 64px 62px 58px auto}body.watch .topbar .res,body.watch .topbar .age,body.arena .topbar .res,body.arena .topbar .age,body.arena .topbar .pop{display:none}.agetxt.up small{font-size:12px}.topbar .age.arrived{animation:1.4s ease-out 2 agearrive}@keyframes agearrive{0%{box-shadow:0 0 #ffd34a00}30%{border-color:var(--hi);box-shadow:0 0 22px #ffd34af2}to{box-shadow:0 0 #ffd34a00}}.edgeflash.age{box-shadow:inset 0 0 90px 24px #ffd34a99}.edgeflash.age.on{animation:2.6s ease-out flash}.agemoment{border:2px solid var(--hi);color:var(--text);text-align:center;z-index:30;cursor:pointer;max-width:calc((100 * var(--vw)) - 32px);background:#100d0ae0;flex-direction:column;align-items:center;gap:8px;padding:18px 34px 16px;animation:.5s cubic-bezier(.2,1.4,.4,1) both amin;display:flex;position:fixed;top:22%;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #000,0 0 40px #ffd34a59}.agemoment.out{animation:.8s ease-in both amout}.agemoment .am-k{letter-spacing:.18em;text-transform:uppercase;color:var(--hi);font-size:15px}.agemoment .am-t{text-shadow:0 2px #000;align-items:center;gap:14px;font-size:54px;font-weight:700;line-height:1;display:flex}.agemoment .am-i{flex-wrap:wrap;justify-content:center;gap:6px;max-width:520px;display:flex}.agemoment .am-i .ico{background:#ffffff0f;border:1px solid #ffd34a59;padding:3px}.agemoment .am-w{color:var(--dim);font-size:15px}@keyframes amin{0%{opacity:0;transform:translate(-50%)scale(.7)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes amout{to{opacity:0;transform:translate(-50%)translateY(-16px)}}.fpsbox{z-index:90;color:var(--hi);pointer-events:none;background:#0009;padding:2px 8px;font:13px system-ui,sans-serif;position:fixed;bottom:6px;right:8px}html[data-dalto=rojoverde]{--red:#ff9f1a;--ok:#6cb4ff}html[data-dalto=rojoverde] .edgeflash{box-shadow:inset 0 0 70px 18px #ff9f1acc}html[data-dalto=rojoverde] .edgeflash.blue{box-shadow:inset 0 0 70px 18px #5096ff99}html[data-dalto=rojoverde] .edgeflash.good{box-shadow:inset 0 0 70px 18px #6cb4ff80}html[data-dalto=azulamarillo]{--red:#ff5a48;--ok:#3ad6c4}html[data-dalto=azulamarillo] .edgeflash.good{box-shadow:inset 0 0 70px 18px #3ad6c480}html[data-calma="1"] *,html[data-calma="1"] :before,html[data-calma="1"] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@keyframes calmflash{0%{opacity:0}35%{opacity:.4}to{opacity:0}}html[data-calma="1"] .edgeflash.on{animation:2.4s ease-in-out calmflash!important}.pm-side.tall{height:min((82 * var(--vh)), 600px)}.okkey{justify-self:start;min-width:112px;height:28px;padding:0 10px;font-size:15px}.okkey.armed{border-color:var(--hi);color:var(--hi)}.okkey.changed{border-color:var(--ok)}.okbind{grid-template-columns:124px 1fr auto;align-items:center}.okreset{height:24px;padding:0 8px;font-size:13px}.okmsg{min-height:20px;color:var(--hi);font-size:15px}.owhat{color:var(--dim);flex-basis:100%}.ocheck .owhat{flex-basis:auto}.dalto-sw{align-items:center;gap:8px;display:flex}.dalto-sw i{border:2px solid var(--edge);width:28px;height:28px;display:inline-block}:root{--g-m:8px;--g-s:8px;--g-col:232px;--g-fila:52px;--g-in:8px;--g-x1:calc(var(--g-m) + var(--g-col) + var(--g-s));--g-barw:866px;--g-barh:46px;--topk:1;--notasw:232px;--g-y1:calc(var(--g-m) + var(--g-barh) * var(--topk) + var(--g-s));--bh:var(--g-col);--bt:calc(var(--g-m) + var(--bh) + var(--g-s));--g-alb:calc(var(--bt) + var(--g-fila) + var(--g-s));--g-mycb:calc(var(--g-alb) + var(--g-fila) + var(--g-s));--msg:156px;--nestw:350px;--nesth:311px;--chat:0px;--redh:0px;--log:clamp(150px, calc((100 * var(--vh)) - var(--g-mycb) - 96px - 2 * var(--g-s) - var(--redh)), 232px);--logb:calc(var(--g-m) + var(--log) + var(--g-s));--msgw:clamp(300px, calc((100 * var(--vw)) - var(--g-x1) - var(--nestw) - 24px), 560px)}:root:has(.mp-chat){--chat:150px}:root:has(.mp-red){--redh:96px}#ui .watchp,#ui .mp-obs{left:var(--g-m);top:var(--g-m)}#ui .minimap{left:var(--g-m);bottom:var(--g-m);width:var(--g-col);height:var(--bh)}#ui .idlebtn{left:var(--g-m);bottom:var(--bt);width:var(--g-col);height:var(--g-fila)}#ui .alerts{left:var(--g-m);bottom:var(--g-alb);width:var(--g-col);height:var(--g-fila);box-sizing:border-box;flex-direction:row;gap:4px;max-height:none}#ui .myc{left:var(--g-m);bottom:var(--g-mycb);width:var(--g-col);max-height:max(96px, calc((100 * var(--vh)) - var(--g-mycb) - var(--logb) - var(--redh)));overflow:hidden auto}#ui .bottom{left:var(--g-x1);bottom:var(--g-m);height:var(--bh);width:max-content;min-width:0;max-width:calc((100 * var(--vw)) - var(--g-x1) - var(--g-m))}#ui .hint{left:var(--g-x1);top:auto;bottom:var(--bt);max-width:var(--msgw);box-sizing:border-box;transform:none}#ui .mp-rep-bar{left:var(--g-x1);bottom:var(--bt);transform:none}#ui .toasts{left:var(--g-x1);top:auto;bottom:calc(var(--bt) + 40px);align-items:flex-start;position:absolute;transform:none}#ui .toast{text-align:left;max-width:var(--msgw);box-sizing:border-box}#ui .mp-chat{left:var(--g-x1);bottom:calc(var(--bt) + var(--msg));width:min(420px, calc((100 * var(--vw)) - var(--g-x1) - var(--g-m)))}#ui .mp-lineas{max-height:110px}#ui .ups{left:var(--g-x1);top:var(--g-y1);width:clamp(420px, calc((100 * var(--vw)) - var(--g-x1) - var(--nestw) - 24px), 640px);max-width:none;max-height:max(200px, calc((100 * var(--vh)) - var(--g-y1) - var(--bt) - var(--msg) - var(--chat) - var(--g-s)));transform:none}#ui .nestwin{right:var(--g-m);top:var(--g-y1)}#ui .panel.fb,#ui .panel.fb.min{left:auto;right:var(--g-m);top:var(--g-m);width:var(--notasw);max-width:none;max-height:max(160px, calc((100 * var(--vh)) - var(--g-m) - var(--bt) - 64px));transform:none}#ui .achtoasts{right:var(--g-m);top:auto;bottom:var(--bt);justify-content:flex-end}#ui .mp-red{left:var(--g-m);right:auto;top:var(--logb);max-width:var(--g-col);box-sizing:border-box}#ui .mp-jug{left:var(--g-m);right:auto;top:calc(var(--logb) + 32px);max-width:var(--g-col)}#ui .mp-pausa{top:calc(30 * var(--vh))}#ui .mp-espera{top:calc((30 * var(--vh)) + 56px)}#ui .mp-dialogo{top:calc((30 * var(--vh)) + 96px)}body>.fpsbox{right:auto;left:calc(16px * var(--uis,1));bottom:calc(16px * var(--uis,1))}.ups-b{flex-wrap:wrap;align-items:flex-start;gap:6px 22px;display:flex}.ups-b .sec{flex-direction:column;gap:2px;display:flex}.ups-b .sec .lbl{margin-bottom:5px}.btn .ucaste{pointer-events:none;filter:drop-shadow(0 0 1px #000);line-height:0;position:absolute;top:1px;left:1px}.btn .agelock{pointer-events:none;filter:drop-shadow(0 0 1px #000);gap:0;line-height:0;display:flex;position:absolute;bottom:1px;left:1px}.btn.locked .agelock .ico,.btn.locked .ucaste .ico{filter:none}.ups .btn.locked{opacity:.6}.btn.act .ucaste .ico,.btn.act .agelock .ico{width:14px;height:14px}#ui .tip.mapcard{max-width:300px}.team-box{z-index:12;background:var(--panel-bg,#14120ed1);pointer-events:auto;border-radius:6px;flex-direction:column;gap:3px;padding:6px 8px;font-size:14px;display:flex;position:fixed}.team-box.hidden{display:none}.team-h{opacity:.75;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.team-row{align-items:center;gap:6px;display:flex}.team-row.gone{opacity:.55}.team-sw{border-radius:2px;width:10px;height:10px;display:inline-block}.team-gift{gap:2px;margin-left:4px;display:flex}.team-gift .btn.sm{min-width:0;padding:1px}#ui .team-box{left:var(--g-m);top:var(--logb);width:var(--g-col);box-sizing:border-box;position:absolute}:root:has(.mp-red) #ui .team-box{top:auto;bottom:calc(var(--g-mycb) + 104px)}.btn.act.going .uleft{color:var(--hi);text-shadow:0 1px #000,0 0 2px #000;pointer-events:none;white-space:nowrap;font-size:11px;line-height:1.1;position:absolute;top:0;right:2px}.btn.act.going .uleft:empty{display:none}#ui .log{left:var(--g-m);top:var(--g-m);z-index:4;width:var(--g-col);height:var(--log);box-sizing:border-box;color:var(--text);text-shadow:0 1px 1px #000,0 0 3px #000;border-radius:4px;flex-direction:column;padding:3px 4px;font-size:13px;line-height:16px;transition:background .2s;display:flex;position:absolute}#ui .log:hover,#ui .log.on{background:#14120e9e}.log-goal{color:var(--hi);border-bottom:1px solid #ffffff1f;flex:none;align-items:flex-start;gap:5px;margin-bottom:2px;padding:1px 2px 3px;font-size:14px;line-height:17px;display:flex}.log-goal.hidden{display:none}.log-lista{scrollbar-width:none;flex-direction:column;flex:1;gap:1px;min-height:0;display:flex;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0,#000 16px);mask-image:linear-gradient(#0000 0,#000 16px)}.log:hover .log-lista,.log.on .log-lista{-webkit-mask-image:none;mask-image:none}.log-lista>:first-child{margin-top:auto}.log-l{border-radius:3px;flex:none;align-items:flex-start;gap:5px;padding:1px 2px;transition:opacity .8s;display:flex}.log-l .ico,.log-goal .ico{filter:drop-shadow(0 1px 1px #000);flex:none;margin-top:1px}.log-l .log-x{flex:1;min-width:0}.log-l .log-t{opacity:.6;flex:none;font-size:11px;display:none}.log:hover .log-l .log-t,.log.on .log-l .log-t{display:inline}.log-l.good{color:#e4f0c8}.log-l.bad{color:#ffcfc4}.log-l.tut{color:#f3e3b3;font-style:italic}.log-l.old{opacity:.55}.log:hover .log-l.old,.log.on .log-l.old{opacity:1}.log-l.go{cursor:pointer}.log-l.go:hover{background:#ffffff1a}:is(#ui:has(.watchp) .log,#ui:has(.mp-obs) .log){display:none}.panel.man{box-sizing:border-box;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.panel.man.hidden{display:none}#ui>.panel.man{left:var(--g-x1);top:var(--g-y1);z-index:5;width:clamp(420px, calc((100 * var(--vw)) - var(--g-x1) - var(--nestw) - 24px), 640px);height:max(200px, calc((100 * var(--vh)) - var(--g-y1) - var(--bt) - var(--msg) - var(--chat) - var(--g-s)));position:absolute}.mm-man .panel.man{height:min(calc(72 * var(--vh)), 660px);box-shadow:none;background:0 0;border:0;padding:0;position:relative;inset:auto;transform:none}.man.inline .man-cab>.ico,.man.inline .man-cab>b{display:none}.man-cab{flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:17px;display:flex}.man-tabs{flex-wrap:wrap;gap:3px;display:flex}.man-tab,.man-w{align-items:center;gap:4px;min-width:0;height:26px;padding:1px 7px;font-size:13px;display:flex}.man-tab.on,.man-w.on{border-color:var(--hi);color:var(--hi)}.man-x{margin-left:auto;padding:2px}.man-who{flex-wrap:wrap;gap:3px;display:flex}.man-who.hidden{display:none}.man-w{height:22px;font-size:12px}.man-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(170px,34%);gap:8px;min-height:0;display:grid}.man-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:2px;display:grid;overflow-y:auto}.man-col{border-radius:4px;flex-direction:column;gap:2px;min-width:0;padding:0 2px 4px;display:flex}.man-col.here{background:#ffd34a12;box-shadow:inset 0 0 0 1px #ffd34a59}.man-col.man-rivales{grid-column:1/span 2}.man-ah{z-index:1;font:inherit;color:var(--text);text-align:left;border:0;border-bottom:1px solid var(--edge2);cursor:pointer;background:#14120ef2;flex-direction:column;align-items:flex-start;gap:0;margin-bottom:2px;padding:3px 4px;font-size:13px;display:flex;position:sticky;top:0}.man-ah:hover,.man-ah.sel{color:var(--hi)}.man-here,.man-next{text-transform:uppercase;letter-spacing:.04em;color:var(--hi);font-size:10px;line-height:12px}.man-next{color:var(--dim)}.man-list{flex-direction:column;gap:2px;display:flex}.man-it{min-width:0;font:inherit;color:var(--text);text-align:left;cursor:pointer;background:#00000047;border:1px solid #0000;border-left-width:3px;border-radius:3px;align-items:center;gap:3px;padding:1px 3px 1px 1px;font-size:12px;line-height:15px;display:flex;position:relative}.man-it:hover{background:#3c3428cc}.man-ic{flex:none;line-height:0;position:relative}.man-nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.man-it.have{border-left-color:var(--ok)}.man-it.ok{border-left-color:var(--edge2)}.man-it.going{border-left-color:var(--hi)}.man-it.lock{color:var(--dim)}.man-it.lock .man-ic>.ico:first-child{opacity:.55}.man-it.sel{border-color:var(--hi);background:#504632d9}.man-lk{filter:drop-shadow(0 0 1px #000);position:absolute;bottom:-2px;left:-2px}.man-n,.man-ok{color:var(--ok);flex:none;font-size:11px}.man-col.later .man-it:not(.sel){background:#0000002e}.man-side{flex-direction:column;gap:6px;min-width:0;padding-right:2px;font-size:13px;line-height:1.35;display:flex;overflow-y:auto}.man-pick{color:var(--dim);padding:6px 2px}.man-h{align-items:center;gap:8px;font-size:16px;display:flex}.man-st{color:var(--hi);font-size:12px}.man-st.have{color:var(--ok)}.man-desc{color:var(--text)}.man-more{color:var(--dim);margin-top:4px;font-size:.92em}.man-sec{flex-direction:column;gap:1px;display:flex}.man-sec>.lbl{text-transform:uppercase;letter-spacing:.05em;color:var(--dim);font-size:11px}.man-sec .tt-c{flex-wrap:wrap;gap:2px 8px;display:flex}.man-meta{color:var(--dim)}.man-you{color:#ffc4b8}.man-at{color:var(--hi)}.man-os{flex-wrap:wrap;gap:3px;display:flex}.man-o{font:inherit;color:var(--text);border:1px solid var(--edge2);cursor:pointer;background:#0000004d;border-radius:3px;align-items:center;gap:3px;padding:1px 5px 1px 2px;font-size:12px;display:flex}.man-o:hover{border-color:var(--hi)}.btn.manlink{vertical-align:middle;align-items:center;gap:3px;min-width:0;height:20px;margin-left:4px;padding:0 6px;font-size:12px;display:inline-flex}.ring{flex-direction:column;gap:1px;font-size:13px;line-height:1.25;display:flex}.ring>span{white-space:nowrap;align-items:center;gap:3px;display:flex}.ring .ring-l{color:var(--dim)}.ring-f b{color:var(--ok);font-weight:600}.ring-d b{color:var(--red);font-weight:600}.ring-row{align-items:center;gap:2px;margin:2px 0;display:flex}.ring-row .ring-c{opacity:.55}.ring-row .ring-c.on{opacity:1;filter:drop-shadow(0 0 2px var(--hi))}.ring-arrow{color:var(--dim);font-size:14px}:root{--caja:206px}#ui .bottom{gap:var(--g-s);padding:var(--g-in);align-items:stretch}#ui .bottom>.portrait{flex:0 0 104px;justify-content:center}.caja,#ui .bottom>.info,.queen.nido>.sec,#ui .bottom>.mej{box-sizing:border-box;background:#0000003d;border:1px solid #ffffff12;border-radius:3px;flex-direction:column;flex:none;gap:4px;min-width:0;min-height:0;padding:5px 8px 6px;display:flex;overflow:hidden auto;box-shadow:inset 0 1px 3px #00000073}.caja>.lbl,.queen.nido>.sec>.lbl{white-space:nowrap;flex:none;margin:0 0 3px;line-height:16px}#ui .bottom>.info{gap:3px;width:220px}.caja>.rej{grid-template-columns:repeat(4,44px);grid-auto-rows:44px;align-content:start;gap:4px;display:grid}.caja>.rej>.sub{grid-column:1/-1}#ui .bottom>.ordenes{width:var(--caja);gap:var(--g-s);flex-direction:column;flex:none;min-height:0;display:flex}.ordenes>.caja{width:100%}.ordenes>.caja.acts{flex:0 0 124px}.ordenes>.caja.acts:only-child,.ordenes>.caja.stances{flex:1 1 0}.caja.stances>.rej{grid-template-columns:repeat(4,40px);grid-auto-rows:40px}.caja.stances .act{width:40px;height:40px}.caja.obras{width:var(--caja)}.caja.grupos{width:auto}.gru{grid-template-rows:repeat(3,40px);grid-auto-columns:max-content;grid-auto-flow:column;align-content:start;gap:4px 14px;display:grid}.gr{align-items:center;gap:4px;display:flex}.gr .btn.grp{justify-content:flex-start;width:66px;height:40px;padding:0 4px 0 3px}.gr .btn.grp .n{font-size:17px}.gr .btn.st{width:40px;height:40px;padding:0}.gr .btn.st .ico{width:28px;height:28px}.gr .btn.st:not(.on) .ico{opacity:.7}.gr .btn.st:not(.on):hover .ico{opacity:1}.gr.todas{border-bottom:1px solid #ffffff14;margin-bottom:2px;padding-bottom:6px}.gr .btn.grp.todas{cursor:default;color:var(--dim);background:0 0;border-color:#0000}.queen.nido{gap:var(--g-s);min-width:0;box-shadow:none;background:0 0;border:0;flex:0 auto;grid-template-rows:minmax(0,1fr) 80px;grid-template-columns:minmax(0,446px) minmax(0,190px) minmax(0,206px);padding:0;display:grid;overflow:hidden}.queen.nido>.sec .row{gap:4px;max-width:none}.queen.nido>.s-cola .row{grid-template-columns:repeat(4,40px);gap:4px;display:grid}.queen.nido>.s-cast{grid-area:1/1}.queen.nido>.s-cola{grid-area:1/2}.queen.nido>.s-obras{grid-area:1/3}.queen.nido>.s-rep{grid-area:2/1/3/3}.queen.nido>.s-fer{grid-area:2/3}#ui .bottom>.mej{background:linear-gradient(#ffd34a17,#0000003d 60%);border-color:#ffd34a38;width:110px;margin-left:0}::-webkit-scrollbar{background:0 0;width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--edge2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--dim)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-button{display:none}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--edge2) transparent}}#ui .bottom,#ui .bottom *,#ui .myc,#ui .alerts,#ui .toasts{scrollbar-width:none}#ui .bottom::-webkit-scrollbar{display:none}#ui .bottom ::-webkit-scrollbar{display:none}#ui .myc::-webkit-scrollbar{display:none}.runa-st{border:2px solid var(--side,var(--edge2));color:var(--side,#fff);background:color-mix(in srgb, var(--side,#fff) 14%, transparent);align-self:flex-start;padding:1px 10px;font-size:20px;line-height:1.2;display:inline-block}.runa-st.free{--side:#e8e1d2;border-style:dashed}.runa-st.fusing{border-style:dotted}