:root{--ink: #12100c;--stone1: #2d2820;--stone2: #1b1712;--edge: #6d5a38;--edge2: #3b3123;--gold: #e8bd63;--gold2: #b98a3a;--text: #f0e9d8;--muted: #a79d86;--good: #93e27c;--bad: #ff7d6a;--team: #27b7c6;--ember: #ff9a3c;--ice: #a8d4ff;--disp: "Cinzel", "Trajan Pro", Georgia, "Times New Roman", serif;--ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sb: env(safe-area-inset-bottom, 0px);--sl: env(safe-area-inset-left, 0px);--sr: env(safe-area-inset-right, 0px);--st: env(safe-area-inset-top, 0px);--noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .10 0'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");--panel: var(--noise), linear-gradient(180deg, #342e24 0%, #1f1a14 100%);--hudh: 188px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--ink);color:var(--text);font:14px/1.4 var(--ui);overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#game,#overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#game{touch-action:none;cursor:crosshair}#overlay{pointer-events:none}.hidden{display:none!important}.ic{width:1em;height:1em;flex:none;display:inline-block;vertical-align:middle}#app.noworld #topbar,#app.noworld #objectives,#app.noworld #hud,#app.noworld #dock,#app.noworld #toasts,#app.noworld #panel,#app.noworld #jobs,#app.noworld #placebar{display:none}.plate,#clock,.ib,#objectives,.toast,#selpanel,#cmdcard,#mini,.dk,#jobs,#placebar,#tip,.sheet,.dialog,.clancard,.tbtn,.btn,.cb,.bcard,.disc{background:var(--panel);border:1px solid var(--edge);box-shadow:inset 0 1px #ffebbe29,inset 0 -2px 6px #00000073,0 4px 14px #00000080}button{font:inherit;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-appearance:none;-moz-appearance:none;appearance:none}button .ic{pointer-events:none}#topbar{position:absolute;left:0;right:0;top:0;height:60px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:calc(8px + var(--st)) calc(10px + var(--sr)) 0 calc(10px + var(--sl));pointer-events:none;background:linear-gradient(#0a0806d9,#0a080600)}#topbar>*{pointer-events:auto}#chips{display:flex;gap:6px;flex-wrap:wrap}.plate{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 9px;border-radius:10px;font-family:var(--disp);font-weight:700;font-size:18px;font-variant-numeric:tabular-nums;transition:transform .2s,border-color .2s}.plate .ic{font-size:21px}.plate b{font-weight:700}.plate b i{font-style:normal;opacity:.55;font-size:.8em}.plate.food .ic{color:#ff8a72}.plate.wood .ic{color:#d9a066}.plate.stone .ic{color:#cdd2dc}.plate.knowledge .ic{color:#ffd966}.plate.provisions .ic{color:#e6a35e}.plate.pop .ic{color:#7fd9e6}.plate.up{animation:up .7s ease-out;border-color:var(--good)}.plate.up b{color:var(--good)}.plate.down b{color:#ffb4a6}.plate.low{border-color:var(--bad);animation:lowpulse 1.2s infinite}@keyframes up{0%{transform:translateY(0)}30%{transform:translateY(-3px)}to{transform:none}}@keyframes lowpulse{50%{box-shadow:0 0 14px #ff5a46b3,inset 0 1px #ffebbe29}}#clock{position:absolute;left:50%;top:calc(8px + var(--st));transform:translate(-50%);display:grid;grid-template-columns:auto auto auto;align-items:center;gap:4px 12px;padding:6px 16px 9px 8px;border-radius:14px;min-width:300px;justify-content:center}#clock .medal{grid-row:1;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:radial-gradient(circle at 30% 25%,#6a5a3a,#2a2218);border:2px solid var(--gold2);color:var(--gold);box-shadow:0 0 12px #e8bd6359}#clock .medal.cold{color:var(--ice);border-color:#7fb0e0;box-shadow:0 0 14px #96c8ff80}#clock .ctxt{display:flex;flex-direction:column;line-height:1.15}#clock .ctxt b{font-family:var(--disp);font-size:17px;letter-spacing:.08em;text-transform:uppercase}#clock .ctxt small{color:var(--muted);font-size:12px}#clock .gen{text-align:center;line-height:1;padding-left:12px;border-left:1px solid var(--edge2)}#clock .gen small{display:block;font-size:9px;letter-spacing:.2em;color:var(--muted)}#clock .gen b{font-family:var(--disp);font-size:22px;color:var(--gold)}#clock .tline{grid-column:1 / -1;position:relative;height:5px;border-radius:3px;background:#0c0a07;border:1px solid var(--edge2);overflow:hidden}#clock .tline i{position:absolute;top:0;bottom:0}#clock .tline .win{background:linear-gradient(90deg,#5a8cc0,#a8d4ff);opacity:.85}#clock .tline .now{width:3px;background:var(--gold);box-shadow:0 0 6px var(--gold);transform:translate(-1px)}#topbtns{display:flex;gap:6px}.ib{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:20px;padding:0;font-family:var(--disp);font-weight:700;transition:transform .1s,border-color .15s}.ib:hover,.dk:hover,.cb:hover,.btn:hover,.tbtn:hover,.bcard:hover{border-color:var(--gold);filter:brightness(1.12)}.ib:active,.dk:active,.cb:active,.btn:active{transform:scale(.94)}#b-speed{font:700 14px var(--ui)}#objectives{position:absolute;left:calc(10px + var(--sl));top:66px;width:310px;padding:8px 12px 10px;border-radius:12px}#objectives .oh{display:flex;align-items:center;gap:10px;cursor:pointer}#objectives .oh>.ic:first-child{font-size:24px;color:var(--gold)}#objectives .oh div{flex:1;line-height:1.15}#objectives .oh b{font-family:var(--disp);font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);display:block}#objectives .oh small{color:var(--muted);font-size:11.5px}#objectives .chev{font-size:16px;color:var(--muted)}#objectives ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}#objectives li{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;padding:3px 6px;border-radius:6px}#objectives li .ob{width:17px;height:17px;border-radius:50%;border:2px solid var(--edge);flex:none;display:grid;place-items:center;font-size:11px}#objectives li.cur{color:var(--text);font-weight:600;background:linear-gradient(90deg,rgba(232,189,99,.18),transparent)}#objectives li.cur .ob{border-color:var(--gold);box-shadow:0 0 8px #e8bd6399}#objectives li.done{color:#7e9a6e;text-decoration:line-through;text-decoration-color:#93e27c66}#objectives li.done .ob{background:var(--good);border-color:var(--good);color:#10200a}#objectives .one{margin-top:6px;font-weight:600;font-size:13.5px}#objectives .hint{display:flex;gap:8px;align-items:flex-start;margin:9px 0 0;padding:8px 10px;border-radius:8px;background:#e8bd631a;border:1px solid rgba(232,189,99,.3);color:#ffe7b0;font-size:12.5px}#objectives .hint .ic{font-size:17px;color:var(--gold);margin-top:1px}#objectives .btn{margin-top:10px;width:100%}#toasts{position:absolute;top:76px;left:50%;transform:translate(-50%);width:min(480px,56vw);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;z-index:5}.toast{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:10px;font-size:13.5px;border-left:4px solid #8c97a0;animation:pop .25s ease-out;transition:opacity .5s,transform .5s}.toast .ic{font-size:17px;flex:none}.toast.good{border-left-color:var(--good)}.toast.good .ic{color:var(--good)}.toast.bad{border-left-color:var(--bad)}.toast.bad .ic{color:var(--bad)}.toast.out{opacity:0;transform:translateY(-6px)}#alert{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;box-shadow:inset 0 0 #ff321e00}#alert.on{animation:alert 1.3s ease-out}@keyframes alert{0%{box-shadow:inset 0 0 160px #ff321ebf}to{box-shadow:inset 0 0 160px #ff321e00}}#tip{position:fixed;z-index:60;max-width:270px;padding:9px 12px;border-radius:10px;pointer-events:none;border-color:var(--gold2)}#tip .th{display:flex;align-items:center;gap:8px;justify-content:space-between}#tip b{font-family:var(--disp);color:var(--gold);font-size:14px;letter-spacing:.04em}#tip p{margin:4px 0 0;color:#ddd3bd;font-size:12.5px}#tip .tc{margin-top:7px;display:flex;gap:6px;flex-wrap:wrap}kbd{font:600 10px var(--ui);padding:1px 5px;border-radius:4px;background:#0d0b08;border:1px solid var(--edge);color:var(--muted)}.cc{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;padding:1px 6px 1px 4px;border-radius:999px;background:#0006;color:#e6dcc4}.cc .ic{font-size:12px}.cc b{font-weight:600}.cc.short{color:#ff9c8c;background:#78140a80}.cc.free{color:var(--good)}.cr{display:inline-flex;gap:4px;flex-wrap:wrap;justify-content:center}#dock{position:absolute;right:calc(10px + var(--sr));top:68px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;z-index:3}.dk{position:relative;width:58px;height:50px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;transition:transform .1s}.dk .ic{font-size:20px;color:#e5d6b0}.dk span{font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600}.dk.big{width:66px;height:60px;border-color:var(--gold2);background:var(--noise),linear-gradient(180deg,#4a3d26,#2a2114)}.dk.big .ic{font-size:25px;color:var(--gold)}.dk.big span{color:#e8d6a8}.dk.on{border-color:var(--gold);box-shadow:0 0 14px #e8bd638c,inset 0 1px #ffebbe33}.badge{position:absolute;top:-7px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--ember);color:#1e0f02;font:800 11px/20px var(--ui);font-style:normal;text-align:center;box-shadow:0 0 8px #ff963cb3}#hud{position:absolute;left:0;right:0;bottom:0;height:var(--hudh);pointer-events:none}#hud>*{pointer-events:auto;position:absolute;bottom:calc(10px + var(--sb))}#hud:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#0a0806d0,#0a080600);pointer-events:none}#mini{left:calc(10px + var(--sl));width:234px;height:162px;padding:8px;border-radius:12px;border:2px solid var(--gold2);background:linear-gradient(180deg,#4a3d26,#1d1710)}#minimap{display:block;width:216px;height:144px;border-radius:6px;background:#000;box-shadow:inset 0 0 0 1px #000,0 0 0 1px var(--edge2);touch-action:none;cursor:pointer}#selpanel{left:calc(254px + var(--sl));right:calc(310px + var(--sr));height:162px;border-radius:12px;padding:10px 14px;overflow:hidden}#cmdcard{right:calc(10px + var(--sr));width:292px;height:162px;border-radius:12px;padding:10px;border:2px solid var(--gold2)}#cmds{display:grid;grid-template-columns:repeat(4,62px);grid-auto-rows:68px;gap:6px}.cb{position:relative;border-radius:9px;padding:3px 2px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:transform .1s}.cb .ic{font-size:25px;color:#efe0b8}.cb .cl{font-size:10px;font-weight:600;letter-spacing:.03em;color:#d8cdb4;text-transform:uppercase;line-height:1}.cb kbd{position:absolute;top:3px;left:4px}.cb .cr{margin-top:1px}.cb .cc{font-size:10px;padding:0 4px 0 2px}.cb.on{border-color:var(--gold);box-shadow:0 0 14px #e8bd6399}.cb.gold{border-color:var(--gold2)}.cb.gold .ic{color:var(--gold)}.cb.dis,.btn.dis,.bcard.dis,button[data-dim]{opacity:.5;filter:grayscale(.4)}.cb .badge{top:-6px;right:-5px}.sp{display:flex;gap:14px;height:100%;align-items:flex-start}.pf{width:92px;height:92px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:50px;color:#f3e5bd;background:radial-gradient(circle at 35% 28%,#5a4a30,#1c150e);border:3px solid var(--team);box-shadow:0 0 14px #27b7c666,inset 0 0 14px #0009}.pf.bld{border-radius:14px;border-color:var(--gold2);box-shadow:inset 0 0 14px #0009}.si{flex:1;min-width:0}.si h3{margin:0 0 6px;font-family:var(--disp);font-size:19px;letter-spacing:.04em;color:var(--gold);display:flex;align-items:baseline;gap:10px;white-space:nowrap;overflow:hidden}.si h3 small{color:var(--muted);font:500 12px var(--ui);letter-spacing:0}.hp{position:relative;height:17px;border-radius:9px;background:#0b0906;border:1px solid var(--edge2);overflow:hidden}.hp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#8fe07a,#3e9a3a);transition:width .2s}.hp.low i{background:linear-gradient(180deg,#ff8a6a,#b8321e)}.hp span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:700;text-shadow:0 1px 2px #000}.hp .ic{font-size:11px}.stats{display:flex;gap:8px;align-items:center;margin-top:7px;flex-wrap:wrap}.stats span{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:#00000059;font-size:12px}.stats .st{color:var(--gold);background:#e8bd631f}.desc{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.queue{display:flex;align-items:center;gap:6px;margin-top:7px}.queue small{color:var(--muted);font-size:11px;margin-right:2px}.qs{position:relative;width:32px;height:32px;border-radius:6px;border:1px solid var(--edge2);background:#0006;display:grid;place-items:center;font-size:17px;overflow:hidden;color:#efe0b8}.qs.full{border-color:var(--gold2)}.qs i{position:absolute;left:0;right:0;bottom:0;background:#27b7c673}.sp.multi{flex-direction:column;gap:8px}.mh b{font-family:var(--disp);color:var(--gold);font-size:17px;letter-spacing:.05em}.grp{display:flex;gap:8px;flex-wrap:wrap}.gi{position:relative;width:62px;height:64px;border-radius:10px;background:radial-gradient(circle at 35% 25%,#4a3d28,#1c150e);border:2px solid var(--team);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.gi .ic{font-size:26px;color:#f3e5bd}.gi span{font-size:9px;text-transform:uppercase;color:var(--muted);letter-spacing:.04em}.sp.empty{align-items:center;color:var(--muted)}.sp.empty p{margin:0;font-size:13px}.sp.empty b{display:block;font-family:var(--disp);color:var(--text);font-size:16px;margin-bottom:3px}.eh{font-size:38px;color:var(--edge)}.muted{color:#8a8068}#jobs{position:absolute;right:calc(86px + var(--sr));top:130px;width:250px;padding:10px 14px;border-radius:12px;z-index:4;animation:pop .2s}#jobs h4{margin:0 0 8px;font-family:var(--disp);color:var(--gold);display:flex;gap:8px;align-items:center;letter-spacing:.05em}.jrow{display:grid;grid-template-columns:22px 1fr 30px 38px;gap:8px;align-items:center;padding:4px 0}.jrow .ic{font-size:18px;color:#e0d2ac}.jrow b{text-align:right;font-family:var(--disp)}.mini{height:30px;border-radius:7px;padding:0 8px;display:grid;place-items:center;background:linear-gradient(180deg,#4a3d26,#2a2114);border:1px solid var(--gold2);font-size:12px}.mini .ic{font-size:16px}#placebar{position:absolute;left:50%;bottom:calc(var(--hudh) + 6px);transform:translate(-50%);display:flex;gap:10px;align-items:center;padding:8px 10px 8px 14px;border-radius:14px;border-color:var(--gold);z-index:4}#placebar .pi{display:flex;align-items:center;gap:10px;margin-right:6px}#placebar .pi>.ic{font-size:30px;color:var(--gold)}#placebar b{font-family:var(--disp);color:var(--gold);display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:8px 18px;border-radius:10px;font-weight:600;letter-spacing:.02em;transition:transform .1s,filter .15s}.btn .ic{font-size:19px}.btn.primary{background:linear-gradient(180deg,#f1cd7c,#c4953f 55%,#9a7228);color:#20160a;border-color:#ffe39a;text-shadow:0 1px 0 rgba(255,240,200,.5);box-shadow:inset 0 1px #ffffff8c,0 4px 14px #00000080,0 0 16px #e8bd6340}.btn.primary:hover{filter:brightness(1.1)}.btn.big{min-height:50px;font-size:16px;padding:10px 26px;font-family:var(--disp);letter-spacing:.08em;text-transform:uppercase}.btn small{display:block;font-size:10.5px;opacity:.65;font-weight:500}.pulse{animation:pulse 1.5s infinite}@keyframes pulse{50%{box-shadow:inset 0 1px #ffffff8c,0 0 22px #ffc85ae6}}.xbtn{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:17px;background:#1a1510;border:1px solid var(--edge);z-index:2}.xbtn:hover{border-color:var(--gold)}#panel{position:absolute;left:0;right:0;top:64px;bottom:calc(var(--hudh) + 6px);display:grid;place-items:center;pointer-events:none;z-index:6;padding:0 90px}.sheet{position:relative;pointer-events:auto;width:min(800px,100%);max-height:100%;overflow-y:auto;border-radius:16px;padding:16px 18px 18px;border:2px solid var(--gold2);animation:pop .22s ease-out;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}.sheet h3{margin:0 0 12px;font-family:var(--disp);font-size:21px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);display:flex;gap:10px;align-items:center}.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.bcard{position:relative;display:flex;gap:12px;align-items:center;text-align:left;padding:10px 12px;border-radius:12px;overflow:hidden;transition:transform .1s,border-color .15s}.bcard:hover{transform:translateY(-2px)}.bic{width:60px;height:60px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:34px;color:var(--gold);background:radial-gradient(circle at 35% 25%,#54452c,#1a140d);border:1px solid var(--gold2)}.bt{display:flex;flex-direction:column;gap:3px;min-width:0}.bt b{font-family:var(--disp);font-size:15px;letter-spacing:.03em}.bd{font-size:11.5px;color:var(--muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bt .cr{justify-content:flex-start;margin-top:2px}.bcard.locked{opacity:.6}.lockv{position:absolute;top:8px;right:8px;font-size:18px;color:var(--muted)}.tree{display:flex;gap:0;align-items:stretch}.tree .root{width:118px;flex:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 6px;align-self:flex-start;border-radius:12px;background:radial-gradient(circle at 50% 20%,#5a3a1a,#20150b);border:2px solid var(--ember);box-shadow:0 0 18px #ff9a3c59}.tree .root .ic{font-size:38px;color:var(--ember)}.tree .root b{font-family:var(--disp);font-size:13px;letter-spacing:.05em}.tree .root small{font-size:10px;color:var(--muted)}.branches{flex:1;display:grid;gap:10px;margin-left:28px;position:relative;padding-left:18px;border-left:2px solid var(--edge)}.disc{position:relative;border-radius:12px;padding:10px 14px 12px}.disc:before{content:"";position:absolute;left:-20px;top:28px;width:18px;height:2px;background:var(--edge)}.disc.sub{margin-left:26px}.disc.sub:after{content:"";position:absolute;left:-26px;top:-12px;width:2px;height:42px;background:var(--edge)}.disc.s-preserved{border-color:var(--good);box-shadow:inset 0 1px #ffebbe29,0 0 14px #93e27c40,0 4px 14px #00000080}.disc.s-faded{border-color:#b08aff}.disc.s-hidden{opacity:.75}.dh{display:flex;align-items:center;gap:12px}.dic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:24px;color:var(--ember);background:radial-gradient(circle at 35% 25%,#5a3a1a,#1d130a);border:2px solid var(--gold2)}.disc.s-preserved .dic{border-color:var(--good);color:var(--good)}.disc.s-hidden .dic{color:var(--muted);border-color:var(--edge2)}.disc h4{margin:0;font-family:var(--disp);font-size:16px;letter-spacing:.04em}.disc h4 small{font:500 10.5px var(--ui);color:var(--muted);letter-spacing:0;margin-left:6px}.status{font-size:11.5px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.pips{display:flex;gap:0;margin:9px 0 8px}.pip{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--muted);position:relative;text-transform:uppercase;letter-spacing:.06em}.pip i{width:14px;height:14px;border-radius:50%;border:2px solid var(--edge);background:#0d0b08;z-index:1}.pip:before{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:var(--edge2)}.pip:first-child:before{display:none}.pip.on{color:var(--text)}.pip.on i{background:var(--gold);border-color:#ffe39a;box-shadow:0 0 8px #e8bd63b3}.pip.on:before{background:var(--gold2)}.disc p{margin:5px 0;font-size:13px}.disc .eff{display:flex;gap:7px;color:#ffe7b0;font-size:12.5px}.disc .eff .ic{color:var(--gold);font-size:16px;flex:none}.disc .good{color:var(--good);display:flex;gap:6px;align-items:center}.disc .muted{display:flex;gap:8px;align-items:center}.fine{color:var(--muted);font-size:12px}.why{color:var(--bad);font-size:12px}.need{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:6px 0 8px;font-size:12px;color:var(--muted)}.need .ic{font-size:13px}.disc .btn{min-height:38px;padding:6px 14px}.lin{margin-top:12px}.prog{position:relative;height:24px;border-radius:12px;background:#0b0906;border:1px solid var(--edge2);overflow:hidden;margin-top:6px}.prog div{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#4fd6d0,#1f8f98)}.prog span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;font-weight:600;text-shadow:0 1px 2px #000}#modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:14px;overflow-y:auto;background:radial-gradient(ellipse at center,#0a08058c,#060503db);animation:fade .3s}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.97)}}.dialog{width:min(600px,100%);max-height:100%;overflow-y:auto;border-radius:18px;padding:22px 26px;border:2px solid var(--gold2);animation:pop .25s ease-out;box-shadow:0 20px 60px #000000b3,inset 0 1px #ffebbe29}.dialog.small{width:min(440px,100%)}.dialog.wide{width:min(740px,100%)}.dialog h2{margin:0 0 12px;font-family:var(--disp);font-size:26px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);display:flex;gap:12px;align-items:center}.dialog h4{margin:14px 0 6px;font-family:var(--disp);color:var(--gold);letter-spacing:.06em;display:flex;gap:8px;align-items:center}.dialog p{color:#ddd3bd}.row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:18px}.row .btn{flex:1 1 150px}.menu{display:grid;gap:10px}.menu .btn.big{width:100%}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid2 .btn{justify-content:flex-start;text-align:left}.hgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px}.hgrid ul{margin:4px 0;padding-left:18px}.hgrid li{margin:3px 0;font-size:13px;color:#d6ccb4}.hgrid p{font-size:13px;margin:4px 0}.inherit{list-style:none;padding:0;margin:4px 0}.inherit li{display:flex;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px solid var(--edge2)}.inherit li .ic{font-size:20px;color:var(--ember)}.inherit li span{margin-left:auto;color:var(--muted);font-size:12.5px}.inherit li.preserved span{color:var(--good)}.inherit li.faded span{color:#b08aff}.succ{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scard{border-radius:12px;padding:12px;text-align:left;display:flex;flex-direction:column;gap:5px;background:var(--panel);border:1px solid var(--edge)}.scard .ic{font-size:26px;color:var(--gold)}.scard b{font-family:var(--disp);font-size:17px}.scard small{color:var(--muted);font-size:12px}.scard.on{border-color:var(--gold);box-shadow:0 0 18px #e8bd6373;background:linear-gradient(180deg,#4a3d26,#251d12)}.dialog.end{text-align:center}.dialog.end .medal{width:96px;height:96px;margin:0 auto 6px;border-radius:50%;display:grid;place-items:center;font-size:52px;border:3px solid var(--gold);color:var(--gold);background:radial-gradient(circle at 35% 25%,#6a5530,#1d150b);box-shadow:0 0 40px #e8bd6399}.dialog.end.lost .medal{border-color:var(--bad);color:var(--bad);box-shadow:0 0 40px #ff5a4680}.dialog.end h1{margin:6px 0;font-family:var(--disp);font-size:54px;letter-spacing:.18em;text-transform:uppercase}h1.win{color:var(--gold);text-shadow:0 0 24px rgba(232,189,99,.6)}h1.lose{color:var(--bad);text-shadow:0 0 24px rgba(255,90,70,.5)}.dialog.end .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0 8px}.dialog.end .stats div{padding:10px 4px;border-radius:10px;background:#00000059;border:1px solid var(--edge2)}.dialog.end .stats b{display:block;font-family:var(--disp);font-size:22px;color:var(--gold)}.dialog.end .stats small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.lineage{color:var(--muted);font-style:italic}#modal.titlescreen{background:linear-gradient(90deg,#080604eb,#0806049e 34%,#08060414 66%,#08060400),linear-gradient(0deg,#080604b3,#08060400 40%);place-items:stretch start;padding:0}.title{display:flex;flex-direction:column;justify-content:center;gap:30px;padding:0 0 0 clamp(24px,7vw,120px);width:100%;min-height:100%;animation:fade .8s}.logo{display:flex;flex-direction:column}.logo .mark{font-size:54px;color:var(--ember);filter:drop-shadow(0 0 16px rgba(255,150,60,.9));animation:flick 2.4s infinite;width:54px}@keyframes flick{0%,to{opacity:1;transform:scale(1)}40%{opacity:.85;transform:scale(1.04) rotate(-2deg)}70%{opacity:.95;transform:scale(.98) rotate(1deg)}}.logo h1{white-space:nowrap;margin:4px 0 0;font-family:var(--disp);font-weight:900;font-size:clamp(52px,9vw,112px);letter-spacing:.12em;line-height:1;background:linear-gradient(180deg,#fff1c4,#e8bd63 45%,#a8782a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(0,0,0,.8))}.logo .rule{width:260px;height:2px;margin:14px 0 10px;background:linear-gradient(90deg,var(--gold),transparent)}.logo .sub{margin:0;letter-spacing:.55em;color:#d8c89c;font-size:13px;font-weight:600}.tmenu{display:flex;flex-direction:column;gap:10px;width:min(360px,100%)}.clanscreen{background:radial-gradient(ellipse at center,#080604d6,#060503f0)!important}.tbtn{display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:12px;text-align:left;font-family:var(--disp);font-weight:700;font-size:18px;letter-spacing:.07em;text-transform:uppercase;transition:transform .15s,border-color .15s;border-left:4px solid var(--edge)}.tbtn .ic{font-size:26px;color:var(--gold)}.tbtn small{display:block;font:500 11.5px var(--ui);letter-spacing:.02em;text-transform:none;color:var(--muted);margin-top:1px}.tbtn:hover{transform:translate(8px);border-left-color:var(--gold)}.tbtn.primary{background:linear-gradient(180deg,#5a4526,#2b2112);border-color:var(--gold2);border-left-color:var(--gold);box-shadow:0 0 22px #e8bd6340,inset 0 1px #ffebbe33}.tag{margin:0;color:#b9ad8f;font-style:italic;font-size:14px}.clan{width:min(760px,100%);margin:auto;padding:0 14px;animation:pop .3s;text-align:center}.clan h2{font-family:var(--disp);font-size:clamp(26px,4vw,40px);letter-spacing:.16em;text-transform:uppercase;margin:0;color:var(--gold);text-shadow:0 2px 16px #000}.clan .sub{color:#cfc3a4;margin:6px 0 18px}.clancards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.clancard{position:relative;border-radius:16px;padding:14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .15s,border-color .15s}.clancard:hover{transform:translateY(-3px)}.clancard .portrait{width:132px;height:132px;border-radius:50%;border:3px solid var(--edge);box-shadow:0 6px 20px #0009}.clancard h3{margin:8px 0 0;font-family:var(--disp);font-size:22px;letter-spacing:.08em;text-transform:uppercase}.clancard .ctag{margin:0;color:var(--muted);font-size:12.5px;font-style:italic}.clancard ul{list-style:none;margin:8px 0 0;padding:0;text-align:left;display:grid;gap:4px}.clancard li{font-size:12.5px;display:flex;gap:7px;align-items:flex-start;color:#ddd3bd}.clancard li .ic{color:var(--good);font-size:14px;margin-top:2px}.clancard.on{border-color:var(--gold);box-shadow:0 0 30px #e8bd6373,0 8px 24px #0009;background:linear-gradient(180deg,#4a3d26,#251d12)}.clancard.on .portrait{border-color:var(--gold)}.chosen{position:absolute;top:10px;right:12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);display:flex;gap:4px;align-items:center}.clan .row{justify-content:center;margin-top:22px}.clan .row .btn{flex:0 1 auto;min-width:150px}@media (max-width: 899px),(max-height: 559px),(pointer: coarse){:root{--hudh: 120px;--panel: linear-gradient(180deg, #342e24 0%, #1f1a14 100%)}body{font-size:13px}#topbar{height:46px;padding-top:calc(5px + var(--st))}.plate{height:32px;padding:0 10px 0 7px;font-size:15px;gap:6px;border-radius:8px}.plate .ic{font-size:17px}#clock{top:calc(5px + var(--st));min-width:0;padding:4px 10px 6px 5px;gap:2px 8px;grid-template-columns:auto auto}#clock .medal{width:30px;height:30px;font-size:17px}#clock .ctxt b{font-size:12px}#clock .ctxt small{font-size:10px}#clock .gen{display:none}.ib{width:34px;height:34px;font-size:17px;border-radius:8px}#objectives{top:50px;width:min(236px,34vw);padding:5px 9px 7px}#objectives .oh>.ic:first-child{font-size:18px}#objectives .oh b{font-size:12px}#objectives li{font-size:11.5px;padding:1px 4px}#objectives .hint{font-size:11px;padding:5px 7px}#objectives .one{font-size:12px}#toasts{top:56px;width:min(360px,40vw)}.toast{padding:5px 10px;font-size:12px}#dock{top:52px;display:grid;grid-template-columns:repeat(2,auto);gap:5px}.dk{width:44px;height:40px;border-radius:9px}.dk .ic{font-size:16px}.dk span{font-size:7.5px;letter-spacing:0}.dk.big{width:52px;height:44px}.dk.big .ic{font-size:19px}.badge{min-width:17px;height:17px;font-size:10px;line-height:17px;top:-5px;right:-4px}#mini{width:142px;height:98px;padding:4px;border-width:1.5px;border-radius:9px;left:calc(6px + var(--sl));bottom:calc(6px + var(--sb))}#minimap{width:132px;height:88px}#selpanel{left:calc(154px + var(--sl));right:calc(236px + var(--sr));height:104px;padding:6px 10px;bottom:calc(6px + var(--sb));border-radius:9px}#cmdcard{right:calc(6px + var(--sr));width:226px;height:104px;padding:5px;bottom:calc(6px + var(--sb));border-width:1.5px;border-radius:9px}#cmds{grid-template-columns:repeat(4,51px);grid-auto-rows:46px;gap:4px}.cb{padding:1px;border-radius:7px}.cb .ic{font-size:18px}.cb .cl{font-size:8px}.cb kbd{display:none}.cb .cc{font-size:8.5px}.cb .cc .ic{font-size:9px}.pf{width:56px;height:56px;font-size:30px;border-width:2px}.sp{gap:9px}.si h3{font-size:14px;margin-bottom:3px}.si h3 small{font-size:10px}.hp{height:14px}.hp span{font-size:9.5px}.stats{margin-top:3px;gap:4px}.stats span{font-size:10.5px;padding:1px 5px}.desc{display:none}.qs{width:24px;height:24px;font-size:13px}.queue{margin-top:3px}.gi{width:52px;height:50px}.gi span{font-size:7.5px;letter-spacing:0}.gi .ic{font-size:20px}.mh b{font-size:13px}.sp.empty p{font-size:11px}.sp.empty b{font-size:13px}.eh{font-size:26px}.sp.empty .muted{display:none}#panel{top:48px;padding:0 64px 0 8px}.sheet{padding:10px 12px 12px;border-radius:12px}.sheet h3{font-size:16px;margin-bottom:8px}.bgrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:7px}.bic{width:44px;height:44px;font-size:26px}.bt b{font-size:13px}.bd{-webkit-line-clamp:2;font-size:10.5px}.disc{padding:7px 10px 9px}.disc h4{font-size:14px}.dic{width:34px;height:34px;font-size:19px}.disc p,.disc .eff{font-size:11.5px}.pip{font-size:8px;letter-spacing:0}.pips{margin:6px 0}.need{font-size:11px;gap:8px}.disc .btn{min-height:34px;font-size:12.5px}.xbtn{width:32px;height:32px;top:6px;right:6px}.tree .root{width:78px;padding:8px 4px}.tree .root .ic{font-size:26px}.branches{margin-left:16px;padding-left:12px}.disc:before{left:-14px;width:12px}.disc.sub{margin-left:16px}.disc.sub:after{left:-16px}#jobs{top:100px;right:calc(60px + var(--sr))}#placebar{bottom:calc(var(--hudh) + 4px)}.dialog{padding:14px 16px;border-radius:14px}.dialog h2{font-size:20px;margin-bottom:8px}.row{margin-top:12px}.hgrid{grid-template-columns:1fr}.hgrid li,.hgrid p{font-size:12px}.succ{grid-template-columns:1fr;gap:6px}.scard{flex-direction:row;align-items:center;flex-wrap:wrap}.scard small{flex-basis:100%}.dialog.end h1{font-size:34px}.dialog.end .medal{width:64px;height:64px;font-size:34px}.dialog.end .stats b{font-size:17px}.title{gap:16px}.logo .mark{font-size:38px}.logo .rule{margin:8px 0 6px}.logo .sub{font-size:10px}.tbtn{padding:9px 14px;font-size:14px;gap:12px}.tbtn .ic{font-size:20px}.tmenu{gap:7px}.tag{font-size:12px}.clancards{gap:10px}.clancard{padding:8px}.clancard .portrait{width:70px;height:70px}.clancard h3{font-size:15px;margin-top:4px}.clancard li{font-size:11px}.clan .sub{margin-bottom:10px;font-size:12px}.clan .row{margin-top:12px}}@media (max-width: 560px) and (orientation: portrait){:root{--hudh: 188px}#selpanel{left:calc(6px + var(--sl));right:calc(6px + var(--sr));bottom:calc(112px + var(--sb));height:74px}#cmdcard{left:auto}#mini{bottom:calc(6px + var(--sb))}#objectives{width:min(220px,56vw)}.clancards{grid-template-columns:1fr}.clancard ul{display:none}}#game.cur-attack{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='%23ff7a6a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><g stroke='%23000' stroke-width='5' opacity='.55'><path d='M6 26L22 10l1-6-6 1L4 22zM26 26L10 10 9 4l6 1 13 17z'/></g><path d='M6 26L22 10l1-6-6 1L4 22zM26 26L10 10 9 4l6 1 13 17z'/></svg>") 16 16,crosshair}#game.cur-gather{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='%2393e27c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><g stroke='%23000' stroke-width='5' opacity='.55'><path d='M4 13c4-7 20-7 24 0M16 9v20'/></g><path d='M4 13c4-7 20-7 24 0M16 9v20'/></svg>") 16 16,pointer}#game.cur-build{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='%23ffd27a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><g stroke='%23000' stroke-width='5' opacity='.55'><path d='M18 4l9 9-4 4-9-9z'/><path d='M16 14L5 25l3 3 11-11'/></g><path d='M18 4l9 9-4 4-9-9z'/><path d='M16 14L5 25l3 3 11-11'/></svg>") 16 16,pointer}#game.cur-select{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='%23ffe9a0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><g stroke='%23000' stroke-width='5' opacity='.55'><path d='M8 4l4 22 4-8 8-3z'/></g><path d='M8 4l4 22 4-8 8-3z'/></svg>") 8 4,pointer}#game.cur-move{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none' stroke='%238fe0ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><g stroke='%23000' stroke-width='5' opacity='.55'><path d='M5 16h22M19 8l8 8-8 8'/></g><path d='M5 16h22M19 8l8 8-8 8'/></svg>") 16 16,crosshair}.srow{display:grid;grid-template-columns:170px 1fr 44px;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--edge2)}.srow label{display:flex;gap:9px;align-items:center;color:var(--gold);font-family:var(--disp);letter-spacing:.05em}.srow label .ic{font-size:19px}.srow b{font-family:var(--disp);text-align:right}.srow>:nth-child(2):nth-last-child(1){grid-column:2 / 4}.srow input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--gold2),#3a2f1c);outline:none;border:1px solid var(--edge)}.srow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1c4,#c4953f);border:2px solid #5a4222;cursor:pointer;box-shadow:0 0 10px #e8bd6399}.srow input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1c4,#c4953f);border:2px solid #5a4222;cursor:pointer}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg .btn{min-height:36px;padding:4px 12px;flex:1 1 auto}.switch{display:inline-flex;align-items:center;gap:10px;background:none;border:none;padding:0;box-shadow:none}.switch i{width:46px;height:24px;border-radius:12px;background:#0d0b08;border:1px solid var(--edge);position:relative;transition:background .2s}.switch i:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#8a7f68;transition:transform .2s,background .2s}.switch.on i{background:#3a2f12;border-color:var(--gold)}.switch.on i:after{transform:translate(22px);background:var(--gold);box-shadow:0 0 8px var(--gold)}@media (max-width: 899px),(max-height: 559px){.srow{grid-template-columns:120px 1fr 34px;gap:8px;padding:6px 0}.srow label{font-size:12px}}.tiers{display:inline-flex;gap:3px;margin-left:8px;vertical-align:middle}.tiers i{width:8px;height:8px;border-radius:2px;border:1px solid var(--gold,#d9a441);opacity:.55}.tiers i.on{background:var(--gold,#d9a441);opacity:1;box-shadow:0 0 6px #d9a441b3}.job{margin:6px 0 2px}.job small{display:block;font-size:11px;opacity:.85;margin-bottom:3px}.jbar{height:6px;border-radius:3px;background:#00000073;overflow:hidden}.jbar i{display:block;height:100%;background:linear-gradient(90deg,#d9a441,#f2d27a);transition:width .3s}#cmdcard{height:auto;min-height:162px;max-height:300px;overflow-y:auto}#cmds{grid-auto-rows:80px}.cb .cr{display:flex;flex-wrap:wrap;justify-content:center;gap:0 2px;max-width:100%}.cb .cl{max-width:100%;text-align:center;overflow:hidden}@media (max-width: 900px),(max-height: 520px){#cmdcard{height:auto;min-height:104px;max-height:190px}#cmds{grid-auto-rows:54px}}#cmdcard{width:352px}#cmds{grid-template-columns:repeat(5,62px);grid-auto-rows:74px}.cb .cr{flex-wrap:nowrap;gap:3px}.cb .cc{font-size:9px;padding:0 2px 0 1px}.cb .cc .ic{font-size:10px}.cb .cl{flex:none;font-size:9px}@media (max-width: 900px),(max-height: 520px){#cmdcard{width:262px}#cmds{grid-template-columns:repeat(5,46px);grid-auto-rows:50px}}#fab,#bubble{display:none}@media (max-width: 560px) and (orientation: portrait){:root{--hudh: 96px}#topbar{height:auto;flex-wrap:wrap;align-content:flex-start;row-gap:5px;padding:calc(5px + var(--st)) calc(6px + var(--sr)) 4px calc(6px + var(--sl))}#chips{order:1;width:100%;flex-wrap:nowrap;gap:4px;justify-content:space-between}.plate{height:30px;padding:0 7px 0 5px;font-size:14px;gap:4px;border-radius:8px;flex:1 1 0;min-width:0;justify-content:center}.plate .ic{font-size:15px}#clock{order:2;position:static;transform:none;min-width:0;margin-right:auto;padding:3px 10px 5px 4px}#topbtns{order:3;gap:4px}.ib{width:34px;height:34px}#objectives{top:calc(90px + var(--st));width:min(250px,66vw)}#toasts{top:calc(124px + var(--st));width:min(340px,90vw)}#panel{top:calc(84px + var(--st));padding:0 6px}#dock{display:none}.pp #dock{display:block;position:absolute;left:29px;top:29px;right:auto;width:0;height:0;z-index:1}.pp #dock .dk{position:absolute;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;transform:scale(.25);opacity:0;pointer-events:none;transition:transform .24s cubic-bezier(.2,1.5,.4,1),opacity .16s;background:var(--noise),linear-gradient(180deg,#4a3d26,#241c11);border-color:var(--gold2);box-shadow:0 4px 12px #0009}.pp #dock .dk .ic{font-size:18px}.pp #dock .dk span{font-size:7.5px;letter-spacing:0}.pp #fab.open #dock .dk{opacity:1;pointer-events:auto;transform:translate(0)}.pp #fab.open #dock .dk:nth-child(1){transform:translate(var(--x0),var(--y0));transition-delay:0ms}.pp #fab.open #dock .dk:nth-child(2){transform:translate(var(--x1),var(--y1));transition-delay:25ms}.pp #fab.open #dock .dk:nth-child(3){transform:translate(var(--x2),var(--y2));transition-delay:50ms}.pp #fab.open #dock .dk:nth-child(4){transform:translate(var(--x3),var(--y3));transition-delay:75ms}.pp #fab.open #dock .dk:nth-child(5){transform:translate(var(--x4),var(--y4));transition-delay:.1s}.pp #fab.open #dock .dk:nth-child(6){transform:translate(var(--x5),var(--y5));transition-delay:125ms}.pp #fab.open #dock .dk:nth-child(7){transform:translate(var(--x6),var(--y6));transition-delay:.15s}.pp #fab.open #dock .dk:nth-child(8){transform:translate(var(--x7),var(--y7));transition-delay:175ms}#fab{display:block;position:fixed;z-index:8;width:58px;height:58px;touch-action:none}#fab.hidden{display:none}#fabbtn{position:relative;z-index:2;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:28px;color:#2a1a06;background:radial-gradient(circle at 35% 28%,#ffe7a8,#d9a441 70%,#8a6420);border:2px solid #5a4222;box-shadow:0 0 0 3px #e8bd6340,0 6px 16px #0009;touch-action:none;cursor:grab}#fab:not(.open):not(.moving) #fabbtn{animation:fabpulse 2.6s ease-in-out infinite}#fab.open #fabbtn{transform:rotate(90deg);background:radial-gradient(circle at 35% 28%,#ffd0c0,#c85a3c 70%,#7a2a18);transition:transform .25s}#fab.moving #fabbtn{cursor:grabbing;transform:scale(1.12)}@keyframes fabpulse{50%{box-shadow:0 0 0 9px #e8bd6300,0 6px 16px #0009}0%{box-shadow:0 0 #e8bd6380,0 6px 16px #0009}}#bubble{display:block;position:fixed;z-index:7;width:min(calc(100vw - 14px),392px);left:50%;transform:translate(-50%);bottom:calc(102px + var(--sb));border-radius:18px;overflow:hidden;border:2px solid var(--gold2);background:var(--noise),linear-gradient(180deg,#302618f5,#18120bf5);box-shadow:0 10px 30px #000000a6,inset 0 1px #ffebbe2e;animation:bubblein .22s cubic-bezier(.2,1.3,.4,1)}#bubble.hidden{display:none}#bubble.dragged{transform:none;bottom:auto}#bubble.moving{box-shadow:0 16px 40px #000000bf,0 0 0 2px var(--gold);transition:none}@keyframes bubblein{0%{opacity:0;transform:translate(-50%) scale(.92)}}#bubble.dragged{animation:none}#bgrip{display:flex;align-items:center;gap:6px;padding:4px 8px;touch-action:none;cursor:grab;background:linear-gradient(180deg,rgba(232,189,99,.14),transparent);border-bottom:1px solid var(--edge2)}#bgrip .grip{flex:1;height:14px;background:radial-gradient(circle,rgba(232,189,99,.55) 1.6px,transparent 2px) 0 0 / 9px 7px;opacity:.8}#bgrip .mini{width:32px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:15px;padding:0}#bgrip .mini.on{border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #e8bd6380}#bubble.folded #cmdcard{display:none}#bbody>*{position:static!important}#bbody #selpanel{width:auto;height:auto;padding:6px 12px 8px;border:none;background:none;box-shadow:none;overflow:visible;min-height:58px}#bbody #cmdcard{width:auto;height:auto;min-height:0;max-height:none;overflow:visible;padding:0 8px 10px;border:none;background:none;box-shadow:none}#bbody #cmds{grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(64px,auto);gap:5px}#bbody .cb{padding:4px 2px 3px}#bbody .cb .ic{font-size:20px}#bbody .cb .cl{font-size:8.5px;line-height:1.05;text-align:center;white-space:normal}#bbody .cb .cr{flex-wrap:wrap;gap:1px 2px}#bbody .cb .cc{font-size:8.5px;padding:0 3px 0 1px}#bbody .cb .cc .ic{font-size:9px}#bbody .sp .desc{display:none}#bbody .sp.empty p{font-size:11.5px;margin:0}#mini{width:112px;height:78px;padding:3px;left:calc(6px + var(--sl));bottom:calc(6px + var(--sb))}#minimap{width:104px;height:70px}#placebar{bottom:calc(var(--hudh) + 4px)}#jobs{top:calc(130px + var(--st));right:8px}}.dgrip{display:flex;align-items:center;gap:6px;touch-action:none;cursor:grab;min-height:22px}.dgrip .grip{flex:1;height:12px;background:radial-gradient(circle,rgba(232,189,99,.5) 1.5px,transparent 2px) 0 0 / 9px 6px;opacity:.75}.dgrip .mini,.mini.clr{width:28px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:14px;padding:0;flex:none}.dgrip .mini.on,.pinbtn.on{border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #e8bd6380}.pinbtn{display:inline-flex;width:auto!important;padding:0 7px!important;gap:4px;align-items:center}.pinbtn em{font:700 9px var(--ui);letter-spacing:.08em;text-transform:uppercase;font-style:normal}.dragged{right:auto!important;bottom:auto!important;transform:none!important;animation:none!important}.moving{box-shadow:0 14px 34px #000000b3,0 0 0 2px var(--gold)!important}#objectives .dgrip{margin:-2px 0 2px}#opill{display:none;align-items:center;gap:6px;font-family:var(--disp);color:var(--gold);position:relative}#opill .ic{font-size:18px}#opill .badge{right:-16px;top:-6px}#objectives.pill{width:auto;padding:4px 8px;border-radius:999px}#objectives.pill #obody,#objectives.pill .grip{display:none}#objectives.pill #opill{display:inline-flex;padding-right:8px}#jobs .dgrip{margin:-4px -2px 4px}#jobs #jpin{display:grid}.mh{display:flex;align-items:center;gap:8px}.mh b{flex:1}.mini.clr{width:auto;padding:0 8px;gap:4px;margin-left:auto;background:#00000059}.mini.clr span{font:700 9px var(--ui);letter-spacing:.06em;text-transform:uppercase}.si h3 .mini.clr{width:24px;height:22px;padding:0;font-size:12px;margin-left:auto}#bubble.pinned #bgrip{cursor:default}#bubble.pinned #bgrip .grip{visibility:hidden}@media (max-width: 899px),(max-height: 559px){#toasts{left:calc(min(236px,34vw) + 20px);transform:none;width:min(340px,calc(100vw - min(236px,34vw) - 100px));align-items:stretch;z-index:9}#objectives:not(.dragged){transition:top .2s}}@media (max-width: 560px) and (orientation: portrait){#toasts{left:6px;right:6px;width:auto;top:calc(86px + var(--st))}#objectives:not(.dragged){top:calc(90px + var(--st) + var(--lane, 0px))}}#alertbtn{position:absolute;z-index:9;left:50%;transform:translate(-50%);bottom:calc(var(--hudh) + 14px);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font:700 13px var(--ui);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,#c8402c,#7a1c10);border:2px solid #ff9a7a;box-shadow:0 0 18px #ff503299,0 6px 14px #00000080;animation:alertpulse 1.1s ease-in-out infinite}#alertbtn.hidden{display:none}#alertbtn .ic{font-size:18px}#alertbtn kbd{background:#00000059;color:#ffd;border-color:#ffffff4d}@keyframes alertpulse{50%{box-shadow:0 0 30px #ff5032f2,0 6px 14px #00000080}}@media (max-width: 560px) and (orientation: portrait){#alertbtn{bottom:auto;top:calc(124px + var(--st) + var(--lane, 0px));left:auto;right:10px;transform:none;padding:6px 10px;font-size:11px}#alertbtn kbd{display:none}}#app.noworld #alertbtn{display:none}#hud #selpanel{right:calc(374px + var(--sr))}@media (max-width: 900px),(max-height: 520px){#hud #selpanel{right:calc(276px + var(--sr))}}.cb .cdw{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:conic-gradient(from 0deg,rgba(5,4,2,.68) calc(var(--cd) * 360deg),transparent 0)}.cb .cdw:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:conic-gradient(from calc(var(--cd) * 360deg),rgba(255,220,140,.9) 0 2deg,transparent 0);mix-blend-mode:screen;opacity:.8}.cb.dis:has(.cdw){opacity:.85;filter:none}.tmenu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}.tbtn.sub-btn{padding:8px 10px;min-height:46px}.tbtn.sub-btn .ic{font-size:18px}.tbtn.sub-btn span{font-size:13px}.tbtn.sub-btn small{font-size:10px}#modal.clanscreen{place-items:center;overflow-y:auto;padding:8px 10px}#modal.clanscreen .clan{width:min(1180px,100%);margin:auto;display:flex;flex-direction:column;gap:8px;background:var(--noise),linear-gradient(180deg,#241c12f5,#120e09fa);border:2px solid var(--gold2);border-radius:16px;padding:12px 14px;box-shadow:0 16px 48px #000000d9}.clan-header-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;text-align:left}.ch-title h2{margin:0;font-size:22px;line-height:1.1}.ch-title .sub{margin:2px 0 0;font-size:12px;color:var(--muted)}.ch-summary{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sum-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#00000073;border:1px solid var(--gold2);color:var(--ink);font:600 12px var(--ui);cursor:pointer;transition:border-color .15s,transform .1s}.sum-chip:hover{border-color:var(--gold);transform:translateY(-1px)}.sum-chip b{color:var(--gold)}.sum-chip small{color:var(--muted);font-size:11px}.sw-dot{width:11px;height:11px;border-radius:50%;border:1.5px solid #fff;display:inline-block;flex-shrink:0}.clan-impact-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:6px 10px;border-radius:10px;background:linear-gradient(90deg,#e8bd631f,#0000006b);border:1px solid rgba(232,189,99,.35)}.imp-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font:700 11px var(--ui);background:#00000080;border:1px solid var(--edge2);color:#efe2c4}.imp-pill.pos{border-color:#5ce08a73;color:#9df5b8;background:#18482873}.imp-pill.neg{border-color:#ff826973;color:#ffb3a3;background:#501c1673}.imp-pill.uniq{border-color:var(--gold);color:#ffe599;background:#5a441880}.imp-pill.map{margin-left:auto;border-color:#6ec3ff66;color:#bae3ff;background:#14344e73}.clan-top-grid{display:grid;grid-template-columns:1.28fr 1fr;gap:12px;align-items:start}.clan-left-col{display:flex;flex-direction:column;gap:8px;min-width:0}.clancards.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.clancard{padding:8px 8px 10px;justify-content:flex-start;gap:4px;position:relative}.clancard h3{font-size:15px;margin:2px 0 0}.clancard .ctag{font-size:10.5px;margin:0;line-height:1.2}.clancard ul{display:none}.portrait-wrap{position:relative;width:68px;height:68px;border-radius:50%;padding:2px;background:radial-gradient(circle at 50% 32%,var(--band, #4a3a28),#14100b 75%);border:2.5px solid var(--edge);box-shadow:0 4px 14px #000000a6,inset 0 0 14px #000000a6;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;flex-shrink:0}.clancard:hover .portrait-wrap{transform:scale(1.04);border-color:var(--gold2)}.clancard.on .portrait-wrap{border-color:var(--gold);box-shadow:0 0 18px #e8bd638c,0 4px 14px #000000b3}.clancard .portrait{width:100%;height:100%;object-fit:cover;border-radius:50%;border:none;box-shadow:none;display:block}.stat-bars{width:100%;display:grid;gap:3px;margin:3px 0 2px;padding:4px 6px;border-radius:7px;background:#00000052;border:1px solid var(--edge2)}.sbar{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:5px;font-size:9.5px;color:#cfc3a4;text-align:left}.strack{height:4px;border-radius:999px;background:#000000a6;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.strack i{display:block;height:100%;border-radius:999px;box-shadow:0 0 8px #e8bd6373}.clan-dossier{padding:8px 11px;border-radius:11px;text-align:left;background:#00000061;border:1px solid var(--gold2);display:flex;flex-direction:column;gap:6px}.dossier-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.dossier-top b{display:block;font:700 13.5px var(--disp);color:var(--gold)}.dossier-top small{font-size:11px;color:var(--muted)}.dossier-bars{display:flex;gap:10px;align-items:center}.dbar{display:flex;align-items:center;gap:4px;font-size:10.5px;color:#dcd0b4}.dtrack{width:42px;height:5px;border-radius:99px;background:#000000a6;overflow:hidden}.dtrack i{display:block;height:100%;border-radius:99px}.dbar b{font-size:10.5px;color:var(--gold)}.dossier-perks{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dossier-perks li{display:flex;align-items:flex-start;gap:5px;font-size:11px;line-height:1.25;color:#eee2c6;background:#ffffff0a;padding:5px 7px;border-radius:7px;border:1px solid rgba(255,255,255,.06)}.dossier-perks li .ic{color:var(--gold);font-size:12px;flex-shrink:0;margin-top:1px}.stage-card{background:var(--panel);border:2px solid var(--gold2);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:7px;text-align:left;box-shadow:inset 0 1px #ffebbe2e,0 8px 26px #000000a6}.stage-hdr{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.stage-kicker{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600}.stage-hdr h3{margin:1px 0 0;font-family:var(--disp);font-size:18px;color:var(--gold);letter-spacing:.04em;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.uniq-pill{font:700 9px var(--ui);text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:999px;background:#e8bd632e;border:1px solid var(--gold);color:#ffe59e;font-style:normal}.gen-pills{display:flex;gap:3px;background:#00000061;padding:3px;border-radius:8px;border:1px solid var(--edge2);flex-shrink:0}.gpill{padding:3px 7px;border-radius:6px;font:700 10px var(--disp);background:transparent;border:1px solid transparent;color:var(--muted)}.gpill.on{background:linear-gradient(180deg,#5a4526,#2b2112);border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #e8bd6359}.stage-viewport{position:relative;height:210px;border-radius:11px;background:radial-gradient(circle at 50% 62%,#3a2918,#19130d 62%,#0d0a07);border:1px solid var(--edge);overflow:hidden;box-shadow:inset 0 0 28px #000000d9}#clan-stage-canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}#clan-stage-canvas:active{cursor:grabbing}.drag-hint{position:absolute;top:6px;left:8px;font-size:10px;color:#f0e9d8a6;display:inline-flex;align-items:center;gap:4px;pointer-events:none;background:#0000006b;padding:2px 7px;border-radius:999px}.pose-bar{position:absolute;bottom:6px;right:6px;display:flex;gap:3px;background:#0a0806bf;padding:2px;border-radius:7px;border:1px solid var(--edge2)}.ppill{padding:2px 7px;border-radius:5px;font:600 9.5px var(--ui);text-transform:uppercase;letter-spacing:.04em;background:transparent;border:1px solid transparent;color:var(--muted)}.ppill.on{background:#e8bd6338;border-color:var(--gold);color:#ffe7a8}.clan-deck-tabs{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#00000073;padding:4px;border-radius:10px;border:1px solid var(--edge)}.dtab{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:34px;padding:0 6px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--muted);font:700 11px var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.dtab.on{background:linear-gradient(180deg,#523e22,#281e10);border-color:var(--gold);color:var(--gold);box-shadow:0 0 10px #e8bd634d}.pane-units{display:flex;flex-direction:column;gap:6px}.gen-banner{display:flex;align-items:center;gap:8px;padding:5px 9px;border-radius:8px;background:#14100cad;border:1px solid var(--edge2);transition:border-color .2s,background .2s,box-shadow .2s}.gen-banner>.ic{font-size:18px;color:var(--ember);flex:none}.gen-banner div{display:flex;flex-direction:column;min-width:0}.gen-banner b{font:700 10.5px var(--disp);letter-spacing:.04em;color:var(--gold)}.gen-banner small{font-size:10px;color:#d8cdb4;line-height:1.2}.gen-banner.g-2{border-color:#38d39c80;background:linear-gradient(90deg,#38d39c1f,#14100cb8)}.gen-banner.g-2>.ic,.gen-banner.g-2 b{color:#67f0be}.gen-banner.g-3{border-color:var(--gold);background:linear-gradient(90deg,#e8bd6333,#14100cbf);box-shadow:0 0 14px #e8bd6340}.gen-banner.g-3>.ic,.gen-banner.g-3 b{color:#ffe28a}.gen-boost{font:700 9.5px var(--ui);font-style:normal;color:#7ef0a8;margin-left:2px}.gen-boost.neg{color:#ff9e8a}.unit-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.utab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;border-radius:7px;background:#00000059;border:1px solid var(--edge2);color:#d8cdb4;transition:border-color .15s,transform .1s}.utab .ic{font-size:16px;color:#efe0b8}.utab span{font-size:8.5px;text-transform:uppercase;letter-spacing:.02em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.utab.uniq{border-color:#e8bd6373}.utab.on{background:linear-gradient(180deg,#4a3d26,#241c11);border-color:var(--gold);box-shadow:0 0 12px #e8bd6366}.utab.on .ic,.utab.on span{color:var(--gold)}.stage-unit-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:6px 9px;border-radius:8px;background:#00000052;border:1px solid var(--edge2)}.u-stats{display:flex;flex-wrap:wrap;gap:5px;width:100%}.u-stats span{display:inline-flex;align-items:center;gap:3px;font-size:11px;padding:2px 6px;border-radius:6px;background:#00000073;color:#efe0b8}.u-stats .ic{font-size:12px;color:var(--gold)}.stage-unit-info p{margin:0;font-size:11px;color:var(--muted);line-height:1.22}.custom-bar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#00000052;border:1px solid var(--edge2)}.cfield{display:flex;flex-direction:column;gap:3px;text-align:left}.cfield label{font:700 9.5px var(--disp);text-transform:uppercase;letter-spacing:.1em;color:var(--gold);display:inline-flex;align-items:center;gap:4px}.leader-input-row{display:flex;gap:5px;align-items:center}#leader-name-input{width:100%;min-width:100px;height:30px;padding:0 8px;border-radius:7px;border:1px solid var(--edge);background:#120f0b;color:var(--text);font:600 12.5px var(--disp);letter-spacing:.04em;outline:none}#leader-name-input:focus{border-color:var(--gold);box-shadow:0 0 8px #e8bd6366}.swatches{display:flex;gap:6px;align-items:center}.swatch{width:24px;height:24px;border-radius:50%;background:var(--sw);border:2px solid rgba(255,255,255,.28);padding:0;transition:transform .12s,box-shadow .15s}.swatch:hover{transform:scale(1.12)}.swatch.on{border-color:#fff;transform:scale(1.16);box-shadow:0 0 12px var(--sw),0 0 0 2px var(--gold)}.pf.p3d{position:relative;overflow:visible;padding:0;background:radial-gradient(circle at 50% 35%,#4a3a24,#14100b 75%)}#sel-portrait-canvas{width:100%;height:100%;display:block;border-radius:50%}.pf-badge{position:absolute;right:-4px;bottom:-4px;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#3c3120,#1c160e);border:2px solid var(--gold);display:grid;place-items:center;font-size:15px;color:var(--gold);box-shadow:0 2px 8px #000000bf;font-style:normal;pointer-events:none}.clan .h2b{margin:2px 0 5px;font-size:14px;text-align:left;text-transform:uppercase;letter-spacing:.08em}.mapcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mapcard{position:relative;display:grid;grid-template-columns:74px 1fr;gap:8px;align-items:center;padding:6px 8px;border-radius:10px;text-align:left;border:1.5px solid var(--edge);background:var(--noise),linear-gradient(180deg,#3a3020,#1d1710);transition:transform .12s,border-color .15s}.mapcard:hover{transform:translateY(-1px);border-color:var(--gold2)}.mapcard.on{border-color:var(--gold);box-shadow:0 0 18px #e8bd6361}.mapcard .mthumb{display:block;aspect-ratio:3 / 2;border-radius:6px;overflow:hidden;border:1px solid #000}.mapcard .mthumb svg{width:100%;height:100%;display:block}.mc-body{display:flex;flex-direction:column;gap:2px;min-width:0}.mc-head{display:flex;align-items:center;justify-content:space-between;gap:4px}.mapcard b{font-family:var(--disp);color:var(--gold);font-size:13px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapcard small{color:var(--muted);font-size:10.5px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.mc-stats{display:flex;gap:6px;flex-wrap:wrap;margin-top:1px}.mc-stats span{display:inline-flex;align-items:center;gap:2px;font-size:10px;color:#e2d4b5}.mc-stats .ic{font-size:10.5px;color:var(--gold)}.mdiff{font:700 8.5px var(--ui);letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:999px;background:#0009;color:#fff;flex-shrink:0}.mdiff.d-harsh,.mdiff.d-deadly{color:#ff9e8a}.mdiff.d-gentle{color:#a8f08a}.mdiff.d-open{color:#ffd27a}.mfeat{display:none}.clan-footer{margin-top:2px!important;padding-top:6px;border-top:1px solid var(--edge2)}@media (max-width: 920px){#modal.clanscreen{padding:4px;overflow-y:auto}#modal.clanscreen .clan{padding:8px 9px;gap:6px;border-radius:12px}.ch-title h2{font-size:17px}.ch-title .sub{display:none}.sum-chip{padding:3px 8px;font-size:11px}.clan-impact-strip{padding:4px 7px;gap:4px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.imp-pill{font-size:10px;padding:2px 6px;flex-shrink:0}.imp-pill.map{margin-left:0}.clan-top-grid{display:flex;flex-direction:column;gap:6px}.clan-left-col{display:contents}.clancards.three{order:1;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px}.clancard{padding:6px 4px;gap:3px}.portrait-wrap{width:46px;height:46px;border-width:2px}.clancard h3{font-size:12px}.clancard .ctag{font-size:9px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.stat-bars{display:none}.clancard .chosen{font-size:8.5px;padding:1px 5px}.clan-dossier{order:2;padding:6px 8px;gap:4px}.dossier-top b{font-size:11.5px}.dossier-top small,.dossier-bars{display:none}.dossier-perks{grid-template-columns:1fr;gap:3px}.dossier-perks li{font-size:10px;padding:3px 6px}.stage-card{order:3;padding:7px 8px;gap:5px}.stage-viewport{height:148px}.stage-hdr h3{font-size:15px}.clan-deck-tabs{display:grid}.clan[data-tab=units] .pane-map,.clan[data-tab=units] .pane-custom,.clan[data-tab=map] .pane-units,.clan[data-tab=map] .pane-custom,.clan[data-tab=map] .clan-dossier,.clan[data-tab=custom] .pane-units,.clan[data-tab=custom] .pane-map{display:none}.pane-map{order:4}.pane-map .h2b{display:none}.mapcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.mapcard{grid-template-columns:1fr;padding:6px;gap:3px}.mapcard .mthumb{aspect-ratio:16 / 9}.mapcard small{display:none}.pane-custom{order:5}.custom-bar{grid-template-columns:1fr;gap:8px}.pf-badge{width:20px;height:20px;font-size:11px;right:-2px;bottom:-2px}}button.plate,button#clock{text-align:left}button.plate:focus-visible,button#clock:focus-visible,.cb:focus-visible,.dk:focus-visible{outline:2px solid var(--team);outline-offset:2px}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.resource-grid>div{background:#ffffff08;padding:10px;border:1px solid var(--edge2);border-radius:8px}.resource-grid dt{font-size:12px;color:var(--muted)}.resource-grid dd{margin:4px 0 0;color:var(--gold);font-size:18px;font-variant-numeric:tabular-nums}@media (max-width: 560px) and (orientation: portrait){.pp #chips{gap:3px}.pp .plate{height:44px;min-width:0;padding:0 3px;font-size:12px;gap:3px}.pp .plate .ic{font-size:14px}.pp #clock{min-height:44px}.pp #fab{display:none!important}.pp #dock{position:fixed;inset:auto 0 0;z-index:8;display:flex;flex-direction:row;align-items:stretch;width:auto;height:calc(64px + var(--sb));padding:4px max(4px,var(--sr)) calc(4px + var(--sb)) max(4px,var(--sl));gap:3px;overflow-x:auto;overflow-y:hidden;background:var(--panel);border-top:1px solid var(--gold2)}.pp #dock .dk,.pp #fab.open #dock .dk{position:relative;flex:1 0 44px;min-width:44px;width:auto;height:54px;margin:0;border-radius:8px;transform:none!important;opacity:1;pointer-events:auto;transition:none}.pp #dock .dk .ic{font-size:20px}.pp #dock .dk span{font-size:8px}.pp #bubble,.pp #bubble.dragged{inset:auto 0 calc(64px + var(--sb));width:auto;max-height:min(48dvh,360px);border-width:1px 0 0;border-radius:12px 12px 0 0;transform:none!important;animation:none;box-shadow:0 -6px 20px #0007}.pp #bubble.folded #cmdcard{display:block}.pp #bubble #bbody{max-height:calc(min(48dvh,360px) - 36px);overflow-y:auto;overscroll-behavior:contain}.pp #bubble #bgrip{min-height:36px;cursor:default;padding:2px 8px}.pp #bubble #bgrip .grip{height:auto;background:none;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.pp #bubble #bpin{display:none}.pp #bubble #bfold{display:inline-flex;width:auto;min-width:70px;min-height:36px;gap:6px}.pp #bubble:not(.unit-selection) #bfold{display:none}.pp #bbody #cmds{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(52px,auto);gap:4px}.pp #bbody #cmdcard{padding:0 6px 6px}.pp #bbody #selpanel{padding:4px 8px;min-height:0}.pp #bbody .pf{width:42px;height:42px;font-size:26px}.pp #bbody .si h3{margin-bottom:3px;font-size:13px;gap:6px}.pp #bbody .si h3 small{font-size:10px}.pp #bbody .stats{margin-top:3px;gap:4px}.pp #bbody .stats span{font-size:10px;padding:1px 4px}.pp #bbody .sp{gap:8px}.pp #mini{left:auto;right:6px;bottom:calc(70px + var(--sb) + var(--selection-h,0px));transition:bottom .15s}.pp #panel{inset:auto 0 calc(64px + var(--sb));padding:0 6px;z-index:12}.pp #panel .sheet{max-height:min(65dvh,560px);overflow-y:auto;border-radius:14px 14px 0 0}.pp #jobs:not(.dragged){top:auto;bottom:calc(70px + var(--sb));z-index:12}.pp #placebar{bottom:calc(70px + var(--sb));z-index:13}.pp #app.noworld #dock{display:none}}@media (max-width: 560px) and (orientation: portrait){.pp #chips{overflow-x:auto;scrollbar-width:none}.pp .plate{min-width:44px;flex:1 0 44px}}.cb[hidden]{display:none!important}.title-online-pill{display:inline-flex;align-items:center;gap:7px;margin:0 auto 10px;padding:5px 14px;border-radius:999px;cursor:pointer;background:#121c16d9;border:1px solid #3fa86c;color:#b8f5cf;font:600 12px var(--ui);letter-spacing:.04em;box-shadow:0 2px 12px #00000073;transition:transform .15s,border-color .15s}.title-online-pill:hover{transform:translateY(-1px);border-color:var(--gold)}.title-online-pill .dot{width:8px;height:8px;border-radius:50%;background:#3fe07f;box-shadow:0 0 8px #3fe07f;animation:pulseDot 1.8s infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.btn.accent-camp{background:linear-gradient(180deg,#52381c,#2d1d0d);border-color:#d99b38;color:#ffe3a8}.btn.accent-mp{background:linear-gradient(180deg,#1b3f44,#0f2428);border-color:#3cc2d1;color:#bdf6ff}#tut-banner.tut-banner{position:fixed;left:50%;top:calc(58px + var(--st));transform:translate(-50%);z-index:26;width:min(500px,calc(100vw - 20px));background:var(--noise),linear-gradient(180deg,#2c2215f7,#16110bfa);border:2px solid var(--gold);border-radius:14px;padding:10px 14px;box-shadow:0 10px 32px #000000c7,0 0 22px #e8bd6347;pointer-events:auto}.tut-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.tut-badge{display:inline-flex;align-items:center;gap:6px;font:700 11px var(--ui);letter-spacing:.1em;color:var(--gold);text-transform:uppercase}.tut-close{width:26px;height:26px}.tut-body h4{margin:0 0 4px;font:700 16px var(--disp);color:#fff2cc}.tut-body p{margin:0 0 8px;font-size:13px;line-height:1.4;color:#e9dcc0}.tut-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.tut-reward{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:#9df09a;background:#285f2859;padding:3px 8px;border-radius:999px;border:1px solid rgba(120,220,120,.35)}.tut-btns{display:flex;gap:6px;margin-left:auto}.tut-btns .btn{height:32px;padding:0 10px;font-size:12px}.tut-bar{height:4px;border-radius:99px;background:#ffffff1f;margin-top:8px;overflow:hidden}.tut-bar i{display:block;height:100%;background:linear-gradient(90deg,#e8bd63,#52e088);transition:width .25s ease}.tut-spotlight{outline:3px solid #ffcf5c!important;outline-offset:3px!important;box-shadow:0 0 0 5px #ffcf5c59,0 0 24px #ffbe3cd9!important;animation:tutPulse 1.3s ease-in-out infinite!important;z-index:25!important}@keyframes tutPulse{0%,to{box-shadow:0 0 0 3px #ffcf5c4d,0 0 18px #ffbe3cb3}50%{box-shadow:0 0 0 8px #ffcf5c8c,0 0 30px #ffd75a}}.dialog.camp-modal{width:min(1060px,96vw);max-height:92dvh;overflow-y:auto;text-align:left}.camp-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.camp-top .kicker,.mp-header .kicker{font:700 10.5px var(--ui);letter-spacing:.16em;color:var(--gold2);text-transform:uppercase}.camp-top h2,.mp-header h2{margin:2px 0 0}.camp-score{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:10px;background:#00000059;border:1px solid var(--gold2)}.camp-score b{color:var(--gold);font-size:16px}.camp-score small{color:var(--muted);font-size:11px}.camp-layout{display:grid;grid-template-columns:340px 1fr;gap:14px;margin-bottom:14px}.camp-list{display:flex;flex-direction:column;gap:7px;max-height:450px;overflow-y:auto;padding-right:4px}.camp-card{display:flex;flex-direction:column;gap:3px;text-align:left;padding:9px 11px;border-radius:10px;border:1.5px solid var(--edge);background:linear-gradient(180deg,#362b1cd9,#1a140deb);color:var(--ink);cursor:pointer;transition:border-color .15s,transform .12s}.camp-card:hover{border-color:var(--gold2);transform:translate(2px)}.camp-card.on{border-color:var(--accent, var(--gold));box-shadow:0 0 18px #e8bd6347;background:linear-gradient(180deg,#483822f2,#221a10f2)}.camp-act{font:700 10px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold2)}.camp-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.camp-head b{font:700 14.5px var(--disp);color:#fff0cb}.camp-stars i{font-style:normal;color:#ffffff2e;font-size:13px}.camp-stars i.on{color:#ffca4b;text-shadow:0 0 6px rgba(255,202,75,.6)}.camp-card small{color:var(--muted);font-size:11.5px}.camp-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:10.5px;background:#0006;border:1px solid var(--edge2);color:#e2d3b3}.pill.ok,.pill.on{border-color:#4ec978;color:#b7f7cb;background:#1e502d73}.camp-detail{padding:14px 16px;border-radius:12px;border:1.5px solid var(--edge);background:radial-gradient(circle at 85% 15%,rgba(232,189,99,.1),transparent 55%),#100c08a6;display:flex;flex-direction:column;gap:10px}.camp-kicker{font:700 11px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--accent, var(--gold))}.camp-detail h3{margin:0;font:700 22px var(--disp);color:var(--gold)}.camp-lore{margin:0;font-style:italic;color:#f5dfb0;font-size:13.5px;padding-left:10px;border-left:3px solid var(--accent, var(--gold))}.camp-brief{margin:0;font-size:13px;line-height:1.48;color:#dfd1b4}.camp-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#00000059;padding:8px 10px;border-radius:9px;border:1px solid var(--edge2)}.camp-meta small{display:block;font-size:9.5px;letter-spacing:.1em;color:var(--muted)}.camp-meta b{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#ffe9bc;margin-top:2px}.camp-objs h4{margin:0 0 6px;font:700 12px var(--ui);text-transform:uppercase;letter-spacing:.08em;color:var(--gold);display:flex;align-items:center;gap:6px}.camp-objs ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}.camp-objs li{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#ece0c6;background:#ffffff0a;padding:5px 9px;border-radius:7px}.camp-objs li .ic{color:var(--gold)}.camp-diffs label{display:block;font:700 11px var(--ui);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}.diff-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.diff-row .btn{flex-direction:column;align-items:flex-start;height:auto;padding:7px 10px;gap:2px;text-align:left}.diff-row .btn small{font-size:10.5px;color:var(--muted);font-weight:400}.dialog.mp-modal{width:min(1060px,96vw);max-height:92dvh;overflow-y:auto;text-align:left}.mp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.mp-status{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;font-size:12px;background:#00000073;border:1px solid var(--edge)}.mp-status i{width:9px;height:9px;border-radius:50%;background:#e8bd63}.mp-status.live i{background:#3fe07f;box-shadow:0 0 8px #3fe07f}.mp-profile-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-radius:10px;background:#00000059;border:1px solid var(--edge2);margin-bottom:12px}.mp-profile-bar label{display:inline-flex;align-items:center;gap:5px;font:700 11.5px var(--ui);color:var(--gold);text-transform:uppercase}.mp-profile-bar input{height:32px;padding:0 9px;border-radius:7px;border:1px solid var(--edge);background:#0c0906d9;color:var(--ink);font:600 13px var(--ui);width:155px}.mp-sp-picks{display:flex;gap:5px;flex-wrap:wrap}.mp-sp-picks .pill{cursor:pointer;padding:4px 9px;font-size:11.5px}.mp-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;margin-bottom:12px}.mp-chat-col{display:flex;flex-direction:column;background:#0c0a07bf;border:1.5px solid var(--edge);border-radius:12px;overflow:hidden;height:390px}.mp-tabs{display:flex;border-bottom:1px solid var(--edge);background:#0006;overflow-x:auto}.mp-tab{flex:1;min-width:110px;padding:7px 9px;text-align:left;border:0;border-right:1px solid var(--edge2);background:transparent;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;gap:1px}.mp-tab b{font-size:12.5px;color:var(--ink)}.mp-tab small{font-size:10px;color:var(--muted)}.mp-tab.on{background:#e8bd6324;border-bottom:2px solid var(--gold)}.mp-tab.on b{color:var(--gold)}.mp-chat-log{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:7px}.cmsg{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border-radius:8px;background:#ffffff08}.cmsg.sys{background:#e8bd631a;border-left:3px solid var(--gold)}.cbadge{width:28px;height:28px;border-radius:50%;background:#0009;border:1.5px solid var(--sw, var(--gold));display:grid;place-items:center;color:var(--sw, var(--gold));flex-shrink:0}.cbody{flex:1;min-width:0}.chead{display:flex;align-items:baseline;gap:7px}.chead b{font-size:12.5px}.chead small{font-size:10.5px;color:var(--muted)}.cbody p{margin:2px 0 0;font-size:12.5px;line-height:1.38;color:#efe3c8;word-break:break-word}.mp-chat-input{display:flex;gap:6px;padding:8px;border-top:1px solid var(--edge);background:#00000073}.mp-chat-input input{flex:1;height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--edge);background:#0f0c08f2;color:var(--ink);font-size:13px}.mp-side-col{display:flex;flex-direction:column;gap:10px}.mp-box{padding:11px 12px;border-radius:12px;border:1.5px solid var(--edge);background:#100c08ad;display:flex;flex-direction:column;gap:8px}.mp-box h4{margin:0;font:700 13px var(--disp);color:var(--gold);display:flex;align-items:center;gap:6px}.mp-create-row,.mp-join-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mp-join-row input{height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--edge);background:#0a0805e6;color:var(--gold);font:700 13px var(--ui);text-transform:uppercase;letter-spacing:.08em}.mp-room-list{display:flex;flex-direction:column;gap:5px;max-height:125px;overflow-y:auto}.mp-room-list>small{font:700 10px var(--ui);letter-spacing:.1em;color:var(--muted)}.rm-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px;background:#ffffff0a;border:1px solid var(--edge2)}.rm-item b{display:block;font-size:12.5px;color:#ffeac0}.rm-item small{font-size:11px;color:var(--muted)}.rm-tag{font-family:monospace;font-size:11px;padding:1px 5px;border-radius:4px;background:#e8bd6333;color:var(--gold)}.rm-head{display:flex;align-items:center;justify-content:space-between}.rm-code{display:block;font:700 20px monospace;letter-spacing:.12em;color:var(--gold)}.peer-list{display:flex;flex-direction:column;gap:5px;max-height:115px;overflow-y:auto}.peer-row{display:flex;align-items:center;gap:7px;font-size:12px}.peer-row i{width:8px;height:8px;border-radius:50%;flex-shrink:0}.peer-row small{color:var(--muted);margin-left:auto;font-size:11px}#chat-drawer{position:fixed;right:max(12px,var(--sr));top:calc(62px + var(--st));width:min(330px,calc(100vw - 24px));height:min(380px,58dvh);z-index:22;display:flex;flex-direction:column;background:var(--noise),linear-gradient(180deg,#261e13f5,#120e09f7);border:1.5px solid var(--gold2);border-radius:12px;box-shadow:0 10px 30px #000000bf;overflow:hidden;pointer-events:auto}#chat-drawer.hidden{display:none!important}.cd-head{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:#00000073;border-bottom:1px solid var(--edge)}.cd-head b{display:inline-flex;align-items:center;gap:5px;font:700 13px var(--disp);color:var(--gold)}.cd-head small{display:block;font-size:10.5px;color:var(--muted)}.cd-head-btns{display:flex;gap:4px}.cd-tabs{display:flex;background:#0000004d;border-bottom:1px solid var(--edge2)}.cd-tabs button{flex:1;padding:5px 4px;font:600 11px var(--ui);background:transparent;border:0;color:var(--muted);cursor:pointer}.cd-tabs button.on{color:var(--gold);border-bottom:2px solid var(--gold);background:#e8bd631a}.cd-ops{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:6px;border-bottom:1px solid var(--edge2);background:#00000040}.cd-ops .btn.mini{height:26px;font-size:11px;padding:0 6px;justify-content:center}.cd-log{flex:1;overflow-y:auto;padding:7px 9px;display:flex;flex-direction:column;gap:5px;font-size:12px}.cd-msg{line-height:1.35;word-break:break-word;color:#eadcc0}.cd-msg.sys{color:#ffe094;font-style:italic}.cd-input{display:flex;gap:5px;padding:6px;border-top:1px solid var(--edge);background:#00000073}.cd-input input{flex:1;height:30px;padding:0 8px;border-radius:6px;border:1px solid var(--edge);background:#0a0805f2;color:var(--ink);font-size:12px}@media (max-width: 860px){.camp-layout,.mp-grid{grid-template-columns:1fr}.camp-list{max-height:210px}.diff-row,.camp-meta{grid-template-columns:1fr}.mp-chat-col{height:280px}}.evo-banner{margin:0 auto 12px;padding:9px 14px;border-radius:10px;background:linear-gradient(135deg,#402e16d9,#18120aeb);border:1.5px solid var(--gold);color:#f6e7c5;font-size:13px;line-height:1.45;box-shadow:0 4px 18px #00000073,inset 0 0 18px #e8bd631f}.evo-banner small{color:#e2cfa4;font-size:12px}.mut-pill{margin-top:6px;padding:6px 9px;border-radius:8px;background:#122218a6;border:1px solid #4ec978;color:#d6fbe1;font-size:11.5px;line-height:1.35;text-align:left}.mut-pill b{display:inline-flex;align-items:center;gap:5px;color:#8ff5b4;font-size:12px}.mut-pill small{color:#bfe8cb;font-size:11px}.evo-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}