#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)}.win-pets{width:320px}.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)}.win.win-social{width:360px}.win.win-gnpc{width:410px}.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)}.emblem{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;border:2px solid var(--edge);background:radial-gradient(circle at 50% 35%,#3d3550,#1c1826);color:var(--ec);font-size:22px;text-shadow:0 0 8px var(--ec);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ec) 45%,transparent)}.g-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.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}.gcreate{display:flex;flex-direction:column;gap:6px}.gcreate .soc-add{margin:0}.swatch.emb{width:30px;min-width:30px;padding:0;color:var(--ec);font-size:15px;background:#241f30}.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}#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}.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-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}.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}}: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-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)}.set-fns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.set-fns .btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:56px;padding:4px;font-size:12px}.set-fns .ico{width:26px;height:26px}.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}@media (orientation: portrait){html.touch-dev body:has(#hud:not([hidden])) #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:24px;text-align:center;background:radial-gradient(circle at 50% 30%,#2b3d63,#121216 70%)}}#rotate b{font-size:20px;font-weight:900;color:var(--gold)}#rotate small{font-size:14px;color:var(--muted)}.rot-phone{width:56px;height:92px;margin-bottom:14px;border:4px solid #e8e4f0;border-radius:12px;animation:rot-phone 2.2s ease-in-out infinite}@keyframes rot-phone{0%,20%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}#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-glyph{width:52%;height:52%;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.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-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-pick{background:radial-gradient(circle at 50% 30%,#50505ecc,#22222acc)}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 #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 #mapname{padding:2px 12px 3px 8px;border-left-width:3px}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)}}@media (max-height: 540px) and (min-width: 600px){.win-equip .win-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:14px;align-content:start}.win-equip .win-body>.tabs{grid-column:1 / -1}.win-equip .win-body>.charpanel{grid-column:1;grid-row:2 / span 5;padding:0}.win-equip .win-body>:not(.tabs):not(.charpanel){grid-column:2}.win-equip .eslot label{display:none}.win-equip .charpanel{grid-template-columns:54px 1fr 54px}.win-equip .charpanel .eslot .slot,.win-equip .cp-acc .eslot .slot{width:48px;height:48px}.win-equip .cp-mid{height:214px;overflow:hidden}.win-equip .cp-stage{transform:scale(.85);transform-origin:50% 100%}.win-equip .cp-acc{padding-top:0}.win-equip .section{margin-top:6px}}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}.creator{grid-template-columns:130px 1fr;gap:8px}#hero-preview{width:130px;height:160px}.cycle{grid-template-columns:40px 36px 1fr 36px}.cycle button{height:34px}.swatch{min-width:32px;height:32px}}@media (max-height: 540px) and (min-width: 700px){#create-step{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;align-items:start}#create-step[hidden]{display:none}#create-step>.step-head,#create-step>.hint{grid-column:1 / -1}#create-step>#hero-creator{grid-column:1 / -1}}html.touch-dev #login .tabs button,html.touch-dev #login .btn{min-height:44px}: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:3px;top:0;font-style:normal;color:var(--gold);font-size:13px;text-shadow:0 0 3px #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-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)}.creator{display:grid;grid-template-columns:170px 1fr;gap:12px;align-items:center}#hero-preview{width:170px;height:200px;border-radius:14px;overflow:hidden;border:2px solid var(--edge);background:radial-gradient(circle at 50% 38%,#4f74b0,#232c44 75%);box-shadow:inset 0 0 0 2px #ffffff0f}#hero-preview canvas{display:block}#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}@media (max-width: 480px){.creator{grid-template-columns:1fr;justify-items:center}#hero-rows{width:100%}}#topleft{position:fixed;left:14px;top:12px;display:flex;flex-direction:column;gap:8px;pointer-events:none}#mapname{display:flex;flex-direction:column;padding:6px 18px 7px 14px;border-radius:12px;background:linear-gradient(90deg,#14141ad9,#14141a59);border-left:4px solid var(--gold)}#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)}#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}#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)}.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(1120px,calc(100vw - 16px));display:flex;align-items:center;gap:12px;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.up{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}#menu{display:flex;gap:4px;margin-left:auto}.menu-btn{position:relative;width:44px;height:52px;padding:3px 0 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{font-size:11px;font-weight:700;color:#dcd8e6}.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 - 120px);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}.sp-head{padding:6px 10px;border-radius:10px;background:#0000002e}.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}.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-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}#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-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}#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:28px;height:28px;border-radius:50%;background:linear-gradient(#ffd75e,#f0a92a);font-style:normal;font-size:14px}#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:#1b5a8a}.worldmap2 svg{display:block;width:100%;height:auto;max-height:calc(100vh - 230px)}.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{font-size:16px;text-anchor:middle}.wm-n{cursor:default}.wm-n .wm-town{fill:#fff2c8;stroke:#8a5a20;stroke-width:3}.wm-n .wm-boss{fill:#c83a2e;stroke:#ffd2a0;stroke-width:2.5}.wm-n .wm-field{stroke:#fff;stroke-width:2.5}.wm-field.t-ok,.lg.t-ok{fill:#ffcc3a;background:#ffcc3a}.wm-field.t-hard,.lg.t-hard{fill:#ff5a48;background:#ff5a48}.wm-field.t-easy,.lg.t-easy{fill:#a8b0bc;background:#a8b0bc}.wm-ico{font-size:13px;text-anchor:middle}.wm-ico.sm{font-size:11px}.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 rect{fill:#ffd24a;stroke:#6a4410;stroke-width:1.5}.wm-pin text{font:800 10.5px var(--font);fill:#3b2400;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{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;border:2px solid #fff;vertical-align:-1px}.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}}