:root{--bg:#1b1530;--violet:#2a2050;--violet-2:#3a2c6b;--teal:#134a52;--teal-2:#1d6a70;--ink:#2b1d3f;--ink-2:#5a4766;--parch:#f4e8c8;--parch-2:#e8d6a8;--parch-3:#d9c18a;--edge:#a77c43;--wood:#6b4226;--wood-d:#3d2414;--gold:#f5c542;--gold-2:#ffe08a;--gold-d:#a8701c;--red:#c8452e;--green:#3e9c50;--gem:#e8457f;--mana:#33bcd8;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", "Hoefler Text", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sat:var(--safe-t,env(safe-area-inset-top,0px));--sab:var(--safe-b,env(safe-area-inset-bottom,0px));--sal:var(--safe-l,env(safe-area-inset-left,0px));--sar:var(--safe-r,env(safe-area-inset-right,0px));--occ-tl-w:0px;--occ-tl-h:0px;--occ-tr-w:0px;--occ-tr-h:0px;--occ-bl-w:0px;--occ-bl-h:0px;--occ-br-w:0px;--occ-br-h:0px;--k:1;--bar-h:62px;--top-h:96px;--icon-cut:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--bg);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;height:100%;margin:0;overflow:hidden}body{font:15px/1.3 var(--sans);color:var(--ink)}#app{background:radial-gradient(120% 80% at 50% 30%, #23406b 0%, var(--teal) 35%, var(--violet) 75%, var(--bg) 100%);position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default}a{color:inherit}.ui{pointer-events:none;z-index:2;position:fixed;inset:0}.ui>*{pointer-events:auto}.ui>.bubbles,.ui>.pointer,.ui>.cards{pointer-events:none}.only-castle,.only-map,.only-battle{display:none!important}.ui[data-scene=castle] .only-castle,.ui[data-scene=map] .only-map,.ui[data-scene=battle] .only-battle{display:flex!important}.ui.placing .hud-bar{opacity:.35;pointer-events:none}.ic{vertical-align:-.25em;flex:none;width:1.25em;height:1.25em;display:inline-flex}.ic svg,.ic img{width:100%;height:100%;display:block}.ic.flip svg{transform:scaleX(-1)}.ic-star{color:var(--gold)}.ttl{font-family:var(--serif);letter-spacing:.01em;color:var(--ink);margin:0;font-size:21px;font-weight:700;line-height:1.1}.ttl.big{font-size:27px}.gold-t{color:#5b2a86;text-shadow:0 1px #fff8,0 2px #f5c542b3}.sub{color:var(--ink-2);margin:2px 0 8px;font-size:13px}.lbl{font:700 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);align-items:baseline;gap:6px;margin:12px 2px 6px;display:flex}.lbl small{text-transform:none;letter-spacing:0;font-weight:500}.hint{color:var(--ink-2);margin:8px 2px;font-size:13px}.fine{color:var(--ink-2);margin:6px 0 2px;font-size:10.5px;line-height:1.35}.link{color:var(--teal-2);text-underline-offset:2px;align-items:center;min-height:44px;padding:10px 6px;font-size:13px;text-decoration:underline;display:inline-flex}.btn{--b1:#fff6dc;--b2:#e3cc95;--bd:#8a6233;min-height:44px;color:var(--ink);background:linear-gradient(180deg, var(--b1), var(--b2));border:2px solid var(--bd);box-shadow:0 3px 0 var(--bd), inset 0 1px 0 #fff8;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:700;transition:transform 80ms,filter .15s;display:inline-flex}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--bd);transform:translateY(2px)}.btn:disabled{filter:grayscale(.7)opacity(.55)}.btn.gold{--b1:#ffe58c;--b2:#f0b23a;--bd:#94601a;color:#3a2307}.btn.teal{--b1:#5fc3c0;--b2:#23807f;--bd:#0f4a4c;color:#f2fffd}.btn.green{--b1:#8fe08a;--b2:#3e9c50;--bd:#1e5a2a;color:#0d2a12}.btn.gem{--b1:#ff9cc1;--b2:#e8457f;--bd:#8a1f48;color:#fff}.btn.ad,.btn.vip{--b1:#8b74e6;--b2:#5235b0;--bd:#2b1a66;color:#fff}.btn.vip{--b1:#6b4fc9;--b2:#3a2685}.btn.danger{--b1:#f08a72;--b2:#c8452e;--bd:#6e1d10;color:#fff}.btn.ghost{--b1:transparent;--b2:transparent;--bd:#a77c43;box-shadow:none;color:var(--ink)}.btn.big{border-radius:14px;width:100%;min-height:52px;font-size:17px}.btn.sm{border-radius:10px;min-height:40px;padding:0 10px;font-size:14px}.btn.xs{border-radius:9px;min-height:36px;padding:0 10px;font-size:13px}.btn.wide{width:100%;margin-top:8px}.btn.busy{pointer-events:none}.btn small{opacity:.85;font-size:11px;font-weight:500}.btn.dbl{flex-flow:wrap}.btn.dbl small{text-align:center;width:100%;margin-top:-4px}.ibtn{width:44px;height:44px;color:var(--gold-2);background:#140c288c;border:1.5px solid #f5c54273;border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.ibtn .ic{width:24px;height:24px}.ibtn.big{width:52px;height:52px}.ibtn.gold{color:#3a2307;background:linear-gradient(#ffe58c,#f0b23a);border-color:#94601a}.ibtn.ghost{color:var(--ink);border-color:var(--edge);background:0 0}.sheet .ibtn,.card .ibtn,.place-bar .ibtn:not(.gold){color:var(--ink);border-color:var(--edge);background:#fffaebbf}.ibtn:disabled{filter:grayscale()opacity(.5)}.row-btns{gap:8px;margin-top:8px;display:flex}.row-btns>.btn{flex:1}.spin{border:3px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.seg{background:#5a3c1e24;border:1px solid #a77c4366;border-radius:12px;gap:4px;margin:6px 0;padding:3px;display:flex}.seg-b{min-height:38px;color:var(--ink-2);border-radius:9px;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:13.5px;font-weight:700;display:flex;position:relative}.seg-b.on{color:var(--ink);background:linear-gradient(#fffaf0,#f1dfb2);box-shadow:0 1px #8a6233}.seg-b small{font-size:11px;font-weight:500}.cats .seg-b{font-size:12.5px}.cost{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.chip{font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:13px;font-weight:700;display:inline-flex}.chip .ic{width:16px;height:16px}.chip.short{color:var(--red)}.cost.free{color:var(--green);font-size:13px;font-weight:700}.time{color:var(--ink-2);font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:12px;display:inline-flex}.time .ic{width:14px;height:14px}.lock{color:var(--ink-2);align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:inline-flex}.lock .ic{width:14px;height:14px}.ok-pill{color:#236b31;white-space:nowrap;background:#3e9c5029;border-radius:99px;align-items:center;gap:4px;padding:4px 9px;font-size:12.5px;font-weight:700;display:inline-flex}.ok-pill .ic{width:14px;height:14px}.stars{gap:1px;display:inline-flex}.stars>i{color:#3c281440;width:18px;height:18px;display:inline-flex}.stars>i.on{color:var(--gold);filter:drop-shadow(0 1px 0 var(--gold-d))}.stars .ic{width:100%;height:100%}.stars>i:not(.on) img{filter:grayscale()brightness(.75)opacity(.4)}.bar{background:#3c28142e;border-radius:6px;height:8px;display:block;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--gold-d), var(--gold));border-radius:inherit;height:100%;transition:width .3s;display:block}.hud-top{padding:calc(var(--sat) + 6px) calc(var(--sar) + 8px) 8px calc(var(--sal) + 8px);background:linear-gradient(#120a24d1,#120a248c 70%,#0000);flex-direction:column;gap:6px;position:absolute;top:0;left:0;right:0}.res-row{grid-template-columns:1fr 1fr 1fr 1fr auto;gap:4px;display:grid}.res{color:#fff4d6;letter-spacing:-.01em;font-variant-numeric:tabular-nums;background:linear-gradient(#4a2f1c,#2c1a0e);border:1.5px solid #b98a3e;border-radius:18px;align-items:center;gap:3px;min-width:0;height:36px;padding:0 6px 0 3px;font-size:13.5px;font-weight:800;display:flex;position:relative;box-shadow:inset 0 1px #fff2}.res .ic{filter:drop-shadow(0 1px 1px #0008);width:22px;height:22px}.res-n{white-space:nowrap}.res-cap{background:#0006;border-radius:2px;height:3px;position:absolute;bottom:4px;left:27px;right:9px;overflow:hidden}.res-cap b{background:var(--gold);height:100%;transition:width .4s;display:block}.res[data-res=stone] .res-cap b{background:#c9bce6}.res[data-res=mana] .res-cap b{background:var(--mana)}.res.full .res-cap b{background:#ff7a5a}.res.full .res-n{color:#ffd0a8}.res.gems{background:linear-gradient(#5a1d3a,#34102a);border-color:#ff7fae}.res.gems .plus{background:var(--gem);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;top:-4px;right:-3px;box-shadow:0 1px 2px #0008}.res.gems .plus .ic{filter:none;width:11px;height:11px}.res.relics{padding-right:9px}.res.relics[hidden]{display:none}.threat-row{align-items:center;gap:6px;display:flex}.builders{color:#fff4d6;background:#140c288c;border:1.5px solid #f5c54259;border-radius:12px;align-items:center;gap:4px;min-width:52px;height:40px;padding:0 8px;font-size:14px;font-weight:800;display:inline-flex}.builders .ic{width:18px;height:18px;color:var(--gold-2)}.builders.idle{border-color:var(--gold);box-shadow:0 0 0 2px #f5c54233}.threat{background:linear-gradient(#120a26,#23163f);border:1.5px solid #6d55b5;border-radius:13px;flex:1;height:26px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0008}.threat-fill{background:linear-gradient(90deg,#4b2d8f,#9c3cbc 60%,#e0466e);transition:width .6s;position:absolute;inset:0 auto 0 0}.threat.full .threat-fill{animation:1.6s ease-in-out infinite pulse-fill}@keyframes pulse-fill{50%{filter:brightness(1.35)}}.threat-tx{color:#f6e9ff;text-shadow:0 1px 2px #000;letter-spacing:.02em;white-space:nowrap;place-items:center;font-size:11.5px;font-weight:700;display:grid;position:absolute;inset:0}.threat.big{border-radius:16px;height:32px;margin:8px 0}.siege-btn{color:#e8dcff;background:#281446b3;border:1.5px solid #6d55b5;border-radius:12px;align-items:center;gap:4px;height:40px;padding:0 10px;font-size:14px;font-weight:800;display:inline-flex}.siege-btn .ic{width:18px;height:18px}.siege-btn.ready{color:#3a0a12;background:linear-gradient(#ff9a8a,#e0466e);border-color:#ffd0d8;animation:1.4s ease-in-out infinite siege-glow}@keyframes siege-glow{0%,to{box-shadow:0 0 #ff5a78b3}50%{box-shadow:0 0 14px 4px #ff5a788c}}.calm .siege-btn.ready,.calm .threat.full .threat-fill{animation:none}.shop-btn.vip{color:var(--gold);border-color:var(--gold);background:linear-gradient(#3d2a7a,#23164d)}.hud-bar{box-sizing:border-box;height:calc(var(--bar-h) + var(--sab));padding:0 calc(var(--sar) + 4px) var(--sab) calc(var(--sal) + 4px);z-index:4;background:linear-gradient(#5a3820,#3a2212);border-top:2px solid #c79a4a;align-items:stretch;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 14px #0006}.tab{color:#f3dfb0;letter-spacing:.02em;--icon-cut:#3a2212;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11.5px;font-weight:700;display:flex;position:relative}.tab .ic{color:#f3dfb0;filter:drop-shadow(0 1px #0008);width:28px;height:28px}.tab.on{color:var(--gold-2);background:radial-gradient(60% 70% at 50% 40%,#ffdc8238,#0000)}.tab.on .ic{color:var(--gold)}.badge{color:#fff;background:#e0466e;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;display:grid;position:absolute;top:5px;left:calc(50% + 8px);box-shadow:0 0 0 2px #3a2212}.badge[hidden]{display:none}.badge.dot{background:var(--gold);width:12px;min-width:12px;height:12px;padding:0;top:8px;left:calc(50% + 10px)}.bubbles{z-index:1;position:absolute;inset:0;overflow:hidden}.bubble{pointer-events:auto;min-width:44px;min-height:40px;color:var(--ink);will-change:transform;background:linear-gradient(#fffaf0,#ecdcb0);border:2px solid #8a6233;border-radius:14px;align-items:center;gap:4px;padding:4px 8px;font-size:12.5px;font-weight:800;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 3px 6px #0006}.bubble:after{content:"";background:#ecdcb0;border:2px solid #8a6233;border-top:0;border-left:0;width:10px;height:10px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.bubble .ic{width:26px;height:26px}.bubble.b-collect{min-width:42px;padding:4px;animation:1.6s ease-in-out infinite bob}.bubble.b-free{color:#0d2a12;background:linear-gradient(#b6f0a4,#5cc069);border-color:#1e5a2a;animation:1.2s ease-in-out infinite bob}.bubble.b-free:after{background:#5cc069;border-color:#1e5a2a}.bubble.b-timer{font-variant-numeric:tabular-nums;min-height:32px;padding:3px 8px 3px 4px;font-size:12px}.bubble .ring{background:conic-gradient(var(--gold-d) calc(var(--p) * 1turn), #3c281433 0);border-radius:50%;width:20px;height:20px;-webkit-mask:radial-gradient(circle,#0000 5px,#000 6px);mask:radial-gradient(circle,#0000 5px,#000 6px)}.full-dot{background:#e0466e;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 2px #fff}@keyframes bob{50%{translate:0 -4px}}.calm .bubble{animation:none}.notice{left:50%;top:calc(var(--sat) + 6px);width:min(calc(100% - 20px - var(--sal) - var(--sar)), 440px);box-sizing:border-box;opacity:0;z-index:6;background:linear-gradient(#fffaf0,#efdfb5);border:2px solid #8a6233;border-radius:14px;align-items:center;gap:8px;min-height:48px;padding:8px 12px;font-size:14px;transition:transform .28s cubic-bezier(.2,.9,.3,1.2),opacity .2s;display:flex;position:absolute;transform:translate(-50%,-140%);box-shadow:0 6px 18px #0008}.notice.show{opacity:1;transform:translate(-50%)}.ui[data-scene=map] .notice{top:calc(var(--sat) + 62px)}.notice:not(.show){pointer-events:none}.notice .nt-body{flex:1}.notice .nt-body u{-webkit-text-decoration-color:var(--teal-2);text-decoration-color:var(--teal-2)}.notice .nt-go{color:var(--ink-2)}.notice.tone-good{border-color:#3e9c50}.notice.tone-warn{border-color:#c8452e}.notice.tone-gold{border-color:var(--gold-d);background:linear-gradient(#fff6d2,#f3d98c)}.notice.tone-siege{background:linear-gradient(#f6eaff,#dcc6f2);border-color:#9c3cbc}.tip{left:50%;top:calc(var(--sat) + var(--top-h) + 4px);box-sizing:border-box;border:2px solid var(--gold-d);color:#f8eed8;z-index:5;background:linear-gradient(#2a2050f5,#1e163cf5);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;width:min(100% - 20px,420px);padding:8px 10px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 6px 20px #0009}.tip[hidden]{display:none}.tip.in-battle{top:calc(var(--sat) + 62px)}.tip p{flex:1;min-width:180px;margin:0;font-size:14px}.tip p b{font-family:var(--serif);color:var(--gold-2);font-size:13px;display:block}.tip .brann{border:2px solid var(--gold);width:40px;height:40px;color:var(--gold);background:radial-gradient(circle at 40% 35%,#b39ae8,#4a2d8f);border-radius:50%;flex:none;place-items:center;display:grid}.tip .brann .ic{width:24px;height:24px}.tip .link{color:#c9b8ff;min-height:36px;padding:4px;font-size:12.5px}.pointer{z-index:9;position:absolute;top:0;left:0}.pointer[hidden]{display:none}.pointer i{border:3px solid var(--gold-2);width:60px;height:60px;box-shadow:0 0 18px var(--gold);border-radius:50%;animation:1.3s ease-out infinite ping;position:absolute;top:-30px;left:-30px}@keyframes ping{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.25)}}.sheet{left:calc(var(--sal) + 0px);right:calc(var(--sar) + 0px);bottom:calc(var(--bar-h) + var(--sab));max-height:calc(100% - var(--bar-h) - var(--sab) - var(--sat) - var(--top-h) - 2px);box-sizing:border-box;background:linear-gradient(180deg, var(--parch), var(--parch-2));border:2px solid var(--edge);z-index:3;visibility:hidden;border-bottom:0;border-radius:20px 20px 0 0;flex-direction:column;padding:12px 12px 10px;transition:transform .26s cubic-bezier(.2,.8,.3,1);display:flex;position:absolute;transform:translateY(110%);box-shadow:0 -8px 26px #0009,inset 0 0 0 4px #fffaeb80}.sheet.open{visibility:visible;transform:none}.sheet.peek{opacity:.9;transform:translateY(calc(100% - 60px))}.sheet:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-d), transparent);opacity:.6;border-radius:2px;height:3px;position:absolute;top:4px;left:14px;right:14px}.ui[data-scene=battle] .sheet,.ui[data-scene=map] .sheet{padding-bottom:calc(var(--sab) + 10px);bottom:0}.sheet-x{color:var(--ink);border-color:var(--edge);z-index:2;background:#fffaebb3;width:40px;height:40px;position:absolute;top:8px;right:8px}.sheet-in{flex-direction:column;flex:1;min-height:0;display:flex}.sheet-in>.scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;margin:0 -12px;padding:0 12px 6px;overflow-y:auto}.sh-head{align-items:baseline;gap:10px;min-height:30px;padding-right:46px;display:flex}.sh-note{color:var(--ink-2);text-align:right;align-items:center;gap:4px;margin-left:auto;font-size:12.5px;font-weight:600;display:inline-flex}.empty{text-align:center;color:var(--ink-2);flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.empty>.ic{width:48px;height:48px;color:var(--edge)}.dim{opacity:.55}.bgrid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;padding-top:4px;display:grid}.bcard{touch-action:none;background:linear-gradient(#fffaf0,#f1e2bb);border:2px solid #c09a5c;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-height:150px;padding:6px 4px 8px;display:flex;position:relative;box-shadow:0 2px #a77c43}.bcard .thumb{width:64px;height:56px}.bcard.off{filter:grayscale(.8);opacity:.62}.bcard.poor .bc-name{color:var(--ink-2)}.bc-name{font-family:var(--serif);text-align:center;align-items:center;min-height:2.2em;font-size:14px;font-weight:700;line-height:1.1;display:flex}.bc-count{color:var(--ink-2);gap:6px;font-size:11px;font-weight:700;display:flex}.bc-count .sz{opacity:.7;font-style:normal}.bc-sub{flex-direction:column;align-items:center;gap:1px;display:flex}.drag-ghost{z-index:20;pointer-events:none;width:104px;position:fixed;top:0;left:0;box-shadow:0 10px 24px #0008}.thumb{flex:none;display:inline-flex}.thumb svg,.thumb img{object-fit:contain;width:100%;height:100%}.place-bar{left:calc(var(--sal) + 8px);right:calc(var(--sar) + 8px);bottom:calc(var(--bar-h) + var(--sab) + 8px);background:linear-gradient(180deg, var(--parch), var(--parch-2));border:2px solid var(--edge);z-index:4;border-radius:16px;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex;position:absolute;box-shadow:0 6px 18px #0008}.place-bar[hidden]{display:none}.pb-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pb-info b{font-family:var(--serif);font-size:16px}.pb-info em.bad{color:var(--red);font-size:13px;font-style:normal;font-weight:700}.bp-head,.hd-head{align-items:center;gap:10px;padding-right:46px;display:flex}.bp-head .thumb{width:64px;height:56px}.bp-t{flex:1;min-width:0}.bp-t .sub{margin:0}.blurb{color:var(--ink-2);font-size:13px;font-style:italic;font-family:var(--serif);margin:4px 0 6px}.stats{background:#fffcf099;border:1px solid #a77c4359;border-radius:12px;padding:4px 10px}.st-row{border-bottom:1px dashed #a77c434d;align-items:center;gap:6px;min-height:30px;font-size:14px;display:flex}.st-row:last-child{border:0}.st-row span{color:var(--ink-2);flex:1}.st-row b{font-variant-numeric:tabular-nums}.st-row b.up{color:#1f7a36}.st-row .ic{width:14px;height:14px;color:var(--ink-2)}.job{border:1.5px solid var(--gold-d);background:#fffcf0b3;border-radius:12px;margin-bottom:8px;padding:8px 10px}.job-top{justify-content:space-between;margin-bottom:5px;font-size:14px;font-weight:600;display:flex}.job-top b{font-variant-numeric:tabular-nums}.job .link{min-height:32px;padding:4px 0;font-size:12.5px}.job.sm{margin:4px 0 8px}.collect-row,.upgrade,.expand,.maxed{background:#fffcf099;border:1px solid #a77c4359;border-radius:12px;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;font-size:14px;display:flex}.collect-row>span,.expand>span{flex:1;align-items:center;gap:6px;display:flex}.up-info{flex-direction:column;flex:1;gap:3px;font-size:13.5px;font-weight:600;display:flex}.maxed{color:var(--gold-d);justify-content:center;font-weight:700}.skins{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.skins .lbl{margin:0 4px 0 0}.skin{border:1.5px solid var(--edge);background:#fffaf0;border-radius:10px;align-items:center;gap:4px;min-height:36px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.skin.on{border-color:var(--teal-2);box-shadow:0 0 0 2px #1d6a704d}.skin.locked{opacity:.7}.skin .ic{width:16px;height:16px}.skin .sk-pic{object-fit:contain;filter:drop-shadow(0 1px 1px #0005);width:30px;height:30px;margin:2px 2px 2px -4px}.list{flex-direction:column;gap:6px;margin-top:6px;display:flex}.list>.lbl{margin-top:6px}.li{background:#fffcf0a6;border:1px solid #a77c434d;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:6px 8px;display:flex}.li.off{opacity:.55}.li.done{opacity:.8}.li-t{flex-direction:column;flex:1;min-width:0;display:flex}.li-t b{font-size:14.5px}.li-t b em{color:var(--teal-2);font-style:normal}.li-t small{color:var(--ink-2);font-size:12px}.li>.ic{width:30px;height:30px}.li .ok{color:var(--green);width:20px;height:20px}.li .lk{color:var(--ink-2);width:18px;height:18px}.li .how{color:var(--ink-2);text-align:right;max-width:110px;font-size:11.5px}.sp,.ic.sp{color:#fff}.ic.sp{box-sizing:border-box;background:linear-gradient(#7a5ad8,#3a2685);border-radius:10px;width:34px;height:34px;padding:5px}.sp-fireball{--c:#ff7a3a}.sp-frost_nova{--c:#8fe3ff}.sp-healing_rain{--c:#7dffa8}.sp-lightning{--c:#ffe45a}.sp-stone_golem{--c:#c8b89a}.sp-time_slow{--c:#c9a8ff}.ic[class*=sp-]{color:var(--c,#fff)}.ic[class*=tn-]{color:#b06ad8}.ic.tn-might{color:#e0603a}.ic.tn-mending{color:#3e9c50}.ic.tn-wellspring{color:#33a6c8}.ic.tn-swiftness{color:#d9a128}.ic.tn-stoneskin{color:#8a7a6a}.ic[class*=tn-] img{filter:hue-rotate(250deg)}.ic.tn-might img{filter:none}.ic.tn-mending img{filter:hue-rotate(110deg)}.ic.tn-wellspring img{filter:hue-rotate(190deg)}.ic.tn-swiftness img{filter:hue-rotate(40deg)saturate(1.2)}.ic.tn-stoneskin img{filter:saturate(.25)brightness(.95)}.portrait{background:#2a2050;border:2.5px solid #c79a4a;border-radius:50%;flex:none;width:52px;height:52px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px #7a5228}.portrait img{object-fit:cover;width:100%;height:100%}.portrait.fallback{background:radial-gradient(circle at 35% 30%, hsl(var(--h) 60% 62%), hsl(var(--h) 55% 32%));color:hsl(var(--h) 80% 92%);justify-content:center;align-items:center}.portrait.fallback svg{opacity:.35;width:56%;height:56%;position:absolute}.portrait.fallback b{font-family:var(--serif);text-shadow:0 1px 2px #0008;font-size:22px;position:relative}.portrait.legend{border-color:var(--gold);box-shadow:0 0 0 2px #fff6,0 0 12px #f5c542b3}.hgrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding-top:4px;display:grid}.hcard{background:linear-gradient(#fffaf0,#f1e2bb);border:2px solid #c09a5c;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;display:flex;position:relative;box-shadow:0 2px #a77c43}.hcard .portrait{width:58px;height:58px}.hcard b{font-family:var(--serif);text-align:center;font-size:14px;line-height:1.1}.hcard small{color:var(--ink-2);text-align:center;font-size:11.5px}.hcard.legend{border-color:var(--gold-d);background:linear-gradient(#fff3cc,#f5d98a)}.get-pill{background:linear-gradient(#ffe58c,#f0b23a);border:1.5px solid #94601a;border-radius:99px;margin-top:2px;padding:3px 12px;font-size:12px;font-weight:800}.in-party{color:var(--teal-2);position:absolute;top:6px;right:6px}.in-party .ic{width:16px;height:16px}.hd-head .portrait{width:60px;height:60px}.xp{background:#3c28142e;border-radius:8px;height:16px;margin-top:4px;position:relative;overflow:hidden}.xp i{background:linear-gradient(90deg,#4b8de0,#7cc4ff);position:absolute;inset:0 auto 0 0}.xp span{text-align:center;font-size:10.5px;font-weight:700;line-height:16px;display:block;position:relative}.hstats{grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0;display:grid}.hstats span{font-variant-numeric:tabular-nums;background:#fffcf0a6;border:1px solid #a77c434d;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:6px 0;font-size:14px;display:flex}.hstats .ic{width:16px;height:16px;color:var(--ink-2)}.abil{background:#2a205014;border:1px solid #5a468240;border-radius:12px;margin-bottom:6px;padding:8px 10px}.abil b{font-family:var(--serif);align-items:center;gap:5px;font-size:15px;display:inline-flex}.abil b .ic{color:#6b4fc9;width:18px;height:18px}.abil small{color:var(--ink-2);font-size:12px}.abil p{color:var(--ink-2);margin:3px 0 0;font-size:13px}.gear{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px;display:grid}.gear-slot{background:#fffcf0a6;border:1px solid #a77c434d;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;display:flex}.gear-slot small{color:var(--ink-2);font-size:11.5px}.gear-slot .maxed{background:0 0;border:0;margin:0;padding:0;font-size:11px}.tier{color:#6a5a48;background:#ddd0b0;border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:relative}.tier .ic{width:22px;height:22px}.tier b{background:var(--ink);color:#fff;border-radius:6px;padding:1px 4px;font-size:10px;position:absolute;bottom:-4px;right:-4px}.tier.t1,.tier.t2{color:#2f6a3a;background:#cfe0c8}.tier.t3,.tier.t4{color:#2b5a9a;background:#c8d8f0}.tier.t5{color:#6b2b9a;background:#e2c8f0}.tier.t6{color:#94601a;background:#f5e0a0}.party-pick{flex-direction:column;gap:8px;display:flex}.pp-slots{justify-content:center;gap:8px;display:flex}.pp-slot{border:2px dashed var(--edge);width:60px;height:72px;color:var(--edge);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.pp-slot.full{color:var(--ink);background:#fffcf0b3;border-style:solid}.pp-slot small{font-size:11px;font-weight:700}.pp-slot .portrait{width:44px;height:44px}.pp-list{touch-action:pan-x;scrollbar-width:none;gap:6px;padding:2px 2px 6px;display:flex;overflow-x:auto}.pp-h{border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:1px;min-width:52px;padding:3px;display:flex}.pp-h .portrait{width:44px;height:44px}.pp-h small{color:var(--ink-2);font-size:10.5px;font-weight:700}.pp-h.on{border-color:var(--teal-2);background:#1d6a701f}.party-pick.compact .pp-slot{width:52px;height:60px}.party-pick.compact .pp-slot .portrait{width:38px;height:38px}.ar-tree{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ar-col{flex-direction:column;align-items:stretch;gap:5px;display:flex;position:relative}.ar-head{font-family:var(--serif);background:var(--parch);z-index:1;flex-direction:column;align-items:center;gap:2px;padding-bottom:2px;font-size:14px;display:flex;position:sticky;top:0}.ar-head .ic{width:22px;height:22px}.ar-node{text-align:left;background:#fffcf0b3;border:1.5px solid #a77c4380;border-radius:10px;align-items:center;gap:5px;min-height:44px;padding:3px 5px;font-size:11.5px;font-weight:600;line-height:1.1;display:flex}.ar-node i{background:#e3d3a8;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-style:normal;font-weight:800;display:grid}.ar-node i .ic{width:14px;height:14px}.ar-node.done{background:#3e9c5024;border-color:#3e9c50}.ar-node.done i{color:#fff;background:#3e9c50}.ar-node.ready i{background:linear-gradient(#ffe58c,#f0b23a)}.ar-node.running{border-color:var(--gold-d)}.ar-node.running i{background:var(--gold);animation:1.4s infinite pulse-fill}.ar-node.locked{opacity:.55}.ar-node.cap{border-style:double;border-width:3px}.ar-node.pick{box-shadow:0 0 0 2.5px var(--teal-2)}.ar-detail{border:1.5px solid var(--edge);background:#fffaf0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;display:flex}.ard-t{flex-direction:column;flex:1;min-width:120px;display:flex}.ard-t b{font-family:var(--serif);font-size:15px}.ard-t small{color:var(--ink-2);font-size:12px}.ard-buy{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.quest,.bonus,.ach,.bounty-row{box-sizing:border-box;text-align:left;background:#fffcf0b3;border:1px solid #a77c4359;border-radius:12px;align-items:center;gap:8px;width:100%;margin-bottom:6px;padding:8px 10px;display:flex}.quest.done{border-color:var(--gold-d);box-shadow:0 0 0 1.5px #f5c54280}.quest.claimed,.bonus.claimed,.ach.got{opacity:.6}.q-t{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.q-t b{font-size:14px}.q-t small{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:11.5px}.q-r{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.bonus>.ic,.ach>.ic,.bounty-row>.ic{width:30px;height:30px}.bonus>span:not(.cost):not(.ok-pill),.bounty-row>span:not(.cost):not(.stars){flex-direction:column;flex:1;min-width:0;display:flex}.bonus small,.bounty-row small{color:var(--ink-2);font-size:11.5px}.bonus.ready{border-color:var(--gold-d);background:#fff0becc}.bonus.vip{background:linear-gradient(90deg,#5b2a861f,#f5c54226)}.ladder{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.day{background:#fffcf099;border:1px solid #a77c4359;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:5px 0;font-size:11px;display:flex}.day small{color:var(--ink-2);font-size:9.5px}.day .ic{width:20px;height:20px}.day b{font-size:11px}.day.got{opacity:.7;background:#3e9c5029}.day.now{border:2px solid var(--gold-d);background:#fff1c0;box-shadow:0 0 10px #f5c54299}.day.d7{background:linear-gradient(#fff1c0,#f2cf72)}.ach .cost{flex:none}.ach>.ic{color:var(--ink-2)}.ach.got>.ic{color:var(--gold)}.vip-card{text-align:left;color:#fff7dd;border:2px solid var(--gold);background:radial-gradient(120% 140% at 0 0,#6b4fc9,#2a1a6a 60%,#1a1040);border-radius:16px;align-items:center;gap:10px;width:100%;padding:12px;display:flex;box-shadow:0 3px #94601a,inset 0 0 20px #f5c54233}.vip-card>.ic{width:44px;height:44px}.vip-card span{flex-direction:column;flex:1;display:flex}.vip-card b{font-family:var(--serif);color:var(--gold-2);font-size:18px}.vip-card small{opacity:.9;font-size:12px}.vip-card em{background:var(--gold);color:#3a2307;white-space:nowrap;border-radius:10px;padding:6px 10px;font-size:13px;font-style:normal;font-weight:800}.packs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pack{background:linear-gradient(#fff1f6,#f6d2e0);border:2px solid #d784a6;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 4px 8px;display:flex;position:relative}.pack b{color:#8a1f48;font-size:18px;font-weight:800}.pack small{color:var(--ink-2);margin-bottom:4px;font-size:11.5px}.pack .btn{width:100%}.pk-gems{align-items:center;height:30px;display:flex}.pk-gems .ic{width:22px;height:22px;margin:0 -4px}.tag{background:var(--teal-2);color:#fff;white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;top:-9px}.legend-row{border:1.5px solid var(--gold-d);background:linear-gradient(90deg,#fff3cc,#f7e2a6);border-radius:14px;align-items:center;gap:10px;margin-bottom:6px;padding:8px;display:flex}.legend-row .li-t small{font-size:11.5px}.pw-status,.set-msg{min-height:18px;color:var(--red);text-align:center;margin:4px 0;font-size:13px}.pw-status.ok,.set-msg.ok{color:var(--green)}.pw-links,.set-links{flex-wrap:wrap;justify-content:center;gap:0 10px;display:flex}.card.paywall{background:radial-gradient(130% 70% at 50% 0%, #fff6d8, var(--parch) 45%, var(--parch-2));padding-top:10px}.pw-crest{justify-content:center;display:flex}.pw-crest .ic{filter:drop-shadow(0 4px 8px #5b2a8680);width:64px;height:64px}.card.paywall .ttl{text-align:center;margin-bottom:6px}.pw-perks{flex-direction:column;gap:5px;margin:0 0 6px;padding:0;list-style:none;display:flex}.pw-perks li{color:var(--ink-2);align-items:flex-start;gap:8px;font-size:13px;line-height:1.25;display:flex}.pw-perks li b{color:var(--ink)}.pw-perks .ic{color:#6b4fc9;flex:none;width:20px;height:20px}.pw-period .seg-b{min-height:44px}.save{background:var(--green);color:#fff;border-radius:99px;padding:1px 6px;font-size:9.5px;font-style:normal;font-weight:800;position:absolute;top:-8px;right:4px}.pw-trial{text-align:center;color:var(--ink);margin:6px 0;font-size:14px;font-weight:700}.card.paywall.won .pw-crest .ic{animation:.6s pop}.mock-ad{z-index:50;color:#fff;font:600 18px var(--sans);background:#000d;place-items:center;display:grid;position:fixed;inset:0}.cards{z-index:8;position:absolute;inset:0}.card-wrap{padding:calc(var(--sat) + 10px) calc(var(--sar) + 10px) calc(var(--sab) + 10px) calc(var(--sal) + 10px);pointer-events:auto;box-sizing:border-box;background:#0a061800;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.card-wrap.open{background:#0a061899}.card{overscroll-behavior:contain;box-sizing:border-box;background:linear-gradient(180deg, var(--parch), var(--parch-2));border:2px solid var(--edge);opacity:0;border-radius:20px;flex-direction:column;width:100%;max-width:380px;max-height:100%;padding:16px 16px 14px;transition:transform .22s cubic-bezier(.2,.9,.3,1.2),opacity .18s;display:flex;position:relative;overflow-y:auto;transform:scale(.92)translateY(10px);box-shadow:0 16px 40px #000a,inset 0 0 0 4px #fffaeb8c,inset 0 0 0 6px #a77c4359}.card-wrap.open .card{opacity:1;transform:none}.card.small{max-width:340px}.card-x{color:var(--ink);border-color:var(--edge);z-index:1;background:#fffaebb3;width:40px;height:40px;position:absolute;top:8px;right:8px}.card .ttl{padding-right:36px}.cf-body{color:var(--ink-2);margin:8px 0;font-size:14.5px}.cf-body .chip{margin:0 2px}.stage-card .ttl{font-size:23px}.foes{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.foe,.mod{color:#7a2230;background:#781e281a;border-radius:99px;align-items:center;gap:3px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.foe .ic,.mod .ic{width:13px;height:13px}.mods{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.star-rules{color:var(--ink-2);background:#fffcf099;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;margin:6px 0;padding:6px 8px;font-size:12.5px;display:grid}.star-rules .stars{justify-content:flex-end}.star-rules .stars i{width:14px;height:14px}.sc-row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.sc-row .lbl{margin:0}.sc-best{color:var(--ink-2);align-items:center;gap:6px;font-size:12.5px;display:flex}.defenders{flex:1;gap:2px;display:flex}.defenders .portrait{width:36px;height:36px}.tonic-pick{flex-wrap:wrap;gap:6px;display:flex}.tonic{border:1.5px solid var(--edge);background:#fffaf0;border-radius:10px;align-items:center;gap:4px;min-height:40px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.tonic em{color:var(--ink-2);font-style:normal}.tonic.on{border-color:var(--teal-2);background:#e8fbf8;box-shadow:0 0 0 2px #1d6a704d}.fight{margin-top:10px}.siege-head{color:#6d55b5;justify-content:center;display:flex}.siege-head .ic{width:48px;height:48px}.siege-head.ready{color:#e0466e}.card.result{overflow-x:hidden}.res-card{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.res-card .ttl{padding:0}.res-card .sub{margin:0 0 4px}.rc-banner{color:#fff8e0;background:radial-gradient(circle at 40% 35%,#ffe9a3,#d99a24);border:3px solid #94601a;border-radius:50%;place-items:center;width:64px;height:64px;margin-top:-4px;display:grid}.rc-banner .ic{width:38px;height:38px}.res-card.lost .rc-banner{background:radial-gradient(circle at 40% 35%,#a89cc8,#4a3d70);border-color:#2b2048}.rc-stars .stars>i{width:44px;height:44px}.rc-stars .stars>i.pop{animation:.45s cubic-bezier(.2,1.4,.4,1) pop}@keyframes pop{0%{transform:scale(.2)rotate(-30deg)}70%{transform:scale(1.25)}to{transform:none}}.rc-loot{background:#fffcf0b3;border:1px solid #a77c4359;border-radius:12px;padding:8px 12px}.rc-loot .chip{font-size:16px}.rc-loot .chip .ic{width:22px;height:22px}.rc-xp{flex-direction:column;gap:4px;width:100%;margin:4px 0;display:flex}.xr{align-items:center;gap:8px;display:flex}.xr .portrait{border-width:2px;width:32px;height:32px}.xr .portrait.fallback b{font-size:14px}.xr-t{flex-direction:column;flex:1;align-items:flex-start;gap:2px;font-size:12.5px;display:flex}.xbar{background:#3c28142e;border-radius:4px;width:100%;height:7px;position:relative;overflow:hidden}.xbar>i{background:#4b8de0;position:absolute;top:0;bottom:0;left:0}.xbar>i.gain{background:#7cc4ff;width:0;animation:1s .6s forwards grow}@keyframes grow{to{width:var(--w)}}.xr em{color:#2b5a9a;font-size:12px;font-style:normal;font-weight:800}.res-card .btn.big{margin-top:6px}.vip-line{color:#5235b0;align-items:center;gap:5px;min-height:36px;font-size:12.5px;font-weight:600;display:inline-flex}.vip-line .ic{width:18px;height:18px}.pause-sw{gap:8px;margin:10px 0;display:flex}.sw-btn{border:1.5px solid var(--edge);opacity:.55;background:#fffaf0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:48px;font-weight:700;display:flex}.sw-btn.on{opacity:1;border-color:var(--teal-2)}.card .btn.ghost{margin-top:8px}.map-head{padding:calc(var(--sat) + 6px) calc(var(--sar) + 10px) 10px calc(var(--sal) + 10px);background:linear-gradient(#1e1208d9,#1e120880 75%,#0000);align-items:center;gap:10px;position:absolute;top:0;left:0;right:0}.mh-t{flex:1;min-width:0}.mh-t .ttl{color:#fff1cc;font-size:22px}.mh-t small{color:#e8d6a8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.mh-stars{color:var(--gold-2);align-items:center;gap:3px;font-weight:800;display:inline-flex}.mh-stars .ic{color:var(--gold);width:20px;height:20px}.mh-stars small{opacity:.7;font-weight:600}.map-foot{padding:10px calc(var(--sar) + 10px) calc(var(--sab) + 10px) calc(var(--sal) + 10px);background:linear-gradient(#0000,#1e120880 25%,#1e1208d9);flex-direction:column;gap:6px;position:absolute;bottom:0;left:0;right:0}.map-entry{text-align:left;background:linear-gradient(180deg, var(--parch), var(--parch-2));border:2px solid var(--edge);border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:6px 12px;display:flex;box-shadow:0 3px #6b4226}.map-entry>.ic{color:#7a2230;width:30px;height:30px}.map-entry span{flex-direction:column;flex:1;min-width:0;display:flex}.map-entry b{font-family:var(--serif);font-size:15px}.map-entry small{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.map-entry.finale>.ic{color:var(--gold-d)}.map-entry.off{filter:grayscale(.6);opacity:.75}.battle-top{padding:calc(var(--sat) + 6px) calc(var(--sar) + 8px) 8px calc(var(--sal) + 8px);background:linear-gradient(#0a0618bf,#0000);align-items:center;gap:8px;position:absolute;top:0;left:0;right:0}.bt-mid{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.bt-wave{color:#f6e9ff;text-shadow:0 1px 2px #000;font-size:14px}.bt-wave b{font-size:16px}.bt-wave b.boss{color:#ff9ab0;font-family:var(--serif);align-items:center;gap:4px;display:inline-flex}.bt-wave.flash{animation:1.2s flash}@keyframes flash{0%,60%{color:var(--gold-2);transform:scale(1.35)}}.heart-bar{background:#1a0d14;border:1.5px solid #ff8fa8;border-radius:9px;align-items:center;width:min(230px,100%);height:18px;display:flex;position:relative;overflow:hidden}.heart-bar>i{background:linear-gradient(90deg,#b0203f,#ff5d7a);transition:width .2s;position:absolute;inset:0 auto 0 0}.heart-bar .ic{color:#fff;width:16px;height:16px;margin-left:4px;position:relative}.heart-bar span{text-align:center;color:#fff;text-shadow:0 1px 1px #000;flex:1;padding-right:20px;font-size:11px;font-weight:800;position:relative}.heart-bar.low{animation:.8s infinite pulse-fill}.ibtn.speed b{color:var(--gold-2);font-size:15px;font-weight:900}.ibtn.speed.on{background:linear-gradient(#ffe58c,#f0b23a)}.ibtn.speed.on b{color:#3a2307}.battle-bot{padding:8px calc(var(--sar) + 8px) calc(var(--sab) + 8px) calc(var(--sal) + 8px);background:linear-gradient(#0000,#0a061880 20%,#0a0618d9);flex-direction:column;gap:6px;position:absolute;bottom:0;left:0;right:0}.bt-hint{color:#ffe9b0;border:1px solid var(--gold-d);background:#140c28d9;border-radius:99px;align-self:center;padding:6px 12px;font-size:13px;font-weight:600}.bt-hint[hidden]{display:none}.bt-heroes{justify-content:center;align-items:flex-end;gap:8px;display:flex}.bh{--hp:1;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.bh-p{border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:relative}.bh-p .portrait{border-width:2px;width:50px;height:50px}.hp-ring{background:conic-gradient(#5be07a calc(var(--hp) * 1turn), #ffffff1f 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 26px,#000 27px);mask:radial-gradient(circle,#0000 26px,#000 27px)}.bh.low .hp-ring{background:conic-gradient(#ff5d5d calc(var(--hp) * 1turn), #ffffff1f 0)}.bh.sel .bh-p{box-shadow:0 0 0 3px var(--gold-2), 0 0 14px var(--gold)}.bh.down{filter:grayscale()brightness(.6)}.bh-a{color:#fff;--cd:0;background:linear-gradient(#8b74e6,#5235b0);border:2px solid #2b1a66;border-radius:12px;place-items:center;width:48px;height:40px;display:grid;position:relative;overflow:hidden}.bh-a .ic{width:22px;height:22px;position:relative}.bh-a .cd,.sp .cd{background:conic-gradient(#0a0618b8 calc(var(--cd) * 1turn), transparent 0);position:absolute;inset:0}.bh-a.ready{border-color:var(--gold);box-shadow:0 0 10px #f5c542b3}.bh-a.aiming,.sp.aiming{outline:3px solid var(--gold-2);outline-offset:1px}.tonic-ind{border:2px solid var(--edge);background:#fffcf0d9;border-radius:50%;align-self:center;place-items:center;width:34px;height:34px;display:grid}.tonic-ind .ic{width:22px;height:22px}.bt-spells{flex-direction:column;gap:4px;display:flex}.mana{background:#0c1630;border:1px solid #3e7fb0;border-radius:6px;height:10px;position:relative;overflow:hidden}.mana>i{background:linear-gradient(90deg,#2a7bd8,#4fd6ef);transition:width .15s;position:absolute;inset:0 auto 0 0}.mana span{color:#fff;font-size:9px;font-weight:800;position:absolute;top:-1px;right:6px}.sp-row{justify-content:center;gap:6px;display:flex}.sp{--cd:0;background:linear-gradient(#4a3a8a,#251a55);border:2px solid #7c68d0;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:62px;height:52px;display:flex;position:relative;overflow:hidden}.sp .ic{width:26px;height:26px;color:var(--c,#fff);position:relative}.sp b{color:#b8e8ff;font-size:10.5px;font-weight:800;position:relative}.sp.poor{filter:grayscale(.7)brightness(.7)}.confetti{z-index:30;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.set-list{flex-direction:column;gap:4px;display:flex}.set-row{text-align:left;background:#fffcf0a6;border:1px solid #a77c434d;border-radius:12px;align-items:center;gap:10px;min-height:52px;padding:4px 10px;display:flex}.set-tx{flex-direction:column;flex:1;display:flex}.set-tx b{font-size:14.5px}.set-tx small{color:var(--ink-2);font-size:11.5px}.sw{background:#c9b78f;border-radius:14px;flex:none;width:46px;height:28px;transition:background .2s;position:relative}.sw i{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0006}.set-row[aria-checked=true] .sw{background:var(--teal-2)}.set-row[aria-checked=true] .sw i{transform:translate(18px)}.set-btns{flex-wrap:wrap;gap:6px;display:flex}.set-btns .btn{flex:30%}.set-foot{text-align:center;color:var(--ink-2);margin:10px 0 4px;font-size:11px}.lang{border:1.5px solid var(--edge);min-height:36px;font:inherit;color:var(--ink);background:#fffaf0;border-radius:10px;margin-left:auto;padding:0 8px}.save-txt{box-sizing:border-box;border:1.5px solid var(--edge);width:100%;height:160px;color:var(--ink);-webkit-user-select:text;user-select:text;background:#fffaf0;border-radius:10px;padding:8px;font:11px ui-monospace,Menlo,monospace}.err{color:var(--red);min-height:16px;margin:4px 0;font-size:13px}.btn.sm,.btn.xs,.seg-b,.skin,.tonic,.link,.vip-line,.pp-h,.ar-node,.day,.sw-btn{position:relative}.btn.sm:after,.seg-b:after,.tonic:after,.sheet-x:after,.card-x:after{content:"";position:absolute;inset:-4px}.btn.xs:after,.skin:after,.vip-line:after,.link.xs:after{content:"";position:absolute;inset:-6px}.bubble.b-timer:before{content:"";position:absolute;inset:-7px -2px}@media (max-height:700px) and (max-width:700px){:root{--bar-h:58px;--top-h:90px}.tab .ic{width:26px;height:26px}.card{padding:12px 14px}.pw-crest .ic{width:48px;height:48px}.ttl.big{font-size:24px}.pw-perks{gap:3px}.pw-perks li{font-size:12.5px}.fine{font-size:10px}.rc-stars .stars i{width:38px;height:38px}.bcard{min-height:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.res:after{content:"";position:absolute;inset:-4px -2px}.hud-top,.hud-bar,.map-head,.map-foot,.battle-top,.battle-bot,.notice,.tip,.place-bar,.sheet,.card{zoom:var(--k)}.hud-top,.battle-top,.map-head{padding-left:max(calc(var(--sal) + 8px), calc(var(--occ-tl-w) + 6px), calc(50% - 290px));padding-right:max(calc(var(--sar) + 8px), calc(var(--occ-tr-w) + 6px), calc(50% - 290px))}.hud-bar{padding-left:max(calc(var(--sal) + 4px), calc(50% - 300px));padding-right:max(calc(var(--sar) + 4px), calc(50% - 300px))}.map-foot,.battle-bot{padding-left:max(calc(var(--sal) + 8px), calc(50% - 290px));padding-right:max(calc(var(--sar) + 8px), calc(50% - 290px))}.place-bar{left:max(calc(var(--sal) + 8px), calc(50% - 290px));right:max(calc(var(--sar) + 8px), calc(50% - 290px))}.notice{left:calc(50% + (var(--occ-tl-w) - var(--occ-tr-w)) / 2);width:min(calc(100% - 20px - var(--sal) - var(--sar) - var(--occ-tl-w) - var(--occ-tr-w)), 440px)}.tip{left:calc(50% + (var(--occ-tl-w) - var(--occ-tr-w)) / 2);width:min(calc(100% - 20px - var(--sal) - var(--sar) - var(--occ-tl-w) - var(--occ-tr-w)), 420px)}.sheet{left:max(var(--sal), calc(50% - 300px));right:max(var(--sar), calc(50% - 300px));max-height:calc(100% - var(--bar-h) - var(--sab) - max(calc(var(--sat) + var(--top-h)), var(--occ-tr-h), var(--occ-tl-h)) - 2px)}.ui.tipping .sheet{max-height:calc(100% - var(--bar-h) - var(--sab) - max(calc(var(--sat) + var(--top-h)), var(--occ-tr-h), var(--occ-tl-h)) - var(--tip-h,76px) / var(--k))}.ui[data-scene=battle] .sheet,.ui[data-scene=map] .sheet{max-height:calc(100% - var(--sab) - max(calc(var(--sat) + 62px), var(--occ-tr-h), var(--occ-tl-h)) - 2px)}.card-wrap{padding:calc(var(--sat) + 10px) calc(var(--sar) + 10px + var(--occ-tr-w)) calc(var(--sab) + 10px) calc(var(--sal) + 10px + var(--occ-tl-w))}html[data-orient=landscape] .sheet{left:auto;right:calc(var(--sar) + 10px);width:min(440px,100% - 40px);top:calc(var(--sat) + var(--top-h) + 4px);bottom:calc(var(--bar-h) + var(--sab) + 8px);border-bottom:2px solid var(--edge);max-height:none;transform:translateX(calc(100% + 24px + var(--sar)));border-radius:20px;padding-bottom:10px}html[data-orient=landscape] .sheet.open{transform:none}html[data-orient=landscape] .sheet.peek{transform:translate(calc(100% - 60px))}html[data-orient=landscape] .ui.tipping .sheet{max-height:none;top:calc(var(--sat) + var(--top-h) + var(--tip-h,76px) / var(--k))}html[data-orient=landscape] .ui:is([data-scene=battle],[data-scene=map]) .sheet{top:calc(var(--sat) + 66px);bottom:calc(var(--sab) + 8px);padding-bottom:10px}html[data-orient=landscape] .battle-bot{flex-direction:row;justify-content:center;align-items:flex-end;gap:14px}html[data-orient=landscape] .bt-hint{white-space:nowrap;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}html[data-orient=landscape] .bt-heroes{flex:none}html[data-orient=landscape] .bt-spells{flex:0 330px;min-width:0}html.fold-v #app{contain:layout}html.fold-v[data-fold-side=left] #app{right:calc(var(--fold-right) + var(--fold-w))}html.fold-v[data-fold-side=right] #app{left:calc(var(--fold-x) + var(--fold-w))}html.fold-h .sheet{max-height:calc(var(--fold-below) / var(--k) - var(--bar-h) - var(--sab) - 8px)}html.fold-h .ui:is([data-scene=battle],[data-scene=map]) .sheet{max-height:calc(var(--fold-below) / var(--k) - var(--sab) - 8px)}html.fold-h .card-wrap{padding-top:calc(var(--fold-y) + var(--fold-h) + 8px)}html.fold-h .card{max-height:calc((var(--fold-below) - 18px - var(--sab)) / var(--k))}