#cine{--cx: 50vw;--cy: 56vh;--jc: #ffe07a;--bar: clamp(34px, 12vh, 110px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;overflow:hidden;font-family:var(--font)}body.cine-on #hud,body.cine-on #touch,body.cine-on .toast,body.cine-on .cl-toasts{opacity:0;transition:opacity .3s}#hud,#touch{transition:opacity .4s}.cine-catch{position:absolute;top:0;right:0;bottom:0;left:0;display:none}#cine.cn-catching .cine-catch{display:block;pointer-events:auto;cursor:pointer}.cine-vig{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse 34vmin 40vmin at var(--cx) var(--cy),rgba(6,3,16,0) 0,rgba(6,3,16,0) 55%,rgba(6,3,16,.4) 100%),radial-gradient(circle at var(--cx) var(--cy),transparent 40vmin,rgba(6,3,16,.4) 60vmin,rgba(6,3,16,.78) 100vmin);transition:opacity .6s ease}#cine.cn-dim .cine-vig{opacity:1}#cine.cn-ult .cine-vig{background:radial-gradient(circle at var(--cx) var(--cy),rgba(4,0,10,0) 0,rgba(4,0,10,0) 9vmin,rgba(4,0,10,.6) 32vmin,rgba(4,0,10,.9) 75vmin);transition:none}.cine-flash{--fc: #ffd970;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle at var(--cx) var(--cy),#fff 0,var(--fc) 10vmin,color-mix(in srgb,var(--fc) 30%,transparent) 32vmin,transparent 70vmin)}.cine-bar{position:absolute;left:0;right:0;height:var(--bar);background:#000;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.cine-bar.top{top:0;transform:translateY(-101%);box-shadow:0 1px color-mix(in srgb,var(--jc) 45%,transparent)}.cine-bar.bot{bottom:0;transform:translateY(101%);box-shadow:0 -1px color-mix(in srgb,var(--jc) 45%,transparent)}#cine.cn-bars .cine-bar{transform:none}#cine.cn-out .cine-bar{transition-duration:.35s}.cine-hint{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:50%;transform:translateY(50%);font-size:clamp(11px,1.8vmin,14px);letter-spacing:.15em;color:#ffffff8c}.cine-card{position:absolute;left:50%;top:calc(var(--bar) + 2.5vh);display:flex;align-items:center;gap:clamp(10px,2.4vmin,22px);transform:translate(-50%);opacity:0;white-space:nowrap}#cine.cn-card .cine-card{opacity:1}#cine.cn-out .cine-card{opacity:0;transform:translate(-50%,-12px);transition:opacity .35s,transform .35s}#cine.cn-out.cn-skill .cine-skill{animation:cs-out .3s ease-in both}.cc-emblem{position:relative;width:clamp(54px,13vmin,112px);height:clamp(54px,13vmin,112px);flex:none;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#4a3510,#140b02 70%);box-shadow:0 0 0 3px #ffe7a0,0 0 0 6px #8a5a10,0 0 26px 6px color-mix(in srgb,var(--jc) 70%,transparent)}.cc-emblem img{position:relative;width:70%;height:70%;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,230,150,.8))}.cc-ring{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 10%,rgba(255,236,170,.9) 18%,transparent 28% 50%,rgba(255,236,170,.9) 68%,transparent 78%);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%,#000 70%,transparent 72%);mask:radial-gradient(circle,transparent 62%,#000 64%,#000 70%,transparent 72%)}.cc-glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--jc) 55%,transparent),transparent 65%);opacity:0}#cine.cn-card .cc-emblem{animation:cc-pop .6s cubic-bezier(.2,1.6,.4,1) both}#cine.cn-card .cc-ring{animation:cc-spin 3s linear infinite}#cine.cn-card .cc-glow{animation:cc-glow 1.2s ease-out both}.cc-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.cc-tier{display:flex;align-items:center;gap:.6em;font-size:clamp(12px,2.7vmin,21px);font-weight:900;letter-spacing:.45em;color:#fff1c4;text-shadow:0 0 10px color-mix(in srgb,var(--jc) 80%,transparent),0 2px 0 #3a2000}.cc-tier i{width:clamp(16px,4.5vmin,40px);height:2px;background:linear-gradient(90deg,transparent,#ffe7a0)}.cc-tier i:last-child{background:linear-gradient(90deg,#ffe7a0,transparent)}.cc-name{margin:.08em 0 .06em;font-size:clamp(34px,10vmin,84px);font-weight:900;letter-spacing:.12em;background:linear-gradient(180deg,#fffdf0,#ffe9a0 38%,#ffb52e 70%,#ff8a12);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #4a2000) drop-shadow(0 0 16px color-mix(in srgb,var(--jc) 75%,transparent));transform-origin:30% 60%}.cc-sub{font-size:clamp(11px,2.2vmin,17px);font-weight:700;letter-spacing:.3em;color:#fff5dcd9;text-shadow:0 1px 3px #000}#cine.cn-card .cc-tier{animation:cc-slide .5s .1s cubic-bezier(.2,.8,.2,1) both}#cine.cn-card .cc-name{animation:cc-name .75s .15s cubic-bezier(.2,.8,.2,1) both}#cine.cn-card .cc-sub{animation:cc-slide .5s .45s cubic-bezier(.2,.8,.2,1) both}.cine-skill{position:absolute;left:50%;bottom:calc(var(--bar) + 2.5vh);display:flex;align-items:center;gap:12px;padding:6px 22px 6px 8px;transform:translate(-50%);opacity:0;border-radius:999px;background:linear-gradient(90deg,#140c02d9,#140c028c);box-shadow:0 0 0 1px #ffdc8c8c,0 0 18px color-mix(in srgb,var(--jc) 45%,transparent);white-space:nowrap}.cine-skill img{width:clamp(30px,7vmin,52px);height:clamp(30px,7vmin,52px);border-radius:8px;box-shadow:0 0 0 2px #ffe7a0}.cine-skill span{display:flex;flex-direction:column;line-height:1.15}.cine-skill small{font-size:clamp(10px,1.8vmin,13px);letter-spacing:.25em;color:#ffd56a;font-weight:700}.cine-skill b{font-size:clamp(15px,3.4vmin,26px);font-weight:900;color:#fff;text-shadow:0 0 10px color-mix(in srgb,var(--jc) 80%,transparent)}#cine.cn-skill .cine-skill{opacity:1;animation:cs-in .5s cubic-bezier(.2,1.4,.4,1) both}#cine.cn-skill .cine-skill img{animation:cs-flash .9s ease-out 2}@keyframes cc-pop{0%{transform:scale(.2) rotate(-25deg);opacity:0}to{transform:none;opacity:1}}@keyframes cc-spin{to{transform:rotate(360deg)}}@keyframes cc-glow{0%{opacity:0;transform:scale(.4)}30%{opacity:1}to{opacity:.55;transform:scale(1)}}@keyframes cc-slide{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:none}}@keyframes cc-name{0%{opacity:0;transform:scale(1.6,1.25);filter:blur(10px) drop-shadow(0 3px 0 #4a2000)}55%{opacity:1;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes cs-in{0%{opacity:0;transform:translate(-50%,16px) scale(.9)}to{opacity:1;transform:translate(-50%)}}@keyframes cs-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,12px)}}@keyframes cs-flash{0%{filter:brightness(2.6) saturate(.4)}to{filter:none}}.ult-banner{--c: #ffd970;position:absolute;left:0;right:0;top:24vh;height:clamp(54px,13vh,104px);display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vmin,18px)}.ub-band{position:absolute;left:8%;right:8%;top:0;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.35) 0,transparent 14%,transparent 86%,rgba(255,255,255,.35) 100%),linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--c) 30%,rgba(8,4,16,.9)) 14%,color-mix(in srgb,var(--c) 45%,rgba(8,4,16,.85)) 50%,color-mix(in srgb,var(--c) 30%,rgba(8,4,16,.9)) 86%,transparent 100%);box-shadow:0 0 30px color-mix(in srgb,var(--c) 45%,transparent)}.ub-ico{position:relative;width:clamp(38px,9vh,72px);height:clamp(38px,9vh,72px);border-radius:10px;box-shadow:0 0 0 2px #fff,0 0 16px var(--c)}.ub-text{position:relative;display:flex;flex-direction:column;line-height:1.05;transform:skew(6deg)}.ub-text small{font-size:clamp(10px,2vh,15px);font-weight:900;letter-spacing:.4em;color:color-mix(in srgb,var(--c) 60%,#fff)}.ub-text b{font-size:clamp(26px,7.5vh,58px);font-weight:900;font-style:italic;letter-spacing:.08em;color:#fff;text-shadow:0 0 14px var(--c),0 0 4px var(--c),0 3px 0 rgba(0,0,0,.6)}.ult-banner.lite{top:16vh;height:clamp(40px,9vh,70px)}.ult-banner.lite .ub-band{left:22%;right:22%}.ult-banner.lite .ub-ico{width:clamp(28px,6vh,48px);height:clamp(28px,6vh,48px)}.ult-banner.lite .ub-text b{font-size:clamp(18px,5vh,36px)}@media (prefers-reduced-motion: reduce){#cine.cn-card .cc-ring{animation:none}}#chat{--c-map: #f5f2ea;--c-world: #ffb85c;--c-party: #ff9fd2;--c-guild: #b9a6ff;--c-whisper: #7ff0a8;--c-friend: #8fd8ff}.chat-tabs{display:flex;gap:2px;padding:2px;margin-bottom:2px;border-radius:9px;background:#10101459;opacity:.55;transition:opacity .2s,background .2s}#chat:hover .chat-tabs,#chat:focus-within .chat-tabs{opacity:1;background:#101014b3}.chat-tabs button{position:relative;flex:1;padding:3px 0;border:none;border-radius:7px;background:transparent;color:var(--muted);font:700 11px var(--font)}.chat-tabs button.on{background:linear-gradient(#5d5d69,#484852);color:#fff}.chat-tabs .ct-world.on{color:var(--c-world)}.chat-tabs .ct-party.on{color:var(--c-party)}.chat-tabs .ct-guild.on{color:var(--c-guild)}.chat-tabs .ct-whisper.on{color:var(--c-whisper)}.chat-tabs button.new:after{content:"";position:absolute;top:2px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 4px var(--red)}#chatlog{max-height:130px}#chatlog>div[hidden]{display:none}#chatlog i{font-style:normal;opacity:.9}#chatlog b[data-name]{cursor:pointer}#chatlog b[data-name]:hover{text-decoration:underline}#chatlog .cl-map{color:var(--c-map)}#chatlog .cl-world{color:var(--c-world)}#chatlog .cl-party{color:var(--c-party)}#chatlog .cl-guild{color:var(--c-guild)}#chatlog .cl-whisper{color:var(--c-whisper)}#chatlog .cl-friend{color:var(--c-friend)}#chatlog .cl-sys{color:#ffd27a}.chat-row{display:flex;align-items:stretch}.chat-ch{flex:none;width:58px;font:700 12px var(--font);padding:0 4px;border:2px solid transparent;border-radius:0 0 0 10px;background:#1010148c;color:var(--c-map);outline:none;cursor:pointer}.chat-ch option{background:#2a2a31;color:var(--text)}.chat-row #chatinput{flex:1;min-width:0;border-radius:0 0 10px}.chat-row #chatinput:focus{border-radius:0 10px 10px 0}#chat:focus-within .chat-ch{background:#101014d9;border-radius:10px 0 0 10px}#chat[data-ch=world] .chat-ch,#chat[data-ch=world] #chatinput{color:var(--c-world)}#chat[data-ch=party] .chat-ch,#chat[data-ch=party] #chatinput{color:var(--c-party)}#chat[data-ch=guild] .chat-ch,#chat[data-ch=guild] #chatinput{color:var(--c-guild)}#chat[data-ch=whisper] .chat-ch,#chat[data-ch=whisper] #chatinput{color:var(--c-whisper)}#qiyu-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:radial-gradient(circle at 50% 55%,#fff6c8f2,#ffd23c8c 35%,#ffb42800 75%);animation:qyflash 1.1s ease-out forwards}@keyframes qyflash{0%{opacity:0}12%{opacity:1}to{opacity:0}}#qiyu-banner{position:fixed;left:50%;top:31%;z-index:60;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 34px 12px;border-radius:18px;background:linear-gradient(90deg,#28180000,#281800d1 18%,#281800d1 82%,#28180000);color:#fff6d8;text-align:center;pointer-events:none;text-shadow:0 2px 0 rgba(0,0,0,.6);animation:qybanner 3.8s ease-out forwards;white-space:nowrap}#qiyu-banner small{font-size:13px;font-weight:900;letter-spacing:.3em;color:var(--gold)}#qiyu-banner b{font-size:30px;font-weight:900;letter-spacing:.08em;background:linear-gradient(#fff8d6,#ffd23c 55%,#e89a10);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(60,30,0,.9))}#qiyu-banner span{font-size:13px;color:#ffe9b0}#qiyu-banner.big b{font-size:40px}#qiyu-banner.qy-blessing b{background:linear-gradient(#fff,#ffe27a 45%,#ff9d3c);-webkit-background-clip:text;background-clip:text}@keyframes qybanner{0%{opacity:0;transform:translate(-50%) scale(1.6)}8%{opacity:1;transform:translate(-50%) scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-12px)}}#qiyu-buff{position:fixed;left:50%;top:46px;z-index:6;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:4px 12px 4px 6px;border-radius:14px;background:linear-gradient(90deg,#3c2400d9,#1e1200cc);border:2px solid rgba(255,210,60,.75);box-shadow:0 0 14px #ffc83c73;color:#fff3c8;font-size:12px;pointer-events:none;text-shadow:0 1px 2px #000}#qiyu-buff[hidden],#qiyu-room[hidden]{display:none}#qiyu-buff div{display:flex;flex-direction:column;line-height:1.2}#qiyu-buff b{color:var(--gold);font-size:13px}#qiyu-buff span{font-family:var(--num);font-size:15px;font-weight:700}.qy-buff-ico{width:26px;height:26px}body.qiyu-room-on #qtrack{display:none}#qiyu-room{position:fixed;right:14px;top:58px;width:220px;display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 12px;border-radius:14px;background:linear-gradient(90deg,#28180080,#281800e0);border-right:3px solid var(--gold);color:var(--text);font-size:12px;pointer-events:none;text-shadow:0 1px 2px #000}#qiyu-room b{color:var(--gold);font-size:14px}#qiyu-room span{font-family:var(--num);font-size:18px;font-weight:700}#qiyu-room small{grid-column:1 / -1;color:#ffe9b0}.win-qiyu{width:min(400px,calc(100vw - 24px));left:50%!important;top:50%!important;transform:translate(-50%,-50%);max-height:calc(100vh - 40px);border-color:var(--gold-d);animation:none}.win-qiyu .win-title span{display:flex;align-items:center;gap:6px}.qy-head{display:flex;justify-content:space-between;align-items:center}.qy-off{padding:2px 8px;border-radius:8px;background:linear-gradient(#ffd96a,#e8a31a);color:#3a2200;font-weight:900;font-size:12px}.qy-off.qy-green{background:linear-gradient(#b8ffc8,#4fd07a);color:#08311a}.qy-time{font-family:var(--num);font-weight:700;color:#ffe9b0}.qy-say{margin:6px 0 8px;color:#e8dcc0;font-style:italic;line-height:1.4}.qy-lines{display:flex;flex-direction:column;gap:5px}.qy-line,.qy-task{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;background:#00000038}.qy-line.out{opacity:.5}.qy-line .ico,.qy-task .ico{width:34px;height:34px;flex:none}.qy-line-txt{flex:1;min-width:0;display:flex;flex-direction:column}.qy-line-txt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qy-line-txt small{color:#b9b2a0}.qy-price{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.qy-price s{color:#8f8878;font-size:11px}.qy-price b{color:var(--gold);white-space:nowrap}.qy-foot{display:flex;align-items:center;gap:4px;margin-top:8px;font-weight:700}.qy-foot small{margin-left:auto;color:#b9b2a0;font-weight:400}.qy-task.ok{box-shadow:inset 0 0 0 2px #4fd07a}.qy-bar{height:6px;margin-top:4px;border-radius:3px;background:#00000080;overflow:hidden}.qy-bar i{display:block;height:100%;background:linear-gradient(90deg,#4fd07a,#b8ffc8)}.qy-turnin{width:100%;margin-top:6px}.qy-book{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qy-book-card{display:flex;gap:10px;padding:8px;border-radius:12px;background:linear-gradient(#ffd23c1f,#0003);box-shadow:inset 0 0 0 1px #ffd23c59}.qy-book-card.locked{background:#00000038;box-shadow:none}.qy-book-art{flex:none;width:56px;height:56px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(#ffdc7859,#00000040 70%)}.qy-book-card.locked .qy-book-art{background:#0000004d}.qy-book-art>b{font-size:26px;color:#6c6a74}.qy-book-ico{width:42px;height:42px}.qy-gold-portrait .cl-ico{filter:sepia(1) saturate(2.6) brightness(1.15) hue-rotate(-8deg)}.qy-book-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.qy-book-txt b{display:flex;align-items:center;gap:6px;color:var(--gold)}.qy-book-card.locked .qy-book-txt b{color:#8f8878}.qy-book-txt small{color:#d8d0bc;font-size:11px;line-height:1.35}.qy-book-n{font-weight:700;font-size:12px}.qy-rare{padding:0 6px;border-radius:6px;background:linear-gradient(#ff9d6a,#d84a2f);color:#fff;font-size:10px;font-style:normal}@media (max-width: 640px),(max-height: 540px){#qiyu-banner{top:46%;padding:6px 22px 8px}#qiyu-banner b,#qiyu-banner.big b{font-size:24px}#qiyu-buff{top:64px;padding:2px 10px 2px 4px}#qiyu-buff small{display:none}#qiyu-room{top:64px;right:10px;width:170px;padding:5px 10px}#qiyu-room small{display:none}.win-qiyu .qy-say{margin:3px 0 5px;font-size:12px}.qy-line{padding:3px 6px}.qy-line .ico{width:28px;height:28px}.qy-book{grid-template-columns:1fr}}.win.win-collect{width:min(660px,calc(100vw - 32px))}.win-collect .win-body{display:flex;flex-direction:column;gap:8px}.win-collect .tabs{margin-bottom:0}.win-collect .ico.sm{width:20px;height:20px;flex:none}.cl-chips{display:flex;flex-wrap:wrap;gap:4px}.cl-chips button{padding:4px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:inherit;font:inherit;font-size:12px;cursor:pointer}.cl-chips button small{margin-left:6px;opacity:.7;font-size:10px}.cl-chips button.on{border-color:var(--gold-d, #c9a227);background:#ffc93c24}.cl-chips button.done small{color:var(--green, #7bd88f);opacity:1}.cl-region{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:10px;background:#ffd23f14;border:1px solid rgba(255,210,63,.3)}.cl-region>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.cl-region small{color:var(--muted);font-size:11px}.cl-region.ok{background:#7bd88f1a;border-color:#7bd88f66}.cl-book{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:10px;min-height:0}.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:6px;align-content:start;max-height:52vh;overflow:auto;padding:2px}.cl-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 5px;border-radius:10px;border:2px solid transparent;background:#0003;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.cl-card.sel{border-color:var(--gold-d, #c9a227)}.cl-card.full{background:#ffc93c1a}.cl-card-nm{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}.cl-card.locked .cl-card-nm{color:var(--muted)}.cl-pips{display:flex;gap:3px}.cl-pips i{width:6px;height:6px;border-radius:50%;background:#ffffff26}.cl-pips i.on{background:var(--gold, #ffd23f)}.cl-ico{position:relative;flex:none;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 50% 70%,#ffffff1f,#0003);display:inline-flex;align-items:center;justify-content:center}.cl-ico i{position:absolute;left:0;top:0;transform-origin:0 0;background-repeat:no-repeat}.cl-ico.unknown i{filter:brightness(0) opacity(.55)}.cl-ico b{font-size:20px;color:var(--muted)}.cl-detail{padding:8px 10px;border-radius:12px;background:#0003;max-height:52vh;overflow:auto}.cl-pick{text-align:center;margin-top:40px}.cl-dhead{display:flex;gap:10px;align-items:center}.cl-dhead>div{display:flex;flex-direction:column;gap:2px;min-width:0}.cl-dhead small{color:var(--muted);font-size:11px}.cl-dname{font-size:15px}.cl-boss{color:#ff8a80;font-weight:700}.cl-next{color:var(--gold, #ffd23f)!important}.cl-locked{margin:4px 0;font-size:11px}.cl-stats,.cl-maps{display:flex;flex-wrap:wrap;gap:4px}.cl-stats span,.cl-maps span{padding:2px 8px;border-radius:8px;background:#ffffff0f;font-size:12px}.cl-drops{display:flex;flex-direction:column;gap:3px}.cl-drop{display:flex;align-items:center;gap:6px;font-size:12px}.cl-drop>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-drop small{color:var(--muted);font-family:var(--num, inherit)}.cl-sum{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 10px;border-radius:10px;background:#ffd23f1f;border:1px solid rgba(255,210,63,.4)}.cl-sum small{color:var(--muted)}.cl-list{display:flex;flex-direction:column;gap:6px;max-height:54vh;overflow:auto;padding-right:2px}.cl-ach{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.cl-ach.ok{background:#7bd88f14;border-color:#7bd88f4d}.cl-ach-main{display:flex;justify-content:space-between;align-items:center;gap:8px}.cl-ach-txt{display:flex;flex-direction:column;min-width:0}.cl-ach-txt small{color:var(--muted);font-size:11px}.cl-pts{flex:none;padding:2px 8px;border-radius:10px;background:#ffc93c29;color:var(--gold, #ffd23f);font-size:11px;font-weight:700}.cl-bar{position:relative;height:12px;border-radius:6px;background:#00000059;overflow:hidden}.cl-bar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#f0b429,#ffd23f)}.cl-bar em{position:relative;display:block;text-align:center;font-style:normal;font-size:9px;line-height:12px;text-shadow:0 1px 0 #000}.cl-rws{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:11px}.cl-rw{display:inline-flex;align-items:center;gap:3px}.cl-rw .ico.sm{width:18px;height:18px}.cl-rw-title{color:#d9b8ff;font-weight:700}.cl-when{margin-left:auto;color:var(--muted)}.cl-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff0d;border:2px solid transparent}.cl-title.on{border-color:var(--gold-d, #c9a227);background:#ffc93c14}.cl-title.locked{opacity:.55}.cl-title-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.cl-title-txt small{color:var(--muted);font-size:11px}.cl-badge{align-self:flex-start;padding:1px 8px;border-radius:6px;background:linear-gradient(#5a3d8a,#3c2763);border:1px solid #b98cff;color:#f3e6ff}.cl-using{color:var(--gold, #ffd23f);font-size:12px;font-weight:700;white-space:nowrap}.cl-lock{color:var(--muted);font-size:11px;white-space:nowrap}.cl-toasts{position:fixed;z-index:40;left:50%;top:calc(64px + env(safe-area-inset-top,0px));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.cl-toast{display:flex;align-items:center;gap:8px;max-width:min(420px,calc(100vw - 32px));padding:8px 16px 8px 10px;border-radius:14px;background:linear-gradient(#4a3a14,#2c220b);border:2px solid #e8b931;box-shadow:0 8px 24px #00000080,0 0 18px #ffc93c59;color:#ffe9a8;font-size:13px;font-weight:700;pointer-events:auto;cursor:pointer;animation:cltoastin .25s ease-out;transition:opacity .35s,transform .35s}.cl-toast.out{opacity:0;transform:translateY(-8px)}.cl-toast-ico{width:26px;height:26px;flex:none}@keyframes cltoastin{0%{opacity:0;transform:translateY(-12px) scale(.96)}}@media (max-width: 640px),(max-height: 540px){.cl-grid,.cl-detail,.cl-list{max-height:none}.cl-detail{align-self:start;position:sticky;top:0}.cl-chips button{min-height:36px}.cl-title .btn{min-width:72px}}@media (max-width: 640px){.cl-book{grid-template-columns:1fr}.cl-detail{order:-1;position:static}.cl-pick{margin:4px 0}.cl-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}.chal-panel{display:flex;flex-direction:column;gap:8px}.chal-affixes-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}.chal-affix{padding:6px 8px;border-radius:8px;background:#ffc23c1a;border:1px solid rgba(255,194,60,.35)}.chal-affix b{display:block;color:var(--gold, #ffc23c);font-size:12px}.chal-affix small{color:var(--muted);font-size:11px}.chal-hint{display:flex;gap:6px;align-items:center;margin:0}.chal-boss{padding:6px 8px;border-radius:8px;background:#ffffff0a}.chal-boss.done{border:1px solid rgba(120,220,140,.4)}.chal-boss-head{display:flex;gap:8px;align-items:center;margin-bottom:4px}.chal-boss-head small{display:block;color:var(--muted);font-size:11px}.chal-row{display:grid;grid-template-columns:22px 1fr auto 60px;gap:6px;align-items:center;padding:2px 4px;font-size:12px;border-radius:6px}.chal-row.me{background:#ffc23c24}.chal-row small{color:var(--muted);font-size:10.5px}.chal-row b{text-align:right;font-family:var(--num)}.chal-rank{color:var(--muted);text-align:center}.chal-affixes{display:flex;flex-wrap:wrap;gap:4px}.chal-chip{padding:1px 7px;border-radius:999px;font-size:11px;background:#ffc23c24;border:1px solid rgba(255,194,60,.4);color:var(--gold, #ffc23c)}.win-pets{width:340px}.pet-list{display:flex;flex-direction:column;gap:6px}.pet-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:12px;background:#0000002e;border:2px solid transparent}.pet-row.on{border-color:var(--gold-d);background:#ffc93c14}.pet-row.shop{background:transparent;padding:4px 0}.pet-info{flex:1;min-width:0;display:flex;flex-direction:column}.pet-info small{color:var(--muted);font-size:11px}.pet-nm{display:flex;align-items:center;gap:4px}.pet-nm b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-rename{padding:0 4px;border:none;background:none;color:var(--muted);cursor:pointer}.pet-rename:hover{color:var(--gold)}.pet-name-in{width:120px;padding:2px 6px;border-radius:6px;border:1px solid var(--edge);background:var(--panel-3);color:var(--text);font:inherit}.pet-ico{position:relative;flex:none;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 50% 70%,#ffffff1f,#0003);display:inline-flex;align-items:center;justify-content:center}.pet-ico i{position:absolute;left:0;top:0;transform-origin:0 0;background-repeat:no-repeat}.pet-ico b{font-size:18px;color:var(--gold)}.pet-loot{display:flex;gap:4px}.pet-loot button{flex:1;padding:5px 0;border-radius:8px;border:2px solid var(--edge);background:var(--panel-3);color:var(--text);font:inherit;font-size:12px;cursor:pointer}.pet-loot button.on{background:linear-gradient(#ffd866,#e3a91f);color:#2b2200;font-weight:700}.pet-pot{display:flex;gap:12px}.pet-pot select{margin-left:4px;padding:2px 4px;border-radius:6px;border:1px solid var(--edge);background:var(--panel-3);color:var(--text);font:inherit}.pet-pts{margin-left:auto;color:var(--blue)}.pet-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.pet-tabs button{padding:3px 8px;border-radius:8px;border:2px solid var(--edge);background:var(--panel-3);color:var(--text);font:inherit;font-size:12px;cursor:pointer}.pet-tabs button.on{background:linear-gradient(#ffd866,#e3a91f);color:#2b2200;font-weight:700}.pet-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;max-height:260px;overflow-y:auto}.pet-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;border-radius:10px;border:2px solid transparent;background:#0000002e;color:var(--text);font:inherit;cursor:pointer}.pet-cell:hover:not(:disabled){border-color:var(--gold-d)}.pet-cell:disabled{opacity:.5;cursor:default}.pet-cell small{font-size:10px;color:var(--blue)}.pet-cell.own small{color:var(--muted)}.pet-rare{width:12px;height:12px;margin-right:3px;vertical-align:-2px}.win.win-forge{width:620px;max-height:calc(100vh - 96px)}.fg{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px}.fg-main{display:flex;flex-direction:column;gap:8px;min-width:0}.fg h5{margin:6px 0 4px;font-size:12px;color:var(--muted);font-weight:600}.fg-target{position:relative;display:flex;align-items:center;gap:12px;min-height:92px;padding:12px;border-radius:14px;background:radial-gradient(ellipse at 30% 100%,rgba(255,140,40,.18),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 8px,transparent 8px 16px),#24242b;border:2px dashed rgba(255,201,60,.25)}.fg-target.drop-ok{border-color:var(--gold);box-shadow:0 0 14px #ffc93c73}.fg-target .hint{margin:0}.fg-big{width:68px;height:68px;flex:none}.fg-big .ico{width:100%;height:100%}.fg-name{display:flex;flex-direction:column;min-width:0}.fg-name b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fg-name small{color:var(--muted)}.fg-name .t1{color:#8fc1ff}.fg-name .t2{color:#c99bff}.fg-name .t3{color:#ffc95a}.fg-name .t4{color:#ff7b72}.slot .plus{position:absolute;left:2px;bottom:0;font:700 12px var(--num);color:#ffe9a8;text-shadow:0 0 3px #000,0 1px 0 #000;pointer-events:none}.fg-big .plus{font-size:16px}.tip-plus{color:#ffe9a8}.fg-tabs{margin:0;flex-wrap:wrap}.fg-tabs button{position:relative;flex:1 0 30%;white-space:nowrap;padding:6px 4px;font-size:13px}.fg-panel{display:flex;flex-direction:column;gap:6px}.fg-stats{padding:6px 10px;border-radius:10px;background:#0000002e}.fg-stats h5{margin-top:0}.fg-stat{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:baseline;line-height:1.7}.fg-stat b{font-family:var(--num)}.fg-stat i{font-style:normal;color:var(--muted);font-family:var(--num)}.fg-stat em{font-style:normal;color:var(--green)}.fg-odds{display:flex;gap:8px}.fg-odds>div{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px;border-radius:10px;background:#00000038}.fg-odds small{color:var(--muted)}.fg-odds b{font:700 20px var(--num);color:var(--gold);display:flex;align-items:center;gap:4px}.fg-odds b.lo{color:#ff9f6b}.fg-odds b.poor{color:var(--red)}.fg-mats{display:flex;flex-wrap:wrap;gap:6px}.fg-mats.col{flex-direction:column}.fg-mat,.fg-ward{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border-radius:12px;border:2px solid transparent;background:#0003;color:var(--text);font:inherit;text-align:left;cursor:pointer}.fg-mat.wide{width:100%}.fg-mat.wide>span:not(.slot){display:flex;flex-direction:column;flex:1;min-width:0}.fg-mat.on{border-color:var(--gold-d);background:#ffc93c1a}.fg-mat:disabled{opacity:.45;cursor:default}.fg-mat .slot,.fg-ward .slot{width:40px;height:40px;padding:3px;flex:none}.fg-mat span:last-child,.fg-ward span:last-child{display:flex;flex-direction:column;min-width:0}.fg-mat small,.fg-ward small{color:var(--muted);font-size:11px}.fg-ward input{width:20px;height:20px;accent-color:var(--gold)}.fg-ward.off{opacity:.5;cursor:default}.fg-go{width:100%}.fg-maxed{text-align:center;color:var(--gold);font-weight:700}.fg .hint{margin:0}.fg .hint.warn{color:#ffb36b}.fg-lines{padding:6px 10px;border-radius:10px;background:#0003;border-left:4px solid var(--r-common)}.fg-lines.t1{border-color:var(--r-rare)}.fg-lines.t2{border-color:var(--r-epic)}.fg-lines.t3{border-color:var(--r-unique)}.fg-lines.t4{border-color:var(--red)}.fg-lines h6{margin:0 0 2px;font-size:12px}.fg-lines small{color:var(--muted)}.fg-line{display:flex;justify-content:space-between;gap:8px;line-height:1.6}.fg-line.base span{color:var(--muted)}.fg-line b{font-family:var(--num)}.fg-line.up b{color:var(--green)}.fg-line.down b{color:var(--red)}.fg-cmp{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:start}.fg-cmp .arrow{color:var(--gold);align-self:center}.fg-cmp h5{margin-top:0}.fg-btns{display:flex;gap:8px}.fg-btns .btn{flex:1}.fg-pick{min-width:0;max-height:460px;overflow-y:auto;padding-right:2px}.fg-pick h5:first-child{margin-top:0}.fg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px}.fg-grid .slot{width:100%;height:auto;aspect-ratio:1}.fg-grid .slot.fg-on{box-shadow:inset 0 0 0 3px var(--gold),0 0 10px #ffc93c80}.fg-anim{position:absolute;left:0;right:0;top:36px;height:200px;display:grid;place-items:center;pointer-events:none;z-index:2}.fg-anim[hidden]{display:none}.fg-anim i{position:absolute;width:180px;height:180px;left:calc(25% - 90px);top:0;background-repeat:no-repeat;mix-blend-mode:screen}.fg-anim b{position:relative;left:-20%;font:800 30px var(--num);text-shadow:0 0 6px #000,0 2px 0 #000;animation:fgpop 1.3s ease-out forwards}.fg-anim.ok b{color:var(--gold)}.fg-anim.bad b{color:#d0cbe0}.fg-anim.ward b{color:#9fd8ff}@keyframes fgpop{0%{transform:scale(.4);opacity:0}15%{transform:scale(1.15);opacity:1}30%{transform:scale(1)}80%{opacity:1}to{transform:translateY(-24px);opacity:0}}.fg-menu{position:fixed;z-index:40;display:flex;flex-direction:column;min-width:120px;padding:4px;border-radius:12px;border:2px solid var(--edge);background:var(--panel-2);box-shadow:0 10px 24px #00000080}.fg-menu[hidden]{display:none}.fg-menu button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.fg-menu button:hover{background:var(--panel-3)}.inv-forge{margin-left:auto}@media (max-height: 540px),(max-width: 640px){.fg-pick{max-height:none}.fg-mat,.fg-ward{min-height:48px}.fg-anim{top:50px}}@media (max-width: 560px){.fg{grid-template-columns:1fr}.fg-anim i{left:calc(50% - 90px)}.fg-anim b{left:0}}.fg-dust{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-weight:700;color:var(--gold)}.fg-locks{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 2px}.fg-lock{padding:3px 9px 4px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--text);font:inherit;font-size:12px;cursor:pointer}.fg-lock.on{border-color:var(--gold);color:var(--gold);background:#ffd25a1f}.fg-aw-pool{display:flex;flex-direction:column;gap:4px;margin:4px 0 8px}.fg-aw{padding:6px 9px;border-radius:10px;background:#ffffff0a}.fg-aw.on{background:#ffd25a1f;border:1px solid var(--gold)}.fg-aw b{display:block;color:var(--gold)}.fg-aw small{color:var(--muted);white-space:normal}.fg-mat.wide .btn.small{margin-left:auto;padding:3px 10px 4px}.fg-mat.poor small{color:var(--muted)}.tip-sec.awaken h5{color:var(--gold)}.tip-sec.awaken .tip-stat span{white-space:normal;color:var(--muted)}.tip-stat.bossline small,.fg-line.bossline small{display:block;font-size:10px;font-weight:500;color:var(--muted)}.fg-intro{padding:6px 10px;border-radius:10px;background:#ffc93c12;border:1px solid rgba(255,201,60,.18)}.fg-intro p{margin:0;font-size:12.5px;line-height:1.45}.fg-intro small{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:3px;font-size:11px;color:var(--muted)}.fg-intro small .chg{color:var(--gold)}.fg-stat i em{font-weight:700}.fg-stat.head{line-height:1.3}.fg-stat.head small{font-size:10.5px;color:var(--muted);text-align:right}.fg-stat b,.fg-stat i{text-align:right}.fg-sub{margin:3px 0 0;font-size:10.5px;color:var(--muted);letter-spacing:.02em}.fg .hint.fg-kept{font-size:11px;color:var(--muted)}.tip-stat .tip-ref{align-self:center;font-size:10.5px;font-weight:400;color:var(--muted);opacity:.85;font-family:var(--num);white-space:nowrap}@media (max-height: 540px),(max-width: 640px){.fg-intro{padding:5px 8px}.fg-intro p{font-size:12px}}.slot .lockmark{position:absolute;right:1px;bottom:1px;width:17px;height:17px;filter:drop-shadow(0 0 2px #000);pointer-events:none}.tip-locked{display:flex;align-items:center;gap:4px;color:#ffd27a}.sv-toggle{display:inline-flex;align-items:center;gap:4px}.sv-wrap{display:flex;flex-direction:column}.sv-side{display:contents}.sv-wrap .sv-filters{order:0}.sv-wrap .sv-grid{order:1}.sv-wrap .sv-bar{order:2}.sv-filters{margin:0 0 8px;padding:8px 10px;border-radius:12px;background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line)}.sv-hint{margin:0 0 6px}.sv-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sv-sel{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);flex:1 1 0;min-width:0;white-space:nowrap}.sv-sel select{flex:1;min-width:0;min-height:34px;padding:4px 8px;border-radius:9px;border:2px solid var(--edge);background:var(--panel-3);color:var(--text);font:inherit;font-size:13px}.sv-chk{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:13px;cursor:pointer}.sv-chk input{width:20px;height:20px;flex:none;accent-color:var(--gold)}.sv-btns .btn{flex:1;min-height:36px}.sv-btns .sv-exit-m{display:none}.sv-grid .slot.item.sv-on{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 10px #ffc93c8c,inset 0 0 0 2px color-mix(in srgb,var(--rc) 70%,transparent)}.sv-grid .slot.item.sv-on img{filter:brightness(.75)}.sv-grid .slot.item.sv-locked{opacity:.45}.slot .sv-check{position:absolute;right:-5px;top:-5px;width:22px;height:22px;padding:2px;border-radius:50%;background:#1d1d23;box-shadow:0 0 0 2px var(--gold);pointer-events:none}.sv-bar{position:sticky;bottom:-14px;z-index:2;margin:8px -14px -14px;padding:8px 14px 12px;background:var(--panel);border-top:2px solid var(--edge);box-shadow:0 -6px 12px #00000059}.sv-note{margin:0 0 6px}.sv-warn{margin-bottom:8px;padding:6px 10px;border-radius:10px;background:#f0544f24;box-shadow:inset 0 0 0 1px #f0544f73;font-size:12px}.sv-warn b{display:block;color:#ff9a8a}.sv-warn span{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:2px}.sv-warn i{font-style:normal;color:#ffd0c8}.sv-sum{display:flex;align-items:center;gap:10px}.sv-count{display:flex;flex-direction:column;min-width:0;flex:1}.sv-count b{font-size:14px}.sv-count small,.sv-get small{color:var(--muted);font-size:11px}.sv-get{display:flex;flex-direction:column;align-items:flex-end}.sv-get b{display:flex;align-items:center;gap:2px;font:700 16px var(--num);color:var(--gold)}.sv-go{flex:none;min-width:112px;min-height:44px}@media (max-height: 540px),(max-width: 640px){.sv-sel select{min-height:44px;font-size:15px}.sv-btns .btn{min-height:44px}.sv-chk{min-height:40px}.sv-chk input{width:24px;height:24px}}@media (max-height: 540px) and (min-width: 600px){.sv-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 12px;align-items:start}.win-inv .sv-wrap .sv-grid{grid-column:1;grid-row:1;grid-template-columns:repeat(6,52px)}.sv-side{display:block;grid-column:2;grid-row:1;position:sticky;top:0}.sv-wrap .sv-filters{margin:0}.sv-wrap .sv-bar{position:static;margin:8px 0 0;padding:8px 10px;border:0;border-radius:12px;background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--line)}.sv-wrap .sv-hint{display:none}.sv-wrap .sv-chk{margin:2px 0;min-height:32px}.sv-wrap .sv-sel select,.sv-wrap .sv-btns .btn{min-height:38px;font-size:14px}.sv-wrap .sv-filters{padding:6px 8px}.sv-wrap .sv-sum .sv-count small{display:none}.sv-wrap .sv-go{min-height:42px}.inv-tools.sv-tools{display:none}.sv-btns .sv-exit-m{display:block}}.fg-batch{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;margin-top:8px}.slot.item.r-rare:before,.slot.item.r-epic:before,.slot.item.r-unique:before,.slot.item.r-legend:before{content:"";position:absolute;right:-2px;top:-2px;width:15px;height:15px;border-radius:0 11px 0 9px;background:linear-gradient(135deg,transparent 0 40%,var(--rc) 41%);pointer-events:none}.slot.item.r-common{--rc: #8a8996}.rn-common{color:#dedbe8}.rn-rare{color:#6aa8ff}.rn-epic{color:#c48fff}.rn-unique{color:#ffc54d}.rn-legend{color:#ff6a5a}.rn-cosm{color:#f08fbf}.inv-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;font-size:11px;color:var(--muted)}.inv-legend span{margin-right:2px}.inv-legend i{--rc: #8a8996;font-style:normal;font-weight:700;padding:1px 7px;border-radius:7px;border:2px solid var(--rc);color:color-mix(in srgb,var(--rc) 75%,#fff);background:color-mix(in srgb,var(--rc) 16%,transparent)}.inv-legend i.r-rare{--rc: var(--r-rare)}.inv-legend i.r-epic{--rc: var(--r-epic)}.inv-legend i.r-unique{--rc: var(--r-unique)}.inv-legend i.r-legend{--rc: #ff4a4a}.inv-tabs button small{margin-left:4px}.inv-tools{display:flex;align-items:center;gap:8px;margin:8px 0}.inv-sort{display:flex;align-items:center;gap:6px;margin-right:auto;font-size:12px;color:var(--muted)}.inv-sort select{padding:4px 8px;border-radius:9px;border:2px solid var(--edge);background:var(--panel-3);color:var(--text);font:inherit;font-size:12px}.inv-grid .slot.empty{box-shadow:inset 0 2px 4px #00000059,inset 0 0 0 1px #ffffff08}.inv-hint{margin:6px 0 0}.inv-menu button.danger{color:#ff8a7a}.inv-menu button.danger:hover{background:#ff504629}.inv-dlg-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:16px;background:#00000080}.inv-dlg{width:min(380px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:14px 16px;border-radius:18px;border:2px solid var(--edge);background:linear-gradient(var(--panel-2),var(--panel) 120px);box-shadow:inset 0 2px #ffffff12,0 16px 40px #0009;font-size:13px;animation:dlgIn .14s ease-out}@keyframes dlgIn{0%{transform:scale(.95);opacity:0}}.inv-dlg.strong{box-shadow:0 0 0 3px #ff503c8c,0 0 30px #ff3c2859,0 16px 40px #0009}.inv-dlg-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:16px;font-weight:900}.inv-dlg-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;background:#00000038}.inv-dlg-item .slot{flex:none;width:60px;height:60px}.inv-dlg-item b{display:block;font-size:15px;font-weight:900}.inv-dlg-item small{color:var(--muted)}.inv-dlg-qty{display:flex;align-items:center;gap:6px;margin-top:10px}.inv-dlg-qty span{margin-right:auto;color:var(--muted)}.inv-dlg-qty input{width:72px;padding:5px 8px;border-radius:9px;border:2px solid var(--edge);background:var(--panel-3);color:var(--text);font:700 14px var(--num);text-align:center}.inv-dlg-warn{margin:10px 0 0;color:#d6d2e0;line-height:1.5}.inv-dlg-strong{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:#ff504624;box-shadow:inset 0 0 0 1px #ff5a4673;color:#ff8a7a;font-weight:800;line-height:1.5}.inv-dlg-sure{display:flex;align-items:center;gap:8px;margin-top:8px;cursor:pointer}.inv-dlg-sure input{width:18px;height:18px}.inv-dlg-note{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.inv-dlg-note.dm{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffc93c14}.inv-dlg-note.dm button{flex:none}.inv-dlg-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.inv-dlg-btns .btn.armed{animation:dlgArm .5s infinite alternate}@keyframes dlgArm{to{box-shadow:0 0 0 3px #ff5a4699,0 0 16px #ff3c2899}}.win.win-equip{width:690px}.cp-wrap{display:grid;grid-template-columns:424px minmax(0,1fr);gap:12px;align-items:start}.cp-doll .charpanel{grid-template-columns:116px minmax(0,1fr) 116px;gap:6px}.cp-doll .cp-col{align-items:stretch;gap:8px}.cp-doll .eslot{flex-direction:row;align-items:center;gap:6px;min-width:0}.cp-doll .eslot.es-r{flex-direction:row-reverse;text-align:right}.cp-doll .eslot .slot{flex:none}.cp-doll .cp-acc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 0 0}.cp-doll .eslot.es-b{flex-direction:column;gap:3px;text-align:center}.es-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}.es-txt small{font-size:10px;color:var(--muted);letter-spacing:.04em}.es-txt b{overflow:hidden;font-size:11px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.es-txt b.none{color:#5e5c69;font-weight:600}.eslot.off .es-txt small{color:#c9c5d6}.es-ghost .ico{filter:grayscale(1) brightness(1.6);opacity:.16}.es-ghost{border-style:dashed}.cp-side .section:first-child{margin-top:0}.cp-sec h5{margin:0 0 4px;font-size:12px;color:var(--gold)}.cp-sec .kv{padding:2px 0}.cp-sec .kv.main span{color:var(--gold);font-weight:800}.cp-sec .kv.sub span{color:#e8d9a6}.cp-sec .kv b i{margin-left:4px;font-style:normal;font-size:10px;color:#9effc1}.cp-setrow{padding:5px 0;border-top:1px solid var(--line)}.cp-setrow:first-of-type{border-top:0}.cp-setrow>div:first-child{display:flex;justify-content:space-between;gap:6px}.cp-setrow em{font-style:normal;font-family:var(--num);color:var(--muted)}.cp-setrow.on>div:first-child b,.cp-setrow.on em{color:#9effc1}.cp-side .hint{margin:8px 0 0}.tip-sec.cmp h5 i{font-style:normal;font-size:11px}.cmp-row{display:flex;justify-content:space-between;gap:8px;font-size:12px}.cmp-row span{color:#d6d2e0}.cmp-row.up b{color:#7dff9a}.cmp-row.down b{color:#ff7a6a}@media (max-height: 540px),(max-width: 640px){.win-inv .inv-grid{grid-template-columns:repeat(auto-fill,52px)}.inv-sort select{min-height:40px;font-size:14px}.inv-dlg-btns .btn{min-height:44px;min-width:96px}}@media (max-height: 540px) and (min-width: 600px){.cp-wrap{grid-template-columns:minmax(0,404px) minmax(0,1fr)}.cp-doll .charpanel{grid-template-columns:108px minmax(0,1fr) 108px}.cp-doll .charpanel .eslot .slot,.cp-doll .cp-acc .eslot .slot{width:44px;height:44px}.cp-doll .cp-col{gap:4px}.cp-doll .cp-mid{height:196px;overflow:hidden}.cp-doll .cp-stage{transform:scale(.8);transform-origin:50% 100%}.cp-doll .cp-acc{padding-top:4px}.cp-doll .eslot.es-b{flex-direction:row;text-align:left}}@media (max-width: 599px){.cp-wrap{grid-template-columns:minmax(0,1fr)}}.gemb{position:relative;display:inline-block;flex:none;width:var(--s);height:var(--s);vertical-align:middle;isolation:isolate}.gemb-art{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c);-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat}.gemb-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--i) center / contain no-repeat;mix-blend-mode:multiply}.no-emblem-art .gemb{display:none}.gemb-ed{display:flex;gap:10px;align-items:flex-start}.gemb-prev{flex:none;display:grid;place-items:center;width:88px;height:88px;border-radius:12px;border:2px solid var(--edge);background:radial-gradient(circle at 50% 35%,#3d3550,#1c1826)}.gemb-opts{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.gemb-grid{display:flex;flex-wrap:wrap;gap:3px}.gemb-opt{display:grid;place-items:center;width:33px;height:33px;padding:0;border:2px solid transparent;border-radius:8px;background:#241f30;cursor:pointer}.gemb-opt:hover{border-color:var(--edge)}.gemb-opt.on{border-color:var(--gold);background:#352c48}.gemb-pal{gap:3px}.swatch.gemb-sw{width:20px;min-width:20px;height:20px;padding:0;border-radius:6px}.win.win-social{width:360px}.win.win-gnpc,.win.win-social:has(.g-emblem){width:440px}.win-social .tabs button small{margin-left:4px}.soc-add{display:flex;gap:6px;margin-bottom:8px}.soc-add input{flex:1;min-width:0;font:inherit;padding:6px 10px;border:2px solid var(--edge);border-radius:9px;background:#0000004d;color:var(--text);outline:none}.soc-add input:focus{border-color:var(--gold)}.soc-h{margin-bottom:6px;font-weight:900;color:var(--gold)}.soc-h small{margin-left:6px;color:var(--muted);font-weight:600}.soc-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.soc-row{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:10px;background:#ffffff0a}.soc-row:has(.soc-acts){flex-wrap:wrap}.soc-row:has(.soc-acts) .soc-name{min-width:120px}.soc-acts{display:flex;gap:4px;margin-left:auto}.soc-acts .btn.small{padding:3px 8px 4px}.soc-row+.soc-row{margin-top:2px}.soc-row.off{opacity:.55}.soc-row .dot{flex:none;width:8px;height:8px;border-radius:50%;background:#6a6a74}.soc-row.on .dot{background:var(--green);box-shadow:0 0 6px var(--green)}.soc-name{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soc-name small{display:block;font-weight:500;font-size:11px;color:var(--muted)}.soc-name b{color:var(--gold);font:600 12px var(--num)}.soc-empty{padding:18px 8px;text-align:center;color:var(--muted);line-height:1.7}.soc-empty b{color:var(--gold)}.rank{flex:none;font-style:normal;font-size:11px;font-weight:900;padding:1px 6px;border-radius:6px;background:#4a4a55}.rank.r0{background:linear-gradient(#ffd75e,#f0a92a);color:#3b2400}.rank.r1{background:linear-gradient(#b9a6ff,#8a6ae8)}.win-social .tabs .gemb{margin:-4px 4px -3px 0}.g-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.g-title{flex:1;min-width:0}.g-emblem{margin-bottom:8px}.g-emblem .g-foot{margin-top:6px}.g-title b{display:block;font-size:17px;color:#e8dcff}.g-title small{color:var(--muted)}.g-gp{position:relative;height:18px;border-radius:9px;overflow:hidden;background:#0006;border:2px solid var(--edge)}.g-gp-fill{height:100%;background:linear-gradient(#b9a6ff,#7a58e0)}.g-gp span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:600 11px var(--num);text-shadow:0 1px 2px #000}.g-notice{color:var(--text);line-height:1.5;word-break:break-all}.g-foot{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.gskill small{white-space:normal}.gquest{flex-wrap:wrap}.gquest .soc-name{flex:1 1 160px;white-space:normal}.gquest .soc-name small{font:600 11px var(--num)}.gquest.done .soc-name{color:var(--muted)}.gquest.done .soc-name small{color:var(--green)}.gq-bar{flex:0 0 72px;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.gq-bar b{display:block;height:100%;border-radius:3px;background:var(--gold);transition:width .3s}.gquest.done .gq-bar b{background:var(--green)}.gq-all{margin-top:6px;padding:6px 8px;border-radius:10px;background:#ffffff0a;color:var(--gold);text-align:center}.gcreate{display:flex;flex-direction:column;gap:6px}.gcreate .soc-add{margin:0}.g-preview{display:flex;align-items:center;gap:10px;padding:6px 0}.gp-name{font-size:16px;font-weight:900;color:#e8dcff}.win-gnpc .npc-text p{margin:0 0 6px}#sinvites{position:fixed;z-index:30;top:74px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px}.sinvite{display:flex;align-items:center;gap:12px;padding:10px 14px;animation:winin .16s ease-out}.sinvite.guild{border-color:#6a54b8}.si-text b{color:var(--gold)}.si-btns{display:flex;gap:6px}.gbank .soc-h .btn.small{margin-left:auto}.gbank .hint{margin:2px 0 6px;color:var(--muted);font-size:11px}.gbank-meso input,.gbank-qty{width:92px;padding:3px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#00000040;color:var(--text);font:inherit;font-size:12px}.gbank-qty{width:56px;margin-left:6px}.gbank .slot.item.mini{flex:none;width:30px;height:30px}.gbank .soc-name b{margin-left:6px;color:var(--gold);font:600 12px var(--num)}.gbank-grid{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 6px}.gbank-grid .slot.item.mini{position:relative;cursor:pointer}.gbank-grid .slot.item.mini .plus{position:absolute;right:1px;bottom:0;font:700 9px var(--num);color:var(--gold);text-shadow:0 1px 2px #000}.gbank-log{font-size:11px;color:var(--muted);padding:2px 0}#party{width:196px;padding:6px 8px 8px;border-radius:12px;background:linear-gradient(90deg,#14141ad9,#14141a80);border-left:4px solid var(--green);pointer-events:auto;display:flex;flex-direction:column;gap:5px}#party .pt-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);letter-spacing:1px}#party .pt-btns{display:flex;gap:4px}#party .pt-btns button,#party .pm-ctl button{padding:1px 6px;font-size:11px;border-radius:6px;border:1px solid var(--edge);background:var(--panel-3);cursor:pointer}#party .pt-btns button:hover,#party .pm-ctl button:hover{background:var(--red-d)}#party .pm-top{display:flex;align-items:baseline;gap:5px;font-size:12px;white-space:nowrap}#party .pm-top b{font-weight:700;overflow:hidden;text-overflow:ellipsis;max-width:80px}#party .pm-top small{color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis}#party .pm.me .pm-top b{color:var(--gold)}#party .pm-crown{font-style:normal;color:var(--gold);font-size:12px}#party .pm-ctl{margin-left:auto;display:none;gap:3px}#party .pm:hover .pm-ctl{display:flex}#party .pm-hp{height:7px;margin-top:2px;border-radius:4px;background:#0000008c;border:1px solid var(--edge);overflow:hidden}#party .pm-hp div{height:100%;background:linear-gradient(180deg,#ff7b86,var(--hp));transition:width .25s}#party .pm-map{display:block;font-size:10px;color:var(--muted)}#party .pm.away{opacity:.6}#party .pm.dead .pm-hp div{background:#555}#party .pm.dead .pm-top b{text-decoration:line-through}#pmenu{position:fixed;z-index:60;min-width:120px;padding:4px;border-radius:10px;background:var(--panel);border:2px solid var(--edge);box-shadow:0 6px 18px #00000080;display:flex;flex-direction:column}#pmenu .pmenu-name{padding:3px 8px 5px;font-size:12px;color:var(--gold);font-weight:700;border-bottom:1px solid var(--line);margin-bottom:3px}#pmenu button{text-align:left;padding:5px 8px;border:0;border-radius:6px;background:none;font-size:13px;cursor:pointer}#pmenu button:hover:not(:disabled){background:var(--panel-3)}#pmenu button:disabled{color:var(--muted);cursor:default}#pinvite{position:fixed;z-index:55;right:16px;top:64px;width:230px;padding:10px 12px}#pinvite .pi-title{font-weight:900;color:var(--green);font-size:14px}#pinvite p{margin:6px 0 8px;font-size:13px}#pinvite .pi-btns{display:flex;gap:6px}#pinvite .pi-btns .btn{flex:1}#pinvite .pi-timer{height:3px;margin-top:8px;border-radius:2px;background:var(--green);transform-origin:left;animation:pi-timer linear forwards}@keyframes pi-timer{to{transform:scaleX(0)}}#chatlog .party{color:#8ff0a4}#bphase{position:fixed;left:50%;top:124px;transform:translate(-50%);z-index:40;pointer-events:none;padding:8px 26px;border-radius:12px;background:linear-gradient(90deg,#5a0a0a00,#5a0a0ad9,#5a0a0a00);color:#ffe0c0;font-weight:900;font-size:18px;text-shadow:0 2px 0 rgba(0,0,0,.6);white-space:nowrap;animation:bphase-in 3.2s ease-out forwards}#bphase small{display:block;text-align:center;font-size:11px;letter-spacing:3px;color:#ff9a7a}#bphase.enrage{color:#fff;background:linear-gradient(90deg,#a0000000,#a00000eb,#a0000000)}@keyframes bphase-in{0%{opacity:0;transform:translate(-50%) scale(1.4)}10%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0}}#bossbar.enraged .bb-fill{background:linear-gradient(180deg,#ff5a3a,#b31010);animation:bb-enrage .6s ease-in-out infinite alternate}@keyframes bb-enrage{to{filter:brightness(1.5)}}#bossbar .bb-phase{margin-left:8px;font-style:normal;font-size:11px;color:#ffb08a}#pmenu .pmenu-report{color:#ff8a8a}#pmenu .pmenu-reason{width:220px;margin:4px 0;padding:6px 8px;border:1px solid var(--line, #444);border-radius:6px;background:#00000059;color:inherit;font:inherit;font-size:13px;resize:none}.q-tag{display:inline-block;margin-right:6px;padding:0 6px;border-radius:6px;background:#4b4b57;color:#d9d6e3;font:700 10px/16px var(--font);font-style:normal;vertical-align:1px}.q-tag.main{background:linear-gradient(#ffd75e,#f0a92a);color:#3b2400}.q-mk{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:50%;background:var(--gold);color:#3b2400;font:900 13px var(--num);flex:none}.q-mk.ready{background:var(--green);color:#13300a}.q-mk.grey{background:#6a6a76;color:#e8e6ee}.q-mk.ok{background:#3c8a26;color:#fff}.q-mk .q-mk-ico{width:14px;height:14px}.q-goal .todo{opacity:.6}.q-opts{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:8px;margin-bottom:2px;border-bottom:1px dashed var(--line)}.q-opt{display:inline-flex;align-items:center}.q-opt small{opacity:.8}.win.win-qdlg{z-index:12}.q-detail{margin-top:10px;display:grid;gap:8px}.q-goals{padding:8px 10px;border-radius:12px;background:#0003;box-shadow:inset 0 2px 4px #00000040}.q-goal{display:flex;align-items:center;gap:8px;padding:2px 0}.q-goal i{width:16px;font-style:normal;text-align:center;color:var(--muted)}.q-goal span{flex:1}.q-goal b{font:600 13px var(--num)}.q-goal.ok{color:#9fe88a}.q-goal.ok i{color:var(--green)}.q-goal.to{margin-top:2px;padding-top:5px;border-top:1px solid var(--line);color:#ffe2a0}.q-reward h5{margin:0 0 5px;font-size:12px;color:var(--gold)}.q-items{display:flex;flex-wrap:wrap;gap:6px}.q-items>span{display:inline-flex;align-items:center;gap:4px;padding:3px 9px 3px 4px;border-radius:10px;background:#00000040;border:1px solid var(--line);font-size:12px}.q-items>span.hint{background:none;border:none}.q-items .mini{width:20px;height:20px}.q-exp{color:#d9b8ff}.q-meso{color:var(--gold)}.win.win-quests{width:min(580px,calc(100vw - 32px))}.q-log{display:grid;grid-template-columns:210px 1fr;gap:10px;min-height:300px}.q-list{display:flex;flex-direction:column;gap:3px;max-height:calc(100vh - 260px);overflow-y:auto;scrollbar-width:thin}.q-row{display:flex;align-items:center;padding:6px 8px;border:1px solid transparent;border-radius:10px;background:#0000002e;color:var(--text);text-align:left;font-size:12px}.q-row span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.q-row small{margin-left:4px;font:600 10px var(--num);color:var(--muted)}.q-row:hover{background:#ffffff0f}.q-row.on{border-color:#ffc93c99;background:#ffc93c1a}.q-info{display:flex;flex-direction:column;gap:8px;min-width:0}.q-head{display:flex;align-items:baseline;gap:8px}.q-head b{font-size:16px;font-weight:900}.q-head small{color:var(--muted)}.q-sum{margin:0;line-height:1.6;color:#e6e1d4}.q-foot{display:flex;justify-content:flex-end}.q-empty{padding:20px 4px;text-align:center}@media (max-width: 640px){.q-log{grid-template-columns:1fr}}#qtrack{position:fixed;right:14px;top:58px;width:236px;display:flex;flex-direction:column;gap:4px;padding:7px 8px 8px;border-radius:14px;background:linear-gradient(90deg,#14141a59,#14141ac7);border-right:3px solid var(--gold);font-size:12px;cursor:pointer;transition:opacity .3s}#hud:has(#keys:not(.closed)) #qtrack{opacity:0;pointer-events:none}.t-head{display:flex;align-items:center;gap:5px;font-weight:900;color:var(--gold)}.t-head .mini{width:18px;height:18px}.t-head span{flex:1}html.touch-ui .t-head kbd{display:none}.t-q{padding:4px 6px;border-radius:9px;background:#00000038}.t-q:hover{background:#ffffff12}.t-q.ready{box-shadow:inset 0 0 0 1px #79d25099}.t-q.next{box-shadow:inset 0 0 0 1px #ffc93c73}.t-name{font-weight:700;text-shadow:0 1px 0 #000}.t-goal{display:flex;justify-content:space-between;gap:6px;color:#cfcbd9;text-shadow:0 1px 0 #000}.t-goal b{font:600 12px var(--num)}.t-goal.ok{color:#9fe88a}.t-more{color:var(--muted);text-align:center}#qhints{position:fixed;left:50%;top:64px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:9}.q-hint{display:flex;align-items:center;gap:8px;max-width:min(560px,calc(100vw - 40px));padding:8px 16px 8px 10px;border-radius:14px;background:#18181eeb;border:2px solid var(--edge);box-shadow:inset 0 0 0 1px #ffc93c8c,0 8px 20px #0006;font-size:14px;font-weight:700;animation:qin .3s ease-out;transition:opacity .6s,transform .6s}.q-hint i{font-style:normal;font-size:18px}.q-prog{padding:3px 14px;border-radius:12px;background:#101014b8;color:#ffe9a8;font-size:13px;font-weight:700;text-shadow:0 1px 0 #000;animation:qin .2s ease-out;transition:opacity .5s}.q-prog.ok{color:#9fe88a}.q-hint.out,.q-prog.out{opacity:0;transform:translateY(-8px)}@keyframes qin{0%{opacity:0;transform:translateY(10px)}}.q-banner{position:fixed;left:50%;top:31%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:45;animation:qbanner 3.2s forwards}.q-banner small{font:700 14px var(--num);letter-spacing:6px;color:#ffe08a;text-shadow:0 2px 0 #7a4a00}.q-banner b{font-size:24px;font-weight:900;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.6),0 0 18px rgba(255,190,60,.6)}@keyframes qbanner{0%{opacity:0;transform:translate(-50%,14px) scale(.9)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.d-panel{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto;padding:4px 2px}.d-feat{margin:0;padding:6px 10px;border-radius:8px;background:#ffd23f24;border:1px solid rgba(255,210,63,.45);font-size:13px}.d-head{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px}.d-head small{opacity:.7;font-size:11px}.d-list{display:flex;flex-direction:column;gap:6px}.d-task{padding:8px 10px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.d-task.ready{border-color:#ffd23f99;background:#ffd23f14}.d-task.ok{opacity:.6}.d-main{display:flex;justify-content:space-between;align-items:center;gap:8px}.d-title{font-weight:600}.d-count,.d-done{font-size:12px;opacity:.85;white-space:nowrap}.d-done{color:#8ff06a}.d-bar{height:5px;margin:6px 0 4px;border-radius:3px;background:#ffffff1a;overflow:hidden}.d-bar i{display:block;height:100%;background:linear-gradient(90deg,#6fc2ff,#8ff06a);transition:width .3s}.d-rewards{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px}.d-rewards small{opacity:.6}.d-rw{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:6px;background:#ffffff14}.d-rw .ico.sm{width:16px;height:16px}.d-bonus{padding:6px 10px;border-radius:8px;border:1px dashed rgba(255,210,63,.5);font-size:12px}.d-bonus.ok{opacity:.6}.d-bonus b{margin-right:6px}.d-note{display:flex;align-items:flex-start;gap:6px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.d-note .mini{width:16px;height:16px;flex:none}.d-done .mini{width:16px;height:16px;vertical-align:-3px;margin-right:3px}.q-tag.daily{background:linear-gradient(#8fd66a,#5ea83c);color:#13300a}.t-q.t-daily.ready{opacity:.75}html.touch-ui #qtrack .t-daily .t-goal,body.pq-on #qtrack{display:none}#pqhud{position:fixed;right:14px;top:58px;width:248px;display:flex;flex-direction:column;gap:5px;padding:8px 10px 9px;border-radius:14px;background:linear-gradient(90deg,#14141a73,#14141ad9);border-right:3px solid #7dffa0;font-size:12px;color:var(--text);pointer-events:none;text-shadow:0 1px 2px #000}#pqhud[hidden]{display:none}#pqhud.pq-fail{border-right-color:var(--red)}#pqhud.pq-done{border-right-color:var(--gold)}.pq-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pq-head b{font-size:14px;color:#b8ffc8;letter-spacing:.04em}.pq-time{font-family:var(--num);font-size:16px;font-weight:700}.pq-time.low{color:var(--red)}.pq-stage{display:flex;align-items:baseline;gap:6px;font-weight:700;font-size:13px}.pq-stage small{padding:1px 6px;border-radius:6px;background:#7dffa02e;color:#b8ffc8;font-size:10px;font-weight:700}.pq-obj{color:var(--text)}#pqhud .pq-track{height:6px;border-radius:3px;background:#0000008c;overflow:hidden}#pqhud .pq-track i{display:block;height:100%;background:linear-gradient(90deg,#4fd07a,#b8ffc8);transition:width .25s}#pqhud .pq-track.hold i{background:linear-gradient(90deg,var(--gold-d),var(--gold))}.pq-hp{display:flex;align-items:center;gap:6px}.pq-hp span{flex:none;font-size:11px;color:var(--muted)}.pq-hp .pq-track{flex:1}#pqhud .pq-hp .pq-track i{background:linear-gradient(90deg,var(--red-d),var(--hp))}.pq-plates{display:flex;gap:6px}.pq-plates i{width:26px;height:8px;border-radius:4px;background:#3a4a66;border:1px solid #9ab8e0}.pq-plates i.on{background:var(--gold);border-color:#fff0a0;box-shadow:0 0 6px var(--gold)}.pq-note{color:#b8ffc8;font-weight:700}.pq-warn{padding:3px 6px;border-radius:6px;background:#f0544f4d;color:#ffd0cc;font-weight:700;animation:pq-blink 1s infinite}.pq-members{font-size:11px;color:var(--muted)}@keyframes pq-blink{50%{opacity:.55}}#pqbanner{position:fixed;left:50%;top:33%;z-index:40;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;min-width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:12px 28px 14px;border-radius:16px;background:linear-gradient(180deg,#14281ceb,#0c1410eb);border:2px solid #7dffa0;box-shadow:0 0 28px #7dffa059;color:var(--text);text-align:center;pointer-events:none;animation:pq-pop 3.6s ease-out forwards}#pqbanner small{font-size:11px;letter-spacing:.2em;color:#b8ffc8}#pqbanner b{font-size:30px;font-weight:900;color:#fff;text-shadow:0 2px 0 #1d5a30,0 0 16px rgba(125,255,160,.8)}#pqbanner span{font-size:13px;color:var(--muted)}#pqbanner.complete{border-color:var(--gold);background:linear-gradient(180deg,#32260ceb,#181208eb);box-shadow:0 0 32px #ffc93c73}#pqbanner.complete b{text-shadow:0 2px 0 #7a5410,0 0 16px rgba(255,201,60,.85)}#pqbanner.fail{border-color:var(--red);background:linear-gradient(180deg,#321010eb,#180808eb);box-shadow:0 0 28px #f0544f66}#pqbanner.fail b{text-shadow:0 2px 0 #5a1010,0 0 16px rgba(240,84,79,.85)}@keyframes pq-pop{0%{opacity:0;transform:translate(-50%) scale(.8)}8%{opacity:1;transform:translate(-50%) scale(1.04)}14%{transform:translate(-50%) scale(1)}85%{opacity:1}to{opacity:0}}.pq-entry{display:flex;flex-direction:column;gap:6px}.pq-entry h5{margin:0;font-size:14px;color:#b8ffc8}.pq-entry p{margin:0;font-size:12px;color:var(--muted)}.pq-stages{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px}.pq-stages li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;padding:4px 6px;border-radius:8px;background:var(--panel-2);font-size:12px;font-weight:700}.pq-stages li b{color:var(--gold)}.pq-stages li small{flex-basis:100%;font-weight:400;font-size:11px;color:var(--muted)}.pq-entry .reqs{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px}.pq-npc{display:flex;flex-wrap:wrap;gap:6px}html.touch-ui #pqhud{top:calc(var(--st) + 54px);right:calc(var(--sr) + 8px);width:190px;gap:3px;padding:5px 7px 6px;font-size:11px}html.touch-ui .pq-head b{font-size:12px}html.touch-ui .pq-time{font-size:14px}html.touch-ui .pq-stage{font-size:12px}html.touch-ui .pq-members{display:none}html.touch-ui #pqbanner{top:44%;min-width:0;max-width:min(360px,calc(100vw - 420px));padding:6px 16px 8px}html.touch-ui #pqbanner small{display:none}html.touch-ui #pqbanner b{font-size:20px}html.touch-ui #pqbanner span{font-size:11px}@media (max-width: 520px){.pq-stages{grid-template-columns:1fr}}#wbbar{--wb-w: 560px;--wb-l: clamp(262px, calc(100vw - var(--wb-r, 560px) - var(--wb-w)), calc(50vw - var(--wb-w) / 2));position:fixed;left:var(--wb-l);top:10px;display:flex;align-items:center;gap:10px;width:min(var(--wb-w),calc(100vw - var(--wb-r, 560px) - var(--wb-l)));min-width:300px;padding:6px 8px;border-radius:14px;background:linear-gradient(180deg,#400e12eb,#1c080ceb);border:2px solid #d9463a;box-shadow:0 0 0 2px var(--edge),0 6px 18px #00000073,inset 0 1px #ffb49640;color:var(--text);font-size:12px;text-shadow:0 1px 2px #000;animation:wb-in .35s ease-out}#wbbar[hidden]{display:none}#wbbar.wb-orb{left:auto;right:calc(var(--wb-r, 560px) + 4px);width:auto;min-width:0;padding:0;border:0;background:none;box-shadow:none}.wb-orb-btn{--k: 1;position:relative;width:54px;height:54px;padding:0;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(40,8,12,.95) 58%,transparent 59%),conic-gradient(#ff5a4a calc(var(--k) * 360deg),#ffffff26 0);box-shadow:0 0 0 2px var(--edge),0 4px 12px #00000073}.wb-orb.wb-warn .wb-orb-btn{animation:wb-orb-pulse 1.2s ease-in-out infinite}@keyframes wb-orb-pulse{50%{box-shadow:0 0 0 2px var(--edge),0 0 14px 4px #ff5a4a99}}.wb-orb-ico{width:28px;height:28px;object-fit:contain}.wb-orb-btn span{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);font-size:11px;font-weight:800;color:#fff;white-space:nowrap;text-shadow:0 1px 2px #000}.wb-min{flex:none}#wbbar.wb-warn{animation:wb-in .35s ease-out,wb-pulse 1.6s ease-in-out infinite}@keyframes wb-in{0%{opacity:0;transform:translateY(-16px)}}@keyframes wb-pulse{50%{box-shadow:0 0 0 2px var(--edge),0 0 22px #ff4632a6,inset 0 1px #ffb49640}}.wb-ico{width:38px;height:38px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.wb-txt{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.2}.wb-txt small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#ff9c86}.wb-txt b{font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-txt em{font-style:normal;font-size:11px;color:#ffd9cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-count{font:700 22px var(--num);color:#ffe36a;letter-spacing:.02em;flex:none}.wb-mini{position:relative;flex:none;width:92px;height:9px;border-radius:5px;background:#17171c;border:1px solid var(--edge);overflow:hidden}.wb-mini i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#ff7a6a,#c42a20);transition:width .4s}.wb-pct{font:700 12px var(--num);flex:none;min-width:34px}.wb-go,#wbbar .btn{flex:none;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.wb-lv{flex:none;font-size:11px;color:var(--muted);padding:2px 6px;border-radius:6px;background:#00000059}#wbbar.wb-here{--wb-w: 680px;flex-direction:column;align-items:stretch;gap:4px;padding:6px 10px 7px}.wb-head{display:flex;align-items:center;gap:8px}.wb-head b{font-size:16px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-head small{margin-left:auto;font:600 12px var(--num);color:#ffd9d0;white-space:nowrap}.wb-head .wb-count{margin-left:auto}.wb-tag{flex:none;font:800 10px var(--font);font-style:normal;letter-spacing:.08em;padding:2px 7px;border-radius:6px;background:linear-gradient(#ff6a5a,#c8261e);border:1px solid var(--edge)}.wb-enraged .wb-tag{background:linear-gradient(#ffb03a,#e0401e);animation:wb-blink .6s steps(2) infinite}@keyframes wb-blink{50%{filter:brightness(1.6)}}.wb-track{position:relative;height:18px;border-radius:9px;overflow:hidden;background:#17171c;border:2px solid var(--edge);box-shadow:inset 0 2px 4px #0009}.wb-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(#ff8a5a,#d0281c 60%,#8a1410);box-shadow:inset 0 3px #ffffff47;transition:width .5s}.wb-enraged .wb-fill{background:linear-gradient(#ffc04a,#ff4a1c 60%,#a01808)}.wb-track span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:700 12px var(--num)}html.ak-art .wb-track{height:22px;border-radius:0;border:3px solid transparent;border-image:var(--ak-bar-frame) 5 fill / 3px stretch;background:none;box-shadow:none}html.ak-art .wb-here .wb-head:before{content:"";flex:none;width:28px;height:28px;margin:-4px 0;background:var(--ak-skull) center / 46% auto no-repeat,var(--ak-badge) center / 100% 100% no-repeat}.wb-foot{display:flex;align-items:center;gap:12px;font-size:11px;color:#ffd9cf}.wb-foot .wb-timer{font-family:var(--num);font-weight:700}.wb-timer.hot{color:#ffb03a}.wb-foot .wb-leave{margin-left:auto}.wb-head .wb-leave{margin-left:8px}body.wb-bar #qhints{top:76px}body.wb-on #qhints{top:112px}body.wb-on #qtrack{display:none}#wbpanel{position:fixed;right:14px;top:58px;width:220px;display:flex;flex-direction:column;gap:4px;padding:8px 10px 9px;border-radius:14px;background:linear-gradient(90deg,#1e0c1080,#1e0c10e0);border-right:3px solid #ff6a4a;font-size:12px;color:var(--text);text-shadow:0 1px 2px #000}#wbpanel[hidden]{display:none}.wbp-title{display:flex;align-items:center;gap:5px;font-weight:900;font-size:13px;color:#ffc9b8}.wbp-me{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.wbp-me b{font:700 18px var(--num);color:var(--gold)}.wbp-need{font-size:11px;color:#ffb03a}.wbp-sub{margin-top:2px;font-size:10px;font-weight:800;letter-spacing:.1em;color:var(--muted)}.wbp-top{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.wbp-top li{display:flex;align-items:center;gap:6px}.wbp-top li i{font:700 11px var(--num);font-style:normal;width:16px;text-align:center;color:var(--muted)}.wbp-top li:nth-child(1) i{color:var(--gold)}.wbp-top li span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbp-top li b{font:700 12px var(--num)}.wbp-top li.me span{color:var(--gold)}#wbvignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 62%,rgba(150,16,12,.16) 100%)}#wbvignette[hidden]{display:none}#wbentrance{position:fixed;left:50%;top:34%;transform:translate(-50%,-50%);z-index:20;display:flex;flex-direction:column;align-items:center;pointer-events:none;text-shadow:0 3px 0 #2a0606,0 0 24px rgba(255,40,20,.8);animation:wb-title 3.6s ease-out forwards}#wbentrance small{font-size:14px;font-weight:900;letter-spacing:.4em;color:#ff9c86}#wbentrance b{font-size:44px;font-weight:900;color:#fff1dc;white-space:nowrap}#wbentrance span{font-size:22px;font-weight:900;color:#ff5a3a;letter-spacing:.2em}@keyframes wb-title{0%{opacity:0;transform:translate(-50%,-50%) scale(1.8)}12%{opacity:1;transform:translate(-50%,-50%) scale(.96)}18%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-54%) scale(1.02)}}body:has(#wbres) #dead{display:none}#wbres{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);display:flex;flex-direction:column;padding:0;overflow:hidden;border:2px solid #d9463a;animation:wb-pop .3s ease-out}#wbres.wbr-kill{border-color:var(--gold)}@keyframes wb-pop{0%{opacity:0;transform:translate(-50%,-46%) scale(.94)}}.wbr-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(180deg,#5a1414e6,#280c0ee6)}.wbr-kill .wbr-head{background:linear-gradient(180deg,#6e4a10eb,#301e0aeb)}.wbr-head h3{margin:0;font-size:20px;font-weight:900}.wbr-head small{font-size:11px;color:#ffd9cf}.wbr-head p{margin:0;font-size:12px;color:var(--muted)}.wbr-head .win-x{margin-left:auto}.wbr-big{width:44px;height:44px;object-fit:contain}.wbr-body{display:flex;flex-direction:column;gap:10px;padding:10px 14px;overflow-y:auto}.wbr-me{display:flex;align-items:center;gap:14px}.wbr-rank{display:flex;align-items:baseline;gap:8px}.wbr-rank small{color:var(--muted)}.wbr-rank b{font:700 30px var(--num);color:var(--gold)}.wbr-rank i{font-style:normal;font-size:12px;font-weight:800;padding:2px 8px;border-radius:8px;background:var(--panel-3)}.wbr-rank i.tier-top10{background:linear-gradient(#ffd75e,#f0a92a);color:#3b2400}.wbr-rank i.tier-top30{background:linear-gradient(#b38bff,#7a4ae0)}.wbr-rank i.tier-part{background:linear-gradient(#6fb7ff,#3a7ad8)}.wbr-stats{display:flex;flex-direction:column;font-size:12px;color:var(--muted)}.wbr-loot h5{margin:0 0 6px;font-size:13px}.wbr-items{display:flex;flex-wrap:wrap;gap:6px}.wbr-it{display:flex;align-items:center;gap:4px;padding:3px 8px 3px 4px;border-radius:9px;background:var(--panel-2);border:1px solid var(--line);font:700 12px var(--num)}.wbr-it.cosm{border-color:var(--r-epic)}.wbr-it.cosm.legend,.wbr-it.title{border-color:var(--r-unique);box-shadow:0 0 10px #ffb02073}.wbr-ico{width:26px;height:26px;object-fit:contain}.wbr-table{width:100%;border-collapse:collapse;font-size:12px}.wbr-table th{text-align:left;font-size:11px;color:var(--muted);font-weight:700;padding:2px 6px}.wbr-table td{padding:3px 6px;border-top:1px solid var(--line)}.wbr-table td:nth-child(1),.wbr-table td:nth-child(3),.wbr-table td:nth-child(4){font-family:var(--num);font-weight:700}.wbr-table small{color:var(--muted)}.wbr-table tr.p1 td:first-child{color:var(--gold)}.wbr-table tr.me td{background:#ffc93c1f}.wbr-foot{display:flex;align-items:center;gap:10px;padding:8px 14px 12px}.wbr-next{margin:0;flex:1;font-size:12px;color:var(--muted)}html.touch-ui #wbbar{top:calc(var(--st) + 54px);left:50%;transform:translate(-50%);width:min(440px,calc(100vw - 420px));min-width:260px;animation:none;gap:6px;padding:4px 6px;font-size:11px}html.touch-ui #wbbar.wb-here{width:min(460px,calc(100vw - 420px));gap:2px}html.touch-ui #wbbar.wb-warn{animation:wb-pulse 1.6s ease-in-out infinite}html.touch-ui .wb-ico{width:28px;height:28px}html.touch-ui .wb-txt small,html.touch-ui .wb-txt em,html.touch-ui .wb-head small{display:none}html.touch-ui .wb-txt b,html.touch-ui .wb-head b{font-size:12px}html.touch-ui .wb-count{font-size:17px}html.touch-ui .wb-mini{width:56px}html.touch-ui .wb-track{height:13px}html.touch-ui.ak-art .wb-track{height:18px}html.touch-ui .wb-track span{font-size:10px}html.touch-ui .wb-foot{gap:8px;font-size:10px}html.touch-ui #wbbar .btn{padding:2px 8px;font-size:11px}html.touch-ui body.wb-bar #qhints{top:calc(var(--st) + 100px)}html.touch-ui body.wb-on #qhints{top:calc(var(--st) + 112px)}html.touch-ui #wbpanel{top:calc(var(--st) + 54px);right:calc(var(--sr) + 8px);width:170px;gap:2px;padding:5px 7px 6px;font-size:11px}html.touch-ui .wbp-title,html.touch-ui .wbp-sub,html.touch-ui .wbp-top,html.touch-ui .wbp-need{display:none}html.touch-ui .wbp-me b{font-size:14px}html.touch-ui #wbentrance b{font-size:30px}html.touch-ui .wbr-table tr:nth-child(n+6){display:none}.g-panel{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow:auto;padding:2px;scrollbar-width:thin}.g-intro{margin:0;padding:8px 10px;border-radius:10px;background:#79d2501a;border:1px solid rgba(121,210,80,.4);line-height:1.55;font-size:13px}.g-sec{display:flex;flex-direction:column;gap:4px}.g-sec h5{display:flex;align-items:center;gap:6px;margin:2px 0;font-size:13px;font-weight:900;color:var(--gold)}.g-sec h5 .mini{width:18px;height:18px}.g-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:9px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07)}.g-row.fit{border-color:#79d25073;background:#79d25012}.g-main{display:flex;flex-direction:column;flex:1;min-width:0}.g-main b{font-size:13px}.g-main small{color:var(--muted);font-size:11px;line-height:1.4}.g-lv,.g-state{flex:none;padding:1px 8px;border-radius:8px;background:#0000004d;font:600 11px var(--num);color:#d9d6e3;white-space:nowrap}.g-state.ok{background:#79d25040;color:#bff0a8}.g-state.feat{background:#ffd23f40;color:#ffe08a}.g-state.g-done{color:#8f8c9c}.g-end .g-row .btn.small{flex:none}.g-tags{display:flex;flex-wrap:wrap;gap:3px;margin:2px 0 1px}.g-tag{padding:0 6px;border-radius:7px;background:#ffffff14;color:#d9d6e3;font-size:10.5px;font-style:normal;line-height:17px;white-space:nowrap}.g-tag.eff-best{background:#ffd23f47;color:#ffe08a}.g-tag.eff-good{background:#79d25040;color:#bff0a8}.g-tag.eff-low{background:#0000004d;color:#a9a5b8}.g-tag.meso-hi{background:#ffaa3c38;color:#ffc98a}.g-tag.shape-hidden,.g-tag.rare{background:#b478ff40;color:#dcc4ff}.g-note{margin:0 0 2px;color:var(--muted);font-size:11px;line-height:1.5}.g-none{margin:0;padding:4px 2px;font-size:12px}@media (max-width: 640px){.g-panel{max-height:calc(100vh - 170px)}}.win.win-salon{width:660px;max-height:calc(100vh - 80px)}.sl{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}.sl-left,.sl-right{display:flex;flex-direction:column;gap:6px;min-width:0}.sl h5{margin:4px 0 2px;font-size:12px;color:var(--muted);font-weight:600}.sl-stage{height:250px;border-radius:14px;background:radial-gradient(ellipse at 50% 88%,rgba(255,170,210,.22),transparent 55%),linear-gradient(#2c2a36,#22212a);border:2px solid var(--edge);overflow:hidden}.sl-stage canvas{display:block}.sl-rows{display:flex;flex-direction:column;gap:6px}.sl-price{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.sl-price li,.sl-total,.sl-have{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.sl-price li b,.sl-total b,.sl-have b{display:inline-flex;align-items:center;gap:3px;color:var(--text)}.sl-price li:not(.on) b{opacity:.45}.sl-price li.on span{color:var(--gold)}.sl-total{border-top:1px solid var(--edge);padding-top:4px;font-size:14px}.sl-total b{color:var(--gold)}.sl-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:10px}.sl-foot .hint{margin:0 auto 0 0}@media (max-height: 540px),(max-width: 640px){.sl-stage{height:170px}}@media (max-width: 560px){.sl{grid-template-columns:1fr}}.win.win-vault{width:500px;max-height:calc(100vh - 80px)}.win-vault .win-body{overflow-y:auto}.vt-head{display:flex;align-items:center;gap:8px;margin:4px 0 6px}.vt-head>b{font-size:14px}.vt-slots{font-size:12px;color:var(--muted)}.vt-slots.full{color:#ff8a7a}.vt-qty{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.vt-qty input{width:64px}.vt-qty .btn.on{background:var(--gold, #d9a441);color:#2a1d05}.vt-shared{margin:0 0 6px}.win-vault .vt-grid{grid-template-columns:repeat(8,52px)}.vt-store{padding:8px;border-radius:10px;background:#0000002e}.vt-bag{min-height:58px;margin-top:6px}.vt-grid.drop-ok{outline:2px dashed #7dff9a;outline-offset:2px}.vt-meso{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:10px 0 4px;padding:8px 10px;border-radius:10px;background:#00000024;font-size:13px}.vt-m{display:inline-flex;align-items:center;gap:4px}.vt-macts{margin-left:auto;display:flex;gap:4px}.vt-macts input{width:110px}@media (max-height: 540px),(max-width: 640px){.win-vault .vt-grid{grid-template-columns:repeat(auto-fill,52px)}.vt-qty input,.vt-macts input{min-height:40px;font-size:16px}.vt-macts{margin-left:0;width:100%}.vt-macts input{flex:1}}.win.win-exchange{width:min(520px,calc(100vw - 32px))}.win-exchange .win-body{display:flex;flex-direction:column;gap:8px}.ex-body{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow:auto;padding-right:2px}.ex-foot{margin:0;font-size:11px}.ex-pend{margin-left:4px;padding:0 5px;border-radius:8px;background:var(--gold-d, #c9a227);color:#1a1a1a;font-size:10px}.ex-slots,.ex-picks,.ex-side{display:flex;flex-wrap:wrap;gap:4px}.ex-slots button,.ex-picks button,.ex-side button{padding:3px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:inherit;font:inherit;font-size:12px;cursor:pointer}.ex-slots button.on,.ex-picks button.on,.ex-side button.on{border-color:var(--gold-d, #c9a227);background:#ffc93c24}.ex-pick{display:inline-flex;align-items:center;gap:4px}.ex-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.ex-list{display:flex;flex-direction:column;gap:6px}.ex-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:#0000002e}.ex-row.done,.ex-row.cancelled,.ex-row.expired{opacity:.7}.ex-ico{width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center}.ex-ico img{width:36px;height:36px}.ex-info{flex:1;min-width:0;display:flex;flex-direction:column}.ex-info small{color:var(--muted, #aab);font-size:11px}.ex-info .ex-pending{color:var(--gold-d, #c9a227)}.ex-bonus{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px;font-size:11px}.ex-bonus span{padding:0 5px;border-radius:6px;background:#ffffff14}.ex-origin{display:block;margin-top:2px;font-size:10.5px;font-style:italic;color:var(--muted)}.ex-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;white-space:nowrap}.ex-price b{display:inline-flex;align-items:center;gap:3px}.ex-bag{display:grid;grid-template-columns:repeat(8,44px);gap:4px}.ex-bag .slot.on{outline:2px solid var(--gold-d, #c9a227)}.ex-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;border-radius:10px;background:#ffffff0d}.ex-form label{display:inline-flex;align-items:center;gap:4px;font-size:12px}.ex-form input{width:110px;padding:4px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#0000004d;color:inherit;font:inherit}.ex-form .hint{flex:1;margin:0}.ex-search input{width:100%;padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0000004d;color:inherit;font:inherit}.ex-book{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px}.ex-book h5{margin:0 0 4px;font-size:12px;opacity:.8}.ex-lv,.ex-tr{display:flex;justify-content:space-between;gap:6px;padding:2px 6px;border-radius:6px;font-size:12px}.ex-lv.bid{background:#64dc781f}.ex-lv.ask{background:#f06e6e1f}.ex-lv.none{opacity:.5;justify-content:center}.ex-tr small{opacity:.6}.ex-pager{display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px}.ex-empty{text-align:center;padding:16px 0}.comp-sec{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.comp-sec h5{margin:0 0 4px;display:flex;justify-content:space-between;align-items:baseline}.comp-sec h5 small{color:var(--muted);font-weight:500}.comp-sec .hint{margin:0 0 6px;color:var(--muted);font-size:11px;line-height:1.5}.comp-row,.comp-hire{display:flex;align-items:center;gap:6px;padding:5px 8px;margin-top:3px;border-radius:10px;background:#ffffff0a}.comp-row{background:#7dffa014}.comp-name{flex:1;min-width:0;font-weight:700}.comp-name small{display:block;font-weight:500;font-size:11px;color:var(--muted);white-space:normal}.comp-btns{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.comp-btns .btn.small,.comp-row .btn.small{padding:3px 8px 4px}.comp-empty{padding:6px 8px;color:var(--muted);font-size:11px}.comp-sec>.btn.small{margin-top:6px}#comphud{position:fixed;right:14px;top:58px;width:200px;display:flex;flex-direction:column;gap:4px;padding:7px 10px 8px;border-radius:12px;background:linear-gradient(90deg,#14141a73,#14141ad9);border-right:3px solid var(--gold);font-size:12px;color:var(--text);pointer-events:none;z-index:5}body.pq-on #comphud{top:230px}body:has(#comphud) #qtrack{display:none}#comphud .comp-h{font-weight:700;font-size:11px;color:var(--muted)}.comp-live{display:flex;align-items:center;gap:6px}.comp-live span{flex:1;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comp-live small{margin-left:4px;font:600 10px var(--num);color:var(--muted)}.comp-live.dead span{color:var(--muted)}.comp-bar{flex:0 0 56px;height:5px;border-radius:3px;background:#ffffff1a;overflow:hidden}.comp-bar b{display:block;height:100%;border-radius:3px;background:var(--green);transition:width .3s}.comp-live.dead .comp-bar b{background:#6a6a74}@media (max-width: 700px){#comphud{width:150px;top:100px;font-size:11px}}body.tower-on #qtrack{display:none}#towerhud{position:fixed;right:14px;top:58px;width:232px;display:flex;flex-direction:column;gap:5px;padding:8px 10px 9px;border-radius:14px;background:linear-gradient(90deg,#14141a73,#14141ad9);border-right:3px solid #b48cff;font-size:12px;color:var(--text);z-index:5}#towerhud .tower-top{display:flex;justify-content:space-between;align-items:baseline}#towerhud .tower-top b{font-size:14px}#towerhud .tower-time{font:600 13px var(--num)}#towerhud .tower-time.low{color:#ff7a7a}#towerhud .tower-kind{color:var(--muted)}.tower-goal{display:flex;flex-direction:column;gap:3px}.tower-bar{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.tower-bar b{display:block;height:100%;border-radius:3px;background:#ff6a6a;transition:width .3s}.tower-phase{color:var(--gold);font-weight:700}.tower-phase.ok{color:var(--green)}.tower-phase.bad{color:#ff7a7a}#towerhud .btn.small{align-self:flex-end;padding:3px 10px 4px}body.tower-on #comphud{top:200px}.tower-entry h5{margin:0 0 4px}.tower-entry p{margin:0 0 6px;line-height:1.5}.tower-entry .hint{color:var(--muted);font-size:11px}.tower-best{margin:6px 0;font-weight:700}.tower-best small{margin-left:6px;font-weight:500;color:var(--muted)}.tower-board{margin:6px 0 8px;padding:6px 8px;border-radius:10px;background:#ffffff0a;max-height:220px;overflow:auto}.tower-h{font-size:11px;font-weight:700;color:var(--muted);margin-bottom:4px}.tower-row{display:flex;align-items:center;gap:6px;padding:3px 0}.tower-row.me{color:var(--gold)}.tower-rank{flex:none;width:18px;text-align:right;font:700 12px var(--num)}.tower-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tower-row small{flex:1;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tower-row b{flex:none;font:600 12px var(--num)}.tower-empty{color:var(--muted);font-size:11px;padding:4px 0}#towerbanner{position:fixed;left:50%;top:22%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 26px 12px;border-radius:16px;background:#14141ad9;border:1px solid rgba(180,140,255,.5);color:var(--text);text-align:center;pointer-events:none;z-index:20;animation:tower-pop .35s ease-out}#towerbanner small{color:#b48cff;font-size:11px;font-weight:700}#towerbanner b{font-size:22px}#towerbanner span{color:var(--muted);font-size:12px}#towerbanner.complete b{color:var(--gold)}#towerbanner.fail b{color:#ff7a7a}@keyframes tower-pop{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media (max-width: 700px){#towerhud{width:170px;top:100px;font-size:11px}body.tower-on #comphud{top:230px}}#tut{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;pointer-events:none;font-family:var(--font)}#tut[data-kind=center]{background:radial-gradient(ellipse at 50% 50%,#08080c59,#08080cb8);animation:tut-fade .35s ease-out}.tut-hole{position:fixed;left:0;top:0;border-radius:14px;box-shadow:0 0 0 2px #ffc93cf2,0 0 18px 4px #ffc93c73;transition:left .14s ease-out,top .14s ease-out,width .14s ease-out,height .14s ease-out,box-shadow .3s}.tut-hole.snap{transition:box-shadow .3s}.tut-hole.round{border-radius:999px}#tut[data-kind=focus] .tut-hole{box-shadow:0 0 0 2px #ffc93cf2,0 0 18px 4px #ffc93c73,0 0 0 200vmax #08080c94}.tut-hole:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;border:2px solid rgba(255,220,120,.9);animation:tut-pulse 1.6s ease-out infinite}@keyframes tut-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}.tut-edge{position:fixed;left:0;top:0;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#281e08eb,#141008d9);border:2px solid var(--gold);color:var(--gold);box-shadow:0 0 16px #ffc93c80}.tut-edge i{width:14px;height:14px;margin-left:-6px;border-top:4px solid currentColor;border-right:4px solid currentColor;border-radius:2px;transform:rotate(45deg);animation:tut-nudge .9s ease-in-out infinite}@keyframes tut-nudge{50%{transform:translate(4px) rotate(45deg)}}.tut-bubble{position:fixed;left:0;top:0;width:min(330px,calc(100vw - 20px));padding:12px 15px 11px;border-radius:16px;background:linear-gradient(160deg,#34343ef5,#1e1e25f5);border:2px solid var(--edge);box-shadow:inset 0 0 0 1px #ffc93c80,inset 0 2px #ffffff14,0 14px 34px #0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;color:var(--text);transition:transform .18s ease-out}.tut-bubble.in{animation:tut-in .32s cubic-bezier(.2,.9,.3,1.2)}.tut-bubble.center{width:min(400px,calc(100vw - 32px));padding:18px 20px 14px;text-align:center}@keyframes tut-in{0%{opacity:0;scale:.92}}@keyframes tut-fade{0%{opacity:0}}.tut-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.tut-bubble.center .tut-head{justify-content:center}.tut-badge{display:inline-flex;align-items:center;gap:4px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tut-badge .tut-ico{width:15px;height:15px;object-fit:contain}.tut-count{font-family:var(--num);font-size:11px;font-weight:700;color:var(--muted)}.tut-bubble h4{margin:0 0 4px;font-size:16px;font-weight:900;color:#fff4d0;text-shadow:0 1px 0 #000}.tut-bubble.center h4{font-size:21px;margin-bottom:8px}.tut-bubble p{margin:0;font-size:13px;line-height:1.55;color:#e8e4d8}.tut-bubble p b{color:var(--gold)}.tut-bubble kbd{min-width:22px;height:21px;margin:0 1px;font-size:12px;color:#fff;vertical-align:1px;box-shadow:0 2px #1a1a20,inset 0 0 0 1px #ffc93c59}.tut-wait{display:flex;align-items:center;gap:4px;margin-top:7px;font-size:11px;color:var(--muted)}.tut-wait i{width:5px;height:5px;border-radius:50%;background:var(--gold);animation:tut-dot 1.2s ease-in-out infinite}.tut-wait i:nth-child(2){animation-delay:.2s}.tut-wait i:nth-child(3){animation-delay:.4s}.tut-wait span{margin-left:4px}@keyframes tut-dot{0%,to{opacity:.25}50%{opacity:1}}.tut-btns{display:flex;align-items:center;gap:8px;margin-top:10px}.tut-btns:empty{display:none}.tut-bubble.center .tut-btns{justify-content:center;flex-direction:row-reverse;margin-top:14px}.tut-bubble.center .tut-btns .btn{padding:7px 22px 8px;font-size:14px}.tut-btns .btn{margin-left:auto}.tut-bubble.center .tut-btns .btn{margin-left:0}.tut-skip{padding:2px 0;border:0;background:none;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.tut-skip:hover{color:var(--text)}.tut-esc{font-size:11px;color:#77748a}.tut-arrow{position:absolute;width:14px;height:14px;background:#282830;border:2px solid var(--edge);box-shadow:inset 0 0 0 1px #ffc93c80;transform:rotate(45deg);display:none}.tut-bubble[data-side=top] .tut-arrow{display:block;bottom:-8px;left:calc(var(--ax, 50%) - 7px);border-top:0;border-left:0;box-shadow:none;background:#1f1f26}.tut-bubble[data-side=bottom] .tut-arrow{display:block;top:-8px;left:calc(var(--ax, 50%) - 7px);border-bottom:0;border-right:0;box-shadow:none;background:#33333d}.tut-bubble[data-side=left] .tut-arrow{display:block;right:-8px;top:calc(var(--ay, 50%) - 7px);border-bottom:0;border-left:0;box-shadow:none;background:#26262e}.tut-bubble[data-side=right] .tut-arrow{display:block;left:-8px;top:calc(var(--ay, 50%) - 7px);border-top:0;border-right:0;box-shadow:none;background:#2e2e37}#keys .tut-replay{margin-top:8px;width:100%}html.touch-ui .tut-bubble{width:min(280px,calc(100vw - 20px));padding:9px 12px}html.touch-ui .tut-bubble.center{width:min(360px,calc(100vw - 32px));padding:12px 16px 11px}html.touch-ui .tut-bubble h4{font-size:14px}html.touch-ui .tut-bubble.center h4{font-size:17px;margin-bottom:4px}html.touch-ui .tut-bubble p{font-size:12px;line-height:1.45}html.touch-ui .tut-btns{margin-top:7px}html.touch-ui .tut-bubble.tight>p:not(.tut-note),html.touch-ui .tut-bubble.tight .tut-wait{display:none}@media (max-height: 420px){.tut-bubble.center .tut-btns{margin-top:9px}}@media (prefers-reduced-motion: reduce){.tut-hole:after,.tut-edge i,.tut-wait i{animation:none}}.tut-bubble p.tut-note{margin-top:5px;font-size:12px;color:#ffd977}:root{--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)}html.touch-dev,html.touch-dev body{overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.touch-dev body{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html.touch-dev input,html.touch-dev textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#game canvas,#title-bg canvas{touch-action:none}html.touch-dev button,html.touch-dev .slot,html.touch-dev .tabs button{touch-action:manipulation}html.touch-dev input,html.touch-dev select{font-size:16px!important}#settings-btn{width:34px;height:34px;padding:3px;border-radius:50%;border:2px solid var(--edge);background:linear-gradient(#56565f,#3b3b44);box-shadow:0 2px #18181d,inset 0 2px #ffffff26;font:900 17px var(--num);display:grid;place-items:center}#settings-btn .ico{width:24px;height:24px}.win-settings{width:min(420px,calc(100vw - 24px));left:50%!important;top:70px;transform:translate(-50%);animation:none}.win-settings h5{margin:12px 0 6px;font-size:12px;letter-spacing:1px;color:var(--gold)}.win-settings h5:first-child{margin-top:2px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.set-row>span{display:flex;flex-direction:column;font-weight:700;color:var(--text)}.set-vol{display:flex;align-items:center;gap:8px;flex:none}.set-vol input{width:140px;accent-color:var(--accent, #f0b54a)}.set-vol b{width:28px;text-align:right;font-size:12px;color:var(--muted)}.set-row small,.set-row em{font-size:11px;font-weight:500;font-style:normal;color:var(--muted)}.seg{display:flex;flex:none;padding:2px;border-radius:10px;background:#1c1c22;border:2px solid var(--edge)}.seg button{min-width:46px;min-height:34px;padding:0 10px;border:none;border-radius:8px;background:transparent;color:var(--muted);font:700 13px var(--font)}.set-help{margin:8px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}.touch-ghost{position:fixed;left:0;top:0;z-index:80;width:56px;height:56px;padding:4px;border-radius:12px;background:#1e1e26e6;border:2px solid var(--gold);box-shadow:0 6px 18px #00000080;pointer-events:none}.touch-ghost img,.touch-ghost .slot-ico,.touch-ghost .ico{width:100%;height:100%;object-fit:contain}.drag-src{opacity:.4}#rotate{display:none}html.need-landscape #rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:calc(24px + var(--st)) 28px calc(24px + var(--sb));text-align:center;background:radial-gradient(circle at 50% 32%,#2b3d63,#121216 72%);touch-action:none}html.need-landscape body>:not(#rotate){visibility:hidden}#rotate b{font-size:22px;font-weight:900;color:var(--gold)}#rotate small{font-size:15px;color:var(--muted)}.rot-art{position:relative;width:170px;height:170px;margin-bottom:10px}.rot-art img{position:absolute;object-fit:contain;pointer-events:none}.rot-arrows{top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.85;filter:sepia(1) saturate(4) hue-rotate(-8deg) brightness(.95) drop-shadow(0 0 10px rgba(255,190,60,.55));animation:rot-spin 7s linear infinite}.rot-phone{left:55px;top:55px;width:60px;height:60px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.45)) drop-shadow(0 0 8px rgba(120,170,255,.6));animation:rot-phone 2.4s ease-in-out infinite}@keyframes rot-phone{0%,22%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}@keyframes rot-spin{to{transform:rotate(-360deg)}}@media (prefers-reduced-motion: reduce){.rot-phone,.rot-arrows{animation:none}}#rotate .rot-fs{margin-top:14px;padding:10px 22px;font-size:16px}#rotate .rot-tip{max-width:300px;margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;--u: 1}#touch>*{pointer-events:auto}body.is-dragging #touch{z-index:55}html.chat-typing #touch,#hud[hidden]~#touch{display:none}.t-zone{position:absolute;left:0;bottom:0;width:42vw;height:64vh;padding:0 var(--sr) 0 var(--sl);touch-action:none}#touch.lh .t-zone{left:auto;right:0}.t-stick{--sz: 112px;position:absolute;left:calc(var(--sz) / -2);top:calc(var(--sz) / -2);width:var(--sz);height:var(--sz);border-radius:50%;background:radial-gradient(circle,#ffffff0f 40%,#ffffff24 70%);border:2px solid rgba(255,255,255,.28);box-shadow:0 0 0 1px #00000040;opacity:.55;transition:opacity .15s;pointer-events:none}.t-stick.on{opacity:.95}.t-knob{position:absolute;left:50%;top:50%;width:calc(var(--sz) * .46);height:calc(var(--sz) * .46);margin:calc(var(--sz) * -.23);border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#c9c4d6 70%);border:2px solid var(--edge);box-shadow:0 3px 8px #00000073}.t-cluster{position:absolute;right:var(--sr);bottom:var(--sb)}#touch.lh .t-cluster{right:auto;left:var(--sl)}.t-btn{position:absolute;display:grid;place-items:center;border-radius:50%;border:2px solid var(--edge);background:radial-gradient(circle at 50% 30%,#5a5a68d9,#282830d9);box-shadow:inset 0 2px #ffffff2e,0 3px #00000073;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .06s,filter .06s}.t-btn.on{transform:scale(.92);filter:brightness(1.35)}.t-jump{background:radial-gradient(circle at 50% 30%,#78c8ffeb,#286ec8e6)}.t-atk{background:radial-gradient(circle at 50% 30%,#ff8c78eb,#c83232e6)}.t-ico,.t-btn .ico{width:58%;height:58%;object-fit:contain;pointer-events:none}.t-sk .t-ico-box,.t-quick .t-ico-box{position:absolute;top:12%;right:12%;bottom:12%;left:12%;display:grid;place-items:center;border-radius:50%;overflow:hidden;pointer-events:none}.t-ico-box img,.t-ico-box .ico{width:100%;height:100%;object-fit:contain}.t-sk.empty,.t-quick.empty{opacity:.38;border-style:dashed}.t-sk.nomp .t-ico-box,.t-quick.zero .t-ico-box{filter:grayscale(.85) brightness(.6)}.t-cd{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:50%;font:700 calc(14px * var(--u)) var(--num);text-shadow:0 1px 2px #000;pointer-events:none}.t-btn.oncd .t-ico-box{filter:saturate(.5) brightness(.85)}.t-btn.cd-ready{animation:cd-ready .45s ease-out}.t-cnt{position:absolute;right:-2px;bottom:-4px;padding:0 4px;border-radius:8px;background:#0009;font:700 calc(11px * var(--u)) var(--num);pointer-events:none}.t-btn.drop-ok{border-color:var(--gold);box-shadow:0 0 0 3px #ffc93c99,0 0 18px #ffc93c99;opacity:1}.t-row{position:absolute;bottom:calc(var(--sb) + 10px * var(--u));display:flex;gap:calc(8px * var(--u))}.t-row .t-btn{position:relative;width:calc(46px * var(--u));height:calc(46px * var(--u));padding:0}.t-chat,.t-talk,.t-pick{background:radial-gradient(circle at 50% 30%,#50505ecc,#22222acc)}html.ak-art #touch .t-stick{background:var(--ak-joy-base) center / 100% 100% no-repeat;border:none;box-shadow:none;opacity:.85}html.ak-art #touch .t-stick.on{opacity:1}html.ak-art #touch .t-knob{background:var(--ak-joy-knob) center / 100% 100% no-repeat;border:none;box-shadow:0 3px 6px #0006;border-radius:50%}html.ak-art #touch .t-btn{border:none;background:var(--ak-btn) center / 100% 100% no-repeat;box-shadow:0 3px 6px #00000059}html.ak-art #touch .t-jump{background:radial-gradient(circle,#46a0ff8c 0,#46a0ff8c 52%,#46a0ff00 64%),var(--ak-btn-big) center / 100% 100% no-repeat}html.ak-art #touch .t-atk{background:radial-gradient(circle,#ff5a468c 0,#ff5a468c 52%,#ff5a4600 64%),var(--ak-btn-big) center / 100% 100% no-repeat}html.ak-art #touch .t-row .t-btn{background:var(--ak-btn-small) center / 100% 100% no-repeat}html.ak-art #touch .t-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--ak-btn-glow) center / 100% 100% no-repeat;opacity:0;transition:opacity .06s;pointer-events:none}html.ak-art #touch .t-row .t-btn:after{background-image:var(--ak-btn-small-glow)}html.ak-art #touch .t-btn.on{filter:brightness(1.2)}html.ak-art #touch .t-btn.on:after{opacity:1}html.ak-art #touch .t-sk.empty,html.ak-art #touch .t-quick.empty{opacity:.45}html.ak-art #touch .t-cd{top:9%;right:9%;bottom:9%;left:9%}html.touch-ui #dock{top:calc(var(--st) + 6px);bottom:auto;left:calc(var(--sl) + 8px);right:calc(var(--sr) + 60px);transform:none;width:auto;padding:0;gap:6px;background:none;border:none;box-shadow:none;pointer-events:none}html.touch-ui #dock>*{pointer-events:auto}html.touch-ui #dock .who{min-width:0;gap:0;padding:3px;border-radius:24px 0 0 24px;background:#1e1e24d1;border:2px solid var(--edge);border-right:none}html.touch-ui #dock .lvbadge{width:36px;height:36px}html.touch-ui #dock .lvbadge b{font-size:15px}html.touch-ui #dock .names{display:none}html.touch-ui #dock .vit{flex:0 1 190px;min-width:110px;gap:2px;margin-left:-6px;padding:4px 10px 4px 4px;border-radius:0 14px 14px 0;background:#1e1e24d1;border:2px solid var(--edge);border-left:none}html.touch-ui #dock .gauge>i{width:18px;font-size:9px}html.touch-ui #dock .track{height:14px}html.touch-ui #dock .track span{font-size:10px;line-height:10px}html.touch-ui #quick,html.touch-ui #hotbar,html.touch-ui #dock .meso-box,html.touch-ui #keys,html.touch-ui #help-btn,html.touch-ui #dev-btn,html.touch-ui #expbar span{display:none!important}html.touch-ui #menu{gap:2px;padding:2px;border-radius:14px;background:#1e1e24d1;border:2px solid var(--edge)}html.touch-ui .menu-btn{width:40px;height:40px;padding:0;justify-content:center}html.touch-ui .menu-btn:hover{transform:none}html.touch-ui .menu-btn span{display:none}html.touch-ui .menu-btn .ico{width:28px;height:28px}html.touch-ui .menu-btn .badge{right:-2px;top:-4px}html.touch-ui .menu-btn .badge.hm-dot{right:2px;top:0}html.touch-ui .menu-btn{min-width:40px}html.touch-ui .hm-pop{width:320px}html.touch-ui .hm-list{display:grid;grid-template-columns:1fr 1fr;gap:2px}html.touch-ui .hm-row{min-height:44px;gap:8px}html.touch-ui .hm-row kbd,html.touch-ui .hm-row[data-hud=help],html.touch-ui .hm-row[data-hud=keys]{display:none!important}html.touch-ui #topright{top:calc(var(--st) + 6px);right:calc(var(--sr) + 8px)}html.touch-ui #settings-btn{width:44px;height:44px}html.touch-ui #settings-btn .ico{width:28px;height:28px}html.touch-ui #topleft{top:calc(var(--st) + 54px);left:calc(var(--sl) + 8px);gap:4px}html.touch-ui #minimap{padding:3px 4px 4px 6px;border-left-width:3px}html.touch-ui #mapname{padding:0 0 0 2px}html.touch-ui .mm-btn{width:30px;height:30px}html.touch-ui #minimap .mm-body{margin-top:3px}html.touch-ui .mm-guide{font-size:10px;margin-top:2px}html.touch-ui #mapname small{display:none}html.touch-ui #mapname b{font-size:13px}html.touch-ui #party{width:168px;font-size:11px}html.touch-ui .buff{width:26px;height:26px}html.touch-ui #expbar{height:5px}html.touch-ui #qtrack{top:calc(var(--st) + 54px);right:calc(var(--sr) + 8px);width:176px;padding:4px 6px 5px;font-size:11px}html.touch-ui #qtrack .t-q~.t-q,html.touch-ui #qtrack .t-more{display:none}html.touch-ui #qhints{top:calc(var(--st) + 54px)}html.touch-ui .q-hint{max-width:min(420px,calc(100vw - 420px));padding:5px 10px 5px 6px;font-size:12px}html.touch-ui #bossbar{top:calc(var(--st) + 54px);width:min(420px,calc(100vw - 420px))}html.touch-ui #feed{right:auto;left:44vw;bottom:calc(var(--sb) + 70px);align-items:flex-start}html.touch-ui #feed div{font-size:11px;padding:2px 10px 2px 4px;background:linear-gradient(90deg,#101014b3 70%,#10101400)}html.touch-ui #feed img{width:18px;height:18px}html.touch-ui #combo{transform:scale(.7)}html.touch-ui #dead{z-index:60}html.touch-ui #chat{left:calc(var(--sl) + 8px);bottom:calc(var(--sb) + 150px * var(--u, 1));width:min(300px,40vw);pointer-events:none}html.touch-ui #chat .chat-tabs,html.touch-ui #chat .chat-row{display:none}html.touch-ui #chatlog{max-height:58px;padding:2px 4px;font-size:11px;line-height:1.45;overflow:hidden;background:none!important}html.touch-ui #chatlog .old{opacity:0}.chat-send{display:none}html.chat-typing #chat{top:calc(var(--st) + 6px);bottom:auto;left:calc(var(--sl) + 8px);right:calc(var(--sr) + 8px);width:auto;z-index:70;pointer-events:auto;padding:6px;border-radius:14px;background:#14141af0;border:2px solid var(--edge)}html.chat-typing #chat .chat-tabs,html.chat-typing #chat .chat-row{display:flex}html.chat-typing #chat .chat-tabs button{min-height:32px}html.chat-typing #chatlog{max-height:22vh;overflow-y:auto;font-size:12px}html.chat-typing #chatlog .old{opacity:1}html.chat-typing .chat-send{display:block;flex:none;min-width:64px;margin-left:6px;border:2px solid var(--edge);border-radius:10px;background:linear-gradient(#7fd45a,#4aa02c);color:#fff;font:900 14px var(--font)}html.chat-typing .chat-row #chatinput,html.chat-typing .chat-ch{min-height:42px}@media (max-height: 540px),(max-width: 640px){.win{inset:var(--st) var(--sr) 0 var(--sl)!important;width:auto!important;max-height:none!important;transform:none!important;border-radius:0;border-width:0;animation:sheetin .18s ease-out}@keyframes sheetin{0%{transform:translateY(24px);opacity:0}}.win.win-npc{inset:auto var(--sr) 0 var(--sl)!important;max-height:72vh!important;border-radius:18px 18px 0 0;border-width:2px 2px 0}.win-title{cursor:default;padding:6px 10px 6px 14px;padding-right:calc(10px + var(--sr))}.win-x{width:40px;height:40px;font-size:16px}.win-body{flex:1;padding-bottom:calc(14px + var(--sb));-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.win .tabs button,.win .btn{min-height:40px}body.is-dragging .win{opacity:.18;pointer-events:none;transition:opacity .15s}#tooltip{width:min(250px,46vw)}.toast{max-width:calc(100vw - 32px)}}html.touch-ui #qhints .q-hint:not(:last-child){display:none}html.chat-typing .chat-ch{width:76px}@media (max-height: 540px){#login{padding:calc(var(--st) + 8px) calc(var(--sr) + 12px) calc(var(--sb) + 8px) calc(var(--sl) + 12px);gap:16px}#title-hero .logo-img{width:clamp(200px,30vw,320px)}#title-hero .tagline{margin:8px 0;font-size:15px}#title-hero .features{gap:4px}#title-hero .features li{padding:4px 10px 4px 6px;font-size:12px}#login-form{width:min(640px,100%);max-height:calc(100dvh - 16px - var(--st) - var(--sb));padding:12px 16px 0;gap:8px}#login-form .form-title{font-size:17px}#login label{gap:3px}#login input{padding:8px 10px}#login-submit{position:sticky;bottom:0;z-index:2;flex:none;min-height:46px;margin:0 -16px;border-radius:0 0 16px 16px;box-shadow:0 -8px 16px #14141ad9}#login-error:empty{display:none}#login-error,#guest-btn{margin-bottom:8px}.cycle{grid-template-columns:40px 36px 1fr 36px}.cycle button{height:34px}.swatch{min-width:32px;height:32px}}html.touch-dev #login .tabs button,html.touch-dev #login .btn{min-height:44px}html.touch-dev #login.creating .cr-foot .btn{min-height:40px}:root{--bg: #121216;--panel: #2a2a31;--panel-2: #34343c;--panel-3: #3f3f49;--edge: #0c0c10;--line: rgba(255, 255, 255, .07);--text: #f5f2ea;--muted: #a5a1b2;--gold: #ffc93c;--gold-d: #b9801a;--green: #79d250;--green-d: #3c8a26;--blue: #4aa6ff;--blue-d: #2563b8;--red: #f0544f;--red-d: #9b2723;--hp: #ff4f5f;--mp: #3f9dff;--exp: #ffd23f;--r-common: #6d6c79;--r-rare: #3d8bff;--r-epic: #a65cff;--r-unique: #ffb020;--font: "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", "Noto Sans", "Segoe UI", sans-serif;--num: "Fredoka", "Noto Sans TC", sans-serif}:root[data-locale=en]{--font: "Noto Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans TC", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);font-weight:500;-webkit-font-smoothing:antialiased}#game canvas{display:block}img{-webkit-user-drag:none}[hidden]{display:none!important}button{font:inherit;color:var(--text);cursor:pointer}.btn{--c1: #5a5a66;--c2: #44444e;--cd: #24242b;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 16px 8px;border:2px solid var(--edge);border-radius:10px;background:linear-gradient(var(--c1),var(--c2));box-shadow:inset 0 2px #ffffff2e,0 3px 0 var(--cd);font-weight:700;text-shadow:0 1px 0 rgba(0,0,0,.45);transition:transform .06s,filter .1s;white-space:nowrap}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px #ffffff2e,0 1px 0 var(--cd)}.btn:disabled{filter:grayscale(.9) brightness(.7);cursor:not-allowed}.btn.green{--c1: #8fe061;--c2: #57b73a;--cd: var(--green-d)}.btn.gold{--c1: #ffd75e;--c2: #f0a92a;--cd: var(--gold-d);color:#3b2400;text-shadow:0 1px 0 rgba(255,255,255,.35)}.btn.blue{--c1: #6ab8ff;--c2: #3487e8;--cd: var(--blue-d)}.btn.red{--c1: #ff7a72;--c2: #e2443e;--cd: var(--red-d)}.btn.small{padding:3px 10px 4px;font-size:12px;border-radius:8px}.btn.big{padding:12px 20px 13px;font-size:17px}.btn.plus{width:30px;height:30px;padding:0;font-size:18px;line-height:1}.panel{background:linear-gradient(var(--panel-2),var(--panel));border:2px solid var(--edge);border-radius:18px;box-shadow:inset 0 2px #ffffff0f,0 14px 40px #0000008c}.hint{margin:0;font-size:12px;color:var(--muted)}.hint.warn{color:var(--gold)}kbd{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:6px;background:linear-gradient(#55555f,#3c3c45);border:1px solid var(--edge);box-shadow:0 2px #1b1b20;font:700 11px var(--num);color:#fff}.ico{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.ico-text{display:grid;place-items:center;font-weight:900;font-size:18px;color:#fff}.mini{width:16px;height:16px;vertical-align:-3px;display:inline-block}.slot{--rc: #4a4a55;--rb: #33333c;position:relative;width:52px;height:52px;padding:5px;border-radius:12px;border:2px solid var(--edge);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rc) 55%,var(--rb)),var(--rb));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--rc) 70%,transparent),inset 0 2px #ffffff1f,0 2px #18181d}.slot.empty{background:#26262d;box-shadow:inset 0 2px 4px #00000059}.slot.empty small{display:grid;place-items:center;height:100%;font-size:11px;color:#5e5c69}button.slot{cursor:pointer;transition:transform .08s,filter .1s}button.slot:hover{transform:translateY(-2px);filter:brightness(1.15)}.slot.r-common{--rc: #6d6c79;--rb: #3b3b45}.slot.r-rare{--rc: var(--r-rare);--rb: #1f3558}.slot.r-epic{--rc: var(--r-epic);--rb: #3b2260}.slot.r-unique{--rc: var(--r-unique);--rb: #5a3a10}.slot.good{box-shadow:inset 0 0 0 2px var(--gold),0 0 10px #ffc93c73,0 2px #18181d}.slot.cant .ico{filter:grayscale(.7) brightness(.65)}.slot.cant:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:9px;background:#c828282e}.slot .cnt{position:absolute;right:3px;bottom:1px;font:700 13px var(--num);text-shadow:0 0 3px #000,0 1px 0 #000}.slot .star{position:absolute;left:2px;top:2px;width:14px;height:14px;font-style:normal;color:var(--gold);font-size:13px;filter:drop-shadow(0 0 2px #000)}#login{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 0%,rgba(255,201,60,.16),transparent 55%),radial-gradient(circle at 50% 100%,#2b3d63,#121216 70%)}#login-mute{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:5;width:44px;height:44px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#121216b8;color:var(--gold, #ffc93c);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#login-mute:hover{background:#282832d9}#login-mute.off{color:var(--muted)}#login-mute .ico{width:26px;height:26px}#login-mute.off .ico{opacity:.7}#login-form{width:min(460px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:22px 24px 24px;display:flex;flex-direction:column;gap:12px}.logo{text-align:center;margin-bottom:4px}.logo b{display:block;font-size:34px;font-weight:900;letter-spacing:4px;background:linear-gradient(#fff3b0,#ffc93c 55%,#e08a12);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #5a3505) drop-shadow(0 0 12px rgba(255,180,40,.35))}.logo small{font:600 11px var(--num);letter-spacing:6px;color:var(--muted)}#login label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px;font-weight:700}#login input{font:inherit;font-size:15px;padding:10px 12px;border-radius:10px;border:2px solid var(--edge);background:#1c1c22;color:var(--text);box-shadow:inset 0 2px 4px #0006;outline:none}#login input:focus{border-color:var(--gold)}.row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.row>span{width:36px;flex:none}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{min-width:26px;height:26px;padding:0 8px;border-radius:8px;border:2px solid var(--edge);font-size:12px;background:var(--panel-3)}.swatch.on{outline:2px solid var(--gold);outline-offset:1px}.field-label{color:var(--muted);font-size:13px}.chars{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.char{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;background:var(--panel-3);border:2px solid var(--edge);border-radius:10px}.char img{width:100%;max-width:64px;aspect-ratio:1;object-fit:contain}.char span{font-size:12px}.char.on{outline:2px solid var(--gold)}#hero-rows{display:flex;flex-direction:column;gap:6px}.cycle{display:grid;grid-template-columns:40px 30px 1fr 30px;align-items:center;gap:4px;font-size:13px;color:var(--muted)}.cycle button{height:26px;padding:0;border-radius:8px;border:2px solid var(--edge);background:linear-gradient(#55555f,#3e3e47);box-shadow:0 2px #1b1b20}.cycle .val{text-align:center;color:var(--text);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hero-random{align-self:flex-start}#login-error{margin:0;min-height:1.2em;color:#ff8a8a;font-size:13px}#conn-retry{align-self:center}#topleft{position:fixed;left:14px;top:12px;display:flex;flex-direction:column;gap:8px;pointer-events:none}#minimap{--mm-w: 220px;position:relative;width:calc(var(--mm-w) + 16px);padding:5px 6px 6px 8px;border-radius:12px;background:linear-gradient(180deg,#14141ae6,#14141ac7);border-left:4px solid var(--gold);box-shadow:0 2px #00000059;pointer-events:auto}#minimap .mm-head{display:flex;align-items:center;gap:4px}#mapname{display:flex;flex-direction:column;flex:1;min-width:0;padding:1px 0 2px 4px}#mapname b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-locale=en] #mapname b{font-size:14px;letter-spacing:-.2px}.mm-btn{flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border:2px solid var(--edge);border-radius:8px;background:linear-gradient(var(--panel-3),var(--panel));box-shadow:inset 0 1px #ffffff24}.mm-btn:hover{background:linear-gradient(#4c4c58,var(--panel-2))}.mm-btn .ico{width:20px;height:20px}.mm-fold .ico{width:16px;height:16px;transition:transform .15s}#minimap.collapsed .mm-fold .ico{transform:rotate(180deg)}#minimap .mm-body{position:relative;margin-top:5px}#minimap.collapsed .mm-body{display:none}#minimap canvas{display:block;margin:0 auto;border-radius:6px;background:#080a108c;box-shadow:inset 0 0 0 1px var(--line);touch-action:none}.mm-tip{position:absolute;z-index:1;padding:2px 7px 3px;border-radius:6px;background:#0c0c10eb;border:1px solid var(--panel-3);font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none}.mm-guide{margin-top:4px;padding-left:2px;font-size:11px;font-weight:700;color:var(--exp);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mapname small{font-size:10px;color:var(--muted);letter-spacing:2px}#mapname b{font-size:17px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.5)}html[data-locale=en] #mapname b{font-size:14px;line-height:1.1;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#mapname.flash{animation:mapflash 2.2s ease-out}@keyframes mapflash{0%{transform:translate(-30px);opacity:0}15%{transform:none;opacity:1}}#buffs{display:flex;gap:6px}.buff{position:relative;width:34px;height:34px;border-radius:9px;overflow:hidden;border:2px solid var(--edge);box-shadow:0 0 0 1px #ffffff40}.buff span{position:absolute;inset:auto 0 0 0;text-align:center;font:700 11px var(--num);background:#0000008c}.buff.ending{animation:blink .5s infinite alternate}@keyframes blink{to{opacity:.45}}#topright{position:fixed;right:14px;top:12px;display:flex;align-items:flex-start;gap:8px;pointer-events:none}#topright>*{pointer-events:auto}#help-btn{width:34px;height:34px;border-radius:50%;border:2px solid var(--edge);background:linear-gradient(#56565f,#3b3b44);box-shadow:0 2px #18181d,inset 0 2px #ffffff26;font:900 17px var(--num);display:grid;place-items:center;padding:0}#help-btn .ico{width:22px;height:22px}.card{background:#18181ee0;border:2px solid var(--edge);border-radius:14px;box-shadow:inset 0 1px #ffffff0f,0 8px 24px #0006}#keys{padding:10px 14px 12px;font-size:12px;transition:opacity .4s,transform .4s;transform-origin:top right}#keys.closed{opacity:0;transform:scale(.9);pointer-events:none}#keys h4{margin:0 0 6px;font-size:13px;color:var(--gold)}.keyrow{display:flex;align-items:center;gap:4px;margin:4px 0}.keyrow span{margin:0 6px 0 4px;color:#ddd9e6}#dock{position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:min(1360px,calc(100vw - 16px));display:flex;align-items:center;gap:10px;padding:8px 12px 9px;border-radius:18px;background:linear-gradient(#34343cf5,#24242bf5);border:2px solid var(--edge);box-shadow:inset 0 2px #ffffff12,0 8px 26px #00000073}.who{display:flex;align-items:center;gap:8px;min-width:130px}.lvbadge{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-content:center;text-align:center;line-height:1;background:radial-gradient(circle at 50% 30%,#ffe27a,#f0a92a 60%,#b06a0c);border:2px solid var(--edge);box-shadow:inset 0 2px #ffffff80,0 2px #18181d;color:#3b2400}.lvbadge small{font:700 9px var(--num)}.lvbadge b{font:700 19px var(--num)}.lvbadge.lvup{animation:lvup 1s ease-out}@keyframes lvup{0%{transform:scale(1);box-shadow:0 0 #ffd23ce6}30%{transform:scale(1.35)}to{transform:scale(1);box-shadow:0 0 0 26px #ffd23c00}}.names{display:flex;flex-direction:column;min-width:0}.names b{font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.names small{font-size:11px;color:var(--gold)}.vit{flex:1 1 200px;display:flex;flex-direction:column;gap:4px;min-width:150px}.gauge{display:flex;align-items:center;gap:6px}.gauge>i{width:24px;font:700 11px var(--num);font-style:normal;text-align:right}.gauge.hp>i{color:var(--hp)}.gauge.mp>i{color:var(--mp)}.track{position:relative;flex:1;height:17px;border-radius:9px;overflow:hidden;background:#17171c;border:2px solid var(--edge);box-shadow:inset 0 2px 3px #0009}.track .fill,.track .ghost{position:absolute;inset:0 auto 0 0}.track .ghost{background:#ffffffbf}.track .fill{transition:width .15s;box-shadow:inset 0 3px #ffffff47,inset 0 -3px #0000002e}.hp .fill{background:linear-gradient(#ff7a85,#e8303f)}.mp .fill{background:linear-gradient(#73bcff,#2c7fe0)}.track span{position:relative;display:block;text-align:center;font:600 11px/13px var(--num);text-shadow:0 1px 0 #000,0 0 3px #000}#flash,#dim{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}#flash{mix-blend-mode:screen}#dim{background:radial-gradient(ellipse at 50% 55%,#08061426,#080614b3 75%)}#lowhp{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 120px 30px #dc14288c;opacity:0;transition:opacity .4s}#lowhp.on{animation:lowhp 1.1s infinite alternate}@keyframes lowhp{0%{opacity:.25}to{opacity:.85}}#quick,#hotbar{display:flex;gap:6px}#quick .hk,#hotbar .hk{width:44px;height:44px;padding:4px;cursor:pointer}.hk[data-bind^="it:"],.kc.it{--rc: #6a2a35;--rb: #2c2228}.hk[data-bind^="fn:"],.kc.fn{--rc: #2a5a4a;--rb: #1f2a26}.slot-ico{display:block;width:100%;height:100%}.slot kbd{position:absolute;left:-4px;top:-6px;min-width:17px;height:17px;font-size:10px}.hk .cnt,.kc .cnt{position:absolute;right:3px;bottom:1px;font:700 12px var(--num);text-shadow:0 0 3px #000,0 1px 0 #000}#quick .hk,#hotbar .hk{--rc: #5a4a8a;--rb: #262033;padding:3px}#quick .hk .slot-ico img,#quick .hk .slot-ico span,#hotbar .hk .slot-ico img,#hotbar .hk .slot-ico span{border-radius:8px}.hk.zero .slot-ico,.kc .cnt.zero{filter:grayscale(1) brightness(.6)}#quick .hk.empty,#hotbar .hk.empty{--rc: #3a3a44;--rb: #24242a;opacity:.6}#hotbar .hk.nomp .slot-ico{filter:grayscale(.8) brightness(.6)}.hk-cd{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:8px;display:grid;place-items:center;font:700 16px var(--num);text-shadow:0 1px 2px #000;pointer-events:none}.hk.oncd .slot-ico{filter:saturate(.5) brightness(.85)}.hk.cd-ready{animation:cd-ready .45s ease-out}@keyframes cd-ready{0%{box-shadow:0 0 #ffeca0f2,inset 0 0 10px #ffeca0cc}to{box-shadow:0 0 0 8px #ffeca000,inset 0 0 #ffeca000}}#menu{display:flex;gap:4px;margin-left:auto}.menu-btn{position:relative;min-width:44px;height:52px;padding:3px 4px 0;border-radius:12px;border:2px solid transparent;background:transparent;display:flex;flex-direction:column;align-items:center;gap:1px;transition:background .1s,transform .08s}.menu-btn:hover{background:#ffffff12;border-color:var(--edge);transform:translateY(-2px)}.menu-btn .ico{width:30px;height:30px}.menu-btn span{padding:0 1px;font-size:11px;font-weight:700;color:#dcd8e6;white-space:nowrap}@media (max-width: 1279px){.menu-btn span{display:none}.menu-btn{height:44px;justify-content:center;padding:0}}.hm-wrap{position:relative;display:flex}.hm-btn .ico{filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.hm-btn[aria-expanded=true]{background:#ffc93c1f;border-color:var(--gold-d)}.badge.hm-dot{right:4px;top:-2px;min-width:12px;width:12px;height:12px;padding:0}.hm-pop{position:fixed;z-index:50;width:236px;overflow-y:auto;padding:6px;border-radius:14px;background:#18181ef0;border:2px solid var(--edge);box-shadow:inset 0 2px #ffc93c40,0 14px 36px #0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:hmin .14s ease-out;transform-origin:top right}.hm-pop.open-up{transform-origin:bottom right}@keyframes hmin{0%{opacity:0;transform:scale(.96)}}.hm-head{padding:4px 8px 6px;font-size:12px;font-weight:900;letter-spacing:1px;color:var(--gold);border-bottom:1px solid var(--line);margin-bottom:4px}.hm-row{position:relative;width:100%;display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 8px;border:0;border-radius:10px;background:transparent;color:var(--text);font:700 13px var(--font);text-align:left;transition:background .1s}.hm-row:hover,.hm-row:focus-visible{background:#ffc93c1a;box-shadow:inset 3px 0 0 var(--gold);outline:none}.hm-row .ico{flex:none;width:28px;height:28px}.hm-label{flex:1;white-space:nowrap}.hm-row .badge{position:static;animation:none}.hm-row kbd{min-width:24px;font-size:11px}.badge{position:absolute;right:2px;top:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(#ff6a60,#d8302a);border:2px solid var(--edge);font:700 10px/14px var(--num);font-style:normal;animation:bounce 1s infinite}@keyframes bounce{50%{transform:translateY(-3px)}}.meso-box{display:flex;align-items:center;gap:5px;padding:4px 10px 4px 6px;border-radius:10px;background:#1c1c22;border:2px solid var(--edge);font:700 14px var(--num);color:var(--gold);white-space:nowrap}.meso-box .ico,.meso-box img{width:20px;height:20px}#expbar{position:fixed;left:0;right:0;bottom:0;height:9px;background:#101014;border-top:1px solid #000}#expbar .fill{height:100%;background:linear-gradient(#ffe680,#f1b71e);box-shadow:0 0 8px #ffd23c99;transition:width .3s}#expbar span{position:absolute;right:10px;bottom:12px;font:600 11px var(--num);color:#ffe9a6;text-shadow:0 1px 0 #000,0 0 4px #000;pointer-events:none}#chat{position:fixed;left:14px;bottom:96px;width:min(340px,calc(100vw - 28px))}#chatlog{max-height:110px;overflow-y:auto;font-size:12px;line-height:1.55;padding:6px 10px;border-radius:10px 10px 0 0;text-shadow:0 1px 2px #000,0 0 3px #000;transition:background .2s}#chatlog div{transition:opacity .8s}#chatlog .sys{color:#ffd27a}#chatlog .old{opacity:0}#chat:hover #chatlog .old,#chat:focus-within #chatlog .old{opacity:1}#chat:hover #chatlog,#chat:focus-within #chatlog{background:#10101499}#chatinput{width:100%;font:inherit;font-size:12px;padding:6px 10px;border:2px solid transparent;border-radius:0 0 10px 10px;background:#10101459;color:var(--text);outline:none}#chatinput:focus{background:#101014d9;border-color:var(--gold);border-radius:10px}#feed{position:fixed;right:18px;bottom:100px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;pointer-events:none}#feed div{display:flex;align-items:center;gap:6px;padding:3px 12px 3px 5px;border-radius:14px;background:linear-gradient(90deg,#10101400,#101014b3 30%);font-size:13px;font-weight:700;text-shadow:0 1px 0 #000;animation:feedin .25s ease-out;transition:opacity .6s,transform .6s}#feed img{width:22px;height:22px}#feed .out{opacity:0;transform:translate(20px)}@keyframes feedin{0%{transform:translate(24px);opacity:0}}.g-exp{color:#d9b8ff}.g-meso{color:var(--gold)}.g-item{color:#9effc1}#combo{position:fixed;right:46px;top:30%;text-align:right;pointer-events:none;opacity:0;transition:opacity .3s;font-family:var(--num);color:#fff;line-height:1}#combo.show{opacity:1}#combo small{display:block;font-size:15px;font-weight:700;letter-spacing:4px;color:#ffe08a;text-shadow:0 2px 0 #7a4a00}#combo b{display:inline-block;font-size:64px;font-weight:700;background:linear-gradient(#fff6c0,#ffc93c 50%,#ff7b2e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #6a2a00) drop-shadow(0 0 10px rgba(255,140,40,.6))}#combo i{display:block;font-style:normal;font-size:13px;font-weight:700;letter-spacing:6px;color:#ffd0a0}#combo.pop b{animation:combopop .28s cubic-bezier(.2,2,.4,1)}@keyframes combopop{0%{transform:scale(1.9)}to{transform:scale(1)}}.toast{position:fixed;left:50%;top:24%;transform:translate(-50%);padding:9px 20px;border-radius:12px;background:#18181eeb;border:2px solid var(--edge);box-shadow:inset 0 0 0 1px #ffc93c80,0 8px 20px #0006;color:#fff;font-size:15px;font-weight:700;z-index:50;pointer-events:none;animation:toast 2.6s forwards}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px) scale(.95)}8%,82%{opacity:1;transform:translate(-50%)}to{opacity:0}}#dead{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);padding:22px 30px;text-align:center;z-index:40}#dead h3{margin:0 0 6px;font-size:22px;font-weight:900}#dead p{margin:0 0 16px;color:var(--muted);font-size:13px}.win{position:fixed;z-index:10;width:330px;max-height:calc(100vh - 172px);display:flex;flex-direction:column;background:linear-gradient(var(--panel-2),var(--panel) 120px);border:2px solid var(--edge);border-radius:18px;box-shadow:inset 0 2px #ffffff12,0 16px 40px #0000008c;font-size:13px;animation:winin .16s ease-out}@keyframes winin{0%{transform:scale(.94);opacity:0}}.win.dragging{opacity:.92}.win-inv{width:372px}.win-skills{width:360px}.win-shop{width:340px}.win-npc{width:min(480px,calc(100vw - 32px));left:50%!important;top:auto!important;bottom:120px;transform:translate(-50%);animation:none}.win-title{position:relative;display:flex;align-items:center;gap:8px;padding:10px 12px 8px 14px;cursor:move;-webkit-user-select:none;user-select:none;font-size:15px;font-weight:900;text-shadow:0 2px 0 rgba(0,0,0,.5)}.win-title:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.win-ico{width:26px;height:26px}.win-title span{flex:1}.win-x{width:28px;height:28px;padding:0;border-radius:50%;border:2px solid var(--edge);background:linear-gradient(#ff7a72,#d8382f);box-shadow:inset 0 2px #ffffff4d,0 2px 0 var(--red-d);font-size:13px;font-weight:900}.win-body{padding:10px 14px 14px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#55555f transparent}.section{margin-top:10px;padding:8px 10px;border-radius:12px;background:#0000002e;box-shadow:inset 0 2px 4px #00000040}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}.kv{display:flex;justify-content:space-between;gap:8px;padding:3px 0}.kv span{color:var(--muted)}.kv b{font-family:var(--num);font-weight:600}.sec-head{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-weight:700}.sec-head span{color:var(--muted)}.ap-n{font:700 18px var(--num);color:var(--muted)}.has .ap-n{color:var(--gold)}.sec-head .btn{margin-left:auto}.profile{display:flex;align-items:center;gap:10px}.profile .pname{font-size:16px;font-weight:900}.profile .pjob{font-size:12px;color:var(--gold)}.power{margin-left:auto;text-align:right}.power small{display:block;font-size:10px;color:var(--muted)}.power b{font:700 15px var(--num);color:#ffb07a}.vitals{display:flex;gap:14px;margin-top:8px;font-size:12px;color:var(--muted)}.vitals b{color:var(--text);font-family:var(--num)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.dot.hp{background:var(--hp)}.dot.mp{background:var(--mp)}.srow{display:grid;grid-template-columns:1fr auto 32px;gap:8px;align-items:center;padding:4px 6px;margin:3px 0;border-radius:9px;background:#ffffff08}.sname{display:flex;align-items:baseline;gap:8px;color:var(--muted)}.sname b{font:700 13px var(--num);color:#d6d2e0;width:30px}.srow.main{box-shadow:inset 3px 0 0 var(--gold)}.srow.main .sname b{color:var(--gold)}.srow.sub .sname b{color:var(--blue)}.sval{font:700 15px var(--num)}.sval i{font-style:normal;font-size:12px;color:#7fe08a}.ap-box .hint{margin-top:6px}.ap-autolv{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:var(--muted)}.sp-head,.free-head{padding:6px 10px;border-radius:10px;background:#0000002e}.free-head{font-size:13px;color:var(--muted)}.sk-auto{margin-top:4px;font-size:11px;color:var(--muted)}.skill-list{display:flex;flex-direction:column;gap:6px;margin:8px 0}.skill{display:grid;grid-template-columns:52px 1fr 34px;gap:10px;align-items:center;padding:6px;border-radius:12px;background:#ffffff09;border:1px solid var(--line)}.skill.locked .sk-slot .ico{filter:grayscale(1) brightness(.55)}.skill.locked .sk-name{color:var(--muted)}.sk-slot{--rc: #5a4a8a;--rb: #262033;padding:3px}.sk-slot img{border-radius:8px}.sk-name{display:flex;align-items:center;gap:6px;font-weight:900}.tag{font-style:normal;font-size:10px;font-weight:700;padding:1px 6px;border-radius:6px;background:#4a4a55}.tag.t-attack{background:#8a2e2a}.tag.t-buff{background:#24508a}.tag.t-move{background:#2a7a48}.sk-lv{display:flex;align-items:center;gap:8px;margin-top:4px}.lvbar{flex:1;height:7px;border-radius:4px;background:#18181d;overflow:hidden}.lvbar i{display:block;height:100%;background:linear-gradient(90deg,#8a6aff,#c79bff)}.sk-lv small{font:600 11px var(--num);color:var(--muted);min-width:34px;text-align:right}.keys{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.keys button{width:26px;height:22px;padding:0;border-radius:6px;border:2px solid var(--edge);background:#2b2b33;font:700 11px var(--num);color:var(--muted)}.keys button.on{background:linear-gradient(#ffd75e,#f0a92a);color:#3b2400}.tabs{display:flex;gap:4px;padding:3px;border-radius:12px;background:#00000040;margin-bottom:10px}.tabs button{flex:1;padding:6px 0;border:none;border-radius:9px;background:transparent;color:var(--muted);font-weight:700}.tabs button small{margin-left:4px;font:600 10px var(--num);opacity:.7}.tabs button.on{background:linear-gradient(#5d5d69,#484852);color:#fff;box-shadow:inset 0 1px #ffffff26,0 2px #18181d}.inv-grid{display:grid;grid-template-columns:repeat(6,52px);gap:6px;justify-content:center}.inv-foot{display:flex;align-items:center;gap:10px;margin-top:10px}.inv-foot .hint{margin-left:auto;text-align:right}.doll{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:". helmet ." "weapon mid shield" "cape armor .";gap:8px;justify-items:center;padding:10px 0 4px;border-radius:14px;background:radial-gradient(circle at 50% 50%,rgba(255,201,60,.08),transparent 70%)}.eslot{display:flex;flex-direction:column;align-items:center;gap:3px}.eslot label{font-size:11px;color:var(--muted)}.eslot .slot{width:58px;height:58px}.es-helmet{grid-area:helmet}.es-weapon{grid-area:weapon}.es-shield{grid-area:shield}.es-armor{grid-area:armor}.es-cape{grid-area:cape}.doll-mid{grid-area:mid;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.doll-mid b{font-weight:900}.doll-mid small{color:var(--gold);font-size:11px}.shop-list{display:flex;flex-direction:column;gap:6px}.shop-row{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:6px;border-radius:12px;background:#ffffff09;border:1px solid var(--line)}.shop-info{display:flex;flex-direction:column;gap:2px}.price{font:700 13px var(--num);color:var(--gold)}.price.poor{color:#ff8a7a}.shop-btns{display:flex;gap:4px}.npc-text{font-size:15px;line-height:1.75;min-height:3.5em;padding:10px 14px;border-radius:12px;background:#f4ecd8;color:#3a2d1c;box-shadow:inset 0 0 0 2px #d9c7a0,inset 0 3px 6px #0000001f}.npc-opts{display:flex;flex-direction:column;gap:8px;margin-top:10px}.npc-opts>.btn{align-self:flex-start}.job-opt{padding:8px 10px;border-radius:12px;background:#0003;border:1px solid var(--line)}.job-opt.ok{box-shadow:inset 0 0 0 1px #79d25080}.job-opt .hint{margin:6px 0 0;font-size:12px;line-height:1.45}.reqs{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px}.req-ok{color:#8fe08f}.req-bad{color:#ff8a7a;font-weight:700}.job-opt.shake{animation:shake .3s}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.npc-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.npc-nav .page{margin-right:auto;font:600 12px var(--num);color:var(--muted)}#tooltip{position:fixed;left:0;top:0;z-index:60;width:250px;padding:10px 12px;border-radius:14px;background:#16161cf7;border:2px solid var(--edge);box-shadow:inset 0 0 0 1px #ffffff14,0 10px 30px #0000008c;font-size:12px;pointer-events:none}.tip-head{display:flex;align-items:center;gap:10px;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid var(--line)}.tip-ico{width:42px;height:42px;flex:none;border-radius:10px;object-fit:contain}.tip-head b{display:block;font-size:14px;font-weight:900}.tip-head small{color:var(--muted)}.tip-head.r-rare b{color:#7db6ff}.tip-head.r-epic b{color:#c998ff}.tip-head.r-unique b{color:#ffc548}#tooltip p{margin:6px 0;color:#d6d2e0;line-height:1.5}.tip-req{color:#cfcbd9}.tip-req.bad{color:#ff7a6e}.tip-sec{margin-top:6px;padding:6px 8px;border-radius:9px;background:#ffffff0a}.tip-sec h5{margin:0 0 3px;font-size:11px;color:var(--muted)}.tip-sec.next{opacity:.8}.tip-origin{margin-top:4px;font-size:11px;color:var(--muted);font-style:italic}.tip-stat.q-max{box-shadow:inset 2px 0 #ffd75ed9;padding-left:5px}.tip-head.god b{text-shadow:0 0 8px rgba(255,215,94,.55)}.tip-grade{display:inline-block;margin-left:6px;padding:0 6px;border-radius:6px;font-size:11px;font-style:normal;font-weight:700;vertical-align:2px}.tip-grade.g1{background:#ffd75e2e;color:#ffd75e}.tip-grade.g2{background:linear-gradient(90deg,#ffb347,#ff5e8a);color:#fff}.tip-craft{color:#ffd75e;font-style:normal}.tip-stat{display:flex;gap:6px}.tip-stat span{flex:1;color:var(--muted)}.tip-stat b{font-family:var(--num)}.tip-stat i{font-style:normal;font-family:var(--num)}.up{color:#7fe08a}.down{color:#ff7a6e}.tip-foot{display:flex;justify-content:space-between;margin-top:8px;color:var(--gold);font:600 12px var(--num)}.tip-foot em{font-style:normal;color:var(--muted);font-family:var(--font)}@media (max-width: 900px){#dock{flex-wrap:wrap;gap:8px}.menu-btn span{display:none}.menu-btn{height:40px}#chat{bottom:150px}#keys{display:none}}.skill-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;padding:4px 0 5px;line-height:1.2}.skill-tabs button small{margin:0;font:500 10px var(--font);opacity:.75}.dot-new{position:absolute;right:6px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px var(--edge)}#dev-btn{height:34px;padding:0 12px;border-radius:17px;border:2px solid var(--edge);background:linear-gradient(#ff8a5c,#e2543a);box-shadow:0 2px #18181d,inset 0 2px #ffffff40;font:700 13px var(--num);letter-spacing:1px}#devpanel{position:fixed;right:14px;top:56px;z-index:30;width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 150px);display:flex;flex-direction:column;background:linear-gradient(var(--panel-2),var(--panel) 120px);border:2px solid var(--edge);border-radius:18px;box-shadow:inset 0 0 0 1px #ff785059,0 16px 40px #0000008c;font-size:13px}#devpanel .win-title{cursor:default}#devpanel .win-title small{color:var(--muted);font:600 11px var(--num)}#devpanel h5{margin:12px 0 6px;color:var(--muted);font-size:12px}.dev-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.dev-tree{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.dev-col{display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:12px;background:#0003}.dev-branch{display:flex;flex-direction:column;gap:3px;padding-left:8px;border-left:2px solid rgba(255,255,255,.1)}.dev-job{display:flex;flex-direction:column;align-items:flex-start;padding:4px 8px 5px;border-radius:9px;border:2px solid var(--edge);background:linear-gradient(#4d4d58,#3a3a43);font-weight:700;text-align:left}.dev-job small{font:600 9px var(--num);color:var(--muted)}.dev-job:hover{filter:brightness(1.2)}.dev-job.on{background:linear-gradient(#ffd75e,#f0a92a);color:#3b2400}.dev-job.on small{color:#6a4a00}.dev-items{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.dev-item{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:4px 8px 4px 4px;border-radius:10px;border:1px solid var(--line);background:#ffffff0a;text-align:left}.dev-item .slot{grid-row:span 2;width:40px;height:40px;padding:3px}.dev-item b{font-size:12px}.dev-item small{font-size:10px;color:var(--muted)}.dev-item:hover{background:#ffffff17}.dev-item.on{box-shadow:inset 0 0 0 2px var(--gold)}.fx-tag{display:inline-block;margin-top:2px;padding:1px 6px;border-radius:6px;background:#ffc93c24;color:#ffd76a;font-style:normal;font-weight:700}.fx-tag.bad{background:#ff50462e;color:#ff8a7a}.slot.r-legend{--rc: #ff4a4a;--rb: #5a1818;animation:legendGlow 1.6s infinite alternate}@keyframes legendGlow{to{box-shadow:inset 0 0 0 2px #ffb3a0,0 0 14px #ff463cb3,0 2px #18181d}}.tip-head.r-legend b{color:#ff6a5a}.tip-sec.pot h5{color:var(--gold)}.tip-sec.pot.t1{box-shadow:inset 2px 0 0 var(--r-rare)}.tip-sec.pot.t2{box-shadow:inset 2px 0 0 var(--r-epic)}.tip-sec.pot.t3{box-shadow:inset 2px 0 0 var(--r-unique)}.tip-sec.pot.t4{box-shadow:inset 2px 0 #ff4a4a}.tip-sec.pot .tip-stat b{color:#9effc1}#bossbar{position:fixed;left:50%;top:62px;transform:translate(-50%);width:min(560px,calc(100vw - 260px));pointer-events:none}.bb-name{display:flex;align-items:baseline;gap:8px;margin-bottom:3px;text-shadow:0 2px 0 #000}.bb-name i{font:700 11px var(--num);font-style:normal;padding:1px 6px;border-radius:6px;background:linear-gradient(#ff6a5a,#c8261e);border:1px solid var(--edge)}.bb-name b{font-size:16px;font-weight:900}.bb-name small{margin-left:auto;font:600 12px var(--num);color:#ffd9d0}.bb-track{position:relative;height:16px;border-radius:8px;overflow:hidden;background:#17171c;border:2px solid var(--edge);box-shadow:0 4px 12px #0006}.bb-fill,.bb-ghost{position:absolute;inset:0 auto 0 0}.bb-ghost{background:#ffe6c8cc}.bb-fill{background:linear-gradient(#ff7a6a,#c42a20);box-shadow:inset 0 3px #ffffff4d;transition:width .12s}html.ak-art .bb-track{height:20px;border-radius:0;border:3px solid transparent;border-image:var(--ak-bar-frame) 5 fill / 3px stretch;background:none}html.ak-art #bossbar:before{content:"";position:absolute;left:-34px;bottom:-7px;width:34px;height:34px;background:var(--ak-skull) center / 46% auto no-repeat,var(--ak-badge) center / 100% 100% no-repeat}#hero-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:4px}.preset{padding:6px 0;border-radius:9px;border:2px solid var(--edge);background:linear-gradient(#4d4d58,#3a3a43);box-shadow:0 2px #18181d;font-size:12px;font-weight:700}.preset.on{background:linear-gradient(#ffd75e,#f0a92a);color:#3b2400}#hero-base{display:flex;gap:14px;flex-wrap:wrap}.seg{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted)}.seg span{margin-right:4px}.seg button{padding:4px 12px;border-radius:8px;border:2px solid var(--edge);background:linear-gradient(#4d4d58,#3a3a43);font-weight:700}.seg button.on{background:linear-gradient(#ffd75e,#f0a92a);color:#3b2400}.win-equip{width:420px}.charpanel{display:grid;grid-template-columns:70px 1fr 70px;gap:8px;align-items:center;padding:6px 0}.cp-col{display:flex;flex-direction:column;gap:5px;align-items:center}.charpanel .eslot .slot,.cp-acc .eslot .slot{width:50px;height:50px}.cp-acc{display:flex;justify-content:center;gap:14px;padding:2px 0 6px}.cp-sets{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:6px}.cp-set{font-size:11px;padding:2px 8px;border-radius:999px;color:#9effc1;background:#50dc8c1f;box-shadow:inset 0 0 0 1px #50dc8c59}.tip-sec.set{box-shadow:inset 2px 0 #50dc8c}.tip-sec.set h5 em{font-style:normal;margin-left:6px;color:var(--gold)}.set-part{color:var(--muted);font-size:12px}.set-part.on{color:#9effc1}.set-bonus{margin-top:3px;font-size:12px;color:#8a8698}.set-bonus b{margin-right:6px}.set-bonus.on{color:#9effc1}.cp-mid{position:relative;height:284px;border-radius:16px;background:radial-gradient(ellipse at 50% 70%,rgba(255,201,60,.14),transparent 65%),linear-gradient(#3a3f5a,#262838);box-shadow:inset 0 0 0 2px #ffffff0f,inset 0 -30px 40px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.cp-stage{width:190px;height:230px;margin-bottom:-12px}.cp-stage canvas{display:block}.cp-name{position:absolute;top:8px;text-align:center}.cp-name b{display:block;font-weight:900}.cp-name small{color:var(--gold);font-size:11px}.slot.cosm{--rc: #e86fa8;--rb: #4a2240}.drop-ok{outline:3px dashed var(--gold)!important;outline-offset:2px}body.is-dragging #tooltip{display:none!important}[draggable=true]{cursor:grab}.win-cash{width:min(700px,calc(100vw - 32px))}.cash{display:grid;grid-template-columns:230px 1fr;gap:14px}.cs-left{display:flex;flex-direction:column;gap:8px}.cs-stage{height:270px;border-radius:16px;background:radial-gradient(ellipse at 50% 75%,rgba(232,111,168,.22),transparent 65%),linear-gradient(#3d3554,#262838);box-shadow:inset 0 0 0 2px #ffffff0f;display:flex;justify-content:center;overflow:hidden}.cs-points{display:flex;justify-content:space-between;padding:6px 10px;border-radius:10px;background:#00000040}.cs-points b{font:700 16px var(--num);color:#ff9ad0}.cs-try{display:flex;flex-wrap:wrap;gap:4px;font-size:11px}.cs-try span{padding:2px 6px;border-radius:6px;background:#e86fa82e}.cs-btns{display:flex;flex-wrap:wrap;gap:6px}.cs-tabs{flex-wrap:wrap}.cs-tabs button{flex:1 0 18%}.cs-wnote b{display:block;margin-top:2px;color:#ffc48a;font-weight:600}.cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:380px;overflow-y:auto}.cs-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a}.cs-card:hover{background:#ffffff17}.cs-card.trying{box-shadow:inset 0 0 0 2px #ff9ad0}.cs-card b{font-size:12px}.cs-card small{font:600 11px var(--num);color:#ff9ad0}.cs-card small.own{color:#8fe08f}.lb-grid{display:block}.lb-set{margin-bottom:10px;padding:6px 8px 8px;border-radius:12px;border:1px solid var(--line);background:#0000002e}.lb-set.done{border-color:#8fe08f8c}.lb-set header{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;font-size:12px}.lb-set header span{color:var(--muted);flex:1}.lb-set header small{font:700 12px var(--num);color:var(--muted)}.lb-set header small.own,.lb-set.done header b{color:#8fe08f}.lb-set.open{border-color:#ffd26e99}.lb-action{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12px}.lb-state{color:var(--muted)}.lb-state.open{color:#ffd27a;font-weight:700}.lb-tokens{display:flex;align-items:center;gap:6px;margin:0 0 8px;font:700 13px var(--num);color:#ffd27a}.lb-pieces{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.cs-card.locked{opacity:.45;filter:grayscale(.8);cursor:default}.cs-card.locked:hover{background:#ffffff0a}.cs-card small.lock{color:var(--muted)}.cs-tabs button.lb-tab{flex:1 0 36%}#title-bg{position:fixed;top:0;right:0;bottom:0;left:0}#title-bg canvas{display:block}#login{background:linear-gradient(90deg,#0a0c1c8c,#0a0c1c0d 45%,#0a0c1c26 60%,#0a0c1ca6)!important;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px 5vw}#title-hero{max-width:520px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.45),0 0 18px rgba(0,0,0,.35);animation:heroIn .9s cubic-bezier(.2,1.3,.4,1)}@keyframes heroIn{0%{transform:translateY(24px);opacity:0}}.logo.big{text-align:left}.logo.big b{display:inline-block;padding:0 6px;font-size:clamp(54px,7vw,92px);-webkit-text-stroke:1.5px #7a4208;background:linear-gradient(#fffbe0 10%,#ffe066 45%,#ffb020 70%,#ff8a10)!important;-webkit-background-clip:text!important;background-clip:text!important;letter-spacing:6px;line-height:1;filter:drop-shadow(0 5px 0 #5a3505) drop-shadow(0 0 24px rgba(255,180,40,.55));animation:logoFloat 3.5s ease-in-out infinite}@keyframes logoFloat{50%{transform:translateY(-6px)}}.logo.big small{display:block;margin-top:8px;font-size:14px;letter-spacing:10px;color:#ffe7a6}.logo-img{display:block;width:clamp(260px,32vw,500px);height:auto;margin-left:-10px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45));animation:logoFloat 3.5s ease-in-out infinite;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tagline{margin:18px 0;font-size:20px;font-weight:900}.features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.features li{display:flex;align-items:center;gap:10px;width:fit-content;padding:7px 14px 7px 8px;border-radius:999px;background:#0e10228c;border:1px solid rgba(255,215,120,.35);font-size:14px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.features i{display:grid;place-items:center;width:30px;height:30px;flex:none}.features i img{width:30px;height:30px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}#login-form{margin-left:auto;background:linear-gradient(#2c2c36eb,#202028f0)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px #ffd77840,0 20px 60px #0000008c!important}.form-title{margin:0 0 2px;font-size:20px;font-weight:900;color:var(--gold)}@media (max-width: 980px){#title-hero{display:none}#login{justify-content:center}#login-form{margin:0 auto}}.logo.big b{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#ffd84a!important;-webkit-text-stroke:0;filter:none!important;text-shadow:0 2px 0 #ffb020,0 4px 0 #e0800c,0 6px 0 #a85606,0 8px 0 #6a3404,0 10px 14px rgba(0,0,0,.55),0 0 30px rgba(255,190,60,.6)}.win-world{width:min(940px,calc(100vw - 32px))}.worldmap2{border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 3px #7a5a2c,0 0 0 2px #e8c878,0 6px 20px #0006;background:#1b9ac9}.worldmap2 svg{display:block;width:100%;height:auto;max-height:calc(100vh - 230px)}@media (max-height: 520px){.worldmap2 svg{max-height:none}}.wm-region-name{font:900 19px var(--font);fill:#fff8e0;stroke:#3a2610;stroke-width:4px;paint-order:stroke;text-anchor:middle;letter-spacing:2px}.wm-region-name.cur{fill:#ffd85a}.wm-region-lv{font:700 11px var(--num);letter-spacing:0;fill:#ffe9b0}.wm-boat{pointer-events:none}.ico-inline{width:1.1em;height:1.1em;vertical-align:-.2em;object-fit:contain}body{font-variant-emoji:text}.wm-n{cursor:default}.wm-isle,.wm-decor,.wm-mark,.wm-cloud{pointer-events:none}.wm-isle{filter:drop-shadow(0 6px 5px rgba(6,34,58,.35))}.wm-mark{filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45))}.wm-cloud{opacity:.92}.wm-path{stroke:#fff6d8;stroke-opacity:.75;stroke-width:2.6;stroke-dasharray:1 6;stroke-linecap:round}.wm-bob{animation:wm-bob 1s ease-in-out infinite}@keyframes wm-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.wm-img{pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.wm-label{font:800 11.5px var(--font);fill:#fff;stroke:#2a1c0c;stroke-width:3.2px;paint-order:stroke;text-anchor:middle}.wm-label.town{font-size:13px;fill:#fff2b0}.wm-lv{font:700 9.5px var(--num);stroke:#2a1c0c;stroke-width:2.6px;paint-order:stroke;text-anchor:middle;fill:#ffe9a8}.wm-lv.t-hard{fill:#ffa090}.wm-lv.t-easy{fill:#c8ccd4}.wm-ring{fill:none;stroke:#ffd24a;stroke-width:3;animation:wm-pulse 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes wm-pulse{0%,to{transform:scale(.85);opacity:1}50%{transform:scale(1.15);opacity:.5}}.wm-pin text{font:800 10.5px var(--font);fill:#ffd24a;stroke:#3b2400;stroke-width:3px;paint-order:stroke;text-anchor:middle}.wm-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;color:var(--muted);font-size:12px}.wm-legend .lg-img{width:18px;height:16px;margin-right:4px;object-fit:contain;vertical-align:-4px}.btn.blue small{opacity:.85;font-weight:600}.win-keys{width:min(980px,calc(100vw - 24px))}.kb-wrap{display:flex;gap:18px;align-items:flex-start;overflow-x:auto;padding:8px 4px 4px}.kb,.kb-side{display:flex;flex-direction:column;gap:6px}.kb-row{display:flex;gap:6px}.kb-row:nth-child(2){padding-left:18px}.kb-row:nth-child(3){padding-left:30px}.kb-row:nth-child(4){padding-left:8px}.kb-side .kb-row{padding-left:0!important}.kb-gap{height:44px}.kc{--rc: #5a4a8a;--rb: #262033;width:46px;height:46px;padding:4px;flex:none}.kc.empty{--rc: #3a3a44;--rb: #24242a}.kc.empty .slot-ico{opacity:.4}.kc .slot-ico img{border-radius:8px}.kc.k-Space{width:250px}.kc.k-ShiftLeft,.kc.k-ShiftRight,.kc.k-CapsLock,.kc.k-Tab{width:62px}.kc.fixed{--rc: #2a2a30;--rb: #1a1a1e;display:grid;place-items:center;opacity:.55;cursor:default}.kc.fixed .slot-ico{display:grid;place-items:center;font-size:18px}.kc.fixed:not(.arrow){visibility:hidden}.kb-pal{margin-top:12px}.kb-pal h5{margin:0 0 6px;color:var(--muted);font-size:12px}.pal-row{display:flex;flex-wrap:wrap;gap:8px}.kc.pal{--rc: #2a5a4a;--rb: #1f2a26;width:54px;height:54px;cursor:grab}.kc.pal[data-it]{--rc: #6a2a35;--rb: #2c2228}.kc.pal .slot-ico{height:30px}.kc.pal small{display:block;margin-top:2px;font-size:9.5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kb-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.skill .keys kbd.on{background:var(--gold);color:#3b2400}.login-step{display:flex;flex-direction:column;gap:12px}.login-step[hidden]{display:none}.step-head{display:flex;align-items:center;gap:10px}.step-head .form-title{margin-right:auto}#acct-name{font:600 13px var(--num);color:var(--muted)}#acct-tabs{margin-bottom:0}.link-btn{align-self:center;padding:2px;border:none;background:none;color:var(--muted);font-size:12px;text-decoration:underline}.link-btn:hover{color:var(--text)}.char-select{display:grid;grid-template-columns:170px 1fr;gap:12px}#slot-preview{position:relative;height:200px;overflow:hidden;border:2px solid var(--edge);border-radius:14px;background:radial-gradient(ellipse 60% 14% at 50% 92%,rgba(255,201,60,.32),transparent 70%),linear-gradient(#3a3a46,#24242c);box-shadow:inset 0 2px 8px #00000073}#slot-preview canvas{display:block}#slot-preview.empty canvas{visibility:hidden}#slot-preview.empty:after{content:"?";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:700 56px var(--num);color:#ffffff1f}#char-slots{display:flex;flex-direction:column;gap:8px}.char-slot{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:8px 12px;border:2px solid var(--edge);border-radius:12px;background:linear-gradient(#45454f,#383841);box-shadow:inset 0 1px #ffffff1a,0 2px #18181d;text-align:left}.char-slot:hover{filter:brightness(1.1)}.char-slot b{font-size:15px;color:var(--text)}.char-slot small{font:600 12px var(--num);color:var(--muted)}.char-slot.on{box-shadow:inset 0 0 0 2px var(--gold),0 0 10px #ffc93c59,0 2px #18181d}.char-slot.on b{color:var(--gold)}.char-slot.empty{border:2px dashed rgba(255,255,255,.16);background:#0000002e;box-shadow:none}.char-slot.empty.on{border-color:var(--gold)}.char-slot.empty b{font-size:14px;color:var(--muted)}#kicked,#reconnect{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#08080e99}#kicked .panel,#reconnect .panel{width:min(360px,100%);display:flex;flex-direction:column;gap:12px;padding:22px 26px;text-align:center}#kicked p,#reconnect p{margin:0}#reconnect{background:#08080e59}#reconnect p{animation:reconnect-pulse 1.2s ease-in-out infinite}@keyframes reconnect-pulse{50%{opacity:.55}}@media (max-width: 480px){.char-select{grid-template-columns:1fr}#slot-preview{height:160px}}.oauth-btns{display:flex;flex-direction:column;gap:6px;margin-top:4px}.btn.oauth{justify-content:center}.btn.oauth-google{background:#fff;color:#222}.btn.oauth-discord{background:#5865f2;color:#fff}.btn.danger{background:#c0392b;color:#fff}.account-info{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 8px;font-size:13px}.account-info dt{color:var(--muted)}.account-info dd{margin:0;word-break:break-all}.account-section{border-top:1px solid rgba(255,255,255,.08);padding:6px 0}.account-section summary{cursor:pointer;font-weight:600;padding:4px 0}.account-section label,.account-section .btn{margin-top:6px}.load-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:radial-gradient(ellipse at 50% 40%,#23232b,#0b0b0e 75%);color:var(--text);transition:opacity .3s}.load-screen.out{opacity:0;pointer-events:none}.load-logo{width:min(360px,60vw);max-height:34vh;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}.load-title{margin:0;font-size:20px;font-weight:700;color:var(--gold)}.load-bar{width:min(420px,78vw);height:12px;border-radius:6px;background:var(--edge);border:2px solid var(--panel-3);overflow:hidden}.load-bar i{display:block;height:100%;width:0;background:linear-gradient(180deg,#9be86a,var(--green-d))}.load-text{margin:0;font-size:14px;font-variant-numeric:tabular-nums}.load-tip{margin:0;max-width:min(520px,86vw);text-align:center;font-size:13px;color:var(--muted)}.load-fail{position:fixed;right:12px;bottom:12px;z-index:950;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#14141aeb;border:1px solid var(--panel-3);color:var(--text);font-size:13px}img.ico:not(.img-ok),img.win-ico:not(.img-ok){background:#ffffff12;border-radius:6px}img.img-failed{visibility:hidden}.boss-nochest{display:block}#login.creating{padding:0;background:radial-gradient(ellipse 34% 46% at 50% 58%,rgba(255,196,80,.12),transparent 70%),linear-gradient(#0a0c1cbd,#0a0c1ca8 40%,#0a0c1ce6)!important}#login.creating #title-hero{display:none}#login.creating #login-form{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-height:none;margin:0;overflow:hidden;padding:20px 28px 24px;display:grid;gap:16px 24px;grid-template-columns:minmax(260px,340px) minmax(0,1fr) minmax(340px,440px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head head head" "left stage right" "foot foot submit";background:none!important;border:0;border-radius:0;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}#login.creating #create-step{display:contents}#create-step[data-page=job] .cr-page[data-for=look],#create-step[data-page=look] .cr-page[data-for=job]{display:none}.cr-head{grid-area:head;display:flex;align-items:center;gap:28px;min-width:0}.cr-head .form-title{margin:0;font-size:24px;text-shadow:0 2px 0 rgba(0,0,0,.5);white-space:nowrap}.cr-head #create-back{margin-left:auto}.cr-head #login-mute{position:static;flex:none;width:36px;height:36px;margin-left:auto}.cr-head #login-mute+#create-back{margin-left:0}.cr-steps{display:flex;align-items:center;margin:0;padding:0;list-style:none}.cr-steps li{display:flex;align-items:center}.cr-steps li+li:before{content:"";width:40px;height:2px;margin:0 10px;background:#ffffff2e}.cr-steps button{display:flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0e102299;color:var(--muted);font-size:14px;font-weight:700}.cr-steps button b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--panel-3);border:2px solid var(--edge);font:700 13px var(--num);color:var(--text)}.cr-steps button.on{border-color:#ffd7788c;color:var(--gold)}.cr-steps button.on b,.cr-steps button.done b{background:linear-gradient(#ffd75e,#f0a92a);color:#3b2400}.cr-steps button.done{color:var(--text)}.cr-steps button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.cr-left{grid-area:left}.cr-right{grid-area:right}.cr-card{align-self:start;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 20px;border:2px solid var(--edge);border-radius:18px;background:linear-gradient(#2c2c36eb,#202028f0);box-shadow:inset 0 0 0 1px #ffd77838,0 14px 40px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.cr-page{display:flex;flex-direction:column;gap:12px}.cr-title{margin:6px 0 -2px;color:var(--muted);font-size:13px;font-weight:700}.cr-page>.cr-title:first-child,.cr-page>div>.cr-title:first-child{margin-top:0}#hero-creator,#hero-parts,#kenney-picker{display:flex;flex-direction:column;gap:12px}.jp-cards{display:flex;flex-direction:column;gap:10px}.jp-pick{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px;width:100%;padding:10px 14px 10px 10px;border:2px solid var(--edge);border-radius:14px;background:linear-gradient(#45454f,#383841);box-shadow:inset 0 1px #ffffff1a,0 2px #18181d;text-align:left;transition:box-shadow .15s,transform .15s}.jp-pick:hover{filter:brightness(1.08)}.jp-pick:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.jp-pick-ico{width:56px;height:56px;padding:6px;border-radius:12px;border:2px solid var(--edge);background:radial-gradient(circle at 50% 35%,#556,#2a2a32)}.jp-pick-text{display:flex;flex-direction:column;gap:3px;min-width:0}.jp-pick-text b{font-size:18px;font-weight:900;color:var(--text)}.jp-pick-text small{font-size:12.5px;color:var(--muted);line-height:1.35}.jp-pick.on{background:linear-gradient(#55503f,#3d382c);box-shadow:inset 0 0 0 2px var(--gold),0 0 18px #ffc93c59,0 2px #18181d;transform:translate(4px)}.jp-pick.on b{color:var(--gold)}.jp-pick.on .jp-pick-ico{background:radial-gradient(circle at 50% 35%,#8a6a2a,#3b2a10)}#job-picker{display:flex;flex-direction:column;gap:12px}.jp-head{display:flex;align-items:center;gap:14px}.jp-crest{flex:none;width:64px;height:64px;padding:8px;border-radius:16px;border:2px solid var(--edge);background:radial-gradient(circle at 50% 35%,#8a6a2a,#3b2a10);box-shadow:inset 0 0 0 2px #ffd77866}.jp-name{margin:0;font-size:26px;font-weight:900;color:var(--gold);line-height:1.15}.jp-tag{margin:2px 0 0;font-size:13px;color:var(--muted)}.jp-desc{margin:0;font-size:14px;line-height:1.65}.jp-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.jp-facts div{padding:8px 12px;border-radius:10px;background:#0000003d;border:1px solid var(--line)}.jp-facts dt{font-size:12px;color:var(--muted)}.jp-facts dd{margin:2px 0 0;font-size:16px;font-weight:900;color:var(--gold)}.jp-skills,.jp-tree{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.jp-skills li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px}.jp-skills .ico{width:44px;height:44px}.jp-skills li>span{display:flex;flex-direction:column;gap:2px;min-width:0}.jp-skills b{font-size:14px}.jp-skills small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.4;color:var(--muted)}.jp-tree li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 10px;border-radius:10px;background:#0003;font-size:13px}.jp-job{display:inline-flex;align-items:center;gap:6px;line-height:1.2}.jp-job .ico{width:26px;height:26px;flex:none}.jp-job>span{display:flex;flex-direction:column}.jp-job small{font-size:11px;color:var(--muted)}.jp-arrow{color:var(--gold);font-weight:900}.jp-swap{flex-basis:100%;font-size:11.5px;color:var(--gold);opacity:.85}#hero-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}#hero-presets .preset{padding:8px 4px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#login.creating #hero-base{flex-direction:column;gap:8px}#login.creating #hero-base .seg>span{width:44px;flex:none}#login.creating #hero-base .seg button{flex:1;padding:6px 8px}#login.creating #hero-random{align-self:stretch;margin-top:4px}#login.creating #hero-rows{gap:6px}#login.creating .cycle{grid-template-columns:64px 34px minmax(0,1fr) 34px;gap:6px}#login.creating .cycle button{height:32px}#login.creating .cycle .val{font-size:13px}#login.creating .row{align-items:flex-start}#login.creating .row>span{width:64px;padding-top:5px}#login.creating .swatch{min-width:28px;height:28px}.cr-stage{grid-area:stage;position:relative;min-height:0;background:radial-gradient(ellipse 42% 48% at 50% 62%,rgba(10,12,28,.5),transparent 75%)}.cr-stage-job{position:absolute;left:0;right:0;top:2%;text-align:center;font-size:clamp(56px,10vw,190px);font-weight:900;line-height:1;letter-spacing:.12em;white-space:nowrap;color:#ffd66e21;text-shadow:0 0 40px rgba(255,190,60,.25);pointer-events:none;-webkit-user-select:none;user-select:none}.cr-pedestal{position:absolute;left:50%;top:86%;width:min(62%,420px);aspect-ratio:4 / 1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 45%,rgba(255,226,150,.6),rgba(255,176,40,.22) 45%,transparent 70%),radial-gradient(ellipse at 50% 60%,rgba(60,48,36,.9),rgba(30,24,20,.85) 65%,transparent 71%);box-shadow:0 0 0 2px #ffd77859,0 0 60px #ffbe3c40}.cr-pedestal:before{content:"";position:absolute;top:18%;right:14%;bottom:18%;left:14%;border-radius:50%;border:1px solid rgba(255,230,160,.45)}.cr-stage:before{content:"";position:absolute;left:50%;bottom:14%;width:min(44%,300px);height:70%;transform:translate(-50%);background:linear-gradient(to top,rgba(255,210,120,.16),transparent);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);pointer-events:none}#login.creating #hero-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;overflow:hidden}#hero-preview canvas{display:block}.cr-nametag{position:absolute;left:50%;top:calc(86% + 26px);transform:translate(-50%);max-width:90%;padding:3px 12px 4px;border-radius:6px;background:#0000009e;font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.cr-nametag.empty{color:var(--muted);font-weight:500}.cr-foot{grid-area:foot;display:flex;align-items:center;gap:12px 16px;min-width:0;padding:10px 14px 10px 18px;border:2px solid var(--edge);border-radius:16px;background:linear-gradient(#2c2c36eb,#202028f0);box-shadow:inset 0 0 0 1px #ffd77838,0 14px 40px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#login .cr-name{flex-direction:row;align-items:center;gap:12px;white-space:nowrap}#login .cr-name input{width:240px}.cr-existing{flex:1;min-width:0}.cr-foot .btn{padding:10px 18px 11px;font-size:15px}#login.creating #login-submit{grid-area:submit;position:static;margin:0;min-height:0;border-radius:16px;font-size:19px;box-shadow:inset 0 2px #ffffff40,0 4px 0 var(--cd),0 0 24px #79d2504d}#login.creating #login-error{grid-area:stage;align-self:end;justify-self:center;z-index:3;max-width:90%;margin:0 0 4px;padding:8px 16px;border-radius:999px;background:#1e0c0ed9;border:1px solid rgba(255,138,138,.4);font-size:14px;text-align:center}#login.creating #login-error:empty{display:none}#login.creating #conn-retry{grid-area:stage;align-self:end;justify-self:center;z-index:3;margin-bottom:52px}@media (prefers-reduced-motion: reduce){.jp-pick{transition:none}.jp-pick.on{transform:none}}@media (max-width: 1100px) and (min-height: 541px){#login.creating #login-form{grid-template-columns:minmax(0,1fr) minmax(320px,400px);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"head head" "stage right" "left right" "foot submit"}.cr-left{max-height:40vh}.jp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.jp-pick.on{transform:none}.cr-existing{display:none}}@media (max-width: 640px) and (min-height: 541px){#login.creating #login-form{overflow-y:auto;padding:12px;gap:10px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 300px auto auto auto auto;grid-template-areas:"head" "stage" "left" "right" "foot" "submit"}.cr-head{flex-wrap:wrap;gap:8px 16px}.cr-card{overflow:visible;max-height:none}.cr-foot{flex-wrap:wrap}#login .cr-name input{width:100%;min-width:0}#login.creating #login-submit{min-height:52px}}@media (max-height: 540px){#login.creating #login-form{padding:calc(var(--st) + 6px) calc(var(--sr) + 10px) calc(var(--sb) + 8px) calc(var(--sl) + 10px);gap:6px 8px;grid-template-columns:minmax(170px,32%) minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"head head head" "stage left left" "stage right right" "foot foot submit"}#login.creating.cr-look #login-form{grid-template-columns:minmax(150px,27%) minmax(0,1fr) minmax(0,1.25fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head head head" "stage left right" "foot foot submit"}#login.creating .cr-head{gap:12px}#login.creating .cr-head .form-title{font-size:16px}#login.creating .cr-steps li+li:before{width:14px;margin:0 6px}#login.creating .cr-steps button{gap:6px;padding:2px 10px 2px 2px;font-size:12px}#login.creating .cr-steps button b{width:22px;height:22px;font-size:11px}#login.creating .cr-card{padding:8px 10px;border-radius:12px}#login.creating .cr-page,#login.creating #hero-creator,#login.creating #hero-parts,#login.creating #job-picker{gap:8px}#login.creating .cr-left .cr-title{display:none}#login.creating .jp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#login.creating .jp-pick{grid-template-columns:1fr;justify-items:center;gap:2px;padding:5px 4px;text-align:center}#login.creating .jp-pick.on{transform:none}#login.creating .jp-pick-ico{width:32px;height:32px;padding:3px;border-radius:9px}#login.creating .jp-pick-text b{font-size:13px}#login.creating .jp-pick-text small{display:none}#login.creating .jp-crest{width:40px;height:40px;padding:5px;border-radius:11px}#login.creating .jp-name{font-size:18px}#login.creating .jp-tag{font-size:12px}#login.creating .jp-desc{font-size:12.5px;line-height:1.5}#login.creating .jp-facts div{padding:5px 10px}#login.creating .jp-facts dd{font-size:14px}#login.creating .jp-skills .ico{width:34px;height:34px}#login.creating .jp-skills li{grid-template-columns:34px minmax(0,1fr)}#login.creating #hero-presets{gap:4px}#login.creating #hero-presets .preset{padding:7px 2px;font-size:12px}#login.creating #hero-base{gap:6px}#login.creating #hero-base .seg>span{display:none}#login.creating #hero-base .seg button{min-width:0;padding:0 4px}#login.creating #hero-random{margin-top:0}#login.creating .cycle{grid-template-columns:50px 36px minmax(0,1fr) 36px;gap:4px;font-size:12px}#login.creating .cycle>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#login.creating .cycle button{height:34px}#login.creating .cycle .val{font-size:12px}#login.creating .row{gap:6px}#login.creating .row>span{width:50px;padding-top:7px;font-size:12px}#login.creating .swatch{min-width:32px;height:32px}#login.creating .cr-stage-job{top:4%;font-size:44px}#login.creating .cr-nametag{top:calc(86% + 12px);padding:2px 8px 3px;font-size:12px}#login.creating .cr-foot{gap:8px;padding:5px 6px 5px 8px;border-radius:12px}#login.creating .cr-name>span{display:none}#login.creating .cr-name input{width:170px;padding:7px 10px;font-size:14px}#login.creating .cr-existing{font-size:10px;line-height:1.3}#login.creating .cr-foot .btn{padding:6px 12px 7px;font-size:13px}#login.creating #login-submit{padding:0 18px;border-radius:12px;font-size:16px}#login.creating #login-error{padding:5px 12px;font-size:12px}}