:root{--cream:#fff6e5;--cream-2:#f3e5c8;--ink:#3a281c;--ink-soft:#7a5c45;--orange:#f08a2a;--gold:#ffc23d;--teal:#37b3ad;--sky:#5fc8ff;--red:#ff5a4f;--hud-bg:#fff6e5b8;--hud-edge:#3a281cc7;--hud-drop:0 3px 0 #3a281c73;--glass-bg:#fff6e580;--glass-edge:#3a281c73;--glass-drop:0 2px 0 #3a281c47}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;background:#17142a;margin:0;font-family:Fredoka,Trebuchet MS,system-ui,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#backdrop{pointer-events:none;opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity .25s,visibility 0s .25s;display:block;position:fixed;inset:0}#backdrop.on{opacity:1;visibility:visible;transition:opacity .25s}#ui{pointer-events:none;position:fixed;inset:0}#vignette{opacity:0;background:radial-gradient(#0000 45%,#0a0618d9 100%);transition:opacity .4s;position:absolute;inset:0}#flash{opacity:0;background:#fff;position:absolute;inset:0}#hurtfx{opacity:0;background:radial-gradient(#0000 52%,#be141e8c 88%,#78000acc 100%);position:absolute;inset:0}#frostfx{opacity:0;pointer-events:none;transform-origin:50%;background-repeat:no-repeat;background-size:100% 100%;transition:opacity .35s,transform .5s;position:absolute;inset:0}#ko{opacity:0;text-align:center;color:#fff;background:#07050d;place-content:center;gap:6px;display:grid;position:absolute;inset:0}#ko b{letter-spacing:.04em;-webkit-text-stroke:2px #3a281c;paint-order:stroke fill;color:#ff9b8f;font-size:46px}#ko span{opacity:.85;font-size:18px;font-weight:600}#back{z-index:30;text-align:center;color:#fff;opacity:0;visibility:hidden;pointer-events:none;background:#07050d;place-content:center;gap:6px;transition:opacity .6s,visibility 0s .6s;display:grid;position:absolute;inset:0}#back.on{opacity:1;visibility:visible;transition:none}#back b{letter-spacing:.03em;color:#ffd98a;-webkit-text-stroke:2px #3a281c;paint-order:stroke fill;font-size:40px}#back span{opacity:.8;font-size:18px;font-weight:600}#back span:empty{display:none}#foebars{position:absolute;inset:0}.foebar{background:#140e1cbf;border:2px solid #1b1320;border-radius:6px;width:64px;height:9px;margin:-4px 0 0 -32px;position:absolute;top:0;left:0;overflow:hidden}.foebar i{background:linear-gradient(#ff8f86,#d8413a);width:100%;height:100%;transition:width .12s;display:block}.card,.pill,.sheet{background:var(--cream);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px}.pill{border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 8px;font-size:26px;font-weight:700;display:inline-flex}.coin{background:radial-gradient(circle at 35% 30%, #fff3b0 0 18%, var(--gold) 20% 62%, #e39a14 64%);border:3px solid var(--ink);border-radius:50%;width:30px;height:30px;display:inline-block;box-shadow:inset 0 -3px #00000026}#wallet{background:var(--glass-bg);border:1.5px solid var(--glass-edge);width:214px;box-shadow:var(--glass-drop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;gap:5px;padding:6px;line-height:1.15;display:grid;position:absolute;top:14px;left:14px}#wallet .fort,#wallet .pvp{white-space:nowrap;border-radius:9px;grid-template-columns:20px 1fr auto;align-items:center;column-gap:8px;height:30px;padding:0 10px 0 7px;display:grid;position:relative;overflow:hidden}#wallet .k{letter-spacing:.1em;text-transform:uppercase;color:inherit;opacity:.85;font-size:11.5px;font-weight:500}#wallet .fort b,#wallet .pvp b{font-variant-numeric:tabular-nums;text-align:right;font-size:16px;font-weight:500}#wallet .fort{color:#ffe08a;background:#3e2a0d;box-shadow:inset 0 0 0 1.5px #d9a43a}#wallet .fort .ic{background:radial-gradient(circle, #fff6c8 0 18%, transparent 19%), conic-gradient(from 45deg, #ffd36b 0 25%, #ffb52e 0 50%, #ffd36b 0 75%, #ffb52e 0);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 3px #ffcf4a);justify-self:center;width:19px;height:19px}@keyframes fortSpin{to{transform:rotate(360deg)}}#wallet .fort.hot{color:#ffd0a0;background:#5a2b0d;box-shadow:inset 0 0 0 1.5px #ff9f40,0 0 10px #ff8c3280}#wallet .fort.blaze{color:#ffc0a0;background:#62180a;animation:.8s infinite alternate pulse;box-shadow:inset 0 0 0 1.5px #ff6a3a,0 0 14px #ff5a2899}#wallet .fort.bump{animation:.7s ease-out fortBump}#wallet .fort.jinx{color:#c9bfd8;background:#2a2433;box-shadow:inset 0 0 0 1.5px #6a5a7a}#wallet .fort.jinx .ic{filter:grayscale()brightness(.7)}@keyframes fortBump{30%{transform:scale(1.05);box-shadow:inset 0 0 0 2px #fff3c4,0 0 24px #ffd25af2}}#wallet .pvp{color:#ffe2dc;background:#681f18;box-shadow:inset 0 0 0 1.5px #d4544a}#wallet .pvp .ic{justify-self:center;font-size:15px;font-style:normal}#wallet .pvp b{color:#fff}#wallet .pvp.safe{color:#d6ecd0;background:#253b28;box-shadow:inset 0 0 0 1.5px #68a464}#wallet .pvp.safe b{color:#e8f6e2}#party{gap:5px;display:grid}#party .mate{background:#1d3526;border-radius:9px;gap:3px;padding:4px 9px 6px 7px;display:grid;box-shadow:inset 0 0 0 1.5px #4aa86e}#party .mate.away{background:#2b313a;box-shadow:inset 0 0 0 1.5px #66707e}#party .mate.ko{background:#4a1814;box-shadow:inset 0 0 0 1.5px #c2453f}#party .top{color:#a6f5c4;align-items:baseline;gap:5px;min-width:0;font-size:13.5px;font-weight:600;display:flex}#party .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}#party small{color:#ffd98a;background:#140e1cb8;border-radius:5px;flex:none;padding:0 4px;font-size:10.5px;font-weight:700}#party small:empty{display:none}#party em{color:#d6dde6;font-variant-numeric:tabular-nums;flex:none;font-size:11px;font-style:normal;font-weight:500}#party .bar{background:#0a081099;border-radius:3px;height:6px;overflow:hidden}#party .bar i{background:#4fd884;border-radius:3px;height:100%;transition:width .25s;display:block}#party .bar i.low{background:#ff5a4e}#party .away .top{color:#9aa3ad}#party .ko .top{color:#ff9a8e}#partyask{z-index:6;color:#fff;pointer-events:auto;white-space:nowrap;background:#171222db;border-radius:12px;align-items:center;gap:10px;padding:8px 10px 8px 16px;font-size:15px;display:flex;position:absolute;top:74px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1.5px #3fae6e,0 6px 18px #00000059}#partyask b{color:#a6f5c4}#partyask button{font:inherit;cursor:pointer;border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:9px;padding:5px 12px;font-size:14px;font-weight:700}#partyask .yes{color:#fff;background:#3fae6e}#partyask .no{background:var(--cream);color:var(--ink)}#partyask kbd{background:#00000040;border-radius:4px;margin-left:3px;padding:0 4px;font-family:inherit;font-size:11px}html.touch #partyask kbd,#party.hidden,#partyask.hidden{display:none}#wallet .pvp.off{color:#cdd3dc;background:#2b313a;box-shadow:inset 0 0 0 1.5px #66707e}#wallet .pvp.off .ic{filter:grayscale();opacity:.5}#wallet .pvp.off b{color:#e4e8ee}#wallet .pvp.hc{color:#ffe2dc;background:#6e1518;box-shadow:inset 0 0 0 1.5px #c2453f}#wallet .pvp.hc .ic{filter:grayscale();opacity:.45}#wallet .pvp.hc b{color:#fff}.nametag .skull{filter:drop-shadow(0 0 4px #ff4632bf);width:24px;height:24px;display:none;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.nametag .skull svg{width:100%;height:100%;display:block}.nametag.foe .skull{animation:1.4s ease-in-out infinite skullBob;display:block}.nametag.foe{color:#ffb0a0}.nametag.hc:before{content:"♥";color:#ff5a4e;text-shadow:0 0 6px #ff463299;margin-right:4px}@keyframes skullBob{50%{transform:translate(-50%)translateY(-3px)}}.inv header .pvpt{cursor:pointer;color:#e4e8ee;border:2.5px solid var(--ink);height:34px;box-shadow:0 3px 0 var(--ink);background:#2b313a;border-radius:999px;align-items:center;gap:5px;padding:0 13px 0 10px;font-size:15px;font-weight:700;display:inline-flex}.inv header .pvpt:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.inv header .pvpt i{filter:grayscale();opacity:.6;font-size:15px;font-style:normal}.inv header .pvpt b{text-transform:uppercase;letter-spacing:.04em;font-weight:800}.inv header .pvpt.on{color:#ffe2dc;background:#681f18}.inv header .pvpt.on i{filter:none;opacity:1}.inv header .pvpt:hover{transform:translateY(-1px)}.pvpic{font-size:18px;font-style:normal}.skyic{color:#4f86d9;font-size:21px;font-style:normal}#wallet .stats{justify-content:space-between;align-items:center;padding:2px 5px 1px;display:flex}#wallet .hrow{align-items:center;gap:5px;display:flex}#wallet .hrow b,#depth .now{font-variant-numeric:tabular-nums;color:var(--ink);font-size:16px;font-weight:500}#wallet .coin{border-width:2px;flex:none;width:18px;height:18px}#wallet .gemi{border-width:2px;border-radius:3px;flex:none;width:13px;height:13px}#wallet .hic{flex:none;width:18px;height:18px}#crystals.full b{color:#d8413a}#coins.bump,#crystals.bump{animation:.25s ease-out bump}#depth .now b{font:inherit}#depth .now small{margin-left:1px;font-size:11px}.nametag.pvp{color:#ffb0a0}.nametag.pvp:before{content:"⚔ "}.nametag.mate{color:#a6f5c4}#talk{text-align:center;opacity:0;pointer-events:none;background:#120e22cc;border-radius:16px;max-width:min(560px,86vw);padding:10px 20px 11px;transition:opacity .35s,transform .35s;position:absolute;bottom:150px;left:50%;transform:translate(-50%,12px);box-shadow:0 6px 24px #00000059}#talk.show{opacity:1;transform:translate(-50%)}#talk .who{letter-spacing:.22em;text-transform:uppercase;color:#a9b8ff;font-size:11px;display:block}#talk .line{color:#f1ecff;margin:4px 0 8px;font-size:18px;font-style:italic;font-weight:600;line-height:1.35}#talk .line .rest{color:#0000}#talk .souls{justify-content:center;gap:10px;display:flex}#talk .souls i{border:2px solid #dcd7ff73;border-radius:3px;width:13px;height:13px;transform:rotate(45deg)}#talk .souls i.given{background:var(--c);box-shadow:0 0 10px var(--c);border-color:#fff}#talk .souls i.carried{border-color:var(--c);animation:.6s infinite alternate pulse}body.title #talk,body.panel #talk{opacity:0!important}#compass{pointer-events:none;width:min(600px,58vw);height:60px;position:absolute;top:6px;left:50%;transform:translate(-50%)}#compass:before{content:"";background:radial-gradient(50% 62% at 50% 42%,#100c2238,#100c2217 55%,#0000 80%);position:absolute;inset:-6px 4% 10px}#compass .band{position:absolute;inset:0 0 19px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24% 76%,#0000);mask-image:linear-gradient(90deg,#0000,#000 24% 76%,#0000)}#compass .band:after{content:"";background:#ffffff80;height:1px;position:absolute;bottom:0;left:0;right:0}#compass .strip{position:absolute;top:0;bottom:0;left:0}#compass .tick{background:#ffffff57;width:1px;height:4px;position:absolute;bottom:0}#compass .tick.mid{background:#ffffff8c;height:7px}#compass .tick.big{background:#ffffffd9;height:11px}#compass .lab{white-space:nowrap;letter-spacing:.03em;color:#ffffffc7;text-shadow:0 0 1px #0e0a1ed9,0 1px 3px #0e0a1e80;font-size:13px;font-weight:500;line-height:1;position:absolute;top:12px;transform:translate(-50%)}#compass .lab.dir{letter-spacing:.08em;color:#fff;font-size:17px;font-weight:600;top:8px}#compass .lab.cardinal{font-size:22px;top:4px}#compass .lab.n{color:#ffd98a;text-shadow:0 0 1px #0e0a1ed9,0 0 8px #ffbe5a8c}#compass .pip{border:1.5px solid #fffffff2;border-radius:50%;width:8px;height:8px;margin-left:-4px;display:none;position:absolute;bottom:2px}#compass .pip.home{background:#7fe3ff;box-shadow:0 0 7px #7fe3ffe6}#compass .pip.loot{background:#ffd27a;border-radius:1px;transform:rotate(45deg);box-shadow:0 0 7px #ffd27ae6}#compass .pip.mate{background:#5be08e;box-shadow:0 0 7px #5be08ee6}#compass .pip.beast{border:2.5px solid var(--c,#d8b8ff);width:12px;height:12px;box-shadow:0 0 8px var(--c,#d8b8ff), inset 0 0 5px var(--c,#d8b8ff);background:0 0;margin-left:-6px;bottom:0}#compass .pip.beast.pulse{animation:.8s ease-in-out infinite beast-pulse}@keyframes beast-pulse{50%{box-shadow:0 0 16px var(--c,#d8b8ff), inset 0 0 6px var(--c,#d8b8ff);transform:scale(1.7)}}.lodemote{z-index:30;pointer-events:none;background:radial-gradient(circle, #fff 0 34%, var(--c,#d8b8ff) 64%);width:20px;height:20px;box-shadow:0 0 0 1.5px #180e308c, 0 0 14px 4px var(--c,#d8b8ff), 0 0 36px 10px var(--c,#d8b8ff);border-radius:50%;display:none;position:fixed;top:0;left:0}.lodespark{z-index:29;pointer-events:none;background:var(--c,#d8b8ff);width:10px;height:10px;box-shadow:0 0 0 1px #180e3066, 0 0 10px var(--c,#d8b8ff);border-radius:50%;animation:.7s ease-out forwards lodespark;position:fixed;top:0;left:0}@keyframes lodespark{to{opacity:0;scale:.25}}#compass .lodering{pointer-events:none;opacity:0;border:3px solid var(--c,#d8b8ff);width:12px;height:12px;box-shadow:0 0 0 1px #180e3073, 0 0 12px var(--c,#d8b8ff), inset 0 0 6px var(--c,#d8b8ff);border-radius:50%;margin:-6px 0 0 -6px;position:absolute;top:35px}#compass .lodering.go{animation:1.2s ease-out lodering}@keyframes lodering{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(5.5)}}#compass .lodeedge{pointer-events:none;border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid var(--c,#d8b8ff);width:0;height:0;filter:drop-shadow(0 0 1px #180e30cc) drop-shadow(0 0 6px var(--c,#d8b8ff));margin:-9px 0 0 -7px;animation:.75s ease-in-out infinite lodeedge;display:none;position:absolute;top:35px}#compass .lodeedge.left{border-left:0;border-right:14px solid var(--c,#d8b8ff);animation-name:lodeedge-l}@keyframes lodeedge{50%{opacity:.55;transform:translate(6px)}}@keyframes lodeedge-l{50%{opacity:.55;transform:translate(-6px)}}body.panel .lodemote,body.panel .lodespark{opacity:0}#compass .caret{background:linear-gradient(#ffe2a000,#ffe2a0 45%);border-radius:1px;width:2px;height:16px;margin-left:-1px;position:absolute;top:27px;left:50%;box-shadow:0 0 6px #ffc86eb3}#compass .caret:before{content:"";background:#ffe2a0;width:6px;height:6px;margin-left:-3px;position:absolute;top:-31px;left:50%;transform:rotate(45deg);box-shadow:0 0 6px #ffc86ee6}#compass .deg{color:#ffffffeb;letter-spacing:.1em;text-shadow:0 0 1px #0e0a1ed9,0 1px 3px #0e0a1e80;font-size:13px;font-weight:600;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#nametags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.nametag{white-space:nowrap;pointer-events:none;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:15px;font-weight:700;position:absolute;top:0;left:0}body.title #nametags,body.panel #nametags{opacity:0}.nametag .lv{vertical-align:2px;color:#ffd98a;-webkit-text-stroke:0;paint-order:normal;background:#140e1cb8;border-radius:6px;margin-right:5px;padding:1px 5px 0;font-size:11px;display:inline-block}.nametag .lv:empty{display:none}.sacktag{white-space:nowrap;pointer-events:none;color:#fff6e5;background:#17122299;border-radius:10px;align-items:center;gap:6px;padding:3px 10px 4px;font-size:13.5px;font-weight:600;display:flex;position:absolute;top:0;left:0;box-shadow:0 0 0 1.5px #fff6e529}.sacktag b{font-weight:700}.sacktag small{color:#d6c9b2;margin-left:6px;font-size:11.5px;font-weight:600}.sacktag kbd{background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:6px;padding:0 6px;font-family:inherit;font-size:12px;font-weight:700;display:none}.sacktag.near{background:#171222cc;box-shadow:0 0 0 2px #ffd27a,0 0 16px #ffd27a73}.sacktag.near kbd{display:inline-block}html.touch .sacktag.near kbd{display:none}body.looting .sacktag{display:none!important}.gobtag{box-shadow:0 0 0 1.5px #8fd45a8c}.gobtag.mine{background:#171222d1;box-shadow:0 0 0 2px #8fd45a,0 0 16px #8fd45a73}.gobtag.late small{color:#ff8a7a}#emotes{z-index:25;pointer-events:none;visibility:hidden;position:absolute;inset:0}#emotes.on{visibility:visible}#emotes .wheel{opacity:0;width:0;height:0;transition:opacity .12s,transform .12s ease-out;position:absolute;top:50%;left:50%;transform:scale(.86)}#emotes.on .wheel{opacity:1;transform:scale(1)}#emotes .ring{background:radial-gradient(circle,#17122266 0 52%,#17122242 67%,#17122200 70%);border-radius:50%;width:304px;height:304px;position:absolute;top:-152px;left:-152px}#emotes .e{background:var(--hud-bg);border:2.5px solid var(--hud-edge);width:64px;height:64px;box-shadow:var(--hud-drop);border-radius:50%;place-items:center;margin:-32px 0 0 -32px;transition:transform 80ms ease-out;display:grid;position:absolute}#emotes .e i{width:42px;height:42px;display:block}#emotes .e svg,.say svg{width:100%;height:100%;display:block;overflow:visible}#emotes .e b{white-space:nowrap;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:12.5px;position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%)}#emotes .e.sel{z-index:1;background:var(--cream);border-color:var(--ink);box-shadow:0 0 0 3px var(--gold), 0 3px 0 var(--ink), 0 0 20px #ffc23d8c;transform:scale(1.18)}#emotes .e.alarm.sel{box-shadow:0 0 0 3px var(--red), 0 3px 0 var(--ink), 0 0 20px #ff5a4f80}#emotes .mid{text-align:center;white-space:nowrap;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;width:120px;font-size:15px;font-weight:700;position:absolute;top:-11px;left:-60px}#emotes .dot{background:var(--gold);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:-6px}.say{background:var(--cream);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);color:var(--ink);white-space:nowrap;-webkit-text-stroke:0;paint-order:normal;transform-origin:50% 100%;border-radius:12px;align-items:center;gap:5px;padding:3px 11px 4px;font-size:15px;font-weight:700;animation:2.8s ease-out forwards sayPop;display:flex;position:absolute;bottom:calc(100% + 7px);left:50%}.say i{width:19px;height:19px;display:block}.say:after{content:"";background:inherit;border:2px solid var(--ink);border-top:0;border-left:0;width:9px;height:9px;margin:-4px 0 0 -5px;position:absolute;top:100%;left:50%;transform:rotate(45deg)}.say.alarm{color:#9a1f14;background:#ffe1db}.nametag.foe .say{bottom:calc(100% + 30px)}.sayat{pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.sayat .say{bottom:0}@keyframes sayPop{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.6)}7%{opacity:1;transform:translate(-50%)scale(1.08)}13%{transform:translate(-50%)scale(1)}86%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-8px)scale(1)}}.nametag .hp{background:#140e1cbf;border:1.5px solid #1b1320;border-radius:4px;width:46px;height:6px;margin:3px auto 0;display:block;overflow:hidden}.nametag .hp b{background:linear-gradient(#ff8f86,#d8413a);width:100%;height:100%;transition:width .15s;display:block}#chat{pointer-events:none;flex-direction:column;gap:6px;width:min(380px,30vw);display:flex;position:absolute;bottom:16px;left:16px}#chat-log{flex-direction:column;gap:3px;display:flex}#chat .line{max-width:100%;color:var(--cream);overflow-wrap:anywhere;background:#3a281cb8;border-radius:10px;align-self:flex-start;padding:3px 10px;font-size:15px;font-weight:600;transition:opacity .6s}#chat .line b{color:#ffd27a}#chat .line.me b{color:#9ff0ff}#chat .line.sys{color:#d8c9b8;background:#3a281c80;font-style:italic}#chat .line.old{opacity:0}#chat.typing .line.old{opacity:1}#chat-input{pointer-events:auto;font:inherit;border:3px solid var(--ink);background:var(--cream);color:var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:12px;outline:none;padding:7px 12px;font-size:15px;font-weight:600;display:none}#chat.typing #chat-input{display:block}body.title #chat{opacity:0}.namebox{justify-content:center;margin:6px 0 14px;display:flex}.namebox input{font:inherit;text-align:center;border:3px solid var(--ink);width:240px;color:var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:12px;outline:none;padding:7px 12px;font-size:18px;font-weight:700}.namebox input::placeholder{color:#3a281c61;font-weight:600}#start .ready #play{width:240px}#start .mode{border:3px solid var(--ink);background:var(--cream-2);box-shadow:0 3px 0 var(--ink);border-radius:14px;grid-template-columns:1fr 1fr;margin:0 0 8px;padding:3px;display:inline-grid;position:relative}#start .mode:before{content:"";background:var(--ink);border-radius:9px;width:calc(50% - 3px);transition:transform .24s cubic-bezier(.3,1.15,.5,1),background-color .24s;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:inset 0 -3px #0000004d}#start .mode.hc:before{background:#8f1f22;transform:translate(100%)}#start .mode button{font:inherit;color:var(--ink-soft);box-shadow:none;text-shadow:none;background:0 0;border:0;border-radius:9px;padding:5px 18px 7px;font-size:16px;font-weight:700;transition:color .2s,background-color .2s;position:relative}#start .mode button:hover{filter:none}#start .mode button:hover:not(.on){color:var(--ink);background:#ffffff8c}#start .mode button:active{box-shadow:none;transform:none}#start .mode button.on{color:#fff;cursor:default}#start .mode button[data-mode=hc].on{color:#ffe6e0}#start .modeline{max-width:340px;color:var(--ink-soft);margin:2px auto 14px;font-size:13.5px;font-weight:600;line-height:1.4;display:grid}#start .modeline>span{grid-area:1/1;transition:opacity .12s,visibility 0s .12s}#start .modeline>span.on{transition:opacity .2s .1s,visibility}#start .modeline>span:not(.on){opacity:0;visibility:hidden}#start .modeline b{color:var(--ink)}#fallen{z-index:72;background:#1c0608c7}.sheet.fallen{text-align:center;width:440px;max-width:calc(100vw - 32px)}.sheet.fallen h2{color:#8f1f22;letter-spacing:.04em}.sheet.fallen .what{margin:12px 0 6px;font-size:17px;font-weight:700;line-height:1.4}.sheet.fallen .small{margin:0 0 18px}.sheet.fallen .buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#net-status{margin-top:6px}#net-status:empty{display:none}.acct{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin-top:14px;display:flex}.acct .gbtn{justify-content:center;min-height:40px;display:flex}.acct .small{flex-basis:100%;margin:0}.acct.in{color:var(--ink-soft);font-size:14px;font-weight:600}.acct .who{text-overflow:ellipsis;white-space:nowrap;max-width:230px;overflow:hidden}.acct .who:before{content:"";vertical-align:1px;background:#3fcf6e;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 0 3px #3fcf6e38}.acct button.signout,.acct button.dev-signin{box-shadow:0 3px 0 var(--ink);border-width:2px;border-radius:10px;padding:5px 12px;font-size:14px}.pause .acct{margin-top:14px}.acct[hidden],#start .entry[hidden],#start .ready[hidden]{display:none}#start .entry{justify-items:center;gap:10px;margin:4px 0 2px;display:grid}#start .entry .gbtn{justify-content:center;min-height:40px;display:flex}#start .entry .again{margin:0}#start #guest{width:300px;height:42px;box-shadow:0 3px 0 var(--ink);border-width:2.5px;border-radius:999px;padding:0 18px;font-size:16px}#start #guest:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}#start .ready .acct{margin-top:12px}.no3d>.entry,.no3d>.ready{display:none!important}.coin.sm{border-width:2px;width:18px;height:18px}@keyframes bump{40%{transform:scale(1.14)}}.bar{background:var(--cream-2);border:2.5px solid var(--ink);border-radius:10px;height:16px;margin:4px 0 6px;overflow:hidden}.bar i{border-radius:6px;width:0%;height:100%;transition:width .15s;display:block}.bar.hp i{background:linear-gradient(#ff9d8f,#e0463c)}.bar.hp.low i{animation:.5s infinite alternate pulse}@keyframes pulse{to{filter:brightness(1.3)}}#goal{background:var(--glass-bg);border:1.5px solid var(--glass-edge);width:236px;box-shadow:var(--glass-drop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;border-radius:12px;padding:6px 11px 8px;transition:opacity .3s,transform .3s;position:absolute;top:14px;right:14px;transform:translate(20px)}#goal.show{opacity:1;transform:none}#goal .head{justify-content:space-between;align-items:center;display:flex}#goal label{letter-spacing:.16em;color:var(--ink);opacity:.75;font-size:10px;font-weight:500}#goal .reward{align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}#goal .reward i{margin-left:4px}#goal .text{margin:2px 0 5px;font-size:14px;font-weight:500;line-height:1.2}#goal .bar{background:#f3e5c8cc;border-width:2px;height:8px;margin:0}#goal .bar i{background:linear-gradient(#b6f07a,#5fb84a)}#goal .count{color:var(--ink);opacity:.8;text-align:right;margin-top:2px;font-size:12px;font-weight:500}#goal .count:empty{display:none}#goal.done{animation:.9s cubic-bezier(.2,1.6,.4,1) goalDone}@keyframes goalDone{0%{transform:scale(1)}25%{box-shadow:var(--glass-drop), 0 0 0 6px #ffc23d80;background:#fff1b8;transform:scale(1.08)}to{transform:scale(1)}}body.title #goal{opacity:0!important}#crosshair{width:0;height:0;position:absolute;top:50%;left:50%}#crosshair .dot{background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:-3px;box-shadow:0 0 0 2px #3a281ccc}#crosshair .ring{opacity:0;border:3px solid #ffffffd9;border-radius:50%;width:30px;height:30px;transition:transform .12s,opacity .12s,border-color .12s;position:absolute;top:-15px;left:-15px;transform:scale(.6);box-shadow:0 0 0 1.5px #3a281c99}#crosshair.valid .ring{opacity:1;transform:scale(1)}#crosshair.hard .ring{opacity:1;border-color:var(--red);transform:scale(1)}#crosshair .spiral{pointer-events:none;fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;color:#fff;filter:drop-shadow(0 0 1.2px #3a281ce6)drop-shadow(0 0 .6px #3a281ce6);opacity:0;width:34px;height:34px;transition:opacity .12s,transform .12s,color .12s;position:absolute;top:-17px;left:-17px;overflow:visible;transform:scale(.6)}#crosshair.drilling .spiral{opacity:1;animation:.42s linear infinite swirl;transform:scale(1)}#crosshair.drilling .ring{opacity:0}#crosshair.drilling.hard .spiral{color:var(--red)}#crosshair.drilling.foe .spiral{color:#ff6b5f}#crosshair.foe .ring{opacity:1;border-color:#ff6b5f;transform:scale(1.1)}#crosshair.aim .ring{opacity:.9;border-color:#ffc070;transform:scale(.8)}#crosshair.air .ring{opacity:.7;border-style:dashed;border-color:#ebf8fff2;animation:.3s linear infinite airRing}#crosshair:before,#crosshair:after{content:"";opacity:0;background:#fff;border-radius:2px;width:22px;height:3px;transition:opacity 80ms;position:absolute;top:-1.5px;left:-11px;box-shadow:0 0 0 1.5px #3a281cb3}#crosshair:before{transform:rotate(45deg)}#crosshair:after{transform:rotate(-45deg)}#crosshair.hit:before,#crosshair.hit:after{opacity:1}@keyframes swirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes airRing{0%{transform:scale(.6)rotate(0)}to{transform:scale(.6)rotate(360deg)}}#home-marker,#loot-marker{color:#fff;letter-spacing:.1em;text-shadow:0 2px 0 var(--ink), 0 0 6px #0009;opacity:0;flex-direction:column;align-items:center;font-size:13px;font-weight:700;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}#home-marker .arrow{color:#7fe3ff;font-size:20px;line-height:1}#loot-marker .arrow{color:#ffd27a;font-size:20px;line-height:1}#loot-marker span{color:#ffe8b8}#home-marker em,#loot-marker em{opacity:.9;font-size:12px;font-style:normal}#loot-marker.fading em{color:#ff8a7a;opacity:1;animation:.9s steps(2,jump-none) infinite satchel-blink}@keyframes satchel-blink{50%{opacity:.35}}body.panel #loot-marker,body.title #loot-marker{opacity:0!important}#dock{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#belt{gap:8px;display:flex}#buffs{justify-content:center;gap:10px;margin-bottom:12px;display:flex}#buffs:empty{display:none}#buffs .buff{background:conic-gradient(var(--c) calc(var(--p) * 1turn), #14101e80 0);width:40px;height:40px;box-shadow:0 0 10px color-mix(in srgb, var(--c) 55%, transparent);border-radius:50%;padding:3px;position:relative}#buffs .buff .ic{background:#1c1628e0;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}#buffs .buff .ic img,#buffs .buff .ic svg{object-fit:contain;width:80%;height:80%}#buffs .buff b{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;white-space:nowrap;font-size:11px;font-weight:700;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}#buffs .buff.ending{animation:.5s ease-in-out infinite alternate buffEnd}#buffs .buff.status .ic{background:#0e0c16e6}@keyframes buffEnd{to{opacity:.45}}#belt.hidden,#belt .bslot.locked{display:none}#belt .bslot{background:var(--hud-bg);border:2px solid var(--hud-edge);width:46px;height:46px;box-shadow:var(--hud-drop);border-radius:11px;place-items:center;display:grid;position:relative}#belt .bslot.empty{box-shadow:none;background:#3a281c4d;border-style:dashed}#belt .bslot.out .ic{filter:grayscale();opacity:.5}#belt .bslot .ic{place-items:center;width:38px;height:38px;display:grid}#belt .bslot .ic img,#belt .bslot .ic svg{object-fit:contain;width:100%;height:100%}#belt .bslot kbd{background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:6px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:700;position:absolute;top:-8px;left:-7px}#belt .bslot b{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:14px;position:absolute;bottom:1px;right:3px}#belt .bslot.use{animation:.35s cubic-bezier(.2,1.8,.4,1) beltUse}@keyframes beltUse{40%{transform:scale(1.22)rotate(-6deg)}}#vitals{align-items:center;gap:12px;display:flex}#vitals .key{white-space:nowrap;color:#fff;text-shadow:0 2px 0 var(--ink);opacity:.85;align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}#vitals kbd{background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);text-shadow:none;border-radius:6px;padding:0 7px;font-family:inherit;font-size:12px;font-weight:700;display:inline-block}#vitals .new:empty{display:none}#vitals .new{background:var(--red);color:#fff;border:2px solid var(--ink);text-shadow:none;border-radius:999px;padding:0 7px;font-size:12px;animation:.6s infinite alternate pulse}#hp{border:2px solid var(--hud-edge);width:250px;height:17px;box-shadow:var(--hud-drop);background:#281a1480;border-radius:9px;margin:0;position:relative}#hp i{z-index:1;position:relative}#hp s{background:#ffe8d6cc;border-radius:6px;width:100%;text-decoration:none;transition:width .6s .35s;position:absolute;top:0;bottom:0;left:0}#hp b{z-index:2;color:#fff;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;place-items:center;font-size:11px;line-height:1;display:grid;position:absolute;inset:0}#vitals{position:relative}#ult{background:conic-gradient(#ffcf5a calc(var(--p,0) * 1turn), #281a1480 0);width:54px;height:54px;box-shadow:var(--hud-drop);border-radius:50%;margin-top:-27px;transition:transform .12s;position:absolute;top:50%;left:calc(100% + 16px)}#ult:before{content:"";border:2px solid var(--hud-edge);background:#1c1628e0;border-radius:50%;position:absolute;inset:4px}#ult .ic{opacity:.5;filter:grayscale(.7);place-items:center;transition:opacity .25s,filter .25s;display:grid;position:absolute;inset:8px}#ult .ic svg{width:100%;height:100%}#ult kbd{z-index:1;background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:6px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:700;position:absolute;top:-8px;left:-7px}#ult.ready{background:#ffd36a;animation:1.3s ease-in-out infinite ultGlow}#ult.ready .ic{opacity:1;filter:none}#ult.ready kbd{background:#ffd36a}@keyframes ultGlow{50%{box-shadow:var(--hud-drop), 0 0 18px 5px #ffcf5ab3}}#ult.aim{background:#fff6d8;animation:none;transform:scale(.9)}#ult.nudge:not(.ready){animation:.32s ease-in-out ultNudge}@keyframes ultNudge{20%,60%{translate:-4px}40%,80%{translate:4px}}#ult.pop:after{content:"";pointer-events:none;border:3px solid #ffe7a6;border-radius:50%;animation:.65s ease-out forwards ultPop;position:absolute;inset:-6px}@keyframes ultPop{0%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.9)}}html.touch #ult{display:none}#jet{opacity:0;width:44px;height:44px;margin:-22px 0 0 -22px;transition:opacity .4s;position:absolute;top:0;left:0}#jet.show{opacity:1;transition-duration:.12s}#jet svg{width:100%;height:100%;display:block;overflow:visible;transform:rotate(-90deg)}#jet .track{fill:#1e14244d;stroke:#3a281c8c;stroke-width:8px}#jet .fill{fill:none;stroke:#7ff0e2;stroke-width:5px;stroke-linecap:round;stroke-dasharray:106.8;transition:stroke .2s}#jet.low .fill{stroke:#ffa15c}#jet.empty .fill{opacity:0}#jet.empty .track{animation:.5s steps(2,jump-none) infinite jetEmpty}@keyframes jetEmpty{50%{stroke:#ff5a4fe6}}#hint{color:var(--cream);opacity:0;white-space:nowrap;background:#3a281cbd;border-radius:999px;padding:6px 16px;font-size:15px;font-weight:600;transition:opacity .2s}#hint.show{opacity:1}#hint kbd,footer kbd,.kr kbd,.settings kbd{background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:6px;margin:0 2px;padding:0 7px;font-family:inherit;font-size:.85em;font-weight:700;display:inline-block}#toasts{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:36%;right:18px}.toast{background:var(--glass-bg);border:1.5px solid var(--glass-edge);max-width:330px;min-height:30px;box-shadow:var(--glass-drop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ink);border-radius:10px;align-items:center;gap:7px;padding:3px 12px 3px 5px;font-size:14px;font-weight:500;line-height:1.2;animation:.22s ease-out toastIn;display:flex}.toast.note{padding-left:11px}.toast:not(.note){white-space:nowrap;max-width:none}.toast:not(.note)>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.toast .ic{flex:none;place-items:center;width:22px;height:22px;display:grid}.toast .ic>img,.toast .ic>svg{object-fit:contain;width:100%;height:100%}.toast .ic .coin{border-width:2px;width:17px;height:17px}.toast .ic .die{border-width:2px;border-radius:4px;width:16px;height:16px}.toast b{font-weight:600}.toast em{font-variant-numeric:tabular-nums;margin-left:4px;font-style:normal;font-weight:600}.toast small{color:#3a281ccc;margin-left:6px;font-size:11.5px;font-weight:500}.toast.gear .ic{box-shadow:inset 0 0 0 1.5px var(--tc);background:#ffffff59;border-radius:6px;padding:2px}.toast.bump{animation:.26s ease-out toastBump}.toast.out{opacity:0;transition:opacity .3s,transform .3s;transform:translate(16px)}@keyframes toastIn{0%{opacity:0;transform:translate(28px)}}@keyframes toastBump{40%{transform:scale(1.06)}}#banner{z-index:20;opacity:0;pointer-events:none;text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:16%;left:50%;transform:translate(-50%,-50%)scale(.6)}#banner b{color:#fff;letter-spacing:.04em;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);font-size:58px;font-weight:700}#banner span{color:var(--cream);text-shadow:0 3px 0 var(--ink), 0 0 12px #00000080;font-size:22px;font-weight:700}#banner.show{animation:4.4s forwards bannerIn}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-6deg)}7%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(2deg)}12%{transform:translate(-50%,-50%)scale(1)rotate(0)}86%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}.floater{white-space:nowrap;color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);font-size:18px;font-weight:700;position:absolute;top:0;left:0}.floater.big{-webkit-text-stroke-width:3px;text-shadow:0 4px 0 var(--ink);font-size:27px}.modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#17142a73;place-content:center;place-items:center;display:grid;position:absolute;inset:0}.modal.hidden{display:none}.sheet{max-width:calc(100vw - 32px);padding:22px 26px}.sheet h2{margin:0;font-size:30px}.sheet.title{text-align:center;width:560px}.sheet.title h1{color:var(--orange);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink);margin:0;font-size:76px;line-height:1}.sheet.title h1 span{color:var(--gold);margin-left:10px}.tag{color:var(--ink-soft);margin:12px 0 18px;font-size:20px;font-weight:600}button{cursor:pointer;background:var(--orange);color:#fff;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);text-shadow:0 2px #3a281c80;border-radius:14px;padding:10px 28px;font-family:inherit;font-size:22px;font-weight:700;transition:transform 80ms,box-shadow 80ms}button:hover{filter:brightness(1.06)}button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}button:disabled{cursor:default;filter:none;background:#cbbfa8}.small{color:var(--ink-soft);margin:14px 0 0;font-size:13px}footer{text-align:center;color:var(--ink-soft);margin-top:14px;font-size:14px;font-weight:600}#start.modal{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#17142a6b,#17142a00 58%);place-items:center start;padding-left:max(16px,6vw)}#start .sheet.title{width:500px}body.title #wallet,body.title #dock,body.title #jet,body.title #crosshair,body.title #compass,body.title #home-marker,body.title #toasts,body.title #foebars{opacity:0!important}@media (width<=640px){#start.modal{place-items:center;padding-left:0}}#no3d{text-align:left;font-weight:600;display:none}.no3d #no3d{display:block}.no3d>.namebox,.no3d>.buttons,.no3d>#load-status,.no3d>#net-status{display:none}#no3d p{margin:0 0 10px}#no3d ol{color:var(--ink-soft);gap:8px;margin:0 0 14px;padding-left:22px;display:grid}#no3d li b{color:var(--ink)}#no3d a{color:var(--teal)}#no3d .why{background:var(--cream-2);white-space:pre-line;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;border-radius:8px;margin:0;padding:6px 9px;font-size:11px}#no3d .why:empty{display:none}.sheet.pause{text-align:center;width:300px}#elsewhere{z-index:70;background:#17142ab3}.sheet.elsewhere{text-align:center;width:420px}.sheet.elsewhere p{color:var(--ink-soft);margin:12px 0 18px;font-size:17px;font-weight:600;line-height:1.4}.pause .menu{gap:10px;margin-top:16px;display:grid}.pause .online{width:100%;box-shadow:0 3px 0 var(--ink);border-width:2px;border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:7px 14px;font-size:15px;font-weight:700;display:flex}.pause .online.hidden{display:none}.pause .online .live{background:#3fcf6e;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #3fcf6e38}.pause .online span{text-align:left;flex:1}.pause .online em{color:#1d5a37;background:#cdeed8;border-radius:999px;padding:1px 8px;font-size:12px;font-style:normal}.pause .online em:empty{display:none}.pause .online b{color:var(--ink-soft);font-size:20px;line-height:1}.pause .menu button{width:100%;padding:9px 16px;font-size:19px}.pause .soc{justify-content:center;gap:10px;margin:14px 0 0;display:flex}.pause .soc a{border:2px solid var(--ink);background:var(--cream-2);width:42px;height:38px;color:var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:11px;place-items:center;transition:background-color .15s,color .15s,transform .1s;display:grid}.pause .soc a:hover{color:#fff}.pause .soc a.dc:hover{background:#5865f2}.pause .soc a.xx:hover{background:#111}.pause .soc a:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.pause .soc svg{width:20px;height:20px}.sheet.leaders{flex-direction:column;width:min(600px,100vw - 32px);height:min(700px,100vh - 40px);display:flex;overflow:hidden}.sheet.leaders>*{flex:none}.leaders header{justify-content:space-between;align-items:center;display:flex}.leaders header .close{padding:4px 12px;font-size:18px}.leaders .tabs{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:12px 0 4px;display:grid}.leaders .tabs button{white-space:nowrap;border-radius:999px;padding:6px 2px;font-size:13px}.leaders .tabs button.on{background:var(--ink);color:var(--cream)}.leaders .note{min-height:16px;color:var(--ink-soft);margin:4px 0 0;font-size:12px;font-weight:600}.leaders .board{flex:auto;align-content:start;gap:4px;min-height:0;margin:6px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.leaders .board li{background:var(--cream-2);border-radius:10px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:5px 12px;font-weight:600;display:grid}.leaders .board li b{width:26px;height:26px;color:var(--ink-soft);background:#0000000d;border-radius:50%;place-items:center;font-size:13px;display:grid}.leaders .board li.gold b{color:#5a3d00;background:#ffd34d}.leaders .board li.silver b{color:#3b4250;background:#d9dee6}.leaders .board li.bronze b{color:#4d2a0c;background:#e7a46a}.leaders .board li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaders .board li em{color:var(--ink);font-style:normal;font-weight:700}.leaders .board li.fallen{opacity:.62;background:#8f1f2214}.leaders .board li.fallen span:after{content:" ☠";color:#8f1f22}.leaders .board li.me{box-shadow:inset 0 0 0 2px var(--teal)}.leaders .board li.empty{text-align:center;color:var(--ink-soft);background:0 0;padding:16px 8px;display:block}.leaders .pager{color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:14px;margin-top:10px;font-weight:700;display:flex}.leaders .pager[hidden]{visibility:hidden;display:flex}.leaders .pager button{padding:3px 14px 5px;font-size:20px;line-height:1}.leaders .you{text-align:center;min-height:18px;color:var(--ink-soft);margin:8px 0 0;font-weight:700}.leaders footer{margin-top:10px}.sheet.players{flex-direction:column;width:min(460px,100vw - 32px);height:min(600px,100vh - 40px);display:flex;overflow:hidden}.sheet.players>*{flex:none}.players header{justify-content:space-between;align-items:center;display:flex}.players header .close{padding:4px 12px;font-size:18px}.players h2 small{color:var(--ink-soft);margin-left:4px;font-size:17px}.players .find{border:2px solid var(--ink);font:inherit;color:var(--ink);background:#fffaf0;border-radius:12px;outline:none;margin:12px 0 4px;padding:9px 14px;font-size:16px;font-weight:600}.players .find:focus{box-shadow:0 0 0 3px #2fa39a59}.players .list{flex:auto;min-height:0;padding-right:2px;overflow-y:auto}.players h3{letter-spacing:.14em;text-transform:uppercase;min-height:28px;color:var(--ink-soft);justify-content:space-between;align-items:center;margin:12px 0 6px;font-size:12px;display:flex}.players ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.players li{background:var(--cream-2);border-radius:10px;align-items:center;gap:10px;min-height:38px;padding:3px 6px 3px 8px;font-weight:600;display:flex}.players li>b{color:#ffd98a;background:#140e1cc7;border-radius:7px;flex:none;place-items:center;min-width:28px;height:24px;padding:0 5px;font-size:12px;display:grid}.players li>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.players li>span.hc:before{content:"♥ ";color:#d8413a}.players li.you{box-shadow:inset 0 0 0 2px var(--teal)}.players li.away{opacity:.6}.players li.empty{text-align:center;min-height:0;color:var(--ink-soft);background:0 0;padding:16px 8px;display:block}.players li em{color:var(--ink-soft);background:#0000000f;border-radius:999px;flex:none;padding:2px 9px;font-size:12px;font-style:normal;font-weight:700}.players li em.hc{color:#8f1f22;background:#d8413a1f}.players li em.sent{color:#1d5a37;background:#cdeed8}.players button.invite,.players button.leave{box-shadow:0 2px 0 var(--ink);text-shadow:none;border-width:2px;border-radius:9px;flex:none;padding:4px 12px;font-size:13px}.players button.invite{background:#3fae6e}.players button.leave{background:var(--cream-2);color:#a8433a;letter-spacing:0;text-transform:none}.players button.leave.sure{color:#fff;background:#a8433a}.players footer{margin-top:10px;font-size:12.5px}.sheet.arena{--accent:#c4513c;--band:#f7e0d6;flex-direction:column;width:min(560px,100vw - 32px);height:min(620px,100vh - 40px);display:flex;overflow:hidden}.sheet.arena>*{flex:none}.arena header{background:var(--band);border-bottom:3px solid var(--ink);border-radius:15px 15px 0 0;grid-template-columns:56px 1fr auto auto;align-items:center;gap:12px;margin:-22px -26px 10px;padding:14px 20px;display:grid}.arena .crest{background:var(--cream);border:3px solid var(--ink);width:56px;height:56px;box-shadow:0 4px 0 var(--ink);border-radius:16px;place-items:center;display:grid}.arena .crest svg{width:44px;height:44px}.arena h2{color:var(--ink);font-size:26px}.arena .tabs{gap:8px;margin-top:6px;display:flex}.arena .tabs button{background:var(--cream-2);color:var(--ink);text-shadow:none;box-shadow:0 3px 0 var(--ink);padding:5px 14px;font-size:15px}.arena .tabs button.on{background:var(--accent);color:#fff;text-shadow:0 2px #3a281c66}.arena .record{color:var(--ink-soft);grid-template-columns:auto auto;align-items:baseline;column-gap:6px;font-size:12px;font-weight:700;display:grid}.arena .record b{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;font-size:17px}.arena header .close{height:34px;box-shadow:0 3px 0 var(--ink);border-width:2.5px;justify-content:center;align-items:center;padding:0 12px;font-size:18px;display:inline-flex}.arena .body{flex-direction:column;flex:auto;gap:10px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.arena .body>.lobbies{flex:auto;align-content:start;min-height:0;overflow-y:auto}.arena .soft{color:var(--ink-soft);margin:0;font-size:12.5px;font-weight:600}.arena button{box-shadow:0 2px 0 var(--ink);background:var(--accent);border-width:2px;border-radius:10px;padding:6px 14px;font-size:14px}.arena button.ghost{background:var(--cream);color:var(--ink);text-shadow:none}.arena .host{background:var(--cream-2);box-shadow:inset 4px 0 0 var(--accent);border-radius:14px;flex:none;gap:6px;padding:10px 12px;display:grid}.arena .host .row{align-items:center;gap:8px;display:flex}.arena .host .wl{color:var(--ink);align-items:center;gap:6px;font-weight:700;display:flex}.arena .host input,.arena .joinpw{border:2px solid var(--ink);min-width:0;font:inherit;color:var(--ink);background:#fffaf0;border-radius:10px;outline:none;padding:6px 10px;font-size:14px;font-weight:700}.arena .host .wager{width:92px}.arena .host .pw{flex:1}.arena .host button.go{flex:none}.arena .hcnote{color:#8f1f22}.arena ul,.arena ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.arena li{background:var(--cream-2);border-radius:10px;align-items:center;gap:10px;min-height:40px;padding:3px 6px 3px 8px;font-weight:600;display:flex}.arena li>b{color:#ffd98a;background:#140e1cc7;border-radius:7px;flex:none;place-items:center;min-width:28px;height:24px;padding:0 5px;font-size:12px;display:grid}.arena li>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.arena li>span.hc:before{content:"♥ ";color:#d8413a}.arena li em{color:var(--ink-soft);background:#0000000f;border-radius:999px;flex:none;padding:2px 9px;font-size:12px;font-style:normal;font-weight:700}.arena li em.w{color:#7a5200;background:#ffe9b0}.arena li em.no{color:#8f1f22;background:#d8413a1a}.arena li em.lk{color:var(--ink);place-items:center;padding:3px 6px;display:grid}.arena li em.lk .lock{width:13px;height:13px}.arena li em.r{color:var(--ink);font-variant-numeric:tabular-nums;background:#ffe9b0}.arena li em.wl{font-variant-numeric:tabular-nums}.arena li.mine{box-shadow:inset 4px 0 0 var(--accent);background:#f7e0d6}.arena li.mine>span{color:var(--ink);font-weight:700}.arena li .joinpw{flex:none;width:120px;padding:4px 8px;font-size:13px}.arena li.empty{text-align:center;min-height:0;color:var(--ink-soft);background:0 0;padding:18px 8px;display:block}.arena .you{text-align:center;color:var(--ink-soft);margin:10px 0 0;font-weight:700}#duelbar.hidden{display:none}#duelbar{z-index:6;pointer-events:none;color:#fff;grid-template-columns:1fr auto 1fr;align-items:start;gap:14px;width:min(720px,100vw - 32px);display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%)}#duelbar .side{background:#120e1ab8;border-radius:12px;gap:4px;padding:8px 12px;display:grid}#duelbar .side b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}#duelbar .them{text-align:right}#duelbar .pips{gap:5px;display:flex}#duelbar .them .pips{justify-content:flex-end}#duelbar .pips i{border:2px solid #ffd23c;border-radius:50%;width:12px;height:12px}#duelbar .pips i.on{background:#ffd23c}#duelbar .hp{background:#0a0810b3;border-radius:6px;height:12px;position:relative;overflow:hidden}#duelbar .hp i{background:linear-gradient(#7af0a2,#3fae6e);transition:width .2s;position:absolute;inset:0 auto 0 0}#duelbar .them .hp i{background:linear-gradient(#ff9a7a,#d9553f);inset:0 0 0 auto}#duelbar .hp em{text-align:center;text-shadow:0 1px #000;font-size:10px;font-style:normal;font-weight:700;line-height:12px;position:absolute;inset:0}#duelbar .mid{justify-items:center;gap:4px;padding-top:4px;display:grid}#duelbar .clock{font-variant-numeric:tabular-nums;text-shadow:0 2px #00000080;font-size:24px;font-weight:800}#duelbar .clock.low{color:#ff8a7a}#duelbar .wager{color:#ffe08a;text-shadow:0 1px #0009;font-size:13px;font-weight:700}#duelcount{z-index:6;color:#fff;opacity:0;pointer-events:none;text-shadow:0 6px #00000059,0 0 30px #ffc87899;font-size:96px;font-weight:900;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}#duelcount.go{animation:.9s ease-out duelGo}@keyframes duelGo{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}20%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}.sheet.keys{width:720px;max-height:calc(100vh - 40px);overflow-y:auto}.keys header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.keys header .close{padding:4px 12px;font-size:18px}.kgroups{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.kg{--c:var(--teal);background:var(--cream-2);box-shadow:inset 4px 0 0 var(--c);border-radius:14px;padding:10px 12px 8px}.kg.fight{--c:#d9622b}.kg.burrow{--c:#8a5a32}.kg.more{--c:#6b5fa8}.kg h3{letter-spacing:.14em;text-transform:uppercase;color:var(--c);align-items:baseline;gap:6px;margin:0 0 6px;font-size:12.5px;display:flex}.kg h3 small{letter-spacing:0;text-transform:none;color:var(--ink-soft);font-size:12px;font-weight:600}.kr{grid-template-columns:112px 1fr;align-items:center;column-gap:12px;min-height:30px;font-size:15px;font-weight:600;line-height:1.2;display:grid}.kr+.kr{border-top:1px solid #3a281c14}.kr .k{white-space:nowrap;justify-content:flex-end;align-items:center;gap:3px;display:flex}.kr .k small{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-right:3px;font-size:11px;font-weight:700}.kr .k kbd{text-align:center;min-width:1.6em;margin:0}@media (width<=640px){.kgroups{grid-template-columns:1fr}}.kr .k .tk{border-color:var(--ink);margin:0;font-size:20px}.kr .k .tk.lookic{width:1.9em}.kr .k .tw{color:var(--ink);background:#3a281c1a;border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:700}.kr span .tk{border-color:var(--ink);font-size:.95em}.kbicon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;display:block}.buttons{justify-content:center;align-items:stretch;gap:12px;margin-top:16px;display:flex}#start .buttons{margin-top:0}button.ghost{background:var(--cream-2);color:var(--ink);text-shadow:none;padding:10px 16px}.sheet.settings{width:560px;max-height:calc(100vh - 40px);overflow-y:auto}.settings header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.settings header .close{padding:4px 12px;font-size:18px}.settings section{margin-top:12px}.settings .startover{color:var(--ink-soft);grid-template-columns:1fr auto;align-items:center;gap:12px;font-size:14px;font-weight:600;display:grid}.settings .startover button{white-space:nowrap;padding:6px 14px;font-size:15px}.settings .startover button.armed{color:#fff;background:#d8413a}.settings h3{letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase;margin:0 0 8px;font-size:13px}.settings .slider,.settings .choice,.settings .check{grid-template-columns:120px 1fr 52px;align-items:center;gap:12px;margin:6px 0;font-weight:600;display:grid}.settings .choice{grid-template-columns:120px 1fr}.settings .check{cursor:pointer;grid-template-columns:22px 1fr}.settings .check input{width:20px;height:20px;accent-color:var(--orange);margin:0}.settings em{text-align:right;color:var(--ink-soft);font-size:14px;font-style:normal}.settings input[type=range]{appearance:none;background:var(--cream-2);border:2.5px solid var(--ink);border-radius:8px;outline:none;width:100%;height:14px}.settings input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--orange);border:2.5px solid var(--ink);cursor:pointer;width:22px;height:22px;box-shadow:0 2px 0 var(--ink);border-radius:50%}.settings input[type=range]::-moz-range-thumb{background:var(--orange);border:2.5px solid var(--ink);cursor:pointer;border-radius:50%;width:18px;height:18px}.settings .seg{flex-wrap:wrap;gap:6px;display:flex}.settings .seg button{box-shadow:0 3px 0 var(--ink);background:var(--cream-2);color:var(--ink);text-shadow:none;border-radius:10px;padding:5px 12px;font-size:14px}.settings .seg button.on{background:var(--orange);color:#fff;text-shadow:0 2px #3a281c80}.settings .seg button.auto{box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--orange)}.sheet.building{--accent:var(--orange);--band:#f3e5c8;width:1100px;max-width:none;position:relative}.building .content{position:relative}.building .tpage:not(.on){visibility:hidden;pointer-events:none}.building .tpage.sell,.building .tpage.stolen{position:absolute;inset:0;overflow:hidden auto}.building .stolen .left{color:#b0472e;font-style:normal}.building .stolen>.soft{text-align:left;margin-top:-4px}.building .stolen .warn{margin-left:6px}.sheet.building[data-theme=trade]{--accent:#2fa39a;--band:#dff3ee}.sheet.building[data-theme=stash]{--accent:#c9823c;--band:#fbead0}.stash{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stash .scol{border:2.5px solid var(--ink);background:#fffaf0;border-radius:16px;min-height:220px;padding:12px}.stash .scol.chest{background:linear-gradient(#fff3da,#ffe6b8)}.stash h4{letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase;justify-content:space-between;align-items:baseline;margin:0 0 10px;font-size:13px;display:flex}.stash h4 small{letter-spacing:0;text-transform:none;font-size:12px}.stash .stiles{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;margin-bottom:10px;display:grid}.stash .stiles .itile{aspect-ratio:1;cursor:pointer;width:100%;height:auto;transition:transform .12s}.stash .stiles .itile:hover{transform:translateY(-3px)scale(1.05)}.stash .soft{text-align:left;margin:4px 0 0}.stash .itile .qty small{opacity:.75;font-size:.72em}.stash .itile.capped{opacity:.45;filter:saturate(.4)}@media (width<=640px){.stash{grid-template-columns:1fr}}.sheet.building.enter{animation:.18s cubic-bezier(.2,1.2,.4,1) sheetIn}@keyframes sheetIn{0%{opacity:0;transform:translateY(12px)scale(.97)}}.sheet.building.shake{animation:.35s sheetShake}@keyframes sheetShake{20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px)}80%{transform:translate(1px,1px)}}.building header{background:var(--band);border-bottom:3px solid var(--ink);border-radius:15px 15px 0 0;grid-template-columns:64px 1fr auto auto;align-items:center;gap:14px;margin:-22px -26px 12px;padding:16px 22px;display:grid}.building .crest{background:var(--cream);border:3px solid var(--ink);width:64px;height:64px;box-shadow:0 4px 0 var(--ink);border-radius:18px;place-items:center;display:grid}.building .crest svg{width:50px;height:50px}.building h2{color:var(--ink);font-size:30px}.building .sub{color:var(--ink-soft);margin:0;font-weight:600}.building .wallet{gap:8px;display:flex}.pill.small{box-shadow:0 3px 0 var(--ink);border-width:2.5px;gap:6px;margin:0;padding:4px 12px 4px 6px;font-size:18px}.inv header .pill.small,.building header .pill.small,#shatter .res .pill.small{height:34px}.inv header .close,.building header .close,#shatter header .close{height:34px;box-shadow:0 3px 0 var(--ink);border-width:2.5px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.inv header .close:active,.building header .close:active,#shatter header .close:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.building .close{padding:4px 12px;font-size:18px}.building .tabs{gap:8px;margin-top:8px;display:flex}.building .tabs:empty{display:none}.building .tabs button{background:var(--cream-2);color:var(--ink);text-shadow:none;box-shadow:0 3px 0 var(--ink);padding:6px 16px;font-size:16px}.building .tabs button.on{background:var(--accent);color:#fff;text-shadow:0 2px #3a281c66}.building button{background:var(--accent)}.building button:disabled{background:#cbbfa8}.building .lbl{letter-spacing:.16em;color:var(--ink-soft);font-size:11px;font-weight:700}.building .soft{color:var(--ink-soft);text-align:center;margin:12px 0 0;font-size:14px;font-weight:600}.building .soft kbd{background:var(--cream);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:6px;padding:0 7px;font-family:inherit;font-size:.85em;font-weight:700;display:inline-block}.building .card{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fffaf0;border-radius:16px}.building .icon{background:var(--band);border:2.5px solid var(--ink);border-radius:14px;flex:none;place-items:center;width:56px;height:56px;display:grid}.building .icon svg{width:44px;height:44px}.building .pop{animation:.55s cubic-bezier(.2,1.8,.4,1) popUp}@keyframes popUp{0%{transform:scale(.92)}35%{filter:brightness(1.25)saturate(1.2);transform:scale(1.06)}to{transform:scale(1)}}.sell .list{gap:6px;max-height:300px;padding-right:4px;display:grid;overflow-y:auto}.sell .row{border:2.5px solid var(--ink);background:#fffaf0;border-radius:12px;grid-template-columns:26px 1fr auto 110px;align-items:center;gap:10px;padding:6px 12px;font-weight:700;display:grid}.sell .row small{letter-spacing:.08em;text-transform:uppercase;-webkit-text-stroke:.5px var(--ink);font-size:11px}.sell .row .ct{color:var(--ink-soft)}.sell .row .val{justify-content:flex-end;align-items:center;gap:6px;display:flex}.gem{border:2.5px solid var(--ink);border-radius:4px;width:18px;height:18px;display:inline-block;transform:rotate(45deg)}.gem.ore{border-radius:50%;transform:none}.sell .total{justify-content:space-between;align-items:center;margin:12px 4px;font-size:22px;font-weight:700;display:flex}.sell .total b{align-items:center;gap:8px;font-size:30px;display:flex}.sell .note{color:#d6f7ff;background:#1f2a44;border-radius:12px;margin:0 0 12px;padding:8px 12px;font-weight:600}button.big{width:100%;font-size:24px}.empty{text-align:center;padding:26px 0 10px;font-weight:600}.empty .big{font-size:56px}.empty p{margin:4px 0}#building .fx{pointer-events:none;position:fixed;inset:0;overflow:hidden}.spark{background:var(--c);border:2px solid var(--ink);border-radius:3px;width:10px;height:10px;margin:-5px 0 0 -5px;animation:.95s cubic-bezier(.1,.7,.3,1) forwards sparkFly;position:absolute}.spark.star{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:16px;height:16px;filter:drop-shadow(0 0 4px var(--c));border:none;margin:-8px 0 0 -8px}@keyframes sparkFly{0%{opacity:1;transform:translate(0)scale(.4)rotate(0)}70%{opacity:1}to{transform:translate(var(--dx), calc(var(--dy) + 60px)) scale(1) rotate(var(--r));opacity:0}}@media (width<=640px){#hp{width:min(250px,46vw)}.sheet.title h1{font-size:52px}}.die{border:3px solid var(--ink);background:radial-gradient(circle at 28% 28%, var(--ink) 0 9%, transparent 11%), radial-gradient(circle at 72% 72%, var(--ink) 0 9%, transparent 11%), radial-gradient(circle at 50% 50%, #c2263b 0 10%, transparent 12%), linear-gradient(160deg, #fffdf6, #e8d9bb);border-radius:7px;flex:none;width:26px;height:26px;display:inline-block;transform:rotate(-8deg);box-shadow:inset 0 -3px #0000001f}.die.sm{border-width:2px;border-radius:5px;width:18px;height:18px}.gemi{border:3px solid var(--ink);background:linear-gradient(135deg,#fff 0 18%,#c9a4ff 20% 55%,#8a5cff 58%);border-radius:5px;flex:none;width:24px;height:24px;display:inline-block;transform:rotate(45deg)scale(.86)}.gemi.sm{border-width:2px;border-radius:3px;width:16px;height:16px}.star{background:var(--gold);clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 35%);flex:none;width:22px;height:22px;display:inline-block}.star.sm{width:18px;height:18px}body.title #bossbar{opacity:0!important}#bossbar{opacity:0;justify-items:center;gap:4px;width:min(560px,60vw);transition:transform .5s cubic-bezier(.2,1.4,.4,1),opacity .4s;display:grid;position:absolute;top:70px;left:50%;transform:translate(-50%,-140%)}#bossbar.show{opacity:1;transform:translate(-50%)}#bossbar b{letter-spacing:.3em;color:#f1e3cf;-webkit-text-stroke:1.5px #120708;paint-order:stroke fill;text-shadow:0 0 10px #ff1e2899,0 3px #120708;font-size:22px}#bossbar .bar{background:#1a0b0e;border:3px solid #120708;width:100%;height:16px;margin:0;position:relative;box-shadow:0 0 18px #ff141e59}#bossbar .bar i{z-index:1;background:linear-gradient(180deg, var(--boss-hi,#ff6b5f), var(--boss-lo,#a3141f));transition:width .2s;position:relative}#bossbar.drake{--boss-hi:#ffb35a;--boss-lo:#c2410c}#bossbar.hydra{--boss-hi:#c6f56a;--boss-lo:#3f7a12}#bossbar.titan{--boss-hi:#bff0ff;--boss-lo:#2a7ab8}#bossbar.king{--boss-hi:#d8b8ff;--boss-lo:#6b2fc0}#bossbar.goblin{--boss-hi:#b5ef6a;--boss-lo:#4f8a1c}#bossbar.goblin b{text-shadow:0 0 10px #96f05099,0 3px #120708}#bossbar.drake b{text-shadow:0 0 10px #ff781eb3,0 3px #120708}#bossbar.hydra b{text-shadow:0 0 10px #96ff3c99,0 3px #120708}#bossbar.titan b{text-shadow:0 0 10px #78dcffb3,0 3px #120708}#bossbar.king b{text-shadow:0 0 10px #b478ffb3,0 3px #120708}#bossbar .bar s{background:#fff0dccc;text-decoration:none;transition:width .8s .25s;position:absolute;top:0;bottom:0;left:0}#shatter{pointer-events:auto;color:#fff;z-index:30;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}#shatter.hidden{display:none}#shatter.enter{animation:.22s ease-out shIn}@keyframes shIn{0%{opacity:0}}#shatter .bg{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(at 50% 42%,#2e468080,#0c0a1ee0 62%,#060510f5);position:absolute;inset:0}#shatter .rays{pointer-events:none;opacity:.6;background:repeating-conic-gradient(#a0e6ff12 0deg 7deg,#0000 7deg 20deg);width:180vmax;height:180vmax;margin:-90vmax 0 0 -90vmax;transition:opacity .4s;animation:40s linear infinite spinRays;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 45%);mask-image:radial-gradient(circle,#000 0,#0000 45%)}#shatter[data-phase=charge] .rays,#shatter[data-phase=deal] .rays,#shatter[data-phase=pour] .rays{opacity:1;animation-duration:8s}@keyframes spinRays{to{transform:rotate(360deg)}}#shatter .fxc{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}#shatter .flash{opacity:0;pointer-events:none;z-index:6;mix-blend-mode:screen;position:absolute;inset:0}#shatter header{z-index:4;flex:none;align-items:center;gap:16px;width:100%;padding:18px 24px 0;display:flex;position:relative}#shatter header .titles{flex:1}#shatter h2{letter-spacing:.03em;color:#bff6ff;-webkit-text-stroke:3px #0c1022;paint-order:stroke fill;text-shadow:0 5px #0c1022,0 0 22px #6ee6ff80;margin:0;font-size:40px}#shatter header p{color:#9fb8d8;margin:2px 0 0;font-weight:600}#shatter .res{align-items:center;gap:8px;display:flex}#shatter .res .pill{color:var(--ink)}#shatter .close{padding:6px 14px;font-size:18px}#shatter .stage{z-index:3;flex:1;width:100%;min-height:380px;position:relative}#shatter .xp{z-index:4;flex:none;align-items:center;gap:12px;width:min(560px,100vw - 48px);margin-top:10px;display:flex;position:relative}#shatter .xp .lv{white-space:nowrap;color:#ffe08a;-webkit-text-stroke:2px #0c1022;paint-order:stroke fill;text-shadow:0 3px #0c1022;font-size:22px}#shatter .xp .track{background:#0c1022bf;border:3px solid #0c1022;border-radius:10px;flex:1;height:16px;overflow:hidden;box-shadow:0 3px #0c1022}#shatter .xp .fill{background:linear-gradient(#fff3b0,#ffcf4a 55%,#f0a52a);width:0;height:100%;display:block;box-shadow:0 0 14px #ffd25ab3}#shatter .xp .num{color:#c6d4ea;white-space:nowrap;text-align:right;min-width:110px;font-size:14px;font-weight:700}#shatter .crystal{cursor:pointer;z-index:1;width:240px;height:324px;filter:drop-shadow(0 0 26px var(--c)) drop-shadow(0 0 60px color-mix(in srgb, var(--c) 50%, transparent));margin:-168px 0 0 -120px;position:absolute;top:50%;left:50%}#shatter .crystal.empty{display:none}#shatter .crystal .glow{background:radial-gradient(circle, color-mix(in srgb, var(--c) 55%, transparent), transparent 62%);opacity:.55;border-radius:50%;width:360px;height:360px;margin:-180px 0 0 -180px;animation:2.4s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%}@keyframes glowPulse{50%{opacity:.85;transform:scale(1.08)}}#shatter .csvg{width:100%;height:100%;position:relative;overflow:visible}#shatter .crystal.idle .csvg{animation:3.2s ease-in-out infinite crystalBob}#shatter .crystal.idle:hover .csvg{animation-duration:1.2s}@keyframes crystalBob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(2deg)}}#shatter .cracks path{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 4px #fff)}#shatter .crystal.charging .cracks path{animation:crackIn .9s var(--d) ease-in forwards}@keyframes crackIn{to{stroke-dashoffset:0}}#shatter .crystal.charging .csvg{animation:1.15s ease-in forwards chargeShake}#shatter .crystal.charging .glow{animation:1.15s ease-in forwards chargeGlow}@keyframes chargeShake{0%{transform:translate(0)scale(1)}10%{transform:translate(-2px,1px)scale(1.01)}20%{transform:translate(2px,-1px)scale(1.02)}30%{transform:translate(-3px,2px)scale(1.03)}40%{transform:translate(4px,-2px)scale(1.04)}50%{transform:translate(-5px,2px)scale(1.05)rotate(-1deg)}60%{transform:translate(6px,-3px)scale(1.06)rotate(1deg)}70%{transform:translate(-7px,3px)scale(1.08)rotate(-2deg)}80%{transform:translate(8px,-4px)scale(1.1)rotate(2deg)}90%{transform:translate(-9px,4px)scale(1.13)rotate(-3deg)}to{filter:brightness(2.2);transform:translate(0)scale(1.18)}}@keyframes chargeGlow{to{opacity:1;transform:scale(1.7)}}#shatter .crystal.burst .csvg{animation:.26s ease-out forwards burstOut}#shatter .crystal.burst .glow{animation:.4s ease-out forwards burstGlow}@keyframes burstOut{to{opacity:0;filter:brightness(4);transform:scale(1.6)}}@keyframes burstGlow{to{opacity:0;transform:scale(3)}}#shatter .cinfo{z-index:3;text-align:center;flex:none;justify-items:center;gap:11px;min-width:320px;min-height:64px;margin-bottom:12px;font-weight:700;transition:opacity .2s;display:grid;position:relative}#shatter .cinfo em{font-style:normal}#shatter .odds{background:#0c1022;border:2px solid #0c1022;border-radius:7px;gap:2px;width:min(420px,100vw - 48px);height:12px;display:flex;overflow:hidden}#shatter .odds i{height:100%;transition:flex .4s;display:block}#shatter .cinfo .names{flex-wrap:wrap;justify-content:center;gap:4px 20px;font-size:15px;display:flex}#shatter .cinfo .names em{-webkit-text-stroke:3px #0c1022;paint-order:stroke fill}#shatter .cinfo .names small{color:#ffd36b;margin-left:4px;font-size:13px}#shatter .cinfo .ftag{color:#fff3c4;background:linear-gradient(#ffd66b4d,#ffaa2824);border-radius:999px;align-items:center;gap:6px;padding:2px 12px 2px 6px;font-size:15px;transition:opacity .6s,transform .6s;display:inline-flex;box-shadow:inset 0 0 0 2px #ffd36b,0 0 16px #ffc85073}#shatter .cinfo .ftag i{background:conic-gradient(from 45deg, #ffd36b 0 25%, #ffb52e 0 50%, #ffd36b 0 75%, #ffb52e 0);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 3px #ffcf4a);width:18px;height:18px;animation:6s linear infinite fortSpin}#shatter .actions{z-index:4;flex:none;align-items:center;gap:12px;min-height:58px;margin-bottom:14px;display:flex;position:relative}#shatter .actions button{white-space:nowrap;text-shadow:0 2px #0c102273;border-color:#0c1022;align-items:center;gap:8px;padding:10px 22px;font-size:20px;display:inline-flex;box-shadow:0 5px #0c1022,inset 0 2px #fff6,inset 0 -4px #00000029}#shatter .actions button:active{box-shadow:0 1px #0c1022,inset 0 2px #fff6}#shatter .actions kbd{color:var(--ink);border:2px solid var(--ink);text-shadow:none;background:#ffffffd9;border-radius:6px;padding:0 6px;font-family:inherit;font-size:13px}#shatter button.all{background:linear-gradient(#6fe6ff,#22a9d9 60%,#1b8fc0);padding:12px 30px;font-size:26px;animation:1.4s ease-in-out infinite goPulse}#shatter button.all:disabled{animation:none}#shatter button.all b{background:#00000040;border-radius:8px;padding:0 8px}#shatter button.all:disabled{color:#8a7f6c;text-shadow:none;opacity:.8;background:#cbbfa8}@keyframes goPulse{50%{box-shadow:0 5px #0c1022,inset 0 2px #fff6,0 0 30px #6ee6ffbf}}#shatter button.reroll{background:linear-gradient(#b095ff,#7a4cf0 60%,#6437d8)}#shatter button.reroll b{background:#00000040;border-radius:8px;padding:0 7px}#shatter button.banishbtn{color:#f4efff;background:linear-gradient(#a69bc0,#6a5d8e 60%,#54487a)}#shatter button.banishbtn b{background:#00000040;border-radius:8px;padding:0 7px}#shatter button.banishbtn svg{width:22px;height:22px}#shatter button.banishbtn.on{background:linear-gradient(#d06a7c,#9a3346 60%,#7a2234)}#shatter .tray{z-index:4;flex-wrap:wrap;flex:none;justify-content:center;gap:10px;max-width:calc(100vw - 32px);min-height:62px;margin-bottom:8px;display:flex;position:relative}#shatter .leave{z-index:4;background:var(--cream);color:var(--ink);text-shadow:none;opacity:0;visibility:hidden;border:2.5px solid #0c1022;border-radius:999px;flex:none;margin:0 0 14px;padding:5px 16px;font-size:16px;font-weight:700;transition:opacity .25s;position:relative;box-shadow:0 3px #0c1022}#shatter .leave kbd{color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);background:#fff;border-radius:6px;margin:0 2px;padding:0 7px;font-family:inherit;font-size:13px;font-weight:700;display:inline-block}#shatter .leave .t{display:none}#shatter[data-phase=select] .leave{opacity:1;visibility:visible}#shatter.done[data-phase=select] .leave{animation:1.3s ease-in-out infinite leavePulse}@keyframes leavePulse{50%{box-shadow:0 3px #0c1022,0 0 0 6px #ffd36a80}}#shatter .gemb{color:#fff;background:#141830d9;border:3px solid #0c1022;border-radius:12px;align-items:center;gap:4px;padding:3px 11px 3px 4px;font-weight:700;transition:opacity .35s,transform .35s;display:inline-flex;box-shadow:0 4px #0c1022}#shatter .gemb .g{width:30px;height:40px;filter:drop-shadow(0 0 6px var(--c))}#shatter .gemb .g img{object-fit:contain;width:100%;height:100%}#shatter .gemb b{font-size:18px}#shatter .gemb.took{animation:.22s ease-out gemTook}@keyframes gemTook{40%{transform:scale(.84)}}#shatter .gemb.gone{opacity:0;transform:scale(.5)}@property --fd{syntax:"<percentage>";inherits:false;initial-value:0%}#shatter .cards{z-index:2;position:absolute;top:50%;left:50%}#shatter .c3{perspective:1000px;width:232px;height:330px;transform:translate(0, 0) scale(.15) rotate(var(--r0,0deg));opacity:0;cursor:default;margin:-165px 0 0 -116px;transition:transform .55s cubic-bezier(.2,1.25,.4,1),opacity .25s;position:absolute;top:0;left:0}#shatter .c3.dealt{transform:translate(calc((var(--i) - 1) * 270px), 10px) rotate(calc((var(--i) - 1) * 3deg));opacity:1}#shatter[data-phase=choose] .c3{cursor:pointer}#shatter .c3 .lift{width:100%;height:100%;transform-style:preserve-3d;transition:transform .2s ease-out}#shatter[data-phase=choose] .c3:hover .lift{transform:translateY(-18px)scale(1.06)}#shatter .c3 .tilt{width:100%;height:100%;transform-style:preserve-3d;transition:transform .12s ease-out}#shatter .c3 .flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.3,1.4,.5,1);position:relative}#shatter .c3.shown .flip{transform:rotateY(180deg)}#shatter .back,#shatter .front{backface-visibility:hidden;border-radius:22px;position:absolute;inset:0}#shatter .front{transform:rotateY(180deg)}#shatter .back{background:linear-gradient(150deg,#eef3fb 0%,#a6b3c7 14%,#5b6880 32%,#b7c3d6 50%,#414d64 70%,#9aa7bb 86%,#e6ecf6 100%);place-items:center;display:grid;box-shadow:0 0 0 2.5px #070a16,0 14px 30px #0000008c,inset 0 1.5px #ffffffd9,inset 0 -2px #00000059}#shatter .back:before{content:"";background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--back) 50%, transparent), transparent 50%), repeating-linear-gradient(45deg, color-mix(in srgb, var(--back) 16%, transparent) 0 1.5px, transparent 1.5px 17px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--back) 16%, transparent) 0 1.5px, transparent 1.5px 17px), radial-gradient(ellipse at 50% 0%, #2a3470, #121637 55%, #0a0c22);border-radius:15px;position:absolute;inset:8px;box-shadow:inset 0 0 0 1.5px #000000b3,0 0 0 1.5px #fff6,inset 0 0 40px #000000b3}#shatter .back:after{content:"";opacity:.6;border:1.5px solid color-mix(in srgb, var(--back) 60%, #fff);box-shadow:inset 0 0 14px color-mix(in srgb, var(--back) 35%, transparent);border-radius:10px;position:absolute;inset:17px}#shatter .back .ring{pointer-events:none;border-radius:50%;position:absolute;top:46%;left:50%}#shatter .back .ring.r1{border:2px solid color-mix(in srgb, var(--back) 70%, #fff);opacity:.55;width:150px;height:150px;box-shadow:0 0 18px color-mix(in srgb, var(--back) 50%, transparent), inset 0 0 18px color-mix(in srgb, var(--back) 40%, transparent);margin:-75px 0 0 -75px}#shatter .back .ring.r2{border:2px dashed color-mix(in srgb, var(--back) 80%, #fff);opacity:.45;width:128px;height:128px;margin:-64px 0 0 -64px;animation:18s linear infinite spinRays}#shatter .back .emblem{width:104px;height:104px;filter:drop-shadow(0 0 14px var(--back)) drop-shadow(0 6px 6px #00000080);margin:-52px 0 0 -52px;animation:2.6s ease-in-out infinite emblemBob;position:absolute;top:46%;left:50%}@keyframes emblemBob{50%{transform:translateY(-5px)scale(1.04)}}#shatter .back .bname{letter-spacing:.34em;text-transform:uppercase;text-align:center;color:color-mix(in srgb, var(--back) 45%, #fff);opacity:.8;text-shadow:0 0 10px color-mix(in srgb, var(--back) 70%, transparent);font-size:11px;font-weight:700;position:absolute;bottom:30px;left:0;right:0}#shatter .c3.tease .back{animation:.5s ease-in forwards tease}@keyframes tease{0%{box-shadow:0 0 0 2.5px #070a16,0 0 #0000}20%{transform:translate(-2px,1px)rotate(-1deg)}40%{transform:translate(3px,-1px)rotate(1.5deg)}60%{transform:translate(-3px)rotate(-1.5deg)scale(1.03)}80%{transform:translate(3px,1px)rotate(1deg)scale(1.05)}to{box-shadow:0 0 0 2.5px #070a16, 0 0 40px var(--tc), 0 0 90px var(--tc);filter:brightness(1.35);transform:scale(1.06)}}#shatter .face{--m1:#fff;--m2:#cdd6e2;--m3:#7f8ca0;--m4:#465166;--glow:#dfe8f5;--bgA:#6f82a3;--bgB:#1d263d;color:#fff;text-align:center;background:linear-gradient(150deg, var(--m1) 0%, var(--m2) 12%, var(--m3) 30%, var(--m2) 48%, var(--m4) 68%, var(--m3) 84%, var(--m1) 100%);border-radius:22px;position:absolute;inset:0;box-shadow:0 0 0 2.5px #070a16,0 14px 30px #0000008c,inset 0 1.5px #ffffffd9,inset 0 -2px #00000059}#shatter .face.t1{--m1:#eaffee;--m2:#95e8aa;--m3:#2f9e58;--m4:#145a30;--glow:#7be08f;--bgA:#3db56a;--bgB:#0d3520}#shatter .face.t2{--m1:#eef8ff;--m2:#93c9ff;--m3:#2f7fe0;--m4:#143e80;--glow:#6cbcff;--bgA:#3a8ef0;--bgB:#0b1f4c}#shatter .face.t3{--m1:#f9efff;--m2:#d3abff;--m3:#8b50e2;--m4:#431c7c;--glow:#c89aff;--bgA:#9c5ef2;--bgB:#220c46}#shatter .face.t4{--m1:#fffbe8;--m2:#ffe27f;--m3:#e0960f;--m4:#874700;--glow:#ffc84a;--bgA:#f29a1a;--bgB:#3a1600}#shatter .face:before{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--bgB) 60%, #0b0f22) 0%, #0b0e1f 60%, #080a17 100%);box-shadow:inset 0 0 0 1.5px #000000b3, 0 0 0 1.5px color-mix(in srgb, var(--m1) 70%, transparent);border-radius:15px;position:absolute;inset:8px}#shatter .face .art{border-radius:11px;height:172px;position:absolute;top:13px;left:13px;right:13px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #ffffff38}#shatter .face .abg{background:radial-gradient(ellipse 62% 56% at 50% 44%, color-mix(in srgb, var(--bgA) 60%, #fff) 0%, var(--bgA) 16%, color-mix(in srgb, var(--bgA) 45%, var(--bgB)) 42%, var(--bgB) 74%, #04060d 118%);translate:calc(var(--px,0) * -6px) calc(var(--py,0) * -5px);transition:translate .15s ease-out;position:absolute;inset:-14px}#shatter .face .arays{opacity:.5;mix-blend-mode:soft-light;background:repeating-conic-gradient(#ffffffe6 0deg 5deg,#0000 5deg 15deg);width:460px;height:460px;margin:-230px 0 0 -230px;animation:46s linear infinite spinRays;position:absolute;top:44%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 48%);mask-image:radial-gradient(circle,#000 0,#0000 48%)}#shatter .face.t3 .arays,#shatter .face.t4 .arays{opacity:.85;animation-duration:22s}#shatter .face .bokeh{opacity:.6;background:radial-gradient(circle at 14% 22%,#fff9 0 1.6px,#0000 2.4px),radial-gradient(circle at 84% 16%,#ffffff8c 0 1.2px,#0000 2px),radial-gradient(circle at 78% 64%,#ffffff80 0 1.8px,#0000 2.6px),radial-gradient(circle at 20% 70%,#ffffff73 0 1.2px,#0000 2px),radial-gradient(circle at 64% 26%,#ffffff59 0 1px,#0000 1.8px),radial-gradient(circle at 34% 10%,#ffffff73 0 1.4px,#0000 2.2px),radial-gradient(circle at 90% 44%,#fff6 0 1px,#0000 1.8px),radial-gradient(circle at 8% 48%,#ffffff59 0 1.2px,#0000 2px);animation:3.4s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{to{opacity:.15}}#shatter .face .art:after{content:"";background:linear-gradient(#0000,#040610c7);height:70px;position:absolute;bottom:0;left:0;right:0}#shatter .face .obj{object-fit:contain;pointer-events:none;z-index:1;width:194px;height:194px;filter:drop-shadow(0 9px 8px #00000080) drop-shadow(0 0 18px color-mix(in srgb, var(--glow) 42%, transparent));translate:calc(var(--px,0) * 10px) calc(var(--py,0) * 8px);margin-left:-97px;transition:translate .15s ease-out;animation:3.4s ease-in-out infinite objFloat;position:absolute;top:-2px;left:50%}@keyframes objFloat{50%{transform:translateY(-5px)rotate(1.5deg)}}#shatter .c3.shown .face .obj{animation:.7s cubic-bezier(.2,1.7,.4,1) .1s both objPop,3.4s ease-in-out .8s infinite objFloat}@keyframes objPop{0%{opacity:0;transform:translateY(26px)scale(.45)rotate(-8deg)}}#shatter .face .crest{z-index:3;width:40px;height:40px;filter:drop-shadow(0 3px 2px #0000008c) drop-shadow(0 0 8px color-mix(in srgb, var(--glow) 75%, transparent));margin-left:-20px;position:absolute;top:-17px;left:50%}#shatter .face .crest .r0{fill:#070a16}#shatter .face .crest .r1{fill:var(--m3);stroke:var(--m1);stroke-width:1.2px}#shatter .face .crest .f1{fill:var(--m1)}#shatter .face .crest .f2{fill:var(--m2)}#shatter .face .crest .f3{fill:var(--glow)}#shatter .face .crest .f4{fill:var(--m3)}#shatter .face .crest .hl{fill:#fff;opacity:.85}#shatter .face .stars{z-index:2;justify-content:center;gap:1px;display:flex;position:absolute;top:25px;left:0;right:0}#shatter .face .stars svg{width:13px;height:13px;fill:var(--glow);stroke:#070a16;stroke-width:2.6px;paint-order:stroke fill;stroke-linejoin:round;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--glow) 80%, transparent))}#shatter .face .perkb{z-index:2;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:linear-gradient(#c08cff,#6a2fd0);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:42px;left:20px;box-shadow:0 0 0 1.5px #070a16,0 0 10px #b478ffb3}#shatter .face .val{z-index:2;color:#fff;letter-spacing:-.01em;-webkit-text-stroke:6px #070a16;paint-order:stroke fill;text-shadow:0 4px 0 #070a16, 0 0 20px color-mix(in srgb, var(--glow) 85%, transparent);font-size:44px;font-weight:700;line-height:1;position:absolute;top:134px;left:0;right:0}#shatter .face.t4 .val{color:#fff3c4}#shatter .face .val small{-webkit-text-stroke-width:4.5px;margin-left:3px;font-size:20px}#shatter .face .plate{z-index:2;clip-path:polygon(0 50%,13px 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,13px 100%);background:#070a16;place-items:center;height:34px;display:grid;position:absolute;top:178px;left:3px;right:3px}#shatter .face .plate:before{content:"";background:linear-gradient(180deg, var(--m1) 0%, var(--m2) 20%, var(--m3) 62%, var(--m4) 100%);clip-path:polygon(0 50%,11.5px 0,calc(100% - 11.5px) 0,100% 50%,calc(100% - 11.5px) 100%,11.5px 100%);position:absolute;inset:2.5px}#shatter .face .plate h3{color:#fff;letter-spacing:.02em;white-space:nowrap;-webkit-text-stroke:4px #070a16;paint-order:stroke fill;text-shadow:0 2px #070a16;margin:0;font-size:17px;font-weight:700;position:relative}#shatter .face .blurb{z-index:1;color:#d4ddef;justify-content:center;align-items:center;height:66px;margin:0;font-size:13px;font-weight:600;line-height:1.28;display:flex;position:absolute;top:216px;left:18px;right:18px}#shatter .face .foot{z-index:1;justify-content:space-between;align-items:center;height:24px;display:flex;position:absolute;bottom:15px;left:16px;right:16px}#shatter .face .now{color:#9fb0cf;white-space:nowrap;background:#ffffff12;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff1a}#shatter .face .now b{color:var(--glow)}#shatter .face .now i{opacity:.7;font-style:normal}#shatter .face .tier{letter-spacing:.16em;text-transform:uppercase;color:var(--glow);text-shadow:0 0 10px color-mix(in srgb, var(--glow) 60%, transparent);font-size:10.5px;font-weight:700}#shatter .face .foil{pointer-events:none;opacity:0;mix-blend-mode:color-dodge;z-index:1;background:linear-gradient(115deg,#0000 18%,#ff6ec899 34%,#6edcff99 45%,#a0ff8c8c 56%,#ffe66e99 67%,#0000 82%) 0 0/280% 280%;background-position:calc(50% + var(--px,0) * 45% + var(--fd)) calc(50% + var(--py,0) * 45%);animation:5s ease-in-out infinite alternate foilDrift;position:absolute;inset:0}@keyframes foilDrift{0%{--fd:-28%}to{--fd:28%}}#shatter .face.t2 .foil{opacity:.16}#shatter .face.t3 .foil{opacity:.3}#shatter .face.t4 .foil{opacity:.36}#shatter .face .glit{pointer-events:none;opacity:0;z-index:3;border-radius:15px;position:absolute;inset:8px}#shatter .face.t3 .glit,#shatter .face.t4 .glit{opacity:.45;mix-blend-mode:screen;background-image:radial-gradient(circle, #fff 0 .7px, transparent 1.3px), radial-gradient(circle, color-mix(in srgb, var(--glow) 60%, #fff) 0 .9px, transparent 1.6px), radial-gradient(circle, #fff 0 .5px, transparent 1.1px);-webkit-mask-image:radial-gradient(ellipse 60% 50% at calc(50% + var(--px,0) * 40%) calc(35% + var(--py,0) * 40%), #000 0, transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at calc(50% + var(--px,0) * 40%) calc(35% + var(--py,0) * 40%), #000 0, transparent 100%);mask-image:radial-gradient(ellipse 60% 50% at calc(50% + var(--px,0) * 40%) calc(35% + var(--py,0) * 40%), #000 0, transparent 100%);background-position:0 0,9px 13px,5px 3px;background-size:23px 29px,37px 31px,13px 17px;animation:1.4s steps(2,end) infinite glitter}#shatter .face.t4 .glit{opacity:.75}@keyframes glitter{50%{background-position:5px 7px,14px 4px,9px 11px}}#shatter .face .glare{pointer-events:none;opacity:0;mix-blend-mode:soft-light;z-index:4;background:radial-gradient(circle at var(--mx,50%) var(--my,30%), #ffffff80, transparent 42%);border-radius:22px;transition:opacity .2s;position:absolute;inset:0}#shatter[data-phase=choose] .c3:hover .glare{opacity:1}#shatter .face .shade{opacity:0;pointer-events:none;z-index:6;background:#04060e6b;border-radius:24px;transition:opacity .2s;position:absolute;inset:-3px}#shatter[data-phase=choose] .cards:has(.c3:hover) .c3:not(:hover) .shade{opacity:1}#shatter .face.t3:after,#shatter .face.t4:after{content:"";pointer-events:none;z-index:5;-webkit-mask-composite:xor;background:linear-gradient(105deg,#0000 40%,#fffffff2 50%,#0000 60%) 0 0/300% 100% no-repeat;border-radius:22px;padding:8px;animation:3.6s ease-in-out infinite frameShine;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}#shatter .face.t4:after{animation-duration:2.4s}@keyframes frameShine{0%,45%{background-position:110% 0}to{background-position:-10% 0}}#shatter .c3.shown.t1 .front{box-shadow:0 0 24px #7be08f80}#shatter .c3.shown.t2 .front{box-shadow:0 0 34px #5fb4ffb3}#shatter .c3.shown.t3 .front{animation:1.4s ease-in-out infinite epicGlow;box-shadow:0 0 44px #c38bffd9}#shatter .c3.shown.t4 .front{animation:1s ease-in-out infinite legGlow;box-shadow:0 0 60px #ffc23df2}@keyframes epicGlow{50%{box-shadow:0 0 64px #c38bff}}@keyframes legGlow{50%{box-shadow:0 0 96px #ffd66e,0 0 22px #fff}}#shatter .c3.t3:before,#shatter .c3.t4:before{content:"";z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--tc,#c38bff) 55%, transparent) 0deg 8deg, transparent 8deg 22deg);opacity:.8;width:540px;height:540px;margin:-270px 0 0 -270px;animation:9s linear infinite spinRays;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 60%);mask-image:radial-gradient(circle,#000 0,#0000 60%)}#shatter .c3.t3{--tc:#c38bff}#shatter .c3.t4{--tc:#ffc23d}#shatter .c3.t4:before{width:720px;height:720px;margin:-360px 0 0 -360px;animation-duration:5s}#shatter .stamp{z-index:8;color:#ffe08a;pointer-events:none;-webkit-text-stroke:5px #070a16;paint-order:stroke fill;text-shadow:0 4px 0 #070a16, 0 0 22px var(--tc,#ffc23d);white-space:nowrap;font-size:34px;font-weight:700;animation:.5s cubic-bezier(.2,1.8,.4,1) stampIn;position:absolute;top:-34px;left:50%;transform:translate(-50%,-50%)rotate(-10deg)}#shatter .stamp.t3{color:#ecd6ff;font-size:30px}@keyframes stampIn{0%{opacity:0;transform:translate(-50%,-50%)rotate(-10deg)scale(3)}}#shatter .c3.chosen{z-index:5;transition-duration:.45s;transform:translateY(-10px)scale(1.2)}#shatter .c3.chosen .front{box-shadow:0 0 70px var(--tc,#fff), 0 0 0 4px #fff}#shatter .c3.gone{transform:translate(calc((var(--i) - 1) * 310px), 240px) rotate(calc((var(--i) - 1) * 18deg)) scale(.9);opacity:0;transition-duration:.6s}#shatter .c3.absorb{opacity:0;transition:transform .55s cubic-bezier(.6,0,.8,.4),opacity .55s ease-in;transform:translate(-44vw,42vh)scale(.1)rotate(-20deg)}#shatter .c3.crumble{animation:.7s ease-in forwards crumble}@keyframes crumble{0%{opacity:1}20%{transform:translate(calc((var(--i) - 1) * 270px + 4px), 10px) rotate(calc((var(--i) - 1) * 3deg + 2deg))}40%{transform:translate(calc((var(--i) - 1) * 270px - 4px), 12px) rotate(calc((var(--i) - 1) * 3deg - 2deg));filter:grayscale()brightness(.8)}to{transform:translate(calc((var(--i) - 1) * 270px), 260px) rotate(calc((var(--i) - 1) * 20deg)) scale(.8);opacity:0;filter:grayscale()brightness(.5)}}#shatter .c3.gather{transform:translate(0, 0) scale(.55) rotate(var(--r0));transition-duration:.5s}#shatter .gained{white-space:nowrap;z-index:6;pointer-events:none;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink), 0 0 24px currentColor;font-size:44px;font-weight:700;animation:1.5s ease-out forwards gained;position:absolute;top:calc(50% - 40px);left:50%;transform:translate(-50%,-50%)}#shatter .gained.coins{color:var(--gold)}#shatter .gained.lvlup{color:#ffe08a;font-size:64px}#shatter .gained small{letter-spacing:.12em;text-align:center;color:#ffd98a;text-transform:uppercase;margin-top:4px;font-size:22px;display:block}@keyframes gained{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-150%)scale(1)}}#shatter .dieroll{z-index:7;perspective:600px;pointer-events:none;margin:-40px 0 0 -40px;animation:1.2s cubic-bezier(.3,.6,.4,1) forwards dieAcross;position:absolute;top:50%;left:50%}@keyframes dieAcross{0%{transform:translate(-60vw,30vh)}60%{transform:translate(-40px,-40px)}80%{opacity:1;transform:translateY(-60px)scale(1.2)}to{opacity:0;transform:translateY(-60px)scale(1.6)}}#shatter .dieroll .cube{width:80px;height:80px;transform-style:preserve-3d;animation:1.2s ease-out forwards dieSpin;position:relative}@keyframes dieSpin{0%{transform:rotateX(0)rotateY(0)rotate(0)}to{transform:rotateX(1080deg)rotateY(720deg)rotate(180deg)}}#shatter .dieroll i{border:4px solid var(--ink);background:linear-gradient(160deg,#fffdf6,#e8d9bb);border-radius:16px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;gap:2px;padding:10px;display:grid;position:absolute;inset:0}#shatter .dieroll i b{background:var(--ink);border-radius:50%;width:13px;height:13px}#shatter .dieroll .f1{transform:translateZ(40px)}#shatter .dieroll .f1 b{background:#c2263b;grid-area:2/2;width:18px;height:18px}#shatter .dieroll .f6{transform:rotateY(180deg)translateZ(40px)}#shatter .dieroll .f2{transform:rotateY(90deg)translateZ(40px)}#shatter .dieroll .f5{transform:rotateY(-90deg)translateZ(40px)}#shatter .dieroll .f3{transform:rotateX(90deg)translateZ(40px)}#shatter .dieroll .f4{transform:rotateX(-90deg)translateZ(40px)}#shatter .dieroll .f2 b:first-child{grid-area:1/1}#shatter .dieroll .f2 b:nth-child(2){grid-area:3/3}#shatter .dieroll .f3 b:first-child{grid-area:1/1}#shatter .dieroll .f3 b:nth-child(2){grid-area:2/2}#shatter .dieroll .f3 b:nth-child(3){grid-area:3/3}#shatter .dieroll .f4 b:first-child{grid-area:1/1}#shatter .dieroll .f4 b:nth-child(2){grid-area:1/3}#shatter .dieroll .f4 b:nth-child(3){grid-area:3/1}#shatter .dieroll .f4 b:nth-child(4){grid-area:3/3}#shatter .dieroll .f5 b:first-child{grid-area:1/1}#shatter .dieroll .f5 b:nth-child(2){grid-area:1/3}#shatter .dieroll .f5 b:nth-child(3){grid-area:2/2}#shatter .dieroll .f5 b:nth-child(4){grid-area:3/1}#shatter .dieroll .f5 b:nth-child(5){grid-area:3/3}#shatter .dieroll .f6 b:nth-child(odd){grid-column:1}#shatter .dieroll .f6 b:nth-child(2n){grid-column:3}@media (height<=760px){#shatter .c3.dealt{transform:translate(calc((var(--i) - 1) * 230px), 0) rotate(calc((var(--i) - 1) * 3deg)) scale(.84)}#shatter .c3.chosen{transform:translateY(-10px)scale(1.04)}#shatter .crystal{transform:scale(.8)}#shatter .stage{min-height:320px}#shatter h2{font-size:32px}}@media (width<=760px){#shatter .c3.dealt{transform:translate(calc((var(--i) - 1) * 124px), 10px) scale(.5)}#shatter .c3.chosen{transform:translateY(-10px)scale(.8)}#shatter h2{font-size:28px}#shatter .actions{flex-wrap:wrap;justify-content:center;width:calc(100vw - 32px)}}.itile{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--tc,#e9eef5) 38%, #fffaf0), #efe2c6 78%);border:3px solid var(--ink);width:64px;height:64px;box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--tc,#e9eef5);border-radius:14px;flex:none;place-items:center;transition:transform .12s;display:grid;position:relative}.itile img{object-fit:contain;pointer-events:none;image-rendering:auto;width:92%;height:92%}.itile svg{width:72%;height:72%}.itile.t2{box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--tc), 0 0 10px color-mix(in srgb, var(--tc) 60%, transparent)}.itile.t3{box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--tc), 0 0 14px var(--tc)}.itile.t4{box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--tc), 0 0 18px var(--tc);animation:1.6s ease-in-out infinite legTile}@keyframes legTile{50%{box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--tc), 0 0 28px var(--tc)}}.itile.fresh:after{content:"NEW";color:#fff;background:var(--red);border:2px solid var(--ink);letter-spacing:.06em;border-radius:999px;padding:0 5px;font-size:10px;font-weight:700;position:absolute;top:-8px;right:-8px}.itile.none{box-shadow:none;background:#3a281c14;border:2.5px dashed #3a281c4d}.itile.empty{box-shadow:none;background:#3a281c14;border:2.5px dashed #3a281c59}.itile.empty span{letter-spacing:.02em;color:var(--ink-soft);text-transform:uppercase;font-size:10px;font-weight:700}.itile.big{width:84px;height:84px}.itile.pop{animation:.55s cubic-bezier(.2,1.8,.4,1) popUp}.die.huge{border-width:4px;border-radius:12px;width:46px;height:46px}.geode{border:3.5px solid var(--ink);background:radial-gradient(circle at 60% 60%,#9fe7ff 0 22%,#5a4a6a 24% 36%,#8c7a6a 38%);border-radius:46% 54% 48% 52%/58% 52% 48% 42%;width:52px;height:44px;display:block}.geode.deep{background:radial-gradient(circle at 60% 60%,#ffd96a 0 20%,#ff6b5f 22% 28%,#3b2c4f 30% 40%,#5a4a6a 42%)}.geode.heart{background:radial-gradient(circle at 60% 60%,#fff 0 9%,#ff8af0 11% 19%,#d64dff 21% 27%,#2a1838 29% 40%,#4a3a5a 42%);box-shadow:0 0 14px #d64dffa6}#inv{pointer-events:auto;z-index:25;background:#17142a6b;place-content:center;place-items:center;display:grid;position:absolute;inset:0}#inv.hidden{display:none}.sheet.inv{grid-template-columns:minmax(0,1fr);width:1080px;max-width:none;padding:16px 22px 18px;display:grid}.sheet.inv.enter{animation:.18s cubic-bezier(.2,1.2,.4,1) sheetIn}.inv footer:empty{display:none}.inv header{align-items:center;gap:16px;margin-bottom:14px;display:flex}.inv header h2{font-size:30px}.inv header .res{align-items:center;gap:8px;margin-left:auto;display:flex}.inv header .close{padding:4px 12px;font-size:18px}.inv .lbl{letter-spacing:.16em;color:var(--ink-soft);margin:2px 0 6px;font-size:11px;font-weight:700}.inv .lbl span{letter-spacing:0;margin-left:6px}.inv .soft{color:var(--ink-soft);margin:0;font-size:13px;font-weight:600;line-height:1.35}.inv .tabs{background:#3a281c17;border-radius:15px;gap:4px;padding:4px;display:flex}.inv .tabs button{color:var(--ink-soft);text-shadow:none;box-shadow:none;background:0 0;border:2.5px solid #0000;border-radius:11px;align-items:center;gap:6px;padding:4px 12px 4px 7px;font-size:16px;display:inline-flex}.inv .tabs button:active{box-shadow:none;transform:none}.inv .tabs button svg{width:24px;height:24px}.inv .tabs button.on{background:var(--cream);color:var(--ink);border-color:var(--ink);box-shadow:0 3px 0 var(--ink)}.inv .tabs i{border-radius:999px;font-size:11px;font-style:normal;font-weight:700;line-height:1}.inv .tabs i:empty{display:none}.inv .tabs .tbadge{background:var(--red);color:#fff;border:2px solid var(--ink);padding:2px 5px}.inv .tabs .tcount{color:var(--ink);font-variant-numeric:tabular-nums;background:#3a281c1f;padding:3px 6px}.inv .tabs .tcount.full{background:var(--red);color:#fff}.inv .page{visibility:hidden;pointer-events:none;grid-area:2/1;display:grid}.sheet.inv[data-page=gear] .gearpage,.sheet.inv[data-page=pack] .packpage,.sheet.inv[data-page=skills] .skillspage{visibility:visible;pointer-events:auto}.inv .gearpage{grid-template-columns:372px minmax(0,1fr) 248px;align-items:start;gap:18px}.inv .doll{grid-template-columns:70px minmax(0,1fr) 70px;gap:10px;height:440px;display:grid}.inv .dcol{flex-direction:column;justify-content:space-evenly;display:flex}.inv .dcol.l{justify-content:flex-start;gap:22px;padding-top:20px}.inv .slot{cursor:pointer;justify-items:center;gap:4px;display:grid}.inv .slot .itile{width:64px;height:64px}.inv .slot .cap{letter-spacing:.14em;color:var(--ink-soft);text-transform:uppercase;font-size:10px;font-weight:700}.inv .itile.empty svg{opacity:.3;filter:grayscale()contrast(.8)}.inv .slot .itile[data-uid]:hover,.inv .armory .itile[data-uid]:hover{transform:translateY(-3px)scale(1.05)}.inv .portrait{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:radial-gradient(at 50% 34%,#57468a,#2a2046 62%,#150f26);border-radius:18px;position:relative;overflow:hidden}.inv .portrait:before{content:"";background:radial-gradient(closest-side,#be96ff80,#be96ff00 100%);border-radius:50%;height:16%;position:absolute;bottom:7%;left:12%;right:12%}.inv .portrait canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.inv .portrait:after{content:"";pointer-events:none;border-radius:15px;position:absolute;inset:0;box-shadow:inset 0 0 34px #00000080}.inv .power{z-index:1;color:#fff;text-shadow:0 2px 0 var(--ink);justify-items:center;line-height:1;display:grid;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.inv .power span{letter-spacing:.22em;opacity:.8;font-size:10px;font-weight:700}.inv .lvl{z-index:1;color:#ffd98a;text-shadow:0 2px 0 var(--ink);justify-items:center;line-height:1;display:grid;position:absolute;top:10px;left:12px}.inv .lvl span{letter-spacing:.22em;opacity:.85;color:#fff;font-size:9px;font-weight:700}.inv .lvl b{-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:22px}.inv .power b{-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:26px}.inv .beltrow{gap:10px;margin-bottom:12px;display:flex}.inv .bslot2{cursor:pointer;position:relative}.inv .bslot2 kbd{z-index:1;background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:6px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:700;position:absolute;top:-7px;left:-6px}.inv .bslot2 .itile{width:58px;height:58px}.inv .bslot2 .itile.supply:hover,.inv .armory .itile[data-sup]:hover{transform:translateY(-3px)scale(1.05)}.inv .armory .itile[data-sup]{cursor:pointer}.itile.supply{background:radial-gradient(circle at 50% 38%,#ffe3d6,#efe2c6 78%)}.itile.supply.out{filter:grayscale();opacity:.55}.inv .armory .grid{grid-template-columns:repeat(6,minmax(0,64px));justify-content:start;gap:8px;margin-bottom:10px;display:grid}.inv .armory .grid .itile{aspect-ratio:1;width:100%;height:auto}.inv .armory .grid .itile[data-uid]{cursor:pointer}.inv .stats{gap:7px;display:grid}.inv .sgroup{background:#fffaf0;border:2.5px solid #3a281c2e;border-radius:12px;padding:4px 8px 6px}.inv .sghead{letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase;align-items:center;gap:6px;margin:0 -2px 1px;font-size:11px;font-weight:700;display:flex}.inv .sghead svg{width:20px;height:20px}.inv .srow2{border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:1px 4px;font-size:14px;font-weight:600;display:flex}.inv .srow2:hover{background:#ffc23d38}.inv .srow2 b{font-variant-numeric:tabular-nums;font-weight:700}.inv .srow2.boost b{color:#23914a}.inv .srow2.gperk b{color:#8a4fd6}.inv .srow2.gperk b small{color:var(--ink-soft);margin-left:3px;font-size:11px;font-weight:600}.inv .gifts{color:var(--ink-soft);text-align:center;margin:0;font-size:12px;font-weight:600}.inv .packpage{grid-template-columns:auto auto;justify-content:center;align-items:start;gap:22px;padding-top:6px}.inv .packcol{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:#fff6e5;background:radial-gradient(at 50% 20%,#c98d5a,#9c6437 72%);border-radius:18px;justify-self:start;padding:12px 14px 14px}.inv .packcol .soft{color:#ffe9cc;max-width:calc(var(--cols,4) * 82px);margin-top:10px}.inv .phead{color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fffaf0;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:7px 12px;display:flex}.inv .phead.full{border-color:#d8413a;animation:.9s ease-in-out infinite alternate packFull;box-shadow:0 3px #d8413a}@keyframes packFull{to{background:#ffe6e2}}.inv .ptitle{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.inv .ptitle b{letter-spacing:.16em;color:var(--ink-soft);font-size:12px}.inv .ptitle span{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.inv .ptitle em{color:var(--ink-soft);font-size:13px;font-style:normal;font-weight:600}.inv .pworth{color:var(--ink-soft);white-space:nowrap;font-size:14px;font-weight:600}.inv .pworth b{color:var(--ink);vertical-align:-2px;align-items:center;gap:3px;display:inline-flex}.inv .pworth .cry{color:#8446d6}.inv .pgrid{grid-template-columns:repeat(var(--cols,4), 72px);justify-content:center;gap:10px;display:grid}.inv .pgrid .itile{width:72px;height:72px}.inv .pgrid .itile.none{background:#3a281c47;border-color:#fff0dc73}.inv .pgrid .itile.locked{box-shadow:none;background:#28180e73;border:2.5px dashed #fff0dc40}.inv .pgrid .itile.locked svg{opacity:.45;width:26px;height:26px}.inv .pgrid .itile[data-i]{cursor:context-menu}.inv .pgrid .itile[data-i]:hover{transform:translateY(-3px)scale(1.05)}.itile.loot img{width:84%;height:84%}.itile .qty{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:15px;line-height:1;position:absolute;bottom:5px;right:5px}.itile.loot.crystal{box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--tc), 0 0 12px color-mix(in srgb, var(--tc) 55%, transparent)}.itile.loot.r-legendary,.itile.loot.r-mythic{animation:1.6s ease-in-out infinite legTile}.itile.loot.over{outline-offset:2px;outline:3px dashed #d8413a}.inv .vault{color:#eef3ff;border:3px solid var(--ink);min-width:250px;box-shadow:0 4px 0 var(--ink);background:#1f2a44;border-radius:16px;justify-self:start;gap:6px;padding:10px 12px 12px;display:grid}.inv .vault .lbl{margin:0}.inv .pocket{gap:5px;display:grid}.inv .vault .lbl,.inv .vault .soft{color:#9fb3d9}.inv .vrows{gap:5px;margin-bottom:12px;display:grid}.inv .vrow.lvl{border-left-color:#ffcf4a;grid-template-columns:auto 1fr;row-gap:4px;padding:6px 10px}.inv .vrow.lvl small{color:var(--ink-soft,#c6d4ea);grid-column:span 2;font-weight:600}.inv .xpbar{background:#00000040;border-radius:6px;height:10px;display:block;overflow:hidden}.inv .xpbar i{background:linear-gradient(#fff3b0,#ffcf4a 55%,#f0a52a);height:100%;display:block}.inv .vrow{border-left:4px solid var(--tc,#fff1d6);background:#ffffff12;border-radius:10px;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:2px 10px 2px 3px;display:grid}.inv .vrow img,.inv .vrow svg{object-fit:contain;width:36px;height:36px}.inv .vrow span{font-size:14px;font-weight:700}.inv .vrow b{font-variant-numeric:tabular-nums}.inv .skillspage{grid-template-rows:auto auto;align-content:start;gap:12px}.inv .sbanner{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);color:#f4ecff;background:radial-gradient(70% 120% at 12% 0,#4d3c86,#261b45 58%,#150f26);border-radius:16px;grid-template-columns:148px minmax(0,1fr) 236px;align-items:stretch;padding:10px 6px;display:grid}.inv .sbanner>div{align-content:start;gap:6px;min-width:0;padding:0 14px;display:grid}.inv .sbanner>div+div{border-left:2px solid #ffffff17}.inv .sbanner>div>span{letter-spacing:.18em;text-transform:uppercase;color:#b3a3e6;font-size:10.5px;font-weight:700}.inv .sbanner .taken b{color:#ffd98a;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);font-size:40px;line-height:.95}.inv .sbanner .taken em{color:#cfc2f2;font-size:12.5px;font-style:normal;font-weight:600}.inv .sbanner .none{color:#a99cc4;margin:4px 0 0;font-size:13px;font-weight:600}.inv .picks{gap:9px;display:flex}.inv .spick{justify-items:center;gap:3px;display:grid}.inv .spick img{object-fit:contain;background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--tc) 50%, #2a2046), #18122c 78%);width:46px;height:46px;box-shadow:inset 0 0 0 2px var(--tc), 0 2px 0 #0c0a18;border-radius:12px;padding:4px;transition:transform .15s}.inv .spick.last img{box-shadow:inset 0 0 0 2px var(--tc), 0 0 16px color-mix(in srgb, var(--tc) 75%, transparent), 0 2px 0 #0c0a18}.inv .spick span{color:#cfc2f2;font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:700}.inv .spick:hover img{transform:translateY(-3px)}.inv .bans{flex-wrap:wrap;gap:6px;display:flex}.inv .sban{background:#d8413a2e;border-radius:999px;align-items:center;gap:5px;padding:2px 10px 2px 3px;display:inline-flex;box-shadow:inset 0 0 0 1.5px #ff786e80}.inv .sban img{object-fit:contain;filter:grayscale()brightness(.85);width:22px;height:22px}.inv .sban span{color:#ffb3aa;font-size:12px;font-weight:700;text-decoration:line-through;text-decoration-thickness:2px}.inv .revivable{cursor:pointer}.inv .sban.revivable:hover{box-shadow:inset 0 0 0 1.5px #ffd98a,0 0 10px #ffd98a73}.inv .skill.banned.revivable:hover{box-shadow:inset 0 0 0 1.5px #ffd98acc}.inv .banned em.req{color:#ffd98a;font-style:normal}.inv .ctx button small{opacity:.75;font-size:11px;font-weight:600;display:block}.inv .tip .tacts button small{opacity:.8;margin-left:4px;font-size:11px;font-weight:600}.inv .scols{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.inv .scol{background:#fffaf0;border:2.5px solid #3a281c2e;border-radius:14px;gap:1px;padding:5px 8px 8px;display:grid}.inv .scol:first-child{--acc:#e8a33a}.inv .scol:nth-child(2){--acc:#e2574a}.inv .scol:nth-child(3){--acc:#35b3a4}.inv .scol .sghead{margin-bottom:3px}.inv .scol .sghead em{letter-spacing:0;font-variant-numeric:tabular-nums;margin-left:auto;font-style:normal}.inv .skill{border-radius:8px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:31px;padding:0 6px 0 2px;display:grid}.inv .skill:hover,.inv .skill.picked{background:#ffc23d38}.inv .skill img{object-fit:contain;filter:grayscale()opacity(.3);justify-self:center;width:31px;height:31px}.inv .skill.on img{filter:drop-shadow(0 1px 1px #3a281c66)}.inv .skill .nm{gap:3px;min-width:0;display:grid}.inv .skill .nm>span{color:#3a281c6b;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.inv .skill.on .nm>span{color:var(--ink);font-weight:700}.inv .skill.banned .nm>span{text-decoration:line-through}.inv .skill>b{color:#23914a;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:700}.inv .skill>b small{color:var(--ink-soft);margin-left:3px;font-size:11px;font-weight:600}.inv .skill>em{color:#3a281c47;font-size:13px;font-style:normal}.inv .skill>em.x{letter-spacing:.08em;text-transform:uppercase;color:#d8413a;font-size:10.5px;font-weight:700}.inv .sgear{letter-spacing:.08em;text-transform:uppercase;vertical-align:1px;color:#8a4fd6;background:#f0e4ff;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:9.5px;font-style:normal;font-weight:700}.inv .sbar{background:#3a281c1a;border-radius:3px;height:4px;display:block;overflow:hidden}.inv .sbar i{background:linear-gradient(90deg, color-mix(in srgb, var(--acc) 70%, #fff), var(--acc));border-radius:3px;height:100%;display:block}.tip .tline.dim{color:#a99cc4;font-size:12.5px}.tip .tline b{color:#fff}.tip .tpicks,.tip .tnext{flex-wrap:wrap;align-items:center;gap:4px;margin-top:9px;display:flex}.tip .tpicks span,.tip .tnext span{letter-spacing:.14em;text-transform:uppercase;color:#8f84ad;width:100%;font-size:10.5px;font-weight:700}.tip .tpicks i,.tip .tnext i{color:#f4ecff;background:color-mix(in srgb, var(--tc) 18%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--tc) 65%, transparent);border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:700}.tip .tnext i b{color:var(--tc)}#loot{z-index:24;pointer-events:auto;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}#loot.hidden{display:none}#loot.enter .lcard{animation:.2s cubic-bezier(.2,1.3,.4,1) lootIn}@keyframes lootIn{0%{opacity:0;transform:translateY(12px)scale(.95)}}#loot .lcard{color:#f4ecff;border:3px solid var(--ink);width:476px;box-shadow:0 5px 0 var(--ink), 0 16px 44px #00000073;background:radial-gradient(80% 120% at 18% 0,#4d3c86f7,#261b45f7 58%,#150f26fa);border-radius:18px;padding:10px 8px 13px}#loot header{align-items:baseline;gap:10px;margin:0 6px 2px 10px;display:flex}#loot header b{color:#ffd98a;font-size:19px}#loot .lleft{color:#b3a3e6;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}#loot header .close{box-shadow:0 3px 0 var(--ink);border-width:2.5px;align-self:center;margin-left:auto;padding:2px 10px;font-size:14px}#loot .ltiles{scrollbar-width:thin;grid-template-columns:repeat(6,64px);justify-content:center;gap:8px;max-height:320px;padding:12px 14px 14px;display:grid;overflow:hidden auto}#loot .itile.loot.crystal{box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--tc), 0 0 9px color-mix(in srgb, var(--tc) 55%, transparent)}#loot .itile.loot.r-legendary,#loot .itile.loot.r-mythic{animation:1.6s ease-in-out infinite lootTile}@keyframes lootTile{50%{box-shadow:0 3px 0 var(--ink), inset 0 0 0 3px var(--tc), 0 0 12px var(--tc)}}#loot .ltile{cursor:pointer;transition:transform .12s}#loot .ltile:hover{transform:translateY(-3px)scale(1.05)}#loot .ltile.full{opacity:.38;filter:grayscale(.7);cursor:not-allowed}#loot .ltile.full:hover{transform:none}#loot .ltile.nope{animation:.3s lootNope}@keyframes lootNope{25%{transform:translate(-4px)}75%{transform:translate(4px)}}#loot .ltile.chosen .itile{outline-offset:2px;outline:3px solid #ffd27a}#loot .itile.coins{--tc:#ffc23d}#loot .itile.coins .coin{width:32px;height:32px}#loot .itile .qty{font-size:13px}#loot .lsay{color:#cfc2f2;text-align:center;min-height:36px;margin:2px 10px 9px;font-size:13px;font-weight:600;line-height:1.35}#loot .lsay b{color:#fff}#loot .lsay em{color:#ff9a8f;font-style:normal}#loot footer{justify-content:center;display:flex}#loot .takeall{align-items:center;gap:9px;padding:7px 28px;font-size:18px;display:inline-flex}#loot .takeall kbd{text-shadow:none;background:var(--cream);color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:6px;padding:0 7px;font-family:inherit;font-size:14px;font-weight:700}#loot.busy .ltile,#loot.busy .takeall{pointer-events:none;opacity:.6}#inv .ctx{z-index:45;color:#fff;background:#1d1830;border:3px solid #0c0a18;border-radius:12px;gap:5px;min-width:160px;padding:8px;display:grid;position:fixed;top:0;left:0;box-shadow:0 5px #0c0a18,0 10px 30px #0006}#inv .ctx.hidden{display:none}#inv .ctx b{padding:0 3px 2px;font-size:14px}#inv .ctx button{text-align:left;border-width:2.5px;border-radius:9px;padding:5px 10px;font-size:14px;box-shadow:0 3px #0c0a18}#inv .ctx button.danger{background:#d8413a}#inv .ctx button.sure,#inv .tip .tacts button.sure{background:#b3261e;animation:.7s ease-in-out infinite alternate sureGlow;box-shadow:0 3px #0c0a18,0 0 0 2px #ffb3aa}@keyframes sureGlow{to{filter:brightness(1.25)}}#inv .tip{pointer-events:none;z-index:40;color:#f4ecff;background:#1d1830;border:3px solid #0c0a18;border-radius:14px;width:290px;padding:10px 12px;position:fixed;top:0;left:0;box-shadow:0 5px #0c0a18,0 10px 30px #0006}#inv .tip.hidden{display:none}.tip .thead{border-bottom:2px solid color-mix(in srgb, var(--tc) 60%, transparent);grid-template-columns:52px 1fr;align-items:center;gap:10px;padding-bottom:8px;display:grid}.tip .thead img,.tip .thead svg{object-fit:contain;width:52px;height:52px}.tip .thead b{color:var(--tc);font-size:17px;line-height:1.1;display:block}.tip .thead span{color:#b8aed0;font-size:12px;font-weight:600}.tip .tsimple b{color:#fff;margin-bottom:2px;font-size:16px;display:block}.tip .tsimple span{color:#b8aed0;font-size:13px;font-weight:600}.tip .tline{color:#e7defa;margin:8px 0 0;font-size:13px;font-weight:600;line-height:1.35}.tip .tline .coin{vertical-align:-3px}.tip .odds{border:2px solid #0c0a18;border-radius:6px;height:11px;margin-top:7px;display:flex;overflow:hidden}.tip .legend{margin:5px 0 0;font-size:11.5px;font-weight:700;line-height:1.4}.tip ul{gap:3px;margin:8px 0 0;padding:0;font-size:14px;font-weight:700;list-style:none;display:grid}.tip ul.src li{font-size:13px}.tip li.imp{color:#fff}.tip li.perk{color:#d7b8ff}.tip li em{color:#a99cc4;font-size:12px;font-style:normal;font-weight:600;display:block}.tip .cmp{border-top:2px dashed #ffffff26;margin-top:8px;padding-top:6px}.tip .cmp span{color:#b8aed0;font-size:12px;font-weight:600}.tip .cmp ul{margin-top:3px}.tip li.inc{color:#7be08f}.tip li.dec{color:#ff8f86}.tip .tfoot{color:#b8aed0;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:600;display:flex}.tip .tfoot span:last-child{align-items:center;gap:4px;display:inline-flex}@media (width<=1000px){.inv .gearpage{grid-template-columns:300px minmax(0,1fr)}.inv .gearpage .stats{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.inv .packpage{grid-template-columns:1fr}}@media (width<=700px){.inv .gearpage{grid-template-columns:1fr}.inv header{flex-wrap:wrap}}.sell h4,.shop h4{letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase;margin:14px 0 8px;font-size:13px}.sell h4:first-child{margin-top:0}.empty.small{padding:6px 0}.sell .sgrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sell .srow{border:2.5px solid var(--ink);background:#fffaf0;border-radius:14px;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}.sell .srow .info{gap:1px;min-width:0;display:grid}.sell .srow .info b{-webkit-text-stroke:.5px var(--ink);font-size:15px;line-height:1.1}.sell .srow .info span{color:var(--ink-soft);font-size:12px;font-weight:600}.sell .srow ul,.stock ul{color:var(--ink);margin:2px 0 0;padding:0;font-size:12px;font-weight:700;list-style:none}.sell .srow ul li.perk,.stock ul li.perk{color:#8a4fd6}.sell .srow button,.sell .cchip button{align-items:center;gap:5px;padding:5px 10px;font-size:15px;display:inline-flex}.sell .crow{flex-wrap:wrap;gap:8px;display:flex}.sell .cchip{color:#fff;border:2.5px solid var(--ink);background:#1f2a44;border-radius:14px;align-items:center;gap:8px;padding:4px 6px 4px 4px;display:flex}.sell .cchip .g{width:26px;height:36px;filter:drop-shadow(0 0 5px var(--c))}.sell .cchip .g svg,.sell .cchip .g img{object-fit:contain;width:100%;height:100%}.sell .cchip .nm{font-size:14px;font-weight:700}.shophead{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;font-weight:700;display:flex}.shophead b{color:var(--ink);font-variant-numeric:tabular-nums}.shophead button{align-items:center;gap:6px;padding:5px 12px;font-size:15px;display:inline-flex}.shophead .warn{color:#c0392b;margin-left:auto;font-size:14px}.stockgrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stock{text-align:center;flex-direction:column;align-items:center;gap:3px;padding:10px 12px 12px;display:flex;position:relative;border-top:6px solid var(--tc)!important}.stock .itile.big{flex:none}.stock>b{-webkit-text-stroke:.5px var(--ink);font-size:16px;line-height:1.15}.stock .kind{color:var(--ink-soft);font-size:12px;font-weight:600}.stock .kind .full{color:#c8392f;font-style:normal;font-weight:700}.stock ul{text-align:center;flex:1;line-height:1.3}.stock button{align-items:center;gap:6px;margin-top:6px;padding:6px 16px;font-size:17px;display:inline-flex}.stock.sold{opacity:.55;filter:grayscale(.6)}.stock .soldout{letter-spacing:.2em;color:var(--ink-soft);border:2.5px dashed var(--ink-soft);border-radius:10px;margin-top:4px;padding:4px 12px;font-weight:700;transform:rotate(-4deg)}@media (width<=900px){.stockgrid{grid-template-columns:1fr 1fr}.sell .sgrid{grid-template-columns:1fr}}.shopwrap{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:10px 14px;display:grid}.shopwrap .whead{letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase;align-self:center;margin:0;font-size:13px}:is(.shopwrap,.mbrowse) .wearing{border:2.5px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fffaf0;border-radius:16px;gap:4px;padding:8px;display:grid}:is(.shopwrap,.mbrowse) .wrow{border-radius:12px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;padding:4px;transition:background .15s,box-shadow .15s;display:grid}:is(.shopwrap,.mbrowse) .wrow .itile{width:44px;height:44px}:is(.shopwrap,.mbrowse) .wrow .itile.empty svg{opacity:.45;filter:grayscale();width:70%;height:70%}:is(.shopwrap,.mbrowse) .wrow .info{gap:1px;min-width:0;display:grid}:is(.shopwrap,.mbrowse) .wrow .info b{-webkit-text-stroke:.4px var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.15;overflow:hidden}:is(.shopwrap,.mbrowse) .wrow .info .none{color:var(--ink-soft);opacity:.7;font-size:12px;font-weight:700}:is(.shopwrap,.mbrowse) .wrow ul{color:var(--ink);margin:0;padding:0;font-size:11px;font-weight:700;line-height:1.25;list-style:none}:is(.shopwrap,.mbrowse) .wrow ul li.perk{color:#8a4fd6}:is(.shopwrap,.mbrowse) .wrow .cmp{display:none}:is(.shopwrap,.mbrowse) .wrow.hl{box-shadow:inset 0 0 0 2.5px var(--accent);background:#fff1c9}:is(.shopwrap,.mbrowse) .wrow.hl .cmp{margin-top:2px;display:block}:is(.shopwrap,.mbrowse) .wrow.hl .cmp:empty{display:none}:is(.shopwrap,.mbrowse) .wrow .cmp li.inc{color:#1f9a4a}:is(.shopwrap,.mbrowse) .wrow .cmp li.dec{color:#c0392b}.stock.dust .itile{box-shadow:0 0 18px #ffc23d8c}@media (width<=820px){.shopwrap{grid-template-columns:1fr}.shopwrap .wearing{grid-template-columns:1fr 1fr}}.chesti{flex:none;width:20px;height:20px}.pill.bank.hidden{display:none}.stash .coinbar{width:100%;color:var(--ink);text-shadow:none;box-shadow:0 3px 0 var(--ink);background:linear-gradient(#fff6dc,#ffe6a8);border-width:2.5px;border-radius:12px;align-items:center;gap:8px;margin:0 0 10px;padding:7px 12px;font-size:18px;display:flex}.stash .coinbar b{font-variant-numeric:tabular-nums}.stash .coinbar small{color:var(--ink-soft);margin-left:auto;font-size:13px}.stash .coinbar:disabled{box-shadow:none;background:#3a281c0f;border-style:dashed;border-color:#3a281c4d}.stash .coinbar:disabled b{color:var(--ink-soft)}.building .tpage.market{flex-direction:column;gap:10px;min-height:0;display:flex;position:absolute;inset:0}.market button.ghost{background:var(--cream-2);color:var(--ink);text-shadow:none}.market button.ghost:disabled{color:var(--ink-soft);background:#3a281c14}.mnav{flex:none;align-items:center;gap:6px;display:flex}.mnav button{box-shadow:0 3px 0 var(--ink);color:var(--ink);text-shadow:none;background:#fffaf0;border-width:2.5px;border-radius:11px;padding:5px 14px;font-size:15px}.mnav button.on{background:var(--ink);color:#fff3d6}.mnav button small{opacity:.7;font-variant-numeric:tabular-nums;margin-left:4px;font-size:12px}.mnav .mnote{color:var(--ink-soft);margin-left:auto;font-size:13px;font-weight:600}.mview{flex-direction:column;flex:1;min-height:0;display:flex}.mview>*{flex:1;min-height:0}.mclosed,.mnone,.mempty{text-align:center;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;font-weight:600;display:flex}.mclosed b,.mnone b,.mempty b{color:var(--ink);font-size:19px}.mscales{filter:drop-shadow(0 4px #3a281c40);width:74px;height:74px;margin-bottom:4px}.mclosed.wait .mscales{animation:1.4s ease-in-out infinite mWeigh}@keyframes mWeigh{50%{transform:rotate(-7deg)}}.mnone.small{padding:10px}.mnone.small b{font-size:16px}.mbrowse{grid-template-columns:240px minmax(0,1fr);gap:14px;min-height:0;display:grid}.mbrowse .wearing{align-self:start}.mmain{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.mtools{flex:none;gap:8px;display:flex}.msearch{border:2.5px solid var(--ink);height:40px;color:var(--ink-soft);background:#fffaf0;border-radius:12px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex;box-shadow:inset 0 2px #3a281c1f}.msearch:focus-within{box-shadow:inset 0 2px 0 #3a281c1f, 0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent)}.msearch svg{flex:none;width:18px;height:18px}.msearch input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px;font-weight:600}.msearch input::placeholder{color:#7a5c45b3}.msort{height:40px;font:inherit;color:var(--ink);background:var(--cream-2);border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:12px;padding:0 10px;font-size:14px;font-weight:700}.mchips{flex-wrap:wrap;flex:none;align-items:center;gap:5px;display:flex}.mchips>button{box-shadow:0 2px 0 var(--ink);color:var(--ink);text-shadow:none;background:#fffaf0;border-width:2px;border-radius:999px;padding:3px 11px;font-size:13px}.mchips>button.on{background:var(--accent);color:#fff;text-shadow:0 1px #3a281c66}.mtiers{gap:5px;margin-left:auto;padding-left:8px;display:inline-flex}.mtiers button{background:var(--tc);width:22px;height:22px;box-shadow:0 2px 0 var(--ink);opacity:.45;border-width:2px;border-radius:50%;padding:0}.mtiers button.on{opacity:1;box-shadow:0 2px 0 var(--ink), 0 0 0 3px #fff, 0 0 0 5px var(--tc)}.mlist{flex:1;min-height:0;padding:2px 6px 8px 2px;overflow:hidden auto}.mcount{color:var(--ink-soft);align-items:center;gap:10px;margin:0 0 8px;font-size:13px;font-weight:700;display:flex}.mcount small{opacity:.8;font-weight:600}.mcount .mfrom{box-shadow:0 2px 0 var(--ink);color:var(--ink);text-shadow:none;background:#fff1c9;border-width:2px;border-radius:999px;padding:2px 10px;font-size:12px}.mgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.mcard{border:2.5px solid var(--ink);border-top:5px solid var(--tc);box-shadow:0 3px 0 var(--ink);background:#fffaf0;border-radius:14px;grid-template-rows:auto 1fr auto;grid-template-columns:52px minmax(0,1fr);gap:6px 10px;padding:9px 10px;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.mcard:hover{box-shadow:0 5px 0 var(--ink), 0 0 0 2px color-mix(in srgb, var(--tc) 55%, transparent);transform:translateY(-2px)}.mcard.mine{background:linear-gradient(#f2fbf8,#e3f4ef)}.mcard>.itile{border-width:2.5px;border-radius:12px;width:52px;height:52px}.minfo{align-content:center;gap:1px;min-width:0;display:grid}.minfo b{-webkit-text-stroke:.4px var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;line-height:1.15;overflow:hidden}.minfo span{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.mstats{color:var(--ink);border-top:2px dashed #3a281c24;grid-column:1/-1;margin:0;padding:6px 2px 0;font-size:12px;font-weight:700;line-height:1.3;list-style:none}.mstats li.perk{color:#8a4fd6}.mcard .mstats li:only-child:not(.perk){color:var(--ink-soft);font-weight:600}.mfoot{grid-column:1/-1;align-items:center;gap:6px;min-width:0;display:flex}.market .mwho{min-width:0;max-width:46%;box-shadow:none;color:var(--ink);text-shadow:none;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:2px 5px;font-size:13px;font-weight:700;display:inline-flex;overflow:hidden}.market .mwho:hover{filter:none;background:#3a281c14}.market .mwho:active{box-shadow:none;transform:none}.mwho .dot{border:1.5px solid var(--ink);background:#b9ad98;border-radius:50%;flex:none;width:9px;height:9px}.mwho .dot.on{background:#3fd07a;box-shadow:0 0 6px #3fd07a}.mago{color:var(--ink-soft);white-space:nowrap;font-size:12px;font-weight:600}.mfoot>button:last-child{box-shadow:0 3px 0 var(--ink);border-width:2.5px;border-radius:10px;flex:none;align-items:center;gap:4px;margin-left:auto;padding:4px 11px;font-size:14px;display:inline-flex}.mfoot .coin.sm,.mrow .coin.sm,.mform .coin.sm,.mtrade .coin.sm{width:15px;height:15px}.mbuy.sure{background:#ffb21e;animation:.9s ease-in-out infinite mSure}@keyframes mSure{50%{box-shadow:0 3px 0 var(--ink), 0 0 0 4px #ffb21e73}}.mmore{box-shadow:0 3px 0 var(--ink);margin:12px auto 4px;padding:5px 18px;font-size:14px;display:block}.msell{grid-template-columns:minmax(0,1fr) 400px;gap:14px;min-height:0;display:grid}.mthings,.mform{border:2.5px solid var(--ink);background:#fffaf0;border-radius:16px;min-height:0;padding:12px;overflow-y:auto}.mthings h4,.mmine h4{letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase;justify-content:space-between;align-items:baseline;margin:0 0 10px;font-size:13px;display:flex}.mmine h4 small{letter-spacing:0;font-size:12px}.mthings h4 small{letter-spacing:0;text-transform:none;font-size:12px;font-weight:600}.mthinglist{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.market .mthing{text-align:left;color:var(--ink);text-shadow:none;border:2px solid #3a281c2e;border-left:5px solid var(--tc);box-shadow:none;font-size:inherit;background:#fff;border-radius:12px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:5px 8px 5px 5px;display:grid}.market .mthing:hover{filter:none;background:#fff8e6}.market .mthing:active{box-shadow:none;transform:none}.market .mthing.on{border-color:var(--ink);border-left-color:var(--tc);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 55%, transparent);background:#fff1c9}.mthing>.itile{border-width:2.5px;border-radius:11px;width:44px;height:44px}.mthings .soft{text-align:left;font-size:13px}.mform{background:linear-gradient(#fffaf0,#f6efe0);flex-direction:column;gap:10px;display:flex}.mform .mempty{flex:1}.mpreview{grid-template-columns:64px minmax(0,1fr);gap:6px 12px;padding:10px 12px;display:grid;border-top:6px solid var(--tc)!important}.mpreview .minfo b{white-space:normal;font-size:17px}.mqty{color:var(--ink-soft);align-items:center;gap:8px;font-weight:700;display:flex}.mqty b{text-align:center;min-width:30px;color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px}.mqty button{box-shadow:0 3px 0 var(--ink);border-width:2.5px;border-radius:10px;padding:2px 12px;font-size:16px}.mqty button:first-of-type{margin-left:auto}.mprice{border:3px solid var(--ink);background:#fff;border-radius:14px;align-items:center;gap:8px;height:50px;padding:0 12px;display:flex;box-shadow:inset 0 2px #3a281c1f}.mprice:focus-within{box-shadow:inset 0 2px 0 #3a281c1f, 0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent)}.mprice span{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:700}.mprice input{min-width:0;font:inherit;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;flex:1;font-size:24px;font-weight:700}.mhints{color:var(--ink-soft);flex-wrap:wrap;gap:4px 14px;font-size:12.5px;font-weight:600;display:flex}.mhints span{align-items:center;gap:3px;display:inline-flex}.mget{flex-wrap:wrap;align-items:center;gap:4px;font-size:16px;font-weight:700;display:flex}.mget small{color:var(--ink-soft);font-size:12px;font-weight:600}.mput{padding:9px 18px;font-size:19px}.mslots{text-align:center;color:var(--ink-soft);margin:0;font-size:12.5px;font-weight:600}.mmine{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;min-height:0;display:grid}.mmine>section{border:2.5px solid var(--ink);background:#fffaf0;border-radius:16px;min-height:0;padding:12px;overflow-y:auto}.mrows,.mtrades{gap:6px;display:grid}.mrow{border:2px solid #3a281c2e;border-left:5px solid var(--tc);background:#fff;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.mrow>.itile{border-width:2.5px;border-radius:11px;width:44px;height:44px}.mrow .mcost{font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-weight:700;display:inline-flex}.mrow .mleft{color:var(--ink-soft);white-space:nowrap;font-size:12px;font-weight:600}.mrow button{box-shadow:0 3px 0 var(--ink);border-width:2.5px;border-radius:10px;padding:3px 10px;font-size:13px}.mrow.going{opacity:.6}.mtrade{border-radius:10px;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 8px;font-size:13.5px;font-weight:600;display:grid}.mtrade:nth-child(odd){background:#3a281c0a}.mtrade .mic{border:2px solid var(--ink);background:#e9e1d0;border-radius:50%;place-items:center;width:26px;height:26px;font-style:normal;font-weight:700;display:grid}.mtrade.sold .mic{background:#b9f0c8}.mtrade.bought .mic{background:#ffe3a0}.mtrade.wait .mic{background:#ffd6cf}.mtrade .mcoins{font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.mtrade.sold .mcoins{color:#1f9a4a}@media (width<=980px){.mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.msell{grid-template-columns:minmax(0,1fr) 340px}}#wallet,#goal,#dock,#crosshair,#compass{transition:opacity .25s}body.panel #wallet,body.panel #goal,body.panel #dock,body.panel #jet,body.panel #crosshair,body.panel #compass,body.panel #hint,body.panel #home-marker,body.panel #foebars,body.panel #bossbar{opacity:0!important}#coach{z-index:6;text-align:center;background:var(--cream);border:3px solid var(--ink);min-width:280px;max-width:min(600px,92vw);box-shadow:0 5px 0 var(--ink), 0 12px 30px #0a061847;opacity:0;border-radius:18px;padding:9px 22px 11px;transition:opacity .22s,transform .3s cubic-bezier(.2,1.4,.4,1);position:absolute;bottom:112px;left:50%;transform:translate(-50%,14px)scale(.97)}#coach.show{opacity:1;transform:translate(-50%)}#coach.in .say,#coach.in .how{animation:.38s cubic-bezier(.2,1.3,.4,1) both coachIn}#coach.in .how{animation-delay:50ms}@keyframes coachIn{0%{opacity:0;transform:translateY(8px)}}#coach .pips{justify-content:center;gap:5px;margin:0 0 6px;display:flex}#coach .pips:empty{display:none}#coach .pips i{background:#3a281c2e;border-radius:99px;width:7px;height:7px;transition:width .25s,background .25s}#coach .pips i.done{background:#4cbf68}#coach .pips i.on{background:var(--orange);width:20px}#coach .say{color:var(--ink);text-wrap:balance;font-size:25px;line-height:1.15;display:block}#coach .say .count{vertical-align:.12em;color:#fff;background:var(--orange);border:2px solid var(--ink);border-radius:99px;margin-left:8px;padding:0 9px;font-size:.7em;display:inline-block}#coach .how{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:3px 4px;margin-top:7px;font-size:16px;font-weight:600;display:flex}#coach .how:empty{display:none}#coach .how kbd{min-width:26px;color:var(--ink);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);background:#fff;border-radius:7px;padding:1px 7px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.35;display:inline-block}#coach .how .sep{background:var(--ink-soft);opacity:.45;border-radius:50%;width:5px;height:5px;margin:0 9px}#coach .how .tk{border-color:var(--ink);width:1.9em;height:1.9em}#coach .nudge{color:var(--orange);margin-top:5px;font-size:14px;font-weight:700;animation:.38s both coachIn}#coach .nudge:empty{display:none}#coach .skip{letter-spacing:.04em;color:#3a281c6b;font-size:11px;font-style:normal;font-weight:700;position:absolute;top:7px;right:12px}#coach.done{background:#effce9;border-color:#2d7a3e}#coach.done:after{content:"✓";color:#fff;border:3px solid var(--ink);width:34px;height:34px;box-shadow:0 2px 0 var(--ink);background:#42b862;border-radius:50%;place-items:center;font-size:21px;font-weight:700;animation:.4s cubic-bezier(.2,1.8,.4,1) tickPop;display:grid;position:absolute;top:-15px;left:-15px}@keyframes tickPop{0%{opacity:0;transform:scale(.2)rotate(-40deg)}}.ms{vertical-align:middle;width:21px;height:27px;display:inline-block}.ms svg{width:100%;height:100%;overflow:visible}.ms rect{fill:#fff;stroke:var(--ink);stroke-width:2px}.ms path{fill:none;stroke:var(--ink);stroke-width:1.6px}.ms path.b{fill:var(--orange);stroke:none}.ms.m{width:40px}.ms path.mv{stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke:var(--orange)}#tut-mark{z-index:5;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:2px;transition:opacity .25s;display:flex;position:absolute;top:0;left:0}#tut-mark.show{opacity:1}#tut-mark .arrow{width:0;height:0;filter:drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 0 6px #ffc85099);border-bottom:20px solid #ffcf4a;border-left:12px solid #0000;border-right:12px solid #0000}#tut-mark em{color:#fff;text-shadow:0 2px 0 var(--ink), 0 0 5px #0009;font-size:13px;font-style:normal;font-weight:700}body.tut #goal,body.tut #compass,body.tut #home-marker,body.tut #loot-marker,body.tut #wallet .fort,body.tut #wallet .pvp,body.tut #chat,body.tut #touch .tb.chat,body.duel #goal,body.duel #compass,body.duel #home-marker,body.duel #loot-marker,body.duel #wallet{display:none!important}body.panel #coach,body.panel #tut-mark,body.title #coach,body.title #tut-mark{opacity:0!important}.settings .replay{grid-template-columns:120px auto;align-items:center;gap:12px;margin:10px 0 2px;font-weight:600;display:grid}.settings .replay button{justify-self:start;padding:6px 14px;font-size:15px}#loading{z-index:100;background:radial-gradient(at 50% 40%,#3f2f70 0%,#211a42 42%,#0d0b1a 100%);flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .7s;display:flex;position:fixed;inset:0;overflow:hidden}#loading.gone{opacity:0;pointer-events:none}#loading .lglow{pointer-events:none;background:radial-gradient(circle,#ffbe5a33,#0000 60%);border-radius:50%;width:900px;height:900px;margin:-450px 0 0 -450px;animation:4s ease-in-out infinite lglow;position:absolute;top:40%;left:50%}@keyframes lglow{50%{opacity:.7;transform:scale(1.12)}}#loading .llogo{filter:drop-shadow(0 18px 26px #00000073);width:auto;height:min(52vh,540px);animation:.9s cubic-bezier(.2,1.4,.4,1) both llogoIn,4.5s ease-in-out .9s infinite llogoBob;position:relative}@keyframes llogoIn{0%{opacity:0;transform:translateY(24px)scale(.86)}}@keyframes llogoBob{50%{transform:translateY(-7px)}}#loading .lbar{background:#231c40;border:3px solid #0b0a15;border-radius:999px;width:min(400px,70vw);height:18px;position:relative;overflow:hidden;box-shadow:0 4px #0b0a15,inset 0 2px 5px #00000080}#loading .lbar i{background:linear-gradient(#ffd96a,#f08a2a);border-radius:999px;width:4%;height:100%;transition:width .45s ease-out;display:block;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff80}#loading .lbar i:after{content:"";background:repeating-linear-gradient(-45deg,#ffffff3d 0 8px,#0000 8px 16px);animation:.7s linear infinite lbarRun;position:absolute;inset:0 0 0 -24px}@keyframes lbarRun{to{transform:translate(22.63px)}}#loading .ltext{color:#cdc3ef;letter-spacing:.05em;min-height:1.3em;margin:0;font-size:15px;font-weight:600;position:relative}#loading.failed .ltext{color:#ffb0a0}.sheet.title h1.logo{margin:-6px 0 2px;font-size:0;line-height:0}.sheet.title h1.logo img{filter:drop-shadow(0 10px 14px #3a281c59);width:auto;height:clamp(200px,32vh,300px)}@media (height<=760px){.sheet.title h1.logo{margin:-10px 0 0}.sheet.title h1.logo img{height:220px}#start .tag{margin:8px 0 12px}}#shatter .crystal.rise .csvg{animation:.48s cubic-bezier(.2,.9,.3,1.25) both gemRise}#shatter .crystal.rise .glow{animation:.48s ease-out both gemRiseGlow}@keyframes gemRise{0%{opacity:0;filter:brightness(4);transform:translateY(40px)scale(.15)}50%{opacity:1}to{filter:none;transform:none}}@keyframes gemRiseGlow{0%{opacity:0;transform:scale(.3)}}#shatter .crystal.charging .csvg,#shatter .crystal.charging .glow{animation-duration:var(--charge,1.15s)}#shatter .crystal.charging .cracks path{animation-duration:calc(var(--charge,1.15s) * .8)}#shatter .crystal.light .orb{background:radial-gradient(circle, #fff 0 18%, #fff3c4 30%, color-mix(in srgb, var(--c) 80%, transparent) 52%, transparent 70%);border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute;top:50%;left:50%}#shatter .crystal.light.charging .orb{animation:orbGather var(--charge,.9s) ease-in forwards}#shatter .crystal.light.burst .orb{animation:.26s ease-out forwards burstOut}@keyframes orbGather{0%{opacity:0;transform:scale(.1)}30%{opacity:1}to{filter:brightness(1.8);transform:scale(1.35)}}#shatter .back .emblem.star{display:block}#shatter .back .emblem.star i{clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);background:radial-gradient(circle, #fff 0 14%, transparent 15%), conic-gradient(from 45deg, #e6fbff 0 25%, #7fe0ff 0 50%, #e6fbff 0 75%, #7fe0ff 0);width:100%;height:100%;display:block}#shatter .res .dust .ic{place-items:center;width:22px;height:22px;display:grid}#shatter .res .dust .ic img,#shatter .res .dust .ic svg{object-fit:contain;width:100%;height:100%}#shatter .c3 .banish{z-index:3;color:#d8cfee;cursor:pointer;min-width:38px;height:38px;text-shadow:none;background:radial-gradient(circle at 40% 35%,#4a4060,#1e1a2a);border:2.5px solid #0c1022;border-radius:19px;justify-content:center;align-items:center;gap:4px;padding:0 7px;font-size:14px;font-weight:700;transition:transform .12s;animation:none;display:none;position:absolute;top:-12px;right:-12px;box-shadow:0 3px #0c1022,0 0 12px #b9a8d880}#shatter.banishing[data-phase=choose] .c3.shown .banish{border-radius:33px;min-width:66px;height:66px;display:inline-flex;top:38%;left:50%;right:auto;transform:translate(-50%,-50%)}#shatter.banishing .c3.shown .banish svg{width:36px;height:36px}#shatter.banishing .c3.shown .banish:hover{transform:translate(-50%,-50%)scale(1.1)}#shatter.banishing .c3.shown .tilt{filter:saturate(.4)brightness(.72);transition:filter .2s}#shatter.banishing .c3.shown:hover .tilt{filter:saturate(.25)brightness(.9)}#shatter .c3 .banish svg{flex:none;width:22px;height:22px}#shatter .c3 .banish:hover{color:#fff;transform:scale(1.12)}#shatter .c3 .banish span{display:none}#shatter .c3 .banish.armed{color:#fff;background:radial-gradient(circle at 40% 35%,#8c2b3a,#4a0f1c);padding:0 11px 0 7px;animation:.5s ease-in-out infinite alternate armPulse}#shatter .c3 .banish.armed span{display:inline}@keyframes armPulse{to{box-shadow:0 3px #0c1022,0 0 22px #ff5a6ed9}}#shatter .gained.banished{color:#cbbfe6}#shatter .gained.banished small{color:#a99cc4}#shatter .cinfo .banned{color:#cbbfe6;background:#0c1022b3;border-radius:999px;justify-self:center;align-items:center;gap:4px;padding:2px 10px 2px 6px;font-size:12px;display:inline-flex}#shatter .cinfo .banned>svg{width:16px;height:16px}#shatter .cinfo .banned i{opacity:.8;filter:grayscale(.5);width:20px;height:20px}#shatter .cinfo .banned i svg{width:100%;height:100%;display:block}html.touch{--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--cl:calc(max(var(--sl) - 40px, 0px) + 12px);--cr:calc(max(var(--sr) - 40px, 0px) + 12px);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html.touch,html.touch body{overscroll-behavior:none}html.touch #game,html.touch #touch{touch-action:none}html.touch .modal,html.touch #inv,html.touch #shatter,html.touch #building{touch-action:manipulation}html.touch .sheet.leaders{height:min(700px,100dvh - 40px)}html.touch .sheet.keys,html.touch .sheet.settings{max-height:calc(100dvh - 40px)}html.touch #vitals kbd,html.touch #belt kbd,html.touch .inv .bslot2 kbd,html.touch #shatter .actions kbd,html.touch .settings .check kbd,html.touch .leaders footer,html.touch .settings footer,html.touch #controls footer,html.touch .tip .tfoot span:first-child{display:none}html.touch .tip .tfoot{justify-content:flex-end}#touch{pointer-events:auto;-webkit-user-select:none;user-select:none;position:absolute;inset:0}#touch.off{display:none}#touch .stick{left:calc(var(--sl) + 28px);bottom:calc(var(--sb) + 24px);opacity:.5;pointer-events:none;background:#281a123d;border:2.5px solid #fff6e580;border-radius:50%;width:104px;height:104px;transition:opacity .2s;position:absolute}#touch .stick.live{opacity:1;margin:-52px 0 0 -52px;transition:none;bottom:auto}#touch .stick i{background:#fff6e5e6;border:2.5px solid #3a281ccc;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%;box-shadow:0 3px #0000004d}#touch .tb{color:#fff;background:#281a126b;border:2.5px solid #fff6e5d9;border-radius:50%;place-items:center;transition:transform 60ms,background 60ms;display:grid;position:absolute;box-shadow:0 3px #00000059}#touch .tb svg{pointer-events:none;width:52%;height:52%}#touch .tb.on{background:#fff6e561;transform:scale(.9)}#touch .drill{right:calc(var(--sr) + 22px);bottom:calc(var(--sb) + 22px);background:#964a16c7;width:76px;height:76px}#touch .drill svg{width:66%;height:66%}#touch .drill.on{background:#d67828e6}#touch :is(.shoot,.dash,.down,.jump){width:54px;height:54px}#touch .shoot{right:calc(var(--sr) + 131.5px);bottom:calc(var(--sb) + 15.6px)}#touch .dash{right:calc(var(--sr) + 122.3px);bottom:calc(var(--sb) + 77.9px)}#touch .down{right:calc(var(--sr) + 77.9px);bottom:calc(var(--sb) + 122.3px)}#touch .jump{right:calc(var(--sr) + 15.6px);bottom:calc(var(--sb) + 131.5px)}#touch.burrow .dash{display:none}#touch .use{right:calc(var(--sr) + 155px);bottom:calc(var(--sb) + 155px);background:#2e8c78d9;width:54px;height:54px;display:none}#touch.canuse .use{animation:.25s cubic-bezier(.2,1.6,.4,1) useIn;display:grid}@keyframes useIn{0%{opacity:0;transform:scale(.4)}}#touch .use small{white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px #000,0 0 6px #0009;font-size:11px;font-weight:700;position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%)}#touch .ult{left:calc(var(--sl) + 156px);bottom:calc(var(--sb) + 49px);background:radial-gradient(circle, #281a129e 0 62%, transparent 63%), conic-gradient(#ffcf5a calc(var(--p,0) * 1turn), #281a124d 0);width:54px;height:54px}#touch .ult svg{opacity:.55;width:66%;height:66%}#touch .ult.ready{background:radial-gradient(circle,#784614d9 0 62%,#0000 63%),#ffcf5a;border-color:#ffe7a6;animation:1.3s ease-in-out infinite ultGlow}#touch .ult.ready svg{opacity:1}#touch .ult.aim{background:#fff6d8d9;animation:none}#touch.burrow .ult{display:none}#touch .ult.nudge:not(.ready){animation:.32s ease-in-out ultNudge}#touch .ult.pop:after{content:"";pointer-events:none;border:3px solid #ffe7a6;border-radius:50%;animation:.65s ease-out forwards ultPop;position:absolute;inset:-6px}.tk.ult{background:#96641ee6}.tk.ult svg{width:82%;height:82%}#touch .top{top:calc(var(--st) + 112px);right:var(--cr);background:var(--hud-bg);border:2px solid var(--hud-edge);width:40px;height:40px;box-shadow:var(--hud-drop);border-radius:12px}#touch .chat{right:calc(var(--cr) + 48px)}#touch .emote{right:calc(var(--cr) + 96px)}html.touch #emotes.on{pointer-events:auto}html.touch #emotes .dot{display:none}html.phone #emotes .wheel{zoom:.84}html.phone .say{padding:2px 9px 3px;font-size:13px}html.phone .say i{width:16px;height:16px}html.touch #goal{right:var(--cr);top:calc(var(--st) + 10px);-webkit-backdrop-filter:none;backdrop-filter:none}html.touch #goal .text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}html.touch #wallet{left:var(--cl);top:calc(var(--st) + 10px);-webkit-backdrop-filter:none;backdrop-filter:none}html.touch .toast{-webkit-backdrop-filter:none;backdrop-filter:none}.tk{vertical-align:-.38em;background:#281a128c;border:1.5px solid #fff6e5d9;border-radius:50%;place-items:center;width:1.45em;height:1.45em;margin:0 2px;display:inline-grid}.tk svg{width:62%;height:62%}.tk.drill{background:#964a16e6}.tk.drill svg{width:80%;height:80%}.tk.use{background:#2e8c78e6}.tk.stickic{background:radial-gradient(circle,#fff6e5f2 0 34%,#281a1280 36%)}.tk.lookic{background:linear-gradient(90deg,#0000 0 20%,#fff6e5e6 20% 80%,#0000 80%) 50%/100% 2px no-repeat,#281a1280;border-radius:8px;width:1.9em}html.touch #coach{bottom:auto;top:calc(var(--st) + 8px);min-width:0;max-width:min(430px,52vw);box-shadow:0 3px 0 var(--ink);border-width:2.5px;border-radius:14px;padding:4px 14px 6px}html.touch #coach .say{font-size:17px}html.touch #coach .how{margin-top:2px;font-size:13px}html.touch #coach .how .tk{width:1.75em;height:1.75em}html.touch #coach .pips{gap:4px;margin-bottom:3px}html.touch #coach .pips i{width:5px;height:5px}html.touch #coach .pips i.on{width:13px}html.touch #coach .nudge{margin-top:2px;font-size:12px}html.touch #coach.done:after{width:26px;height:26px;font-size:16px;top:-11px;left:-11px}html.touch #coach .skip{margin-top:1px;font-size:10px;display:block;position:static}html.touch #coach .skip:empty{display:none}html.touch body:not(.tut) #coach{top:calc(var(--st) + 52px)}#touch .tb.tut,#touch .stick.tut{border-color:#ffd36a;animation:1.1s ease-in-out infinite tutPulse}#touch .stick.tut{opacity:.95}@keyframes tutPulse{50%{box-shadow:0 3px #00000059,0 0 0 8px #ffd36a8c}}html.touch #belt .bslot,html.touch #vitals .key{pointer-events:auto}html.touch #vitals .key{background:var(--hud-bg);border:2px solid var(--hud-edge);box-shadow:var(--hud-drop);color:var(--ink);text-shadow:none;opacity:1;border-radius:11px;padding:4px 12px;font-size:14px}html.touch #chat{left:calc(var(--sl) + 10px);width:min(320px,38vw);top:200px;bottom:auto}html.touch #chat.typing #chat-input{top:calc(var(--st) + 8px);z-index:60;width:min(520px,70vw);font-size:16px;position:fixed;left:50%;transform:translate(-50%)}#install{z-index:60;pointer-events:auto;padding:0 calc(var(--sr) + 16px) 0 calc(var(--sl) + 16px);background:#17142a8c;place-items:center;display:grid;position:absolute;inset:0}#install .icard{text-align:center;background:var(--cream);border:3px solid var(--ink);width:min(560px,100%);box-shadow:0 5px 0 var(--ink);border-radius:18px;padding:16px 22px 18px;animation:.25s cubic-bezier(.2,1.2,.4,1) sheetIn}#install h3{margin:0;font-size:24px}#install p{color:var(--ink-soft);margin:6px 0 12px;font-size:15px;font-weight:600}#install .steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px;padding:0;list-style:none;display:grid}#install .steps li{counter-increment:step;justify-items:center;gap:6px;font-size:14px;font-weight:600;line-height:1.25;display:grid}#install .steps i{color:#2f7df6;border:2.5px solid var(--ink);width:52px;height:52px;box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:14px;place-items:center;display:grid;position:relative}#install .steps i:before{content:counter(step);color:#fff;background:var(--orange);border:2px solid var(--ink);border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-style:normal;font-weight:700;display:grid;position:absolute;top:-9px;left:-9px}#install .steps i svg{width:30px;height:30px}#install .steps i img{border-radius:9px;width:38px;height:38px}#install .ibtns{justify-content:center;gap:10px;display:flex}#install .ibtns button{padding:8px 20px;font-size:18px}#install .ibtns button[hidden],#turn{display:none}html.touch.portrait #turn{z-index:1000;text-align:center;color:#fff;background:radial-gradient(at 50% 40%,#3f2f70 0%,#211a42 42%,#0d0b1a 100%);place-content:center;justify-items:center;gap:10px;display:grid;position:fixed;inset:0}#turn svg{width:96px;height:96px;animation:2.2s ease-in-out infinite turnIt}@keyframes turnIt{0%,20%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}#turn b{font-size:24px}#turn span{color:#cdc3ef;font-size:15px;font-weight:600}html.phone #wallet{top:calc(var(--st) + 8px);left:var(--cl);border-radius:9px;gap:2px;width:138px;padding:3px}html.phone #wallet .k{display:none}html.phone #party{gap:2px}html.phone #party .mate{border-radius:5px;gap:2px;padding:2px 5px 3px 4px}html.phone #party .top{gap:3px;font-size:11px}html.phone #party small{font-size:9px}html.phone #party em{font-size:9.5px}html.phone #party .bar{height:4px}html.phone #partyask{top:calc(var(--st) + 52px);padding:6px 8px 6px 12px;font-size:13px}html.phone #wallet .fort,html.phone #wallet .pvp{border-radius:5px;grid-template-columns:12px 1fr;column-gap:4px;height:20px;padding:0 6px 0 4px}html.phone #wallet .fort b,html.phone #wallet .pvp b{font-size:12px}html.phone #wallet .fort .ic{width:12px;height:12px}html.phone #wallet .pvp .ic{font-size:9px}html.touch #wallet .pvp{pointer-events:auto}html.phone .inv header .pvpt{gap:4px;padding:0 9px 0 7px;font-size:12px}html.phone .inv header .pvpt i{font-size:12px}html.phone .inv header .pill.small,html.phone .building header .pill.small,html.phone #shatter .res .pill.small,html.phone .inv header .pvpt,html.phone .inv header .close,html.phone .building header .close,html.phone #shatter header .close{height:26px;box-shadow:0 2px 0 var(--ink);border-width:2px}html.phone #wallet .stats{padding:0 2px}html.phone #wallet .hrow{gap:3px}html.phone #wallet .hrow b,html.phone #depth .now{font-size:11.5px}html.phone #depth .now small{font-size:9px}html.phone #wallet .coin{border-width:1.5px;width:12px;height:12px}html.phone #wallet .gemi{border-width:1.5px;border-radius:2px;width:9px;height:9px}html.phone #wallet .hic{width:12px;height:12px}html.phone #compass{transform-origin:50% 0;top:calc(var(--st) + 2px);transform:translate(-50%)scale(.72)}html.phone #goal{zoom:.7;top:calc((var(--st) + 8px) / .7);right:calc(var(--cr) / .7)}html.phone #touch .top{top:calc(var(--st) + 78px)}html.phone #bossbar{zoom:.72;top:52px}html.phone #dock{bottom:calc(var(--sb) + 6px);gap:6px}html.phone #hint{white-space:normal;max-width:min(460px, 56vw, calc(100vw - 2 * max(var(--sl) + 216px, var(--sr) + 192px)));text-align:center;padding:4px 12px;font-size:13px;line-height:1.3}html.phone #belt{gap:6px}html.phone #belt .bslot{width:42px;height:42px}html.phone #belt .bslot .ic{width:34px;height:34px}html.phone #vitals{gap:8px}html.phone #hp{width:clamp(130px, calc(100vw - 2 * var(--sr) - 520px), 190px);height:15px}html.phone #vitals .key{padding:3px 10px;font-size:13px}html.phone #buffs{margin-bottom:4px}html.phone #buffs .buff{width:34px;height:34px}html.phone #talk{max-width:min(460px,60vw);padding:7px 14px 8px;bottom:118px}html.phone #talk .line{margin:2px 0 6px;font-size:14px}html.phone #toasts{right:auto;left:var(--cl);top:calc(var(--st) + 80px);align-items:flex-start;gap:3px}html.phone .toast{border-radius:8px;gap:5px;max-width:230px;min-height:22px;padding:2px 9px 2px 3px;font-size:12px;animation-name:toastInL}html.phone .toast.note{padding-left:8px}html.phone .toast:not(.note){max-width:300px}html.phone .toast:nth-child(n+4){display:none}html.phone .toast .ic{width:17px;height:17px}html.phone .toast .ic .coin{border-width:1.5px;width:13px;height:13px}html.phone .toast .ic .die{border-width:1.5px;border-radius:3px;width:12px;height:12px}html.phone .toast small{margin-left:4px;font-size:10px}html.phone .toast.out{transform:translate(-12px)}@keyframes toastInL{0%{opacity:0;transform:translate(-20px)}}html.phone #banner{top:30%}html.phone #banner b{-webkit-text-stroke:2px var(--ink);text-shadow:0 4px 0 var(--ink);font-size:36px}html.phone #banner span,html.phone .floater{font-size:15px}html.phone .nametag{font-size:13px}html.phone #ko b{font-size:34px}html.phone #ko span{font-size:15px}html.phone #chat .line{padding:2px 8px;font-size:13px}html.phone #chat{top:176px}html.phone .sheet{max-width:none}html.phone .sheet h2{font-size:22px}html.phone button{padding:6px 16px;font-size:16px}html.phone button.ghost{padding:6px 12px}html.phone .pill.small{box-shadow:0 2px 0 var(--ink);border-width:2px;gap:4px;padding:2px 9px 2px 4px;font-size:14px}html.phone .pill.small .coin.sm{width:15px;height:15px}html.phone .pill.small .die.sm,html.phone .pill.small .gemi.sm,html.phone .pill.small .star.sm{transform:scale(.85)}html.phone .sheet.building{width:100vw;min-height:100dvh;box-shadow:none;padding:0 calc(var(--sr) + 10px) calc(var(--sb) + 8px) calc(var(--sl) + 10px);border:0;border-radius:0}html.phone .building header{margin:0 calc(-10px - var(--sr)) 6px calc(-10px - var(--sl));padding:calc(var(--st) + 5px) calc(var(--sr) + 10px) 5px calc(var(--sl) + 10px);border-bottom-width:2.5px;border-radius:0;grid-template-columns:1fr auto auto;gap:10px}html.phone .building .crest{display:none}html.phone .building .titles{align-items:center;gap:12px;display:flex}html.phone .building h2{white-space:nowrap;font-size:20px}html.phone .building .sub{display:none}html.phone .building .tabs{gap:6px;margin:0}html.phone .building .tabs button{box-shadow:0 2px 0 var(--ink);padding:3px 14px;font-size:14px}html.phone .building .close{padding:2px 11px;font-size:15px}html.phone .shopwrap{grid-template-columns:52px minmax(0,1fr);gap:5px 8px}html.phone .shopwrap .whead{display:none}html.phone .shophead{grid-column:1/-1;gap:8px;font-size:12px}html.phone .shophead button{box-shadow:0 2px 0 var(--ink);padding:2px 9px;font-size:12px}html.phone .shophead .warn{font-size:12px}html.phone .shopwrap .wearing{box-shadow:0 3px 0 var(--ink);border-width:2px;border-radius:12px;grid-area:2/1;gap:3px;padding:4px}html.phone .shopwrap .wrow{grid-template-columns:38px;padding:0;position:relative}html.phone .shopwrap .wrow .itile{border-width:2px;border-radius:10px;width:38px;height:38px}html.phone .shopwrap .wrow .info{display:none}html.phone .shopwrap .wrow.hl{box-shadow:none;background:0 0}html.phone .shopwrap .wrow.hl .itile{outline:3px solid var(--accent);outline-offset:1px}html.phone .shopwrap .wrow.hl .info{display:none}html.phone .stock ul li.vs{color:var(--ink-soft);border-top:2px dashed #3a281c33;margin-top:4px;padding-top:4px;font-size:10.5px}html.phone .stock ul li.inc{color:#1f9a4a}html.phone .stock ul li.dec{color:#c0392b}html.phone .stockgrid{grid-area:2/2;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}html.phone .stock{text-align:left;box-shadow:0 3px 0 var(--ink);border-width:2.5px;border-radius:12px;grid-template-rows:auto auto 1fr auto;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:0 8px;padding:5px 7px 6px 5px;display:grid;border-top-width:4px!important}html.phone .stock .itile{border-width:2.5px;border-radius:11px;grid-row:1/span 4;align-self:center;width:44px;height:44px}html.phone .stock .itile.big .geode{border-width:2.5px;width:30px;height:26px}html.phone .stock .itile.big .die.huge{border-width:3px;border-radius:8px;width:26px;height:26px}html.phone .stock>b{text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:13px;overflow:hidden}html.phone .stock .kind{text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:10.5px;line-height:1.2;overflow:hidden}html.phone .stock ul{text-align:left;grid-column:2;max-height:2.5em;margin-top:1px;font-size:10.5px;line-height:1.22;overflow:hidden}html.phone .stock ul li{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}html.phone .stock button{box-shadow:0 2px 0 var(--ink);grid-column:2;justify-self:start;margin-top:3px;padding:1px 10px;font-size:13px}html.phone .stock .soldout{grid-column:2;justify-self:start;margin-top:3px;padding:1px 8px;font-size:11px}html.touch .stock{cursor:pointer}html.phone .stock.peek{z-index:6;box-shadow:0 3px 0 var(--ink), 0 0 0 3px var(--tc)}html.phone .stock.peek ul{z-index:6;border:2.5px solid var(--ink);max-height:none;box-shadow:0 3px 0 var(--ink);background:#fffaf0;border-top:0;border-radius:0 0 12px 12px;padding:5px 8px 7px;font-size:11.5px;position:absolute;top:calc(100% - 2px);left:-2.5px;right:-2.5px}html.phone .stock.peek ul li{-webkit-line-clamp:unset;display:block}html.phone .sell h4{margin:8px 0 5px;font-size:11px}html.phone .sell .crow{gap:6px}html.phone .sell .cchip .nm{font-size:12px}html.phone .sell .cchip .g{width:20px;height:28px}html.phone .sell .sgrid{grid-template-columns:1fr 1fr;gap:6px}html.phone .sell .srow{border-width:2px;border-radius:11px;grid-template-columns:40px minmax(0,1fr) auto;gap:7px;padding:4px 6px}html.phone .sell .srow .itile{border-width:2.5px;border-radius:10px;width:40px;height:40px}html.phone .sell .srow .info b{font-size:12.5px}html.phone .sell .srow .info span,html.phone .sell .srow ul{font-size:10.5px}html.phone .sell .srow button,html.phone .sell .cchip button{box-shadow:0 2px 0 var(--ink);padding:2px 8px;font-size:12px}html.phone .building .tpage.sell,html.phone .building .tpage.stolen{-webkit-overflow-scrolling:touch;touch-action:pan-y}html.phone .soft{font-size:12px}html.phone .stash{grid-template-columns:1fr 1fr;gap:8px}html.phone .stash .scol{touch-action:pan-y;border-width:2px;min-height:0;max-height:calc(100dvh - 110px);padding:7px;overflow-y:auto}html.phone .stash h4{margin-bottom:6px;font-size:11px}html.phone .stash .stiles{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;margin-bottom:6px}html.phone .stash .coinbar{box-shadow:0 2px 0 var(--ink);margin-bottom:6px;padding:4px 9px;font-size:15px}html.phone .stash .coinbar small{font-size:11px}html.phone .building .tpage.market{gap:6px}html.phone .mnav{gap:5px}html.phone .mnav button{box-shadow:0 2px 0 var(--ink);border-width:2px;padding:2px 10px;font-size:13px}html.phone .mnav .mnote{display:none}html.phone .mbrowse{grid-template-columns:minmax(0,1fr)}html.phone .mbrowse .wearing{display:none}html.phone .mmain{gap:5px}html.phone .msearch,html.phone .msort{border-width:2px;border-radius:10px;height:32px}html.phone .msearch input{font-size:14px}html.phone .msort{box-shadow:0 2px 0 var(--ink);padding:0 6px;font-size:12px}html.phone .mchips{touch-action:pan-x;scrollbar-width:none;flex-wrap:nowrap;padding:0 0 2px;overflow-x:auto}html.phone .mchips::-webkit-scrollbar{display:none}html.phone .mchips>button{flex:none;padding:1px 9px;font-size:12px}html.phone .mtiers{flex:none;margin-left:6px}html.phone .mtiers button{border-width:2px;width:18px;height:18px;padding:0}html.phone .mlist{-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-right:2px}html.phone .mcount{margin-bottom:5px;font-size:11.5px}html.phone .mgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}html.phone .mcard{box-shadow:0 2px 0 var(--ink);border-width:4px 2px 2px;border-radius:11px;grid-template-columns:40px minmax(0,1fr);gap:4px 7px;padding:6px 7px}html.phone .mcard:hover{transform:none}html.phone .mcard>.itile{border-radius:10px;width:40px;height:40px}html.phone .minfo b{font-size:12.5px}html.phone .minfo span{font-size:10.5px}html.phone .mstats{padding-top:4px;font-size:10.5px;line-height:1.25}html.phone .market .mwho{font-size:11.5px}html.phone .mago{font-size:10.5px}html.phone .mfoot>button:last-child{box-shadow:0 2px 0 var(--ink);border-width:2px;padding:2px 8px;font-size:12px}html.phone .msell,html.phone .mmine{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}html.phone .mthings,html.phone .mform,html.phone .mmine>section{touch-action:pan-y;-webkit-overflow-scrolling:touch;border-width:2px;border-radius:12px;padding:8px}html.phone .mthings h4,html.phone .mmine h4{margin-bottom:6px;font-size:11px}html.phone .mthings h4 small{display:none}html.phone .mthinglist{grid-template-columns:minmax(0,1fr);gap:5px}html.phone .market .mthing{grid-template-columns:36px minmax(0,1fr);gap:7px;padding:3px 6px 3px 3px}html.phone .mthing>.itile,html.phone .mrow>.itile{border-radius:9px;width:36px;height:36px}html.phone .mform{gap:6px}html.phone .mpreview{border-width:2px;grid-template-columns:44px minmax(0,1fr);padding:6px 8px}html.phone .mpreview>.itile{width:44px;height:44px}html.phone .mpreview .minfo b{font-size:14px}html.phone .mqty b{font-size:16px}html.phone .mqty button{box-shadow:0 2px 0 var(--ink);padding:1px 9px;font-size:13px}html.phone .mprice{border-width:2px;height:40px}html.phone .mprice input{font-size:19px}html.phone .mhints{font-size:11px}html.phone .mget{font-size:13.5px}html.phone .mput{box-shadow:0 3px 0 var(--ink);padding:5px 12px;font-size:15px}html.phone .mslots{font-size:11px}html.phone .mrow{grid-template-columns:36px minmax(0,1fr) auto auto;gap:6px;padding:4px 6px}html.phone .mrow .mleft{display:none}html.phone .mrow button{box-shadow:0 2px 0 var(--ink);padding:2px 7px;font-size:11.5px}html.phone .mtrade{grid-template-columns:22px minmax(0,1fr) auto;padding:4px 5px;font-size:11.5px}html.phone .mtrade .mic{width:22px;height:22px}html.phone .mtrade .mago{display:none}html.phone .mclosed b,html.phone .mnone b,html.phone .mempty b{font-size:15px}html.phone .mscales{width:50px;height:50px}html.phone .sheet.inv{width:100vw;min-height:100dvh;box-shadow:none;padding:calc(var(--st) + 6px) calc(var(--sr) + 10px) calc(var(--sb) + 8px) calc(var(--sl) + 10px);border:0;border-radius:0;grid-template-rows:auto 1fr}html.phone .inv header{flex-wrap:nowrap;gap:10px;margin-bottom:6px}html.phone .inv header h2{font-size:20px}html.phone .inv .tabs{border-radius:12px;padding:3px}html.phone .inv .tabs button{border-radius:9px;padding:2px 10px 2px 5px;font-size:14px}html.phone .inv .tabs button svg{width:20px;height:20px}html.phone .inv header .close{padding:2px 11px;font-size:15px}html.phone .inv .gearpage{grid-template-columns:auto minmax(0,1fr) 216px;gap:10px}html.phone .inv .doll{grid-template-columns:50px 116px 50px;gap:6px;height:300px}html.phone .inv .dcol.l{gap:10px;padding-top:6px}html.phone .inv .slot{gap:1px}html.phone .inv .slot .itile{border-width:2.5px;border-radius:11px;width:48px;height:48px}html.phone .inv .slot .cap{letter-spacing:.08em;font-size:8px}html.phone .inv .portrait{border-width:2.5px;border-radius:14px}html.phone .inv .lvl b{font-size:17px}html.phone .inv .power b{font-size:19px}html.phone .inv .lbl{margin:0 0 4px;font-size:10px}html.phone .inv .beltrow{gap:8px;margin-bottom:6px}html.phone .inv .bslot2 .itile{border-width:2.5px;border-radius:11px;width:44px;height:44px}html.phone .inv .armory .grid{grid-template-columns:repeat(6,minmax(0,44px));gap:6px}html.phone .inv .armory .grid .itile{border-width:2.5px;border-radius:10px}html.phone .inv .gearpage .stats{grid-column:auto;grid-template-columns:1fr;gap:4px}html.phone .inv .sgroup{border-width:2px;border-radius:10px;padding:2px 6px 3px}html.phone .inv .sghead{font-size:9.5px}html.phone .inv .sghead svg{width:15px;height:15px}html.phone .inv .srow2{padding:0 3px;font-size:11.5px}html.phone .inv .srow2.gperk b small{font-size:9px}html.phone .inv .gearpage .stats{max-height:calc(100dvh - var(--st) - var(--sb) - 64px);touch-action:pan-y;overflow-y:auto}html.phone .inv .packpage{grid-template-columns:auto auto;gap:14px;padding-top:0}html.phone .inv .packcol{border-width:2.5px;border-radius:14px;padding:8px 10px 10px}html.phone .inv .phead{border-width:2px;gap:10px;margin-bottom:8px;padding:4px 10px}html.phone .inv .ptitle span{font-size:17px}html.phone .inv .pworth{font-size:12px}html.phone .inv .pgrid{grid-template-columns:repeat(var(--cols,4), 50px);gap:7px}html.phone .inv .pgrid .itile{border-width:2.5px;border-radius:11px;width:50px;height:50px}html.phone .inv .vault{border-width:2.5px;min-width:200px;padding:8px 10px 10px}html.phone #loot{top:44%}html.phone #loot .lcard{border-width:2.5px;border-radius:14px;width:min(400px,58vw);padding:7px 5px 9px}html.phone #loot header{margin-bottom:6px}html.phone #loot header b{font-size:15px}html.phone #loot .ltiles{touch-action:pan-y;grid-template-columns:repeat(auto-fill,46px);gap:6px;max-height:164px;padding:10px 10px 12px}html.phone #loot .ltile .itile{border-width:2.5px;border-radius:11px;width:46px;height:46px}html.phone #loot .itile.coins .coin{width:22px;height:22px}html.phone #loot .itile .qty{font-size:11px}html.phone #loot .lsay{min-height:28px;margin:5px 0 6px;font-size:11px}html.phone #loot .takeall{padding:5px 20px;font-size:15px}html.phone .inv .skillspage{max-height:calc(100dvh - var(--st) - var(--sb) - 64px);touch-action:pan-y;gap:6px;overflow-y:auto}html.phone .inv .sbanner{box-shadow:0 3px 0 var(--ink);border-width:2.5px;border-radius:12px;grid-template-columns:92px minmax(0,1fr) 150px;padding:5px 2px}html.phone .inv .sbanner>div{gap:3px;padding:0 9px}html.phone .inv .sbanner>div>span{letter-spacing:.12em;font-size:8.5px}html.phone .inv .sbanner .taken b{-webkit-text-stroke-width:2px;text-shadow:0 2px 0 var(--ink);font-size:24px}html.phone .inv .sbanner .taken em,html.phone .inv .sbanner .none{font-size:10.5px}html.phone .inv .picks{gap:6px}html.phone .inv .spick img{border-radius:9px;width:30px;height:30px;padding:3px}html.phone .inv .spick span{font-size:9px}html.phone .inv .sban img{width:16px;height:16px}html.phone .inv .sban span{font-size:10px}html.phone .inv .scols{gap:6px}html.phone .inv .scol{border-width:2px;border-radius:10px;padding:3px 5px 5px}html.phone .inv .skill{grid-template-columns:20px minmax(0,1fr) auto;gap:5px;min-height:21px;padding:0 4px 0 1px}html.phone .inv .skill img{width:19px;height:19px}html.phone .inv .skill .nm{gap:2px}html.phone .inv .skill .nm>span,html.phone .inv .skill>b{font-size:11px}html.phone .inv .skill>b small{font-size:9px}html.phone .inv .sgear{margin-left:4px;padding:0 4px;font-size:8px}html.phone .inv .sbar{height:3px}html.phone .inv .vrow span{font-size:13px}html.touch #inv .tip{pointer-events:auto}html.phone #inv .tip{width:250px;padding:8px 10px}html.phone .tip .thead{grid-template-columns:40px 1fr;gap:8px;padding-bottom:6px}html.phone .tip .thead img,html.phone .tip .thead svg{width:40px;height:40px}html.phone .tip .thead b{font-size:15px}html.phone .tip ul{margin-top:5px;font-size:12.5px}html.phone .tip .tline{margin-top:5px;font-size:12px}#inv .tip .tacts{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}#inv .tip .tacts button{white-space:nowrap;border-width:2.5px;border-color:#0c0a18;border-radius:10px;flex:1;padding:5px 10px;font-size:14px;box-shadow:0 3px #0c0a18}#inv .tip .tacts button.danger{background:#d8413a}#inv .tip .tacts button.ghost{color:#fff;background:#3a3352}html.touch .inv .itile.picked{outline:3px solid var(--orange);outline-offset:2px}html.touch .inv .itile,html.touch .inv .slot,html.touch .inv .bslot2,html.touch .inv [data-stat],html.touch .stash .itile{cursor:pointer}html.phone #shatter header{padding:calc(var(--st) + 6px) calc(var(--sr) + 12px) 0 calc(var(--sl) + 14px);gap:10px}html.phone #shatter h2{-webkit-text-stroke:2px #0c1022;text-shadow:0 3px #0c1022,0 0 14px #6ee6ff80;font-size:22px}html.phone #shatter .close{padding:3px 11px;font-size:15px}html.phone #shatter .xp{top:calc(var(--st) + 13px);gap:7px;width:min(240px,28vw);margin:0;position:absolute;left:47%;transform:translate(-50%)}html.phone #shatter .xp .lv{-webkit-text-stroke:1.5px #0c1022;text-shadow:0 2px #0c1022;font-size:15px}html.phone #shatter .xp .track{border-width:2px;height:11px;box-shadow:0 2px #0c1022}html.phone #shatter .xp .num{min-width:0;font-size:11px}html.phone #shatter .stage{min-height:0}html.phone #shatter .crystal{transform:scale(.5)}html.phone #shatter .c3.dealt{transform:translate(calc((var(--i) - 1) * 178px), 0) rotate(calc((var(--i) - 1) * 2deg)) scale(.66)}html.phone #shatter .c3.chosen{transform:translateY(-4px)scale(.78)}html.phone #shatter:is([data-phase=deal],[data-phase=choose],[data-phase=resolve]) .tray,html.phone #shatter:is([data-phase=deal],[data-phase=choose],[data-phase=resolve]) .cinfo .ftag{display:none}html.phone #shatter:is([data-phase=deal],[data-phase=choose],[data-phase=resolve]) .cinfo{gap:3px;margin-bottom:2px}html.phone #shatter:is([data-phase=deal],[data-phase=choose],[data-phase=resolve]) .odds{height:6px}html.phone #shatter:is([data-phase=deal],[data-phase=choose],[data-phase=resolve]) .cinfo .names{font-size:11px}html.phone #shatter .c3.gone{transform:translate(calc((var(--i) - 1) * 190px), 50px) scale(.55)}html.phone #shatter .c3.gather{transform:translate(0, 0) scale(.4) rotate(var(--r0))}html.phone #shatter[data-phase=choose] .c3:hover .lift{transform:none}html.touch #shatter .c3 .key,html.lite #shatter .c3.t3:before,html.lite #shatter .c3.t4:before,html.lite #shatter .face .arays,html.lite #shatter .face .foil,html.lite #shatter .face .glit,html.lite #shatter .face .glare,html.lite #shatter .face.t3:after,html.lite #shatter .face.t4:after{display:none}html.lite #shatter .face .bokeh,html.lite #shatter .back .ring.r2{animation:none}html.lite #shatter .face .obj{filter:none;animation:none}html.lite #shatter .c3.shown .face .obj{animation:.7s cubic-bezier(.2,1.7,.4,1) .1s both objPop}html.lite #shatter .face .crest,html.lite #shatter .back .emblem{filter:none;animation:none}html.lite #shatter .c3.shown.t3 .front,html.lite #shatter .c3.shown.t4 .front{animation:none}html.touch #shatter .c3.shown.t3 .front{box-shadow:0 0 20px #c38bffe6}html.touch #shatter .c3.shown.t4 .front{box-shadow:0 0 24px #ffc23d}html.touch #shatter .c3.tease .back{animation:none}html.touch #shatter .crystal.burst{transition:visibility 0s .45s}html.touch #shatter:is([data-phase=deal],[data-phase=choose],[data-phase=resolve]) .crystal.burst{visibility:hidden}html.lite #shatter .rays{display:none}html.touch.well #game,html.touch.well #backdrop,html.touch.well #touch,html.touch.well #ui>:not(#shatter){visibility:hidden}html.touch #shatter .bg{background:radial-gradient(70% 80% at 50% 40%,#2e4486 0%,#1c2257 34%,#120f33 66%,#07060f 100%)}html.touch #shatter .c3{perspective:none}html.touch #shatter .c3 .lift,html.touch #shatter .c3 .tilt,html.touch #shatter .c3 .flip{transform-style:flat}html.touch #shatter .back,html.touch #shatter .front{backface-visibility:visible}html.touch #shatter .front{opacity:0;transform:none}html.touch #shatter .c3 .flip{transition:none}html.touch #shatter .c3.shown .flip{animation:.42s ease-in-out flatFlip;transform:none}@keyframes flatFlip{50%{transform:scaleX(.02)}}html.touch #shatter .c3.shown .front{opacity:1;transition:opacity 0s .21s}html.touch #shatter .c3.shown .back{opacity:0;transition:opacity 0s .21s}html.touch #shatter .back,html.touch #shatter .face{box-shadow:0 0 0 2.5px #070a16,inset 0 1.5px #ffffffd9,inset 0 -2px #00000059}html.touch #shatter .c3.shown.t1 .front{box-shadow:0 0 12px #7be08f99}html.touch #shatter .c3.shown.t2 .front{box-shadow:0 0 16px #5fb4ffbf}html.touch #shatter .c3.shown.chosen .front{box-shadow:0 0 22px var(--tc,#fff), 0 0 0 3px #fff}html.touch #shatter .c3.absorb{transform:translateY(-34vh)scale(.12)}html.lite #shatter .crystal{filter:none}html.lite #shatter .crystal .glow{animation:none}html.lite #shatter .crystal.rise .csvg{animation:.48s cubic-bezier(.2,.9,.3,1.25) both gemRiseT}html.lite #shatter .crystal.rise .glow{animation:.48s ease-out both gemRiseGlow}html.lite #shatter .crystal.charging .csvg{animation:chargeShakeT var(--charge,1.15s) ease-in forwards}html.lite #shatter .crystal.charging .glow{animation:chargeGlowT var(--charge,1.15s) ease-in forwards}html.lite #shatter .crystal.light.charging .orb{animation:orbGatherT var(--charge,.9s) ease-in forwards}html.lite #shatter .crystal.burst .csvg,html.lite #shatter .crystal.light.burst .orb{animation:.26s ease-out forwards burstOutT}html.lite #shatter .crystal.burst .glow{animation:.4s ease-out forwards burstGlowT}@keyframes gemRiseT{0%{opacity:0;transform:translateY(40px)scale(.15)}50%{opacity:1}to{transform:none}}@keyframes chargeShakeT{0%{transform:translate(0)scale(1)}10%{transform:translate(-2px,1px)scale(1.01)}20%{transform:translate(2px,-1px)scale(1.02)}30%{transform:translate(-3px,2px)scale(1.03)}40%{transform:translate(4px,-2px)scale(1.04)}50%{transform:translate(-5px,2px)scale(1.05)rotate(-1deg)}60%{transform:translate(6px,-3px)scale(1.06)rotate(1deg)}70%{transform:translate(-7px,3px)scale(1.08)rotate(-2deg)}80%{transform:translate(8px,-4px)scale(1.1)rotate(2deg)}90%{transform:translate(-9px,4px)scale(1.13)rotate(-3deg)}to{transform:translate(0)scale(1.18)}}@keyframes chargeGlowT{to{opacity:1;transform:scale(1.35)}}@keyframes orbGatherT{0%{opacity:0;transform:scale(.1)}30%{opacity:1}to{transform:scale(1.35)}}@keyframes burstOutT{to{opacity:0;transform:scale(1.5)}}@keyframes burstGlowT{to{opacity:0;transform:scale(1.8)}}html.phone #shatter .cinfo{gap:5px;min-width:0;min-height:0;margin-bottom:4px}html.phone #shatter .cinfo .names{gap:2px 12px;font-size:12px}html.phone #shatter .cinfo .names em{-webkit-text-stroke:2px #0c1022}html.phone #shatter .cinfo .names small{font-size:11px}html.phone #shatter .cinfo .ftag{padding:1px 9px 1px 4px;font-size:12px}html.phone #shatter .odds{width:min(340px,50vw);height:8px}html.phone #shatter .actions{min-height:0;margin-bottom:calc(var(--sb) + 6px);gap:8px}html.phone #shatter .actions button{padding:5px 14px;font-size:15px;box-shadow:0 3px #0c1022,inset 0 2px #fff6,inset 0 -3px #00000029}html.phone #shatter button.all{padding:6px 18px;font-size:17px}html.phone #shatter .tray{min-height:0;margin-bottom:calc(var(--sb) + 4px);gap:6px}html.phone #shatter .gemb{border-width:2.5px;padding:2px 8px 2px 3px;box-shadow:0 3px #0c1022}html.phone #shatter .gemb .g{width:22px;height:30px}html.phone #shatter .gemb b{font-size:14px}html.touch #shatter .leave .k{display:none}html.touch #shatter .leave .t{display:inline}html.phone #shatter .leave{margin-bottom:calc(var(--sb) + 6px);padding:3px 12px;font-size:13px}html.touch #shatter .rays{width:100vw;height:100dvh;margin:0;animation:none;top:0;left:0}html.touch #shatter .c3.t3:before,html.touch #shatter .c3.t4:before{width:380px;height:380px;margin:-190px 0 0 -190px;animation:none}html.touch #shatter .bg,html.touch .modal{-webkit-backdrop-filter:none;backdrop-filter:none}html.touch #shatter .gemimg{object-fit:contain;width:100%;height:100%}html.lite #shatter .flash{mix-blend-mode:normal}html.phone .sheet.leaders{width:min(600px, calc(100vw - 24px - var(--sl) - var(--sr)));height:calc(100dvh - 16px - var(--st) - var(--sb));padding:10px 16px}html.phone .leaders .tabs{gap:4px;margin:6px 0 2px}html.phone .leaders .tabs button{box-shadow:0 2px 0 var(--ink);padding:3px 2px;font-size:11px}html.phone .leaders .note{min-height:0;margin:2px 0 0;font-size:11px}html.phone .leaders .board{gap:2px;margin-top:3px}html.phone .leaders .board li{border-radius:8px;grid-template-columns:22px 1fr auto;gap:8px;padding:1px 10px;font-size:13px}html.phone .leaders .board li b{width:20px;height:20px;font-size:11px}html.phone .leaders .pager{margin-top:4px}html.phone .leaders .pager button{padding:1px 12px 3px;font-size:16px}html.phone .leaders .you{min-height:0;margin-top:2px;font-size:12px}html.phone .sheet.pause{padding:14px 20px}html.phone .pause .menu{gap:8px;margin-top:10px}html.phone .pause .menu button{padding:6px 14px;font-size:16px}html.phone .pause .soc{margin-top:10px}html.phone .sheet.settings,html.phone .sheet.keys{overscroll-behavior:contain;touch-action:pan-y;max-height:calc(100dvh - 16px);padding:12px 18px}html.phone .settings .slider,html.phone .settings .choice,html.phone .settings .check{margin:4px 0}html.phone .settings .seg button{padding:4px 10px;font-size:13px}html.phone .keys header{margin-bottom:8px}html.touch .sheet.players{height:min(600px,100dvh - 40px)}html.phone .sheet.players{height:calc(100dvh - 16px - var(--st) - var(--sb));padding:10px 16px}html.phone .players h2 small{font-size:14px}html.phone .players header .close{padding:2px 10px;font-size:15px}html.phone .players .find{border-radius:10px;margin:6px 0 0;padding:5px 12px;font-size:14px}html.phone .players h3{min-height:24px;margin:6px 0 4px;font-size:11px}html.phone .players ul{gap:3px}html.phone .players li{border-radius:8px;min-height:32px;padding:2px 5px 2px 6px;font-size:14px}html.phone .players li>b{min-width:24px;height:21px;font-size:11px}html.phone .players button.invite,html.phone .players button.leave{padding:2px 10px;font-size:12px}html.phone .players footer{margin-top:4px;font-size:11px}html.phone .pause .online{margin-top:8px;padding:4px 12px;font-size:14px}html.phone .kgroups{gap:8px}html.phone .kg{padding:7px 10px 5px}html.phone .kr{grid-template-columns:74px 1fr;column-gap:9px;min-height:30px;font-size:13.5px}html.phone .kr .k .tk{font-size:18px}html.phone #tutorial .sheet.tut{width:min(760px, calc(100vw - 20px - var(--sl) - var(--sr)));gap:7px;max-height:calc(100dvh - 12px);padding:10px 14px}html.phone .tut .clip{border-width:2.5px;border-radius:14px;align-self:center;width:auto;height:calc(100dvh - 176px);max-height:none}html.phone .tut .copy{grid-template-columns:40px 1fr;gap:10px;min-height:0}html.phone .tut .num{border-radius:12px;width:40px;height:40px;font-size:22px}html.phone .tut h2{font-size:18px}html.phone .tut .loop .lstep span,html.phone .tut .loop .again{display:none}html.phone .tut .lstep{padding:2px}html.phone .tut .lstep img{width:24px;height:24px}html.phone .tut .nav button{min-width:84px;padding:5px 16px;font-size:16px}html.phone .tut .nomore{font-size:12px}html.phone .tut footer{flex-wrap:nowrap;gap:10px}html.phone #start.modal{padding-left:max(calc(var(--sl) + 16px), 5vw)}html.phone #start .sheet.title{width:350px;padding:10px 18px 14px}html.phone #start .buttons{gap:8px}html.phone #play{white-space:nowrap}html.phone .sheet.title h1.logo{margin:-4px 0 0}html.phone .sheet.title h1.logo img{height:min(150px,34dvh)}html.phone #start .tag{margin:2px 0 8px;font-size:14px}html.phone .namebox{margin:2px 0 10px;font-size:14px}html.phone .namebox input{width:200px;padding:4px 10px;font-size:16px}html.phone #start .ready #play{width:200px}html.phone #start .buttons button{padding:7px 16px;font-size:18px}html.phone #start .buttons button.ghost{padding:7px 12px}html.phone #start .entry{gap:8px}html.phone #start #guest{width:260px;height:38px;font-size:15px}html.phone #loading{gap:12px}html.phone #loading .llogo{height:min(46vh,300px)}html.phone #start .mode{box-shadow:0 2px 0 var(--ink);border-width:2.5px;margin-bottom:4px;padding:2px}html.phone #start .mode:before{border-radius:8px;width:calc(50% - 2px);top:2px;bottom:2px;left:2px;box-shadow:inset 0 -2px #0000004d}html.phone #start .mode button{border-radius:8px;padding:3px 14px 5px;font-size:14px}html.phone #start .modeline{margin:0 auto 8px;font-size:11.5px;line-height:1.3}