@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Noto+Serif+TC:wght@500;700;900&display=swap";.lh-stage{position:fixed;inset:0;overflow:hidden;color:#f4ecd8;font-family:Noto Sans TC,Cormorant Garamond,EB Garamond,sans-serif;isolation:isolate;background:#0a0d12}.lh-stage *{box-sizing:border-box}.lh-stage.exiting{opacity:0;transition:opacity .42s ease}.lh-bg{position:absolute;inset:0;background-image:var(--lh-bg);background-size:cover;background-position:center;z-index:0;animation:lh-kenburns 24s ease-in-out infinite alternate}@keyframes lh-kenburns{0%{transform:scale(1.05) translate(0)}to{transform:scale(1.12) translate(-1%,-1.5%)}}.lh-bg-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#080c148c,#080c142e 18% 70%,#080c14c7),radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.25) 100%)}.lh-brand{position:absolute;top:22px;left:28px;z-index:12;display:flex;align-items:baseline;gap:12px;text-shadow:0 1px 4px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.5)}.lh-brand-dot{width:8px;height:8px;background:#f4cf6a;transform:rotate(45deg);box-shadow:0 0 10px #f4cf6a99;align-self:center}.lh-brand-name{font-family:Cinzel,serif;font-weight:700;font-size:18px;letter-spacing:.26em;color:#f4ecd8}.lh-brand-sub{font-family:"Noto Serif TC",serif;font-size:12px;letter-spacing:.35em;color:#f4ecd8b3}.lh-corner-btn{position:absolute;top:18px;right:22px;z-index:12;width:38px;height:38px;display:grid;place-items:center;background:#080c1480;border:1px solid rgba(244,236,216,.25);border-radius:50%;color:#f4ecd8;cursor:pointer;transition:all .2s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lh-corner-btn:hover{background:#f4cf6a2e;border-color:#f4cf6a99}.lh-card-wrap{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:clamp(60px,8vh,120px) 16px clamp(32px,5vh,60px)}.lh-card{position:relative;width:100%;max-width:380px;padding:28px 28px 22px;background:linear-gradient(180deg,#fffdf7f0,#f4ecd8eb);border:1px solid rgba(244,207,106,.5);border-radius:14px;box-shadow:0 24px 60px #00000073,0 0 0 1px #fff6 inset,0 0 80px #f4cf6a26;animation:lh-rise .55s cubic-bezier(.2,.7,.2,1) both;color:#2a2618;font-family:Noto Sans TC,sans-serif}@keyframes lh-rise{0%{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.lh-card-body{display:flex;flex-direction:column;gap:12px}.lh-card-head{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:10px;padding-bottom:14px;border-bottom:1px dashed rgba(122,90,38,.3)}.lh-card-head.with-back{padding-left:36px;padding-right:36px}.lh-back{position:absolute;left:-2px;top:0;width:32px;height:32px;display:grid;place-items:center;background:transparent;border:1px solid rgba(122,90,38,.3);border-radius:50%;color:#7a5a26;cursor:pointer;font-size:14px;transition:all .2s;font-family:inherit;padding:0}.lh-back:hover:not(:disabled){background:#f4cf6a33;border-color:#c9a45e;color:#2a2618}.lh-back:disabled{opacity:.4;cursor:not-allowed}.lh-card-tag{font-family:Tenor Sans,sans-serif;font-size:10px;letter-spacing:.42em;color:#a89878;text-transform:uppercase}.lh-card-title{margin:0;font-family:Cormorant Garamond,"Noto Serif TC",serif;font-weight:600;font-size:26px;letter-spacing:.42em;color:#2a2618;padding-left:.42em}.lh-btn{display:flex;align-items:center;gap:12px;width:100%;padding:13px 18px;border-radius:10px;border:1px solid transparent;font-family:Noto Sans TC,sans-serif;font-size:15px;font-weight:500;letter-spacing:.08em;cursor:pointer;transition:all .18s ease;position:relative}.lh-btn:disabled{opacity:.55;cursor:not-allowed}.lh-btn:active:not(:disabled){transform:translateY(1px)}.lh-btn-ic{display:inline-flex;width:28px;flex-shrink:0;justify-content:center}.lh-btn-text{flex:1;text-align:center}.lh-btn-google{background:#fff;color:#2a2618;border-color:#7a5a262e;box-shadow:0 2px 6px #0000001a,0 0 0 1px #ffffff80 inset}.lh-btn-google:hover:not(:disabled){background:#f7f3ea;border-color:#f4cf6a99;box-shadow:0 4px 14px #00000026}.lh-btn-guest{background:linear-gradient(180deg,#7a5a260f,#f4cf6a1a);color:#5a4220;border-color:#7a5a2652}.lh-btn-guest:hover:not(:disabled){background:linear-gradient(180deg,#f4cf6a2e,#f4cf6a47);border-color:#c9a45e;color:#2a2618;box-shadow:0 4px 14px #7a5a262e}.lh-btn-primary{background:linear-gradient(180deg,#2a3548,#14202e);color:#f4ecd8;border-color:#c9a45e;letter-spacing:.35em;padding-left:.35em;margin-top:4px;overflow:hidden}.lh-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,transparent 40%,rgba(255,235,180,.18) 50%,transparent 60%,transparent 100%);transform:translate(-100%);transition:transform .8s ease}.lh-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#3a4660,#1c2d40);box-shadow:0 0 26px #f4cf6a4d}.lh-btn-primary:hover:not(:disabled):before{transform:translate(100%)}.lh-error{min-height:16px;font-size:12px;text-align:center;color:#c14a2a;letter-spacing:.05em;margin-top:2px}.lh-agree{display:flex;align-items:center;gap:8px;font-size:12px;color:#5a4220;letter-spacing:.06em;cursor:pointer;user-select:none;margin-top:4px;padding:4px 0}.lh-agree input{display:none}.lh-agree-mark{width:16px;height:16px;flex-shrink:0;display:inline-grid;place-items:center;background:#fff;border:1px solid rgba(122,90,38,.5);border-radius:3px;color:#2a2618;font-size:11px;font-weight:700;line-height:1}.lh-agree input:checked+.lh-agree-mark{background:#c9a45e;border-color:#c9a45e;color:#2a2618}.lh-agree-text a{color:#7a5a26;text-decoration:underline;text-underline-offset:2px}.lh-agree-text a:hover{color:#2a2618}.lh-mode{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;padding:4px;background:#7a5a2614;border:1px solid rgba(122,90,38,.18);border-radius:8px;margin-bottom:6px}.lh-mode-tab{position:relative;z-index:2;background:transparent;border:none;padding:8px;font-family:Noto Sans TC,sans-serif;font-size:13px;letter-spacing:.25em;color:#8a7858;cursor:pointer;transition:color .25s;border-radius:6px}.lh-mode-tab.active{color:#2a2618;font-weight:600}.lh-mode-tab:disabled{cursor:not-allowed;opacity:.5}.lh-mode-thumb{position:absolute;top:4px;bottom:4px;width:calc(50% - 4px);background:#fff;border:1px solid rgba(244,207,106,.5);border-radius:6px;transition:transform .3s cubic-bezier(.6,0,.2,1);pointer-events:none;box-shadow:0 2px 6px #7a5a2626}.lh-mode-thumb[data-mode=login]{left:4px;transform:translate(0)}.lh-mode-thumb[data-mode=register]{left:4px;transform:translate(100%)}.lh-field{display:block;position:relative}.lh-field-label{display:block;font-family:Tenor Sans,sans-serif;font-size:10px;letter-spacing:.42em;color:#8a7858;margin-bottom:6px;padding-left:.42em;text-transform:uppercase}.lh-field input{width:100%;background:#ffffffb3;border:1px solid rgba(122,90,38,.22);border-radius:8px;outline:none;padding:10px 14px;color:#2a2618;font-family:Noto Sans TC,sans-serif;font-size:15px;letter-spacing:.04em;transition:all .18s}.lh-field input::placeholder{color:#b8a786}.lh-field input:focus{background:#fff;border-color:#c9a45e;box-shadow:0 0 0 3px #f4cf6a2e}.lh-field input:disabled{opacity:.55}.lh-row{display:flex;align-items:center;justify-content:space-between;margin-top:-2px;font-size:12px}.lh-check-inline{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;color:#5a4220}.lh-check-inline input{display:none}.lh-msg{min-height:18px;font-size:12px;text-align:center;letter-spacing:.04em;margin-top:-4px}.lh-msg-info{color:#2c8366}.lh-msg-error{color:#c14a2a}.lh-foot{display:inline-flex;align-items:center;gap:14px;font-family:Tenor Sans,sans-serif;font-size:10px;letter-spacing:.3em;color:#f4ecd8d9;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.6)}.lh-foot-version{color:#f4ecd899}.lh-foot-sep{width:1px;height:10px;background:#f4ecd84d}.lh-foot-server{display:inline-flex;align-items:center;gap:6px}.lh-foot-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6dc5a8;box-shadow:0 0 8px #6dc5a8;animation:lh-pulse 2s ease-in-out infinite}@keyframes lh-pulse{50%{opacity:.35}}@media (max-width: 700px){.lh-card-wrap{padding:60px 14px 28px;gap:18px}.lh-card{max-width:100%;padding:22px 20px 18px}.lh-card-title{font-size:22px;letter-spacing:.35em}.lh-brand{top:14px;left:16px}.lh-brand-name{font-size:14px;letter-spacing:.2em}.lh-brand-sub{font-size:10px;letter-spacing:.25em}.lh-corner-btn{top:12px;right:14px;width:32px;height:32px}.lh-btn{padding:12px 14px;font-size:14px}.lh-field input{font-size:16px}.lh-foot{font-size:9px;gap:10px}}@media (max-width: 380px){.lh-brand-sub{display:none}.lh-card{padding:18px 16px}}.sel-stage{position:fixed;inset:0;overflow:hidden;background:#04060c;color:#e8dec8;font-family:EB Garamond,"Noto Serif TC",serif;display:grid;grid-template-rows:auto 1fr;isolation:isolate}.sel-stage *{box-sizing:border-box}.sel-stage.exiting{opacity:0;transition:opacity .28s ease}.sel-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.sel-stage .tw-snow{display:none}.sel-stage .tw-snow span{position:absolute;top:-10vh;background:#fff;border-radius:50%;box-shadow:0 0 4px #ffffffb3;animation:tw-fall linear infinite;filter:blur(.4px)}@keyframes tw-fall{0%{transform:translateY(-10vh)}to{transform:translate(var(--drift, 0),110vh)}}.sel-stage .tw-vignette{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,transparent 0%,transparent 40%,rgba(0,0,0,.55) 100%),radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.4) 0%,transparent 60%)}.sel-stage .tw-grain{position:absolute;inset:0;z-index:5;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.45}.sel-stage .tw-monolith-corner{position:absolute;width:22px;height:22px;border:1px solid #c9a45e;pointer-events:none;opacity:.8}.sel-stage .tw-monolith-corner.tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.sel-stage .tw-monolith-corner.tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.sel-stage .tw-monolith-corner.bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.sel-stage .tw-monolith-corner.br{bottom:-1px;right:-1px;border-left:none;border-top:none}.sel-stage .tw-cta-edge{position:absolute;width:10px;height:10px;border:1px solid #c9a45e;pointer-events:none;opacity:.9}.sel-stage .tw-cta-edge.tl{top:4px;left:4px;border-right:none;border-bottom:none}.sel-stage .tw-cta-edge.tr{top:4px;right:4px;border-left:none;border-bottom:none}.sel-stage .tw-cta-edge.bl{bottom:4px;left:4px;border-right:none;border-top:none}.sel-stage .tw-cta-edge.br{bottom:4px;right:4px;border-left:none;border-top:none}.sel-stage .tw-field-label{display:block;font-family:Tenor Sans,sans-serif;font-size:10px;letter-spacing:.55em;color:#a89878;margin-bottom:6px;padding-left:.55em;text-transform:uppercase}.sel-stage .tw-field-rule{display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(201,164,94,.4) 12%,rgba(201,164,94,.4) 88%,transparent);position:relative}@keyframes tw-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.sel-topbar{position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,4vw,48px);background:linear-gradient(180deg,rgba(8,11,18,.85) 0%,transparent 100%);border-bottom:1px solid rgba(201,164,94,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sel-brand{display:flex;align-items:baseline;gap:14px;font-family:Cinzel,serif}.sel-brand-rune{font-family:"Noto Serif TC",serif;color:#c9a45e;font-size:22px;text-shadow:0 0 12px rgba(201,164,94,.4)}.sel-brand-mark{font-weight:700;font-size:17px;letter-spacing:.25em;background:linear-gradient(180deg,#f4ecd8,#c9a45e);-webkit-background-clip:text;background-clip:text;color:transparent}.sel-brand-sub{font-family:Tenor Sans,sans-serif;font-size:10px;letter-spacing:.4em;color:#6a6250;text-transform:uppercase}.sel-account{display:flex;align-items:center;gap:14px;font-family:Tenor Sans,sans-serif}.sel-account-tag{font-size:9px;letter-spacing:.4em;color:#6a6250}.sel-account-name{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-weight:500;font-size:16px;letter-spacing:.08em;color:#f0eadc}.sel-icon-btn{background:transparent;border:1px solid rgba(216,116,90,.5);color:#d8745a;padding:6px 14px;font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:12px;letter-spacing:.25em;cursor:pointer;transition:all .2s}.sel-icon-btn:hover:not(:disabled){background:#d8745a1f;border-color:#d8745a;box-shadow:0 0 12px #d8745a40}.sel-icon-btn:disabled{opacity:.5;cursor:not-allowed}.sel-main{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,4vw,60px);padding:clamp(20px,3vw,40px) clamp(20px,4vw,60px);max-width:1640px;width:100%;margin:0 auto;align-items:stretch;min-height:0}.sel-left{display:flex;flex-direction:column;gap:22px;min-height:0;animation:tw-rise .45s ease both}.sel-section-head{display:flex;flex-direction:column;gap:6px;padding:4px 0}.sel-section-tag{font-family:Tenor Sans,sans-serif;font-size:10px;letter-spacing:.4em;color:#c9a45e;text-transform:uppercase}.sel-section-title{margin:0;font-family:Cormorant Garamond,"Noto Serif TC",serif;font-weight:500;font-size:clamp(36px,4vw,52px);letter-spacing:.35em;color:transparent;background:linear-gradient(180deg,#f4ecd8,#c9a45e 60%,#7a5a26);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.sel-section-sub{margin:0;font-family:Tenor Sans,sans-serif;font-size:10px;letter-spacing:.55em;color:#6a6250;padding-left:.55em}.sel-slots{display:grid;grid-template-columns:1fr;gap:12px;flex:1;min-height:0}.sel-slot{position:relative;display:grid;grid-template-columns:88px 1fr auto;gap:18px;align-items:center;padding:12px 22px 12px 14px;background:linear-gradient(180deg,#12162099,#080b12c7);border:1px solid rgba(201,164,94,.16);cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;overflow:hidden}.sel-slot:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,transparent 40%,rgba(255,235,180,.06) 50%,transparent 60%,transparent 100%);transform:translate(-100%);transition:transform .8s ease;pointer-events:none}.sel-slot:hover{border-color:#c9a45e80;box-shadow:0 12px 28px #0006}.sel-slot:hover:before{transform:translate(100%)}.sel-slot.selected{border-color:#c9a45e;background:linear-gradient(180deg,#281e0fb3,#0f0a05d9);box-shadow:inset 0 1px #ffebb41a,0 0 28px #c9a45e40,0 12px 30px #00000080}.sel-slot.selected:after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:linear-gradient(180deg,transparent,#c9a45e 30%,#c9a45e 70%,transparent);box-shadow:0 0 8px #c9a45e}.sel-slot-corner{position:absolute;width:8px;height:8px;border:1px solid #c9a45e;opacity:0;transition:opacity .25s;pointer-events:none}.sel-slot-corner.tl{top:4px;left:4px;border-right:none;border-bottom:none}.sel-slot-corner.tr{top:4px;right:4px;border-left:none;border-bottom:none}.sel-slot-corner.bl{bottom:4px;left:4px;border-right:none;border-top:none}.sel-slot-corner.br{bottom:4px;right:4px;border-left:none;border-top:none}.sel-slot.selected .sel-slot-corner{opacity:.85}.sel-slot-portrait-wrap{position:relative;width:76px;height:76px;flex-shrink:0}.sel-slot-portrait{width:100%;height:100%;object-fit:cover;border:1px solid rgba(201,164,94,.5);filter:grayscale(.15) brightness(.95);transition:filter .25s,border-color .25s}.sel-slot.selected .sel-slot-portrait{filter:grayscale(0) brightness(1.05);border-color:#c9a45e}.sel-slot-glow{position:absolute;inset:-4px;background:radial-gradient(circle,rgba(201,164,94,.3) 0%,transparent 70%);opacity:0;pointer-events:none;transition:opacity .25s;z-index:-1}.sel-slot.selected .sel-slot-glow{opacity:1}.sel-slot-icon{width:76px;height:76px;display:grid;place-items:center;font-size:38px;border:1px solid rgba(201,164,94,.5)}.sel-slot-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.sel-slot-name{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-weight:500;font-size:22px;color:#f0eadc;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sel-slot-class{font-family:Tenor Sans,sans-serif;font-size:11px;letter-spacing:.32em;text-transform:uppercase}.sel-slot-class.cls-thief{color:#b896c8}.sel-slot-class.cls-swordsman{color:#d87a6a}.sel-slot-class.cls-mage{color:#6db8d8}.sel-slot-class.cls-priest{color:#d8c068}.sel-slot-lv{display:flex;align-items:baseline;gap:6px;font-family:Cinzel,serif}.sel-slot-lv-label{font-size:9px;letter-spacing:.35em;color:#6a6250}.sel-slot-lv-num{font-size:26px;font-weight:700;color:#c9a45e;text-shadow:0 0 12px rgba(201,164,94,.4)}.sel-slot.empty{border-style:dashed;border-color:#6a625080;background:linear-gradient(180deg,#0a0e1866,#04060c8c);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;color:#6a6250;padding:14px}.sel-slot.empty:hover{border-style:solid;border-color:#c9a45e;color:#c9a45e}.sel-slot-empty-rune{display:inline-flex;color:currentColor}.sel-slot-empty-label{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:13px;letter-spacing:.3em;font-style:italic}.sel-hint{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-style:italic;text-align:center;font-size:13px;color:#8a8270;padding:4px 0;min-height:28px}.sel-hint-loading{display:inline-flex;align-items:center;gap:8px;margin:0 auto}.sel-hint-spinner{width:12px;height:12px;border:2px solid rgba(216,116,90,.25);border-top-color:#d8745a;border-radius:50%;animation:sel-spin 1s linear infinite;display:inline-block}@keyframes sel-spin{to{transform:rotate(360deg)}}.sel-hint-error{color:#ff8a8a;display:inline-flex;align-items:center;gap:12px;padding:6px 12px;border:1px solid rgba(255,80,80,.3);background:#3c100c66}.sel-hint-retry{background:transparent;border:1px solid rgba(216,116,90,.5);color:#d8745a;padding:4px 10px;font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:11px;letter-spacing:.2em;cursor:pointer;font-style:normal}.sel-hint-retry:hover{background:#d8745a1f}.sel-conn-dot{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 6px currentColor}.sel-conn-dot.idle{background:#6b6358;color:#6b6358;box-shadow:none}.sel-conn-dot.loading{background:#e9c46a;color:#e9c46a;animation:sel-pulse 1s ease-in-out infinite}.sel-conn-dot.online{background:#7df089;color:#7df089}.sel-conn-dot.error{background:#e76f51;color:#e76f51;animation:sel-pulse 1.4s ease-in-out infinite}@keyframes sel-pulse{0%,to{opacity:1}50%{opacity:.35}}.sel-conn-label{font-family:Tenor Sans,sans-serif;font-size:10px;letter-spacing:.25em;color:#8a8270;text-transform:uppercase;display:inline-block;min-width:70px;text-align:right}.sel-right{position:relative;padding:36px 40px;background:linear-gradient(180deg,#121620c7,#080b12e0);backdrop-filter:blur(8px) saturate(110%);-webkit-backdrop-filter:blur(8px) saturate(110%);border:1px solid rgba(201,164,94,.2);box-shadow:inset 0 1px #ffebb40f,inset 0 -2px #0006,0 24px 60px #000000b3;display:flex;flex-direction:column;align-items:center;text-align:center;animation:tw-rise .5s .08s ease both;min-height:0;overflow:hidden}.sel-detail-portrait-wrap{position:relative;width:200px;height:200px;margin:8px 0 16px}.sel-detail-portrait{width:100%;height:100%;object-fit:cover;border:2px solid #c9a45e;box-shadow:0 0 0 6px #080b12f2,0 0 0 7px #c9a45e66,0 0 40px #c9a45e40;filter:brightness(1.05);position:relative;z-index:2}.sel-detail-icon{width:100%;height:100%;display:grid;place-items:center;font-size:80px;color:#c9a45e;border:2px solid #c9a45e;position:relative;z-index:2}.sel-detail-halo{position:absolute;inset:-36px;border-radius:50%;z-index:1;opacity:.55;filter:blur(20px);pointer-events:none;animation:none}.sel-detail-halo.cls-thief{background:radial-gradient(circle,rgba(184,150,200,.55) 0%,transparent 70%)}.sel-detail-halo.cls-swordsman{background:radial-gradient(circle,rgba(216,122,106,.55) 0%,transparent 70%)}.sel-detail-halo.cls-mage{background:radial-gradient(circle,rgba(109,184,216,.55) 0%,transparent 70%)}.sel-detail-halo.cls-priest{background:radial-gradient(circle,rgba(216,192,104,.55) 0%,transparent 70%)}@keyframes tw-halo{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.65;transform:scale(1.06)}}.sel-detail-name{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-weight:500;font-size:32px;color:#f0eadc;letter-spacing:.12em;margin-bottom:4px}.sel-detail-class{font-family:Tenor Sans,sans-serif;font-size:12px;letter-spacing:.35em;text-transform:uppercase;margin-bottom:6px}.sel-detail-class em{font-style:normal;color:#6a6250;letter-spacing:.25em}.sel-detail-class.cls-thief{color:#c4a8d8}.sel-detail-class.cls-swordsman{color:#e0907a}.sel-detail-class.cls-mage{color:#80c8e8}.sel-detail-class.cls-priest{color:#e8d078}.sel-detail-tagline{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-style:italic;font-size:14px;color:#a89878;margin-bottom:18px}.sel-detail-rule{display:flex;align-items:center;gap:8px;width:80%;max-width:280px;margin-bottom:18px}.sel-detail-rule span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(201,164,94,.4),transparent)}.sel-detail-rule i{font-style:normal;font-family:serif;color:#c9a45e;font-size:14px}.sel-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 32px;width:100%;max-width:360px;margin-bottom:20px}.sel-stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border-bottom:1px solid rgba(201,164,94,.15);padding-bottom:6px}.sel-stat-label{font-family:Tenor Sans,sans-serif;font-size:9px;letter-spacing:.4em;color:#6a6250}.sel-stat-value{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:18px;color:#f0eadc;letter-spacing:.04em}.sel-stat-value em{color:#6a6250;font-style:normal;font-size:13px}.sel-detail-desc{font-family:"Noto Serif TC",serif;font-size:13px;line-height:1.85;color:#a89878;text-align:center;max-width:380px;margin:0 0 22px}.sel-empty-detail{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#6a6250;text-align:center;padding:40px 20px}.sel-empty-rune{color:#c9a45e;opacity:.55}@keyframes tw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sel-empty-text{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-style:italic;font-size:14px;letter-spacing:.15em}.sel-actions{margin-top:auto;display:flex;gap:12px;width:100%;padding-top:18px;border-top:1px solid rgba(201,164,94,.15)}.sel-btn{position:relative;flex:1;background:linear-gradient(180deg,#1a2030,#0a0e18);border:1px solid #c9a45e;color:#f0eadc;font-family:Cormorant Garamond,"Noto Serif TC",serif;font-weight:500;font-size:15px;letter-spacing:.35em;padding:13px 16px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;overflow:hidden}.sel-btn:disabled{opacity:.4;cursor:not-allowed}.sel-btn:hover:not(:disabled){background:linear-gradient(180deg,#2a3548,#0e1422);box-shadow:0 0 22px #c9a45e4d}.sel-btn-danger{border-color:#d8745ab3;color:#d8745a;flex:0 0 38%}.sel-btn-danger:hover:not(:disabled){background:linear-gradient(180deg,#2a1a18,#14080a);border-color:#d8745a;box-shadow:0 0 22px #d8745a4d}.sel-btn-primary{flex:1}.sel-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,transparent 40%,rgba(255,235,180,.18) 50%,transparent 60%,transparent 100%);transform:translate(-100%);transition:transform .8s ease}.sel-btn-primary:hover:not(:disabled):before{transform:translate(100%)}.sel-btn-text{position:relative;z-index:2;padding-left:.35em}.sel-btn-arrow{position:relative;z-index:2;margin-left:12px;color:#c9a45e;display:inline-block}.sel-btn-ghost{flex:0 0 30%;background:transparent;border:1px solid rgba(106,98,80,.5);color:#8a8270}.sel-btn-ghost:hover:not(:disabled){border-color:#a89878;color:#f0eadc}.sel-modal{position:fixed;inset:0;z-index:100;background:#020308c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;padding:16px;animation:tw-modal-in .25s ease}@keyframes tw-modal-in{0%{opacity:0}to{opacity:1}}.sel-modal-card{position:relative;width:100%;max-width:460px;background:linear-gradient(180deg,#141008f5,#080602fc);border:1px solid rgba(201,164,94,.4);border-radius:12px;padding:32px 28px 22px;box-shadow:0 24px 60px #000000b3,inset 0 1px #ffebb41a;animation:sel-modal-rise .3s cubic-bezier(.2,.85,.2,1);display:flex;flex-direction:column;gap:20px}@keyframes sel-modal-rise{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sel-modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;background:transparent;border:1px solid rgba(201,164,94,.3);color:#cfc4a0;font-size:18px;line-height:1;border-radius:6px;cursor:pointer;display:grid;place-items:center;transition:all .15s;font-family:inherit}.sel-modal-close:hover:not(:disabled){background:#d8745a1f;border-color:#d8745a99;color:#d8745a}.sel-modal-close:disabled{opacity:.4;cursor:not-allowed}.sel-modal-title-row{text-align:center;display:flex;flex-direction:column;gap:4px}.sel-modal-tag{font-family:Tenor Sans,sans-serif;font-size:9px;letter-spacing:.4em;color:#c9a45e}.sel-modal-title{margin:0;font-family:Cormorant Garamond,"Noto Serif TC",serif;font-weight:500;font-size:22px;letter-spacing:.3em;color:#f0eadc}.sel-modal-class-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sel-modal-class-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;background:linear-gradient(180deg,#1c140a99,#0c0802d9);border:1px solid rgba(201,164,94,.18);border-radius:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s;font-family:inherit;color:inherit}.sel-modal-class-btn:hover:not(:disabled){border-color:#c9a45e73}.sel-modal-class-btn:active:not(:disabled){transform:scale(.97)}.sel-modal-class-btn.picked{border-color:currentColor;box-shadow:0 0 14px #c9a45e38,inset 0 0 0 1px #c9a45e4d}.sel-modal-class-btn.cls-thief{color:#b896c8}.sel-modal-class-btn.cls-swordsman{color:#d87a6a}.sel-modal-class-btn.cls-mage{color:#6db8d8}.sel-modal-class-btn.cls-priest{color:#d8c068}.sel-modal-class-avatar{width:56px;height:56px;border-radius:50%;border:1px solid rgba(201,164,94,.4);overflow:hidden;background:#0a0604}.sel-modal-class-avatar img{width:100%;height:100%;object-fit:cover;display:block}.sel-modal-class-avatar span{display:grid;place-items:center;width:100%;height:100%;font-size:24px;color:currentColor}.sel-modal-class-label{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:12px;letter-spacing:.1em;color:#cfc4a0}.sel-modal-class-btn.picked .sel-modal-class-label{color:#f0eadc}.sel-modal-info{min-height:130px;display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:linear-gradient(180deg,#080b1280,#04060cc7);border:1px solid rgba(201,164,94,.15);border-radius:8px}.sel-modal-info-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.sel-modal-info-name{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:18px;color:#ffd766}.sel-modal-info-name.cls-thief{color:#b896c8}.sel-modal-info-name.cls-swordsman{color:#d87a6a}.sel-modal-info-name.cls-mage{color:#6db8d8}.sel-modal-info-name.cls-priest{color:#d8c068}.sel-modal-info-en{font-family:Tenor Sans,sans-serif;font-size:9px;letter-spacing:.3em;color:#8a8270;text-transform:uppercase}.sel-modal-info-tag{margin:0;font-style:italic;font-size:12px;color:#a89878;font-family:Cormorant Garamond,"Noto Serif TC",serif;line-height:1.5}.sel-modal-info-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:auto;padding-top:8px;border-top:1px dashed rgba(201,164,94,.15)}.sel-modal-info-stats span{display:flex;flex-direction:column;align-items:center;gap:2px}.sel-modal-info-stats i{font-style:normal;font-size:8px;letter-spacing:.25em;color:#6a6250;font-family:Tenor Sans,sans-serif}.sel-modal-info-stats b{font-family:Cinzel,serif;font-weight:700;font-size:14px;color:#c9a45e}.sel-modal-name{display:flex;flex-direction:column;gap:6px}.sel-modal-name-label{font-family:Tenor Sans,sans-serif;font-size:9px;letter-spacing:.4em;color:#c9a45e}.sel-modal-name-input{width:100%;box-sizing:border-box;padding:10px 12px;background:#080602cc;border:1px solid rgba(201,164,94,.3);border-radius:6px;color:#f0eadc;font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:16px;letter-spacing:.08em;outline:none;transition:border-color .15s,box-shadow .15s}.sel-modal-name-input:focus{border-color:#ffd766;box-shadow:0 0 8px #ffd76633}.sel-modal-name-input:disabled{opacity:.5;cursor:not-allowed}.sel-modal-actions{display:flex;gap:10px;justify-content:flex-end}.sel-modal-btn{padding:10px 22px;font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:13px;letter-spacing:.18em;border-radius:6px;cursor:pointer;transition:all .15s;border:1px solid}.sel-modal-btn.ghost{background:transparent;border-color:#c9a45e4d;color:#cfc4a0}.sel-modal-btn.ghost:hover:not(:disabled){background:#d8745a1a;border-color:#d8745a99;color:#d8745a}.sel-modal-btn.primary{background:linear-gradient(180deg,#5a3a18,#2a1808);border-color:#ffd766;color:#ffd766;font-weight:600}.sel-modal-btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#7a4a1a,#3a200c);box-shadow:0 0 12px #ffd76659}.sel-modal-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 700px){.sel-modal{padding:10px}.sel-modal-card{max-width:none;width:100%;padding:24px 18px 18px;gap:16px}.sel-modal-title{font-size:18px;letter-spacing:.22em}.sel-modal-class-row{gap:6px}.sel-modal-class-avatar{width:48px;height:48px}.sel-modal-class-label{font-size:11px}.sel-modal-info{min-height:110px;padding:12px}.sel-modal-info-name{font-size:16px}.sel-modal-name-input{font-size:16px;padding:9px 10px}.sel-modal-btn{padding:9px 16px;font-size:12px}}.sel-class-portrait{width:64px;height:64px;overflow:hidden;border:1px solid rgba(201,164,94,.4)}.sel-class-portrait img{width:100%;height:100%;object-fit:cover;display:block}.sel-class-icon{display:grid;place-items:center;width:100%;height:100%;font-size:28px}.sel-class-info{min-width:0}.sel-class-name{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-weight:500;font-size:18px;color:#f0eadc;letter-spacing:.06em}.sel-class-en{font-family:Tenor Sans,sans-serif;font-size:9px;letter-spacing:.35em;color:currentColor;text-transform:uppercase;opacity:.85}.sel-class-tag{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-style:italic;font-size:12px;color:#8a8270;margin-top:3px}.sel-class-stats{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px;padding-top:8px;border-top:1px dashed rgba(201,164,94,.15)}.sel-class-stats span{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:Tenor Sans,sans-serif}.sel-class-stats i{font-style:normal;font-size:8px;letter-spacing:.25em;color:#6a6250}.sel-class-stats b{font-family:Cinzel,serif;font-weight:700;font-size:13px;color:#c9a45e}.sel-modal-detail{display:flex;flex-direction:column;gap:18px;padding:18px 20px;background:linear-gradient(180deg,#080b1299,#04060cc7);border:1px solid rgba(201,164,94,.15)}.sel-modal-detail-label{font-family:Tenor Sans,sans-serif;font-size:10px;letter-spacing:.5em;color:#c9a45e}.sel-modal-detail-desc{margin:0;font-family:"Noto Serif TC",serif;font-size:14px;line-height:1.85;color:#a89878;flex:1}.sel-modal-name-field{display:flex;flex-direction:column}.sel-modal-name-input{width:100%;background:transparent;border:none;outline:none;padding:6px 0 8px;color:#f0eadc;font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:18px;letter-spacing:.08em}.sel-modal-name-input::placeholder{color:#5a5240;font-style:italic}.sel-modal-name-field .tw-field-rule:before{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:1px;background:linear-gradient(90deg,transparent,#f0eadc 50%,transparent);transform:translate(-50%);transition:width .35s;box-shadow:0 0 8px #f0eadc99}.sel-modal-name-input:focus+.tw-field-rule:before{width:100%}.sel-modal-actions{display:flex;gap:12px;justify-content:flex-end}.sel-modal-actions .sel-btn{flex:0 0 auto;min-width:140px}@media (max-width: 1100px){.sel-main{grid-template-columns:1fr}.sel-right{max-height:none;overflow:hidden}.sel-modal-body{grid-template-columns:1fr}}@media (max-width: 700px){.sel-stage{grid-template-rows:auto 1fr;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;align-content:start}.sel-topbar{padding:10px 14px;flex-wrap:wrap;gap:8px}.sel-brand-mark{font-size:14px;letter-spacing:.18em}.sel-brand-sub{display:none}.sel-account-name{font-size:13px}.sel-icon-btn{padding:5px 10px;font-size:11px;letter-spacing:.18em}.sel-main{grid-template-columns:1fr;padding:14px 12px 20px;gap:14px;min-height:max-content;align-items:start}.sel-left{min-height:auto}.sel-section-title{font-size:28px;letter-spacing:.25em}.sel-section-sub{font-size:9px;letter-spacing:.4em}.sel-slots{gap:10px}.sel-slot{grid-template-columns:56px 1fr auto;gap:10px;padding:10px 12px}.sel-slot-portrait-wrap,.sel-slot-icon{width:60px;height:60px}.sel-slot-name{font-size:17px}.sel-slot-class{font-size:10px;letter-spacing:.25em}.sel-slot-lv-num{font-size:22px}.sel-right{padding:20px 16px;max-height:none;min-height:auto;overflow:visible}.sel-detail-portrait-wrap{width:132px;height:132px;margin:4px 0 12px}.sel-detail-name{font-size:24px}.sel-detail-grid{grid-template-columns:1fr 1fr;gap:10px 16px;max-width:100%}.sel-detail-desc{font-size:12px;line-height:1.7}.sel-actions{flex-direction:column}.sel-btn-danger{flex:1 0 auto}.sel-modal{padding:12px}.sel-modal-panel{padding:24px 18px;max-height:calc(100vh - 24px)}.sel-modal-title{font-size:22px;letter-spacing:.25em}.sel-modal-body{gap:16px;margin-bottom:16px}.sel-classes{grid-template-columns:1fr}.sel-class-card{grid-template-columns:56px 1fr}.sel-modal-name-input{font-size:16px}.sel-modal-actions{flex-direction:column-reverse}.sel-modal-actions .sel-btn{width:100%}}:root{--sky-1:#9bd5e5;--sky-2:#c8eaf0;--grass-1:#6db14e;--grass-2:#8acf6a;--grass-3:#4f8a3a;--path-1:#c9a673;--path-2:#a98349;--water:#3d8fb0;--stone-1:#9e9586;--stone-2:#736a5c;--hud-bg:#2a1b10;--hud-bg-2:#1a0f08;--hud-bg-3:#3a2618;--hud-frame:#6b4520;--hud-frame-d:#3a2310;--hud-frame-l:#a07640;--brass:#d4a04a;--brass-d:#9a6e22;--brass-l:#f0c660;--gold:#ffd766;--parch:#f0e2bc;--parch-2:#c8b282;--ink:#2a1808;--line:#5a3818;--hp:#d24139;--hp-d:#7a1a14;--mp:#3a7ad6;--mp-d:#1c4080;--xp:#d8b020;--xp-d:#7a5a08;--sp:#52b864;--chat-bg:rgba(8,4,0,.7);--chat-line:rgba(255,215,102,.16);--rare:#5db3ff;--epic:#b96bff;--legend:#ff8e1f;--common:#dadada}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100vh;width:100vw;overflow:hidden;background:#000;color:#f0e2bc;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif;-webkit-font-smoothing:antialiased;user-select:none}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#6b4520;border-radius:3px}.game{position:fixed;inset:0;background:#000;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.stage{position:relative;width:100%;height:100%;background:radial-gradient(ellipse at center,#12110d,#060605 72%,#020202);overflow:hidden}.topbar{position:absolute;top:0;left:0;right:0;height:34px;z-index:40;display:flex;align-items:center;gap:10px;padding:0 14px;background:linear-gradient(180deg,#140a04f2,#0a0502d9);border-bottom:1px solid var(--hud-frame-d);font-size:11px;letter-spacing:.06em;box-shadow:0 2px #00000080}.topbar .logo{font-family:Cinzel,serif;font-weight:900;color:var(--gold);letter-spacing:.25em;font-size:13px;text-shadow:0 0 8px rgba(255,215,102,.4)}.topbar .logo em{font-style:normal;color:#ffe9b0;margin-left:4px}.topbar .sep{width:1px;height:14px;background:var(--hud-frame)}.topbar .info{color:#c8b282}.topbar .info b{color:var(--brass-l);font-weight:700}.topbar .clock{margin-left:auto;font-family:JetBrains Mono,monospace;font-weight:700;color:var(--brass-l)}.topbar .ping{color:#4cd97f;display:flex;align-items:center;gap:4px}.topbar .ping:before{content:"";width:6px;height:6px;border-radius:50%;background:#4cd97f;box-shadow:0 0 6px #4cd97f}.world{position:absolute;inset:34px 0 0;overflow:hidden;background:radial-gradient(ellipse at center,#17150f,#090807 62%,#020202)}.world:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);z-index:5}.world-canvas{position:absolute;top:0;left:0}.world-camera{position:absolute;top:0;left:0;transition:transform .08s linear}.world-grid{position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(0,0,0,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.5) 1px,transparent 1px);background-size:32px 32px;mix-blend-mode:multiply}.tile-layer{position:absolute;top:0;left:0;pointer-events:none;image-rendering:pixelated}.move-ping{position:absolute;width:32px;height:32px;border:2px solid #ffd766;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5;animation:ping-out .55s ease-out forwards;box-shadow:0 0 12px #ffd766b3}@keyframes ping-out{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.entity{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;cursor:pointer;filter:drop-shadow(0 4px 0 rgba(0,0,0,.4))}.entity .sprite{position:relative;display:block}.entity.dead{opacity:.6;filter:grayscale(1) brightness(.6) drop-shadow(0 4px 0 rgba(0,0,0,.4))}.entity-shadow{position:absolute;left:50%;bottom:-2px;width:42px;height:10px;background:radial-gradient(ellipse,rgba(0,0,0,.55) 0%,transparent 70%);transform:translate(-50%);pointer-events:none}.entity .nameplate{position:absolute;left:50%;bottom:100%;transform:translate(-50%);text-align:center;white-space:nowrap;margin-bottom:2px;font-size:11px;font-weight:700;letter-spacing:.04em;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000,0 0 4px #000;pointer-events:none}.entity.player .nameplate{color:#fff}.entity.npc .nameplate{color:#9be8ff}.entity.mob .nameplate{color:#ffce8a}.entity.mob.elite .nameplate{color:#ff8e1f}.entity.mob.boss .nameplate{color:#ff4d4d}.entity .nameplate small{display:block;font-size:9px;color:#ffd766;margin-top:1px;letter-spacing:.1em}.entity .hpbar{position:absolute;left:50%;bottom:100%;transform:translate(-50%);width:48px;height:4px;background:#000000b3;border:1px solid #000;margin-bottom:18px}.entity .hpbar>div{height:100%;background:linear-gradient(180deg,#ff5a4d,#a01a14);transition:width .25s}.entity.targeted .nameplate{color:#ffd766;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000,0 0 8px #ffd766}.entity.targeted:before{content:"";position:absolute;left:50%;top:100%;width:60px;height:18px;transform:translate(-50%,-12px);background:radial-gradient(ellipse,rgba(255,215,102,.55) 0%,transparent 70%);pointer-events:none;animation:tgt-pulse 1.2s ease-in-out infinite}@keyframes tgt-pulse{0%,to{opacity:.6}50%{opacity:1}}.entity.targeted:after{content:"";position:absolute;left:50%;top:100%;width:54px;height:54px;transform:translate(-50%,-27px) rotateX(72deg);transform-origin:center center;border:2px solid #ffd766;border-radius:50%;border-top-color:transparent;border-bottom-color:transparent;pointer-events:none;animation:tgt-spin 3s linear infinite;box-shadow:0 0 8px #ffd76699}@keyframes tgt-spin{0%{transform:translate(-50%,-27px) rotateX(72deg) rotate(0)}to{transform:translate(-50%,-27px) rotateX(72deg) rotate(360deg)}}.dmg-pop{position:absolute;font-family:"Noto Serif TC",serif;font-weight:900;pointer-events:none;z-index:30;text-shadow:2px 2px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;animation:dmg-float 1s ease-out forwards;transform:translate(-50%,-50%);letter-spacing:.04em}@keyframes dmg-float{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}10%{transform:translate(-50%,-100%) scale(1.4);opacity:1}60%{transform:translate(-50%,-150%) scale(1);opacity:1}to{transform:translate(-50%,-220%) scale(.85);opacity:0}}.dmg-pop.normal{color:#ffe080;font-size:18px}.dmg-pop.crit{color:#ffea4a;font-size:30px;text-shadow:3px 3px 0 #7a1a04,-1px 1px 0 #000,1px -1px 0 #000;animation-duration:1.3s}.dmg-pop.miss{color:#cfd8e8;font-size:14px;font-weight:700}.dmg-pop.heal{color:#7df089;font-size:18px}.dmg-pop.taken{color:#ff5a4d;font-size:22px;font-weight:900}.dmg-pop.taken.crit{color:#ff2a1a;font-size:32px}.dmg-pop.exp{color:#ffe9a0;font-size:13px}.skill-vfx{position:absolute;pointer-events:none;z-index:25;transform:translate(-50%,-50%)}.vfx-slash{width:80px;height:80px;background:conic-gradient(from 0deg,transparent 0,#fff 8%,#ffd766 16%,transparent 28%);border-radius:50%;mix-blend-mode:screen;opacity:.9;animation:vfx-spin .35s ease-out forwards}@keyframes vfx-spin{0%{transform:translate(-50%,-50%) rotate(0) scale(.6);opacity:1}to{transform:translate(-50%,-50%) rotate(180deg) scale(1.4);opacity:0}}.vfx-fire{width:60px;height:60px;background:radial-gradient(circle,#fff 0%,#ffe080 20%,#ff8024 50%,#a01a04 80%,transparent 100%);border-radius:50%;mix-blend-mode:screen;animation:vfx-burst .55s ease-out forwards}@keyframes vfx-burst{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}30%{opacity:1}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.vfx-heal{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(125,240,137,.7) 0%,rgba(60,180,80,.4) 40%,transparent 75%);animation:vfx-heal .8s ease-out forwards}@keyframes vfx-heal{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}40%{opacity:1}to{transform:translate(-50%,-100%) scale(1.6);opacity:0}}.vfx-bolt{width:6px;height:80px;background:linear-gradient(180deg,#fff,#5db3ff 30%,#1c4080);border-radius:3px;animation:vfx-bolt .25s ease-out forwards;box-shadow:0 0 16px #5db3ff}@keyframes vfx-bolt{0%{transform:translate(-50%,-100%) scaleY(0);opacity:1}to{transform:translate(-50%) scaleY(1);opacity:0}}.frame{position:relative;background:linear-gradient(180deg,#3a2618f5,#1a0f08fa);border:2px solid var(--hud-frame);box-shadow:inset 0 0 0 1px #ffd7662e,inset 0 1px #ffd7662e,inset 0 -1px #0009,0 4px 14px #000000b3;border-radius:6px}.frame:before{content:"";position:absolute;inset:-2px;border-radius:6px;pointer-events:none;background:linear-gradient(135deg,#a07640,#6b4520 30%,#3a2310 70%,#a07640);z-index:-1;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.frame .corner{position:absolute;width:14px;height:14px;background:radial-gradient(circle at 30% 30%,var(--brass-l) 0%,var(--brass-d) 70%,#1a0f08 100%);border:1px solid #1a0f08;border-radius:50%;box-shadow:inset 0 0 4px #0009,0 1px #ffffff26;z-index:2}.frame .corner.tl{top:-7px;left:-7px}.frame .corner.tr{top:-7px;right:-7px}.frame .corner.bl{bottom:-7px;left:-7px}.frame .corner.br{bottom:-7px;right:-7px}.char-panel{position:absolute;top:42px;left:8px;z-index:35;width:268px;padding:10px 10px 8px}.char-panel .row{display:flex;align-items:center;gap:8px}.char-portrait{width:54px;height:54px;flex-shrink:0;position:relative;background:radial-gradient(circle,#3a5a4a,#0a1a14 80%);border:2px solid var(--hud-frame);border-radius:50%;box-shadow:inset 0 0 8px #0009,inset 0 0 0 1px #ffd76633;overflow:hidden;display:grid;place-items:center}.char-portrait .lvl{position:absolute;left:-2px;bottom:-2px;background:var(--hud-bg-2);color:var(--gold);border:1px solid var(--brass-d);border-radius:3px;padding:1px 4px;font-family:Cinzel,serif;font-weight:900;font-size:10px;letter-spacing:.05em;z-index:2}.char-info{flex:1;min-width:0}.char-name{font-weight:700;color:#ffe9b0;font-size:13px;letter-spacing:.05em;text-shadow:0 1px 0 #000}.char-name .guild{color:#9be8ff;font-size:11px;font-weight:500;letter-spacing:.04em}.char-job{font-family:Cinzel,serif;font-size:10px;color:var(--brass-l);letter-spacing:.18em;margin-top:1px}.bars{display:flex;flex-direction:column;gap:3px;margin-top:6px}.bar{position:relative;height:14px;background:#0a0500;border:1px solid #1a0f08;box-shadow:inset 0 1px 2px #000000b3,0 1px #ffd76614;overflow:hidden}.bar .fill{height:100%;transition:width .25s}.bar.hp .fill{background:linear-gradient(180deg,#ff5a4d,#d24139,#7a1a14)}.bar.mp .fill{background:linear-gradient(180deg,#7eb2ff,#3a7ad6,#1c4080)}.bar.xp{height:8px}.bar.xp .fill{background:linear-gradient(180deg,#ffe080,#d8b020 60%,#7a5a08);box-shadow:0 0 6px #d8b02066 inset}.bar .label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;letter-spacing:.08em;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 1px 0 #000;font-family:JetBrains Mono,monospace}.bar .seg{position:absolute;top:0;bottom:0;width:1px;background:#0009}.bar.shine:after{content:"";position:absolute;inset:0 0 50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);pointer-events:none}.stat-line{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px;padding-top:6px;border-top:1px solid rgba(255,215,102,.15)}.stat-line .stat{background:#00000059;padding:3px 4px;border:1px solid rgba(255,215,102,.1);display:flex;flex-direction:column;align-items:center;font-size:10px}.stat small{color:#a8916a;letter-spacing:.05em;font-size:9px}.stat b{color:#ffe9b0;font-family:JetBrains Mono,monospace;font-weight:700;font-size:11px;line-height:1.1}.buffs{position:absolute;top:122px;left:18px;z-index:34;display:flex;gap:3px}.buff{width:26px;height:26px;border:1px solid var(--hud-frame);background:var(--hud-bg-3);display:grid;place-items:center;font-size:13px;position:relative;box-shadow:inset 0 0 0 1px #ffd7662e}.buff small{position:absolute;right:-2px;bottom:-3px;font-size:9px;background:#000;color:var(--gold);padding:0 3px;border-radius:2px;font-family:JetBrains Mono,monospace;font-weight:700}.minimap-wrap{position:absolute;top:42px;right:8px;z-index:35;width:204px;padding:6px}.minimap-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 4px}.minimap-head .place{font-family:Cinzel,serif;font-size:11px;color:var(--gold);letter-spacing:.15em}.minimap-head .coord{font-family:JetBrains Mono,monospace;font-size:10px;color:#a8916a}.minimap{position:relative;width:100%;height:160px;background:radial-gradient(ellipse at 50% 50%,#1a3a18,#0a1a08 70%,#000);border:1px solid var(--hud-frame-d);overflow:hidden;box-shadow:inset 0 0 0 1px #ffd7661a,inset 0 0 20px #000000b3;cursor:crosshair}.minimap-bg{position:absolute;inset:0}.mm-dot{position:absolute;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px currentColor}.mm-dot.player{background:#fff;width:7px;height:7px;box-shadow:0 0 6px #fff,0 0 2px #ffd766}.mm-dot.mob{background:#ff5a4d;color:#ff5a4d}.mm-dot.boss{background:#ff2a1a;color:#ff2a1a;width:7px;height:7px;animation:mm-pulse 1s infinite}.mm-dot.npc{background:#5db3ff;color:#5db3ff}.mm-dot.portal{background:#b96bff;color:#b96bff;width:6px;height:6px}@keyframes mm-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.5)}}.mm-cone{position:absolute;width:36px;height:36px;border-radius:50%;background:conic-gradient(from -45deg,rgba(255,255,255,.1) 0deg 90deg,transparent 90deg);transform:translate(-50%,-50%);pointer-events:none}.mm-compass{position:absolute;top:4px;left:6px;font-family:Cinzel,serif;font-size:11px;color:#ffd76699;letter-spacing:.15em;pointer-events:none;text-shadow:0 0 4px #000}.minimap-actions{display:flex;gap:4px;margin-top:6px}.mm-btn{flex:1;padding:4px 0;font-size:10px;letter-spacing:.1em;color:var(--brass-l);background:linear-gradient(180deg,#3a2618,#1a0f08);border:1px solid var(--hud-frame);border-bottom-color:var(--hud-frame-d);box-shadow:inset 0 1px #ffd7662e}.mm-btn:hover{background:linear-gradient(180deg,#4a3624,#2a1808);color:var(--gold)}.action-bar{position:absolute;bottom:74px;left:50%;transform:translate(-50%);z-index:35;display:flex;align-items:center;gap:14px}.auto-battle-hud{pointer-events:auto}.skill-row{display:flex;gap:4px}.skill-slot{width:48px;height:48px;position:relative;background:linear-gradient(180deg,#3a2618,#0d0703);border:2px solid var(--hud-frame);border-bottom-color:var(--hud-frame-d);box-shadow:inset 0 0 0 1px #ffd7662e,inset 0 -2px #00000080,0 2px 6px #0009;display:grid;place-items:center;cursor:pointer;transition:transform .08s}.skill-slot:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffd76666,0 6px 12px #ffd76640}.skill-slot:active{transform:translateY(0)}.skill-slot.empty{opacity:.55}.skill-slot .sk-key{position:absolute;top:-1px;left:1px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;color:var(--gold);text-shadow:1px 1px 0 #000;letter-spacing:.05em}.skill-slot .sk-cost{position:absolute;bottom:0;right:1px;font-family:JetBrains Mono,monospace;font-size:9px;color:#7eb2ff;text-shadow:1px 1px 0 #000}.skill-slot .cd-cover{position:absolute;inset:0;background:#000000a6;display:grid;place-items:center;color:#fff;font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px;text-shadow:0 0 4px #000;pointer-events:none}.skill-slot.disabled{filter:grayscale(.7) brightness(.6);cursor:not-allowed}.skill-slot.pending{border-color:#ffd766;box-shadow:inset 0 0 0 2px #ffd76699,0 0 16px #ffd766b3,0 2px 6px #0009;animation:slot-pulse .9s ease-in-out infinite}@keyframes slot-pulse{0%,to{box-shadow:inset 0 0 0 2px #ffd7668c,0 0 14px #ffd7668c,0 2px 6px #0009}50%{box-shadow:inset 0 0 0 2px #ffd766f2,0 0 22px #ffd766f2,0 2px 6px #0009}}.skill-slot .glow{position:absolute;inset:0;border-radius:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,215,102,.3) 0%,transparent 60%);animation:slot-glow 2s ease-in-out infinite}@keyframes slot-glow{0%,to{opacity:.4}50%{opacity:1}}.skill-icon{width:32px;height:32px}.bar-divider{width:2px;height:32px;background:linear-gradient(180deg,transparent,var(--hud-frame),transparent)}.qbar{display:flex;gap:4px}.qbar .skill-slot{width:42px;height:42px}.qbar .skill-icon{width:28px;height:28px}.chat{position:absolute;left:8px;bottom:90px;z-index:40;width:340px;height:200px;display:flex;flex-direction:column;background:linear-gradient(180deg,#231510,#0d0703)!important;pointer-events:auto;isolation:isolate}.chat .frame-body{flex:1;display:flex;flex-direction:column;padding:6px;min-height:0;overflow:hidden;pointer-events:auto}.chat-stream{flex:1;min-height:0;max-height:100%;overflow-y:auto!important;overflow-x:hidden!important;font-size:11.5px;line-height:1.5;padding:2px 4px;pointer-events:auto;overscroll-behavior:contain;position:relative;display:block!important;white-space:normal;word-break:break-word;user-select:text;-webkit-user-select:text}.chat-tab{cursor:pointer}.chat-tab:hover:not(.active){color:#cfa860;background:#3a261866}.chat-tabs{display:flex;gap:0;border-bottom:1px solid var(--hud-frame-d);margin-bottom:4px;flex-shrink:0}.chat-tab{padding:3px 10px;font-size:11px;letter-spacing:.1em;color:#a8916a;background:#0006;border:1px solid transparent;border-bottom:none;position:relative;top:1px}.chat-tab.active{color:var(--gold);background:#3a2618b3;border-color:var(--hud-frame)}.chat-tab .alert{display:inline-block;width:5px;height:5px;background:#ff5a4d;border-radius:50%;margin-left:4px;vertical-align:middle;box-shadow:0 0 4px #ff5a4d}.chat-line{display:grid!important;grid-template-columns:max-content minmax(0,1fr);align-items:start;column-gap:4px;position:relative;margin:0 0 2px;white-space:normal;word-break:break-word;clear:both;line-height:1.45}.chat-line__meta{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px;min-width:0}.chat-line__text{display:block;min-width:0;word-break:break-word}.chat-line .ts{color:#7a6850;font-family:JetBrains Mono,monospace;font-size:10px;margin-right:4px}.chat-line .ch{font-weight:700;letter-spacing:.04em;margin-right:3px}.chat-line.system .ch{color:#ffd766}.chat-line.system{color:#f0e2bc;font-style:italic}.chat-line.world .ch{color:#5db3ff}.chat-line.world{color:#cfe6ff}.chat-line.guild .ch{color:#7df089}.chat-line.guild{color:#d4f5d8}.chat-line.party .ch{color:#ffce8a}.chat-line.combat .ch{color:#ff8a4a}.chat-line.combat{color:#ffd0b0}.chat-line.loot .ch{color:#b96bff}.chat-line.loot{color:#e9d6ff}.chat-line .name{color:#fff;font-weight:600}.chat-input{display:flex;gap:4px;padding:4px;background:#00000073;border-top:1px solid var(--hud-frame-d);flex-shrink:0}.chat-input select{background:#0a0500;border:1px solid var(--hud-frame);color:var(--brass-l);font-size:11px;padding:2px 4px}.chat-input input{flex:1;background:#0009;border:1px solid var(--hud-frame);color:#f0e2bc;font-size:12px;padding:3px 6px;outline:none}.chat-input input:focus{border-color:var(--brass-l);box-shadow:0 0 0 1px #ffd76640}.menu-bar{position:absolute;right:8px;bottom:8px;z-index:35;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:228px;padding:6px}.menu-btn{height:42px;background:linear-gradient(180deg,#3a2618,#0d0703);border:2px solid var(--hud-frame);border-bottom-color:var(--hud-frame-d);color:#ffe9b0;font-size:10px;letter-spacing:.1em;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:relative;box-shadow:inset 0 0 0 1px #ffd7662e}.menu-btn:hover{color:var(--gold);background:linear-gradient(180deg,#4a3624,#1a0f08);box-shadow:inset 0 0 0 1px #ffd76680}.menu-btn .key{position:absolute;top:0;left:1px;font-family:JetBrains Mono,monospace;font-size:8px;color:var(--gold)}.menu-btn svg{width:18px;height:18px}.menu-btn .alert{position:absolute;top:2px;right:2px;width:7px;height:7px;border-radius:50%;background:#ff5a4d;box-shadow:0 0 5px #ff5a4d}.target-frame{position:absolute;top:42px;left:286px;z-index:35;width:230px;padding:6px 8px 8px;display:none}.target-frame.show{display:block;animation:slide-in .18s ease-out}@keyframes slide-in{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.target-frame .row{display:flex;gap:8px;align-items:center}.tgt-portrait{width:42px;height:42px;flex-shrink:0;border:2px solid var(--hud-frame);background:#1a0a04;border-radius:50%;overflow:hidden;display:grid;place-items:center}.tgt-info{flex:1;min-width:0}.tgt-name{font-size:12px;font-weight:700;color:#ffce8a;letter-spacing:.04em}.tgt-name.elite{color:#ff8e1f}.tgt-name.boss{color:#ff4d4d}.tgt-name small{color:#ffd766;font-size:9px;letter-spacing:.15em;display:block;font-weight:500}.tgt-info .bar{margin-top:3px;height:10px}.tgt-info .bar .label{font-size:9px}.window{position:absolute;z-index:60;background:linear-gradient(180deg,#3a2618fa,#1a0f08fc);border:2px solid var(--hud-frame);box-shadow:inset 0 0 0 1px #ffd7662e,0 12px 30px #000000d9,0 0 0 1px #000000b3;border-radius:6px;display:flex;flex-direction:column;font-size:12px}.window .titlebar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:linear-gradient(180deg,#5a3a1a,#3a2310);border-bottom:1px solid var(--hud-frame-d);cursor:move;text-shadow:0 1px 0 rgba(0,0,0,.6)}.window .titlebar h3{margin:0;font-family:Cinzel,serif;font-size:13px;letter-spacing:.2em;color:var(--gold);font-weight:700;flex:1}.window .titlebar .x{width:20px;height:20px;background:#1a0f08;border:1px solid var(--hud-frame-d);color:#ffce8a;font-weight:900;border-radius:3px}.window .titlebar .x:hover{background:#3a1a08;color:#ff5a4d}.window .body{flex:1;padding:10px;overflow-y:auto}.window .corner{position:absolute;width:14px;height:14px;background:radial-gradient(circle at 30% 30%,var(--brass-l) 0%,var(--brass-d) 70%,#1a0f08 100%);border:1px solid #1a0f08;border-radius:50%;z-index:2}.window .corner.tl{top:-7px;left:-7px}.window .corner.tr{top:-7px;right:-7px}.window .corner.bl{bottom:-7px;left:-7px}.window .corner.br{bottom:-7px;right:-7px}.inv-tabs{display:flex;gap:0;margin-bottom:8px;border-bottom:1px solid var(--hud-frame-d)}.inv-tabs button{padding:5px 14px;font-size:11px;letter-spacing:.1em;color:#a8916a;background:#0000004d;border:1px solid transparent;border-bottom:none}.inv-tabs button.on{color:var(--gold);background:#3a261899;border-color:var(--hud-frame);position:relative;top:1px;border-bottom-color:transparent}.inv-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;padding:4px;background:#0006;border:1px solid var(--hud-frame-d)}.inv-cell{aspect-ratio:1;background:#0a0500;border:1px solid #1a0f08;box-shadow:inset 0 0 0 1px #ffd7660f,inset 0 -1px 2px #0009;display:grid;place-items:center;position:relative;cursor:pointer}.inv-cell:hover{box-shadow:inset 0 0 0 1px var(--brass-l),0 0 8px #ffd76666}.inv-cell[data-rarity=rare]{border-color:var(--rare);box-shadow:inset 0 0 0 1px var(--rare),inset 0 -1px 2px #0009,0 0 6px #5db3ff40}.inv-cell[data-rarity=epic]{border-color:var(--epic);box-shadow:inset 0 0 0 1px var(--epic),inset 0 -1px 2px #0009,0 0 6px #b96bff40}.inv-cell[data-rarity=legend]{border-color:var(--legend);box-shadow:inset 0 0 0 1px var(--legend),inset 0 -1px 2px #0009,0 0 6px #ff8e1f66}.inv-cell .qty{position:absolute;right:1px;bottom:0;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000}.inv-cell .equipped{position:absolute;top:0;left:1px;font-size:9px;color:var(--gold);text-shadow:1px 1px 0 #000}.inv-cell svg{width:70%;height:70%}.equip-doll{display:grid;grid-template-columns:48px 1fr 48px;gap:6px;margin-bottom:10px}.equip-col{display:flex;flex-direction:column;gap:6px}.equip-slot{width:48px;height:48px;background:#0a0500;border:1px solid #1a0f08;box-shadow:inset 0 0 0 1px #ffd7661a;display:grid;place-items:center;position:relative;cursor:pointer}.equip-slot[data-empty=true]{opacity:.45}.equip-slot .slot-icon{width:24px;height:24px;color:#5a3818}.equip-slot:hover{box-shadow:inset 0 0 0 1px var(--brass-l)}.equip-slot .equipped-bg{position:absolute;inset:0;background:radial-gradient(circle,rgba(255,215,102,.15) 0%,transparent 70%)}.equip-mid{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#3a5a4a,#0a1a14 80%);border:1px solid var(--hud-frame-d);position:relative;overflow:hidden}.equip-mid:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 110%,rgba(0,0,0,.7) 0%,transparent 50%)}.tt{position:fixed;z-index:100;pointer-events:none;background:linear-gradient(180deg,#140a04fa,#0a0502fa);border:1px solid var(--brass-d);box-shadow:0 8px 18px #000000d9,inset 0 0 0 1px #ffd76633;padding:8px 10px;min-width:180px;max-width:240px;font-size:11.5px;line-height:1.55;color:#cfb98a}.tt h5{margin:0;font-family:Cinzel,serif;font-size:12px;letter-spacing:.06em;color:#ffe9b0}.tt h5[data-r=rare]{color:var(--rare)}.tt h5[data-r=epic]{color:var(--epic)}.tt h5[data-r=legend]{color:var(--legend)}.tt .ttype{font-size:10px;color:#a8916a;letter-spacing:.1em;margin:2px 0 6px}.tt .stat-row{display:flex;justify-content:space-between;color:#7df089;font-size:11px;margin:1px 0}.tt .desc{color:#a8916a;font-style:italic;font-size:11px;margin-top:6px;border-top:1px dashed rgba(255,215,102,.15);padding-top:5px}.tt .req{color:#ff8a4a;font-size:11px;margin-top:4px}.tt .vendor{color:#ffd766;font-size:11px;margin-top:4px}.skill-list{display:flex;flex-direction:column;gap:6px}.sk-row{display:flex;align-items:center;gap:10px;padding:8px;background:#0000004d;border:1px solid var(--hud-frame-d)}.sk-row.locked{opacity:.55}.sk-row .sk-ic{width:42px;height:42px;background:linear-gradient(180deg,#3a2618,#0d0703);border:2px solid var(--hud-frame);display:grid;place-items:center}.sk-info{flex:1;min-width:0}.sk-info h4{margin:0;font-size:13px;color:#ffe9b0;letter-spacing:.04em}.sk-info h4 small{color:#a8916a;font-size:10px;font-weight:400;margin-left:4px;letter-spacing:.05em;font-family:Cinzel,serif}.sk-info .sk-d{font-size:11px;color:#a8916a;margin-top:2px}.sk-info .sk-meta{font-size:10px;color:var(--brass-l);font-family:JetBrains Mono,monospace;letter-spacing:.05em;margin-top:2px}.sk-equip{padding:4px 12px;font-size:11px;letter-spacing:.1em;background:linear-gradient(180deg,#3a2618,#1a0f08);border:1px solid var(--hud-frame);color:var(--brass-l)}.sk-equip.on{background:linear-gradient(180deg,#5a3a1a,#3a2310);color:var(--gold);box-shadow:inset 0 0 0 1px var(--brass-l)}.q-list{display:flex;flex-direction:column;gap:6px}.q-card{padding:8px;background:#0000004d;border:1px solid var(--hud-frame-d);border-left:3px solid var(--brass)}.q-card.done{border-left-color:#7df089}.q-card.claimed{opacity:.55;border-left-color:#5a4a30}.q-card h4{margin:0 0 3px;font-size:13px;color:#ffe9b0;letter-spacing:.04em}.q-card h4:before{content:"❖ ";color:var(--brass)}.q-card.done h4:before{content:"✓ ";color:#7df089}.q-d{font-size:11px;color:#a8916a;line-height:1.5;margin:2px 0 4px}.q-prog{display:flex;justify-content:space-between;font-size:10px;color:#a8916a;letter-spacing:.05em;font-family:JetBrains Mono,monospace}.q-bar{height:5px;background:#0a0500;border:1px solid #1a0f08;margin-top:3px}.q-bar .f{height:100%;background:linear-gradient(180deg,#ffe080,#d8b020)}.q-rew{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:5px;border-top:1px dashed rgba(255,215,102,.15);font-size:11px}.q-rew b{color:var(--gold)}.q-btn{padding:3px 12px;font-size:11px;letter-spacing:.08em;background:linear-gradient(180deg,#5a3a1a,#3a2310);border:1px solid var(--hud-frame);color:var(--gold)}.q-btn:hover{background:linear-gradient(180deg,#7a4a22,#4a2a14)}.q-btn.ghost{background:transparent;color:var(--brass-l)}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.r-card{position:relative;padding:0;background:#0006;border:1px solid var(--hud-frame-d);cursor:pointer;overflow:hidden}.r-card.locked{cursor:not-allowed;filter:grayscale(.7) brightness(.5)}.r-card:hover:not(.locked){border-color:var(--brass-l);box-shadow:0 0 14px #ffd7664d}.r-card .img{height:90px;background:linear-gradient(180deg,var(--r1,#3d5a38),var(--r2,#1f2f1c));position:relative;overflow:hidden}.r-card .info{padding:6px 8px}.r-card h4{margin:0;font-size:12px;color:#ffe9b0;letter-spacing:.05em}.r-card .en{font-family:Cinzel,serif;color:var(--brass-l);font-size:10px;letter-spacing:.15em;margin-bottom:3px}.r-card .meta{display:flex;gap:8px;font-size:10px;color:#a8916a;letter-spacing:.04em}.r-card .lock-badge{position:absolute;top:6px;right:6px;font-size:14px;color:#ff8a4a;text-shadow:0 0 4px #000}.toasts{position:absolute;top:80px;left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:4px;pointer-events:none}.toast{padding:5px 14px;font-size:12px;letter-spacing:.05em;background:linear-gradient(180deg,#140a04f2,#0a0502f2);border:1px solid var(--brass-d);box-shadow:0 4px 12px #000000b3,inset 0 0 0 1px #ffd76633;color:#ffe9b0;animation:toast-in .2s ease-out}.toast.lvl{color:var(--gold);font-weight:700}.toast.warn{color:#ff8a4a}.toast.loot{color:var(--rare)}@keyframes toast-in{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.lvl-flash{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:50;font-family:Cinzel,serif;font-weight:900;font-size:64px;letter-spacing:.4em;color:var(--gold);text-shadow:0 0 24px var(--gold),0 4px 8px rgba(0,0,0,.8);pointer-events:none;animation:lvl-flash 1.4s ease-out forwards}@keyframes lvl-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-150%) scale(1.4)}}.lvl-rays{position:absolute;left:50%;top:50%;width:600px;height:600px;transform:translate(-50%,-50%);z-index:49;pointer-events:none;background:conic-gradient(from 0deg,transparent 0,rgba(255,215,102,.5) 5%,transparent 10%,transparent 20%,rgba(255,215,102,.5) 25%,transparent 30%,transparent 40%,rgba(255,215,102,.5) 45%,transparent 50%,transparent 60%,rgba(255,215,102,.5) 65%,transparent 70%,transparent 80%,rgba(255,215,102,.5) 85%,transparent 90%);animation:rays-spin 1.4s linear forwards;mix-blend-mode:screen;opacity:0}@keyframes rays-spin{0%{opacity:0;transform:translate(-50%,-50%) rotate(0)}30%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%) rotate(360deg)}}.dialog{position:absolute;left:50%;bottom:160px;transform:translate(-50%);z-index:50;width:540px;padding:12px 16px}.dialog .row{display:flex;gap:12px}.dialog .npc-port{width:64px;height:64px;flex-shrink:0;background:radial-gradient(circle,#3a5a4a,#0a1a14);border:2px solid var(--hud-frame);border-radius:50%;display:grid;place-items:center;overflow:hidden}.dialog h4{margin:0;color:#9be8ff;font-size:13px;letter-spacing:.05em}.dialog h4 small{color:var(--brass-l);font-size:10px;letter-spacing:.15em;font-weight:400;font-family:Cinzel,serif}.dialog .text{color:#f0e2bc;font-size:13px;line-height:1.7;margin-top:4px;font-style:italic}.dialog .options{display:flex;flex-direction:column;gap:4px;margin-top:8px}.dialog .opt{text-align:left;padding:5px 10px;font-size:12px;color:var(--brass-l);background:#0000004d;border:1px solid var(--hud-frame-d)}.dialog .opt:hover{color:var(--gold);background:#3a261880;border-color:var(--brass-l)}.dialog .opt:before{content:"› ";color:var(--gold)}.death{position:absolute;inset:0;z-index:90;background:radial-gradient(ellipse,#50000099,#000000f2 70%);display:grid;place-items:center;animation:death-in .6s ease-out}@keyframes death-in{0%{opacity:0}to{opacity:1}}.death-card{text-align:center}.death-card h2{font-family:Cinzel,serif;font-size:48px;letter-spacing:.5em;color:#ff5a4d;margin:0;text-shadow:0 0 20px rgba(255,90,77,.6),0 4px 8px #000}.death-card p{color:#a8916a;font-style:italic;margin:6px 0 24px}.death-card button{padding:10px 30px;font-size:13px;letter-spacing:.2em;color:var(--gold);background:linear-gradient(180deg,#5a3a1a,#3a2310);border:2px solid var(--brass);font-family:Cinzel,serif;font-weight:700}.tweaks-toggle{position:absolute;top:42px;right:218px;z-index:36;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#3a2618,#1a0f08);border:1px solid var(--hud-frame);color:var(--brass-l);display:grid;place-items:center;font-size:14px;box-shadow:inset 0 0 0 1px #ffd7662e}.tweaks-toggle:hover{color:var(--gold)}.tweaks-panel{position:absolute;top:80px;right:218px;z-index:60;width:200px;padding:10px}.tweaks-panel h5{margin:0 0 6px;color:var(--gold);font-family:Cinzel,serif;letter-spacing:.2em;font-size:11px}.tweaks-panel label{display:block;font-size:10px;color:#a8916a;letter-spacing:.08em;margin:6px 0 2px}.tweaks-panel select,.tweaks-panel input,.tweaks-panel button.tw{width:100%;background:#0a0500;border:1px solid var(--hud-frame);color:var(--brass-l);padding:3px 5px;font-size:11px}.tweaks-panel button.tw{cursor:pointer}.tweaks-panel button.tw:hover{color:var(--gold);background:#1a0f08}.cw-grid{display:grid;grid-template-columns:300px 1fr;gap:14px;height:100%}.cw-left{display:flex;flex-direction:column;gap:10px;padding-right:12px;border-right:1px solid rgba(255,215,102,.15);overflow:hidden}.cw-right{display:flex;flex-direction:column;min-width:0;overflow:hidden}.cw-header{padding-bottom:6px;border-bottom:1px solid rgba(255,215,102,.15)}.cw-stats{padding:8px 4px 4px;border-top:1px solid rgba(255,215,102,.15)}.cw-stat-title{font-family:Cinzel,serif;letter-spacing:.18em;color:#ffd766;font-size:11px;margin-bottom:6px}.cw-stat-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:3px;column-gap:14px;font-size:11.5px;color:#cfc4a0}.cw-stat-grid div b{float:right;color:#fff}.cw-exp{margin-top:8px}.cw-exp-bar{height:6px;background:#0a0500;border:1px solid #1a0f08;position:relative;overflow:hidden}.cw-exp-bar>div{height:100%;background:linear-gradient(90deg,#ffd766,#ff9a30);box-shadow:0 0 6px #ffd76680}.equip-slot[data-rarity=rare]{border-color:var(--rare);box-shadow:inset 0 0 0 1px var(--rare),0 0 6px #5db3ff40}.equip-slot[data-rarity=epic]{border-color:var(--epic);box-shadow:inset 0 0 0 1px var(--epic),0 0 6px #b96bff40}.equip-slot[data-rarity=legend]{border-color:var(--legend);box-shadow:inset 0 0 0 1px var(--legend),0 0 8px #ff8e1f66}.idm-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(2px);display:grid;place-items:center;z-index:200;animation:idm-in .15s ease-out}@keyframes idm-in{0%{opacity:0}to{opacity:1}}.idm-modal{width:340px;background:linear-gradient(180deg,#2a1810,#0d0703);border:2px solid var(--hud-frame);position:relative;color:#cfc4a0}.idm-modal[data-rarity=rare]{box-shadow:inset 0 0 0 1px var(--rare),0 0 22px #5db3ff59,0 12px 30px #000000b3}.idm-modal[data-rarity=epic]{box-shadow:inset 0 0 0 1px var(--epic),0 0 22px #b96bff59,0 12px 30px #000000b3}.idm-modal[data-rarity=legend]{box-shadow:inset 0 0 0 1px var(--legend),0 0 26px #ff8e1f80,0 12px 30px #000000b3}.idm-modal[data-rarity=common]{box-shadow:inset 0 0 0 1px #ffd76633,0 12px 30px #000000b3}.idm-close{position:absolute;top:6px;right:6px;width:22px;height:22px;background:#00000080;border:1px solid var(--hud-frame-d);color:#a8916a;font-size:11px;cursor:pointer;display:grid;place-items:center;z-index:2}.idm-close:hover{color:#fff;background:#3a1010;border-color:#a04020}.idm-header{display:flex;gap:12px;padding:14px 14px 10px;border-bottom:1px solid rgba(255,215,102,.18);background:linear-gradient(180deg,rgba(255,215,102,.08),transparent)}.idm-icon{width:64px;height:64px;background:#0a0500;border:2px solid var(--hud-frame);display:grid;place-items:center;position:relative;flex-shrink:0}.idm-icon[data-rarity=rare]{border-color:var(--rare);box-shadow:inset 0 0 0 1px var(--rare),0 0 10px #5db3ff4d}.idm-icon[data-rarity=epic]{border-color:var(--epic);box-shadow:inset 0 0 0 1px var(--epic),0 0 10px #b96bff4d}.idm-icon[data-rarity=legend]{border-color:var(--legend);box-shadow:inset 0 0 0 1px var(--legend),0 0 14px #ff8e1f80}.idm-qty{position:absolute;right:1px;bottom:0;font-family:JetBrains Mono,monospace;font-size:10px;color:#fff;text-shadow:1px 1px 0 #000}.idm-title{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.idm-name{font-family:Cinzel,serif;font-size:16px;letter-spacing:.04em;line-height:1.2;font-weight:700}.idm-sub{font-size:10.5px;color:#a8916a;margin-top:4px;letter-spacing:.04em;display:flex;gap:4px;flex-wrap:wrap}.idm-dot{opacity:.5}.idm-section{padding:10px 14px;border-bottom:1px solid rgba(255,215,102,.1)}.idm-section:last-of-type{border-bottom:none}.idm-sec-title{font-family:Cinzel,serif;font-size:10px;letter-spacing:.2em;color:#ffd766;margin-bottom:6px;text-transform:uppercase}.idm-stats{display:flex;flex-direction:column;gap:3px;font-size:12px}.idm-stat{display:flex;align-items:center;gap:8px}.idm-stat-l{color:#a8916a;flex:0 0 78px;font-size:11px}.idm-stat-v{color:#ffe9b0;font-weight:700;font-family:JetBrains Mono,monospace;font-size:12.5px}.idm-stat-d{font-size:10.5px;font-family:JetBrains Mono,monospace;font-weight:700}.idm-compare-note{font-size:10px;color:#7a6850;margin-top:6px;letter-spacing:.05em}.idm-desc{font-size:11.5px;color:#cfc4a0;font-style:italic;line-height:1.5}.idm-req{font-size:10.5px;margin-top:4px;letter-spacing:.04em}.idm-price{font-size:10.5px;color:#7a6850;margin-top:4px;letter-spacing:.04em}.idm-actions{padding:10px 14px;display:flex;gap:6px;background:#0000004d;border-top:1px solid rgba(255,215,102,.18)}.idm-btn{flex:1;padding:6px 10px;font-family:Cinzel,serif;letter-spacing:.1em;font-size:11px;background:linear-gradient(180deg,#3a2618,#1a0f08);border:1px solid var(--hud-frame);color:var(--brass-l);cursor:pointer;transition:all .1s}.idm-btn:hover{background:linear-gradient(180deg,#5a3a20,#2a1a10);color:#fff;border-color:var(--brass-l)}.idm-btn.primary{background:linear-gradient(180deg,#5a3a18,#2a1808);color:#ffd766;border-color:var(--brass-l)}.idm-btn.primary:hover{background:linear-gradient(180deg,#7a4a20,#3a2010);box-shadow:0 0 8px #ffd7664d}.idm-btn.warn{background:linear-gradient(180deg,#5a1a18,#2a0808);color:#ff8a8a;border-color:#a04030}.idm-btn.warn:hover{background:linear-gradient(180deg,#7a2018,#3a0808);color:#fff}.idm-btn.disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(180deg,#1a1410,#0a0703);color:#5a4830}@media (max-height:760px){.char-panel{width:248px}.minimap{height:130px}.chat{height:128px;width:300px}}@media (max-width:1180px){.chat{bottom:120px;height:120px;width:320px}}@media (max-width:980px){.chat{bottom:120px;width:280px;height:110px}}.quest-tracker{position:absolute;top:280px;right:8px;z-index:38;width:240px;padding:8px 10px;background:linear-gradient(180deg,#140c06eb,#080402eb);cursor:pointer;transition:transform .08s,box-shadow .12s}.quest-tracker.collapsed{padding:4px 10px}.quest-tracker.collapsed .qt-head{margin-bottom:0;border-bottom:none;padding-bottom:0}.quest-tracker:hover{transform:translateY(-1px);box-shadow:0 0 14px #ffd76640}.qt-head{display:flex;align-items:center;gap:6px;margin-bottom:6px;border-bottom:1px solid rgba(255,215,102,.18);padding-bottom:5px}.qt-toggle{margin-left:6px;background:transparent;border:1px solid var(--hud-frame-d);color:#a8916a;cursor:pointer;font-size:11px;line-height:1;padding:1px 6px;border-radius:2px;font-family:inherit}.qt-toggle:hover{color:#ffd766;border-color:#a87a18;background:#ffd7661a}.qt-title{font-family:Cinzel,serif;letter-spacing:.18em;font-size:11px;font-weight:700;color:#ffd766}.qt-badge{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;padding:1px 6px;border:1px solid;letter-spacing:.05em}.qt-badge+.qt-badge{margin-left:4px}.qt-badge.avail{color:#ffd766;border-color:#a87a18;background:#ffd76626;animation:slot-glow 1.6s ease-in-out infinite}.qt-badge.ready{color:#fff5b8;border-color:#ffae40;background:#ff96282e;animation:slot-glow 1s ease-in-out infinite}.qt-empty{font-size:11px;color:#7a6850;padding:4px 0;line-height:1.5}.qt-list{display:flex;flex-direction:column;gap:6px}.qt-row{padding:4px 6px;background:#0000004d;border:1px solid var(--hud-frame-d)}.qt-row.done{border-color:#ffae40;box-shadow:inset 0 0 0 1px #ffae404d}.qt-row-head{display:flex;align-items:center;gap:6px;font-size:11px}.qt-tag{font-family:JetBrains Mono,monospace;font-size:9px;padding:0 4px;letter-spacing:.05em;border:1px solid}.qt-tag.main{color:#ffd766;border-color:#a87a18;background:#ffd7661a}.qt-tag.daily{color:#7eb2ff;border-color:#3060a0;background:#7eb2ff1a}.qt-name{flex:1;min-width:0;color:#e8dcc4;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qt-done{color:#ffae40;font-weight:900}.qt-bar{height:4px;background:#0a0500;border:1px solid #1a0f08;margin:3px 0 2px}.qt-bar .f{height:100%;background:linear-gradient(180deg,#ffd766,#a87a18)}.qt-prog{font-size:10px;font-family:JetBrains Mono,monospace;color:#a8916a;text-align:right}.qt-nav{background:linear-gradient(180deg,#3c2810cc,#1c1206e6);border:1px solid rgba(255,215,102,.45);color:#ffd766;font-size:11px;line-height:1;padding:2px 6px;border-radius:4px;cursor:pointer;flex-shrink:0;font-family:inherit;transition:all .15s}.qt-nav:hover{background:linear-gradient(180deg,#503214f2,#281808f2);box-shadow:0 0 8px #ffd76659}.qt-nav:active{transform:scale(.94)}.q-card-actions{display:flex;gap:6px;align-items:center}:root{--r-sky-1:#7fc5d4;--r-sky-2:#bce6e8;--r-grass-1:#7ec05e;--r-grass-2:#9bd47b;--r-grass-3:#5a9248;--r-leaf:#3f7530;--r-hud-bg:rgba(18,32,40,.82);--r-hud-bg-2:rgba(8,16,22,.92);--r-hud-bg-3:rgba(28,48,58,.78);--r-hud-edge:rgba(255,235,180,.35);--r-hud-edge-d:rgba(255,200,100,.6);--r-cream:#fff4d8;--r-cream-d:#d4c19a;--r-gold:#ffd766;--r-gold-d:#c08a28;--r-amber:#ffaa3a;--r-hp-1:#ff6b6b;--r-hp-2:#d92e2e;--r-hp-3:#7a1414;--r-mp-1:#7fc8ff;--r-mp-2:#3a7ad8;--r-mp-3:#1a3a78;--r-exp:#ffd440;--hud-bg:rgba(18,32,40,.82) !important;--hud-bg-2:rgba(8,16,22,.92) !important;--hud-frame:rgba(255,200,100,.5) !important;--hud-frame-d:rgba(0,0,0,.6) !important;--hud-frame-l:rgba(255,235,180,.5) !important;--brass:#ffd766 !important;--brass-d:#c08a28 !important;--brass-l:#ffe89a !important;--gold:#ffd766 !important;--parch:#fff4d8 !important;--parch-2:#d4c19a !important;--line:rgba(255,255,255,.08) !important;--hp:#d92e2e !important;--mp:#3a7ad8 !important;--xp:#ffd440 !important;--chat-bg:rgba(8,12,18,.62) !important;--rare:#5db3ff !important;--epic:#b96bff !important;--legend:#ff8e1f !important;--common:#dadada !important}html,body{font-family:Noto Sans TC,Microsoft JhengHei,"M PLUS Rounded 1c",sans-serif!important;color:var(--r-cream)!important}.stage{background:linear-gradient(180deg,#a4dfe8,#cfe9b8 60%,#b5d894)!important}.stage:after{display:none!important}.topbar{height:40px!important;background:linear-gradient(180deg,#141e26e0,#0a1218c7)!important;border-bottom:1px solid var(--r-hud-edge)!important;box-shadow:inset 0 1px #ffebb42e,0 2px 8px #00000059!important;font-size:12px!important;letter-spacing:.04em!important}.topbar .logo{font-family:Cinzel,Noto Sans TC,serif!important;color:var(--r-gold)!important;letter-spacing:.18em!important;font-size:14px!important;text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 12px rgba(255,200,100,.5)!important}.topbar .logo em{color:var(--r-cream)!important}.topbar .sep{background:#ffebb438!important}.topbar .info{color:var(--r-cream-d)!important}.topbar .info b{color:var(--r-cream)!important}.topbar .clock{color:var(--r-gold)!important}.world{background:none!important}.world-camera>svg,.tile-layer{filter:none!important}.world-grid{opacity:.1!important}.move-ping{border-color:var(--r-gold)!important;box-shadow:0 0 12px var(--r-gold),inset 0 0 6px #ffffff80!important}.entity .nameplate{font-family:Noto Sans TC,"M PLUS Rounded 1c",sans-serif!important;font-weight:700!important;letter-spacing:.04em!important;font-size:11px!important;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000,0 0 4px rgba(0,0,0,.7)!important}.entity.player .nameplate{color:#fff!important}.entity.npc .nameplate{color:#9be4ff!important}.entity.mob .nameplate{color:#ffd0d0!important}.entity.mob.elite .nameplate{color:#ffc864!important}.entity.mob.boss .nameplate{color:#ff8090!important;font-size:13px!important}.entity .hpbar{background:#0000008c!important;border:1px solid rgba(0,0,0,.6)!important;box-shadow:0 0 0 1px #ffffff26!important;border-radius:3px!important}.entity .hpbar>div{background:linear-gradient(180deg,#ff7878,#d92e2e 60%,#8a1818)!important;box-shadow:inset 0 1px #ffffff4d!important}.entity.targeted:before,.entity.targeted:after{filter:hue-rotate(40deg) saturate(1.2) brightness(1.1) drop-shadow(0 0 6px rgba(255,215,102,.7))!important}.frame{background:linear-gradient(180deg,#142028d9,#0a1218eb)!important;border:1px solid var(--r-hud-edge)!important;box-shadow:inset 0 1px #ffebb438,inset 0 -1px #0006,0 4px 14px #0006,0 0 0 1px #0006!important;border-radius:10px!important}.frame:before{background:linear-gradient(180deg,#ffebb473,#ffc86440,#0000)!important;border-radius:10px!important;opacity:.6}.frame .corner{display:none!important}.char-panel{width:280px!important;padding:8px!important}.char-portrait{width:54px!important;height:54px!important;background:radial-gradient(circle at 50% 30%,#2a4050,#0a1018 90%)!important;border:2px solid var(--r-hud-edge-d)!important;box-shadow:inset 0 0 8px #0009,0 0 0 1px #00000080,0 2px 6px #00000080!important;border-radius:50%!important}.char-portrait .lvl{background:linear-gradient(180deg,var(--r-gold) 0%,var(--r-gold-d) 100%)!important;color:#3a2010!important;border:1px solid rgba(0,0,0,.6)!important;font-family:Cinzel,serif!important;font-weight:900!important;text-shadow:0 1px 0 rgba(255,255,255,.4)!important;box-shadow:0 1px 2px #00000080!important}.char-name{font-family:Noto Sans TC,sans-serif!important;font-weight:700!important;color:var(--r-cream)!important;text-shadow:0 1px 0 rgba(0,0,0,.7)!important;letter-spacing:.04em!important}.char-name .guild{color:var(--r-mp-1)!important}.char-job{color:var(--r-amber)!important;font-size:11px!important;font-weight:600!important}.bar{height:14px!important;background:#0000008c!important;border:1px solid rgba(0,0,0,.7)!important;box-shadow:inset 0 1px 2px #0009,0 1px #ffffff14!important;border-radius:7px!important;overflow:hidden}.bar.hp .fill{background:linear-gradient(180deg,#ff7878,#e83838,#a01818)!important;box-shadow:inset 0 1px #ffc8c880,inset 0 -2px 4px #0000004d!important;border-radius:6px!important}.bar.mp .fill{background:linear-gradient(180deg,#7fc8ff,#3a7ad8,#1a3a78)!important;box-shadow:inset 0 1px #b4dcff80,inset 0 -2px 4px #0000004d!important;border-radius:6px!important}.bar.xp{height:8px!important}.bar.xp .fill{background:linear-gradient(180deg,#ffe890,#ffd440,#c08a20)!important;box-shadow:inset 0 1px #ffffc899!important;border-radius:6px!important}.char-panel [class*=stat],.stat-tile,.stat{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px #ffffff1a!important;color:var(--r-cream)!important;border-radius:6px!important}.skill-bar,.skillbar,.actionbar,[class*=skillbar],[class*=action-bar]{background:linear-gradient(180deg,#142028d9,#0a1218eb)!important;border:1px solid var(--r-hud-edge)!important;box-shadow:inset 0 1px #ffebb438,0 -2px 12px #0006,0 0 0 1px #0006!important;border-radius:14px!important;padding:6px 8px!important}.slot,.skill-slot,.item-slot{background:radial-gradient(circle at 50% 30%,#2a3848,#0a1018 90%)!important;border:1px solid rgba(255,235,180,.25)!important;box-shadow:inset 0 1px #ffffff26,inset 0 0 0 1px #00000080,0 1px 2px #00000080!important;border-radius:10px!important}.slot:hover,.skill-slot:hover{border-color:var(--r-gold)!important;box-shadow:inset 0 1px #ffffff40,inset 0 0 0 1px #00000080,0 0 12px #ffd76680!important}.slot .key,.slot .hotkey,.skill-slot .key{background:#000000b3!important;color:var(--r-cream)!important;border:1px solid rgba(255,235,180,.3)!important;font-family:JetBrains Mono,Noto Sans TC,monospace!important;font-weight:700!important;border-radius:4px!important}.dmg-pop.normal{color:#fff!important;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000,0 0 6px rgba(0,0,0,.8)!important;font-weight:800!important}.dmg-pop.crit{color:#ffea4a!important;text-shadow:0 0 4px #ff6020,2px 2px 0 #5a0808,-1px 1px 0 #000,1px -1px 0 #000,0 0 12px rgba(255,128,0,.8)!important;font-weight:900!important}.dmg-pop.taken{color:#ff5050!important;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000,0 0 8px rgba(255,30,30,.7)!important;font-weight:800!important}.dmg-pop.heal{color:#7df089!important;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000,0 0 8px rgba(60,180,80,.7)!important;font-weight:800!important}.dmg-pop.exp{color:var(--r-gold)!important;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000!important}.chat,[class*=chat-box],[class*=chat-panel]{background:linear-gradient(180deg,#140a04f2,#0a0502f7)!important;border:1px solid var(--hud-frame, #6b4520)!important;box-shadow:inset 0 1px #ffd76626,0 4px 12px #00000080!important;border-radius:6px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.chat:before{background:none!important;display:none!important}.chat .frame-body{background:#0a050299!important}.chat-stream{background:#00000059!important;pointer-events:auto!important;overscroll-behavior:contain!important;display:block!important;position:relative!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;user-select:text!important;-webkit-user-select:text!important}.chat .corner{display:block!important}.chat-tabs{border-bottom:1px solid rgba(107,69,32,.7)!important}.chat-tab{font-family:Noto Sans TC,sans-serif!important;background:#0006!important;border:1px solid transparent!important;border-bottom:none!important;color:#a8916a!important;border-radius:4px 4px 0 0!important;font-size:11px!important;padding:3px 10px!important}.chat-tab.active{color:#ffd766!important;background:#3a2618b3!important;border-color:#6b4520!important;box-shadow:none!important}.chat-input{display:flex!important;gap:4px!important;padding:4px!important;background:#00000080!important;border-top:1px solid #3a2310!important;pointer-events:auto!important}.chat-input select{background:#0a0500!important;border:1px solid #6b4520!important;color:#ffe89a!important;font-size:11px!important;padding:2px 4px!important;border-radius:3px!important;pointer-events:auto!important;cursor:pointer!important}.chat-input input{flex:1!important;background:#000000a6!important;border:1px solid #6b4520!important;color:#f0e2bc!important;font-size:12px!important;padding:4px 8px!important;outline:none!important;border-radius:3px!important;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;cursor:text!important}.chat-input input:focus{border-color:#ffd766!important;box-shadow:0 0 0 1px #ffd76659!important}.chat-line{font-family:Noto Sans TC,sans-serif!important;font-size:12px!important;display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;align-items:start!important;column-gap:4px!important;position:relative!important;white-space:normal!important;clear:both!important;line-height:1.45!important}.chat-line__meta{display:inline-flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:4px!important;min-width:0!important}.chat-line__text{display:block!important;min-width:0!important;word-break:break-word!important}.chat-line.world .ch{color:#7fd6ff!important}.chat-line.world{color:#c8e8ff!important}.chat-line.guild .ch{color:#7af098!important}.chat-line.system{color:var(--r-amber)!important;font-style:italic}.chat-line.system .ch{color:var(--r-gold)!important}.chat-line.party .ch,.chat-line.team .ch{color:var(--r-amber)!important}.chat-line.party,.chat-line.team{color:#ffd7a6!important}.chat-line.combat{color:#ff9a9a!important}.chat-line.combat .ch{color:#ff5050!important}.chat-line.loot{color:var(--r-gold)!important;font-weight:700}.chat-line.loot .ch{color:#ffe890!important}.minimap,[class*=minimap]{background:radial-gradient(circle,#14281eb3,#08100ceb 80%)!important;border:1px solid var(--r-hud-edge-d)!important;box-shadow:inset 0 0 16px #0009,inset 0 1px #ffebb440,0 2px 8px #00000080!important;border-radius:10px!important}.q-btn,.qbtn,.btn,button.action{font-family:Noto Sans TC,sans-serif!important;background:linear-gradient(180deg,#283c4beb,#142028f2)!important;border:1px solid rgba(255,235,180,.3)!important;color:var(--r-cream)!important;box-shadow:inset 0 1px #ffffff26,0 2px 4px #0006!important;letter-spacing:.04em!important;border-radius:8px!important;font-weight:600!important}.q-btn:hover,.qbtn:hover,.btn:hover{background:linear-gradient(180deg,#3c5a6ef2,#1e303cf2)!important;border-color:var(--r-gold)!important;color:var(--r-gold)!important;box-shadow:inset 0 1px #ffffff40,0 0 10px #ffd76659!important}.it-common,.item.common{color:#dadada!important}.it-magic,.item.magic{color:#5db3ff!important;text-shadow:0 0 8px rgba(93,179,255,.5)!important}.it-rare,.item.rare{color:#ffe04a!important;text-shadow:0 0 8px rgba(255,224,74,.5)!important}.it-epic,.item.epic{color:#b96bff!important;text-shadow:0 0 10px rgba(185,107,255,.6)!important}.it-legend,.item.legendary,.item.legend{color:#ff8e1f!important;text-shadow:0 0 12px rgba(255,142,31,.7)!important}.loot-drop{position:absolute;pointer-events:none;z-index:8;transform:translate(-50%,-100%)}.loot-drop .pillar{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:5px;height:60px;background:linear-gradient(180deg,transparent 0%,currentColor 55%,transparent 100%);filter:blur(1.5px);opacity:.85;animation:r-loot-pulse 1.6s ease-in-out infinite}.loot-drop .glow{position:absolute;left:50%;bottom:-4px;transform:translate(-50%);width:24px;height:8px;border-radius:50%;background:radial-gradient(ellipse,currentColor 0%,transparent 70%);filter:blur(1px);opacity:.85}.loot-drop .label{position:absolute;left:50%;bottom:18px;transform:translate(-50%);font-family:Noto Sans TC,sans-serif;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.02em;color:currentColor;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000,0 0 6px currentColor;background:#000000a6;border:1px solid rgba(255,235,180,.25);padding:1px 7px;border-radius:10px;pointer-events:auto;cursor:pointer}.loot-drop.r-common{color:#fff}.loot-drop.r-magic{color:#5db3ff}.loot-drop.r-rare{color:#ffe04a}.loot-drop.r-epic{color:#b96bff}.loot-drop.r-legend{color:#ff8e1f}.loot-drop.r-gold{color:#ffd766}@keyframes r-loot-pulse{0%,to{opacity:.65;transform:translate(-50%) scaleY(1)}50%{opacity:1;transform:translate(-50%) scaleY(1.18)}}@keyframes r-loot-burst{0%{transform:translate(-50%,-100%) scale(0);opacity:0}20%{transform:translate(-50%,-100%) scale(1.4);opacity:1}to{transform:translate(-50%,-100%) scale(1);opacity:1}}@keyframes loading-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}@keyframes loading-bar-flow{0%{background-position:0% 0}to{background-position:200% 0}}@keyframes loading-bar-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes loading-stage-glow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.tutorial-overlay{position:fixed;inset:0;z-index:200;pointer-events:none;font-family:Cormorant Garamond,"Noto Serif TC",serif}.tutorial-dim{position:fixed;inset:0;background:#020100b8;pointer-events:auto;animation:tutorial-fade-in .25s ease}.tutorial-spotlight{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px #020100b8;pointer-events:none;border:2px solid #ffd766;transition:left .35s cubic-bezier(.2,.85,.2,1),top .35s cubic-bezier(.2,.85,.2,1),width .35s cubic-bezier(.2,.85,.2,1),height .35s cubic-bezier(.2,.85,.2,1);animation:tutorial-pulse 1.6s ease-in-out infinite}@keyframes tutorial-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 0 9999px #020100b8,0 0 #ffd7668c,inset 0 0 12px #ffd7664d}50%{box-shadow:0 0 0 9999px #020100b8,0 0 0 10px #ffd76600,inset 0 0 18px #ffd7668c}}.tutorial-card{position:fixed;pointer-events:auto;background:linear-gradient(180deg,#1c1208f5,#0c0602fa);border:1px solid rgba(201,164,94,.55);border-radius:10px;padding:14px 18px 12px;color:#e8dec8;box-shadow:0 12px 36px #000000b3,inset 0 1px #ffebb41f;animation:tutorial-card-in .35s cubic-bezier(.2,.85,.2,1);z-index:201}@keyframes tutorial-card-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.tutorial-card-tag{font-family:Tenor Sans,sans-serif;font-size:9px;letter-spacing:.35em;color:#c9a45e;margin-bottom:6px;text-transform:uppercase}.tutorial-card-title{font-family:Cinzel,serif;font-size:16px;letter-spacing:.25em;color:#ffd766;margin:0 0 10px;text-shadow:0 0 12px rgba(255,215,102,.35)}.tutorial-card-desc{font-size:13px;line-height:1.7;color:#cfc4a0;margin:0 0 12px}.tutorial-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.tutorial-skip,.tutorial-next{font-family:Cormorant Garamond,"Noto Serif TC",serif;font-size:12px;letter-spacing:.15em;padding:6px 14px;cursor:pointer;background:transparent;border:1px solid rgba(201,164,94,.4);color:#cfc4a0;border-radius:4px;transition:all .15s}.tutorial-skip:hover{background:#d8745a1a;border-color:#d8745a99;color:#d8745a}.tutorial-next{background:linear-gradient(180deg,#5a3a18,#2a1808);border-color:#ffd766;color:#ffd766;font-weight:600}.tutorial-next:hover{background:linear-gradient(180deg,#7a4a1a,#3a200c);box-shadow:0 0 12px #ffd76659}@media (max-width: 700px){.tutorial-card{padding:12px 14px 10px}.tutorial-card-title{font-size:14px;letter-spacing:.18em}.tutorial-card-desc{font-size:12.5px;line-height:1.65}.tutorial-skip,.tutorial-next{padding:5px 10px;font-size:11px}}.rpm-overlay{position:fixed;inset:0;z-index:95;background:#0201008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;animation:tutorial-fade-in .18s ease}.rpm-panel{position:relative;width:min(92vw,320px);background:linear-gradient(180deg,#1c1208f5,#0c0602fa);border:1px solid rgba(201,164,94,.55);border-radius:12px;padding:18px 18px 14px;box-shadow:0 16px 40px #000000a6,inset 0 1px #ffebb41f;animation:tutorial-card-in .22s cubic-bezier(.2,.85,.2,1);font-family:Cormorant Garamond,"Noto Serif TC",serif}.rpm-x{position:absolute;top:8px;right:8px;width:26px;height:26px;background:transparent;border:1px solid rgba(201,164,94,.3);color:#cfc4a0;border-radius:6px;font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center}.rpm-x:hover{background:#d8745a1f;border-color:#d8745a;color:#d8745a}.rpm-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.rpm-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#2a1a0c,#1a0e04);border:1px solid rgba(201,164,94,.55);display:grid;place-items:center;font-family:Cinzel,serif;font-size:20px;color:#ffd766;text-shadow:0 0 8px rgba(255,215,102,.35)}.rpm-name{font-size:16px;color:#ffd766;letter-spacing:.04em;font-weight:600}.rpm-sub{font-size:11px;color:#a8916a;letter-spacing:.1em;margin-top:2px;font-family:Tenor Sans,sans-serif;text-transform:uppercase}.rpm-hp{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;color:#cfc4a0;font-family:Tenor Sans,sans-serif}.rpm-hp-bar{flex:1;height:6px;background:#0000008c;border:1px solid rgba(0,0,0,.7);border-radius:3px;overflow:hidden}.rpm-hp-bar>div{height:100%;background:linear-gradient(180deg,#ff7878,#d92e2e);transition:width .25s;box-shadow:inset 0 1px #ffffff40}.rpm-actions{display:flex;flex-direction:column;gap:6px}.rpm-btn{padding:9px 14px;font-family:inherit;font-size:13px;letter-spacing:.15em;border-radius:6px;cursor:pointer;border:1px solid;transition:all .15s}.rpm-btn.primary{background:linear-gradient(180deg,#5a3a18,#2a1808);border-color:#ffd766;color:#ffd766;font-weight:600}.rpm-btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#7a4a1a,#3a200c);box-shadow:0 0 12px #ffd76659}.rpm-btn.ghost{background:transparent;border-color:#c9a45e4d;color:#cfc4a0}.rpm-btn.ghost:hover:not(:disabled){border-color:#c9a45e99}.rpm-btn:disabled{opacity:.4;cursor:not-allowed}.party-invite-toast{position:fixed;top:56px;left:50%;transform:translate(-50%);z-index:92;display:flex;align-items:center;gap:14px;padding:12px 16px;background:linear-gradient(180deg,#281c0ef5,#140c04fa);border:1px solid #ffd766;border-radius:10px;box-shadow:0 12px 32px #0009,0 0 16px #ffd76640;animation:pi-slide-in .25s cubic-bezier(.2,.85,.2,1);font-family:Cormorant Garamond,"Noto Serif TC",serif;max-width:min(92vw,420px)}@keyframes pi-slide-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.pi-icon{font-size:20px;color:#ffd766;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ffd7661f;border:1px solid rgba(255,215,102,.4)}.pi-text{color:#f0eadc;font-size:13px;flex:1;min-width:0}.pi-text b{color:#ffd766}.pi-actions{display:flex;gap:6px;flex-shrink:0}.pi-btn{padding:6px 12px;font-family:inherit;font-size:12px;letter-spacing:.15em;border-radius:5px;cursor:pointer;border:1px solid}.pi-btn.primary{background:linear-gradient(180deg,#5a3a18,#2a1808);border-color:#ffd766;color:#ffd766}.pi-btn.primary:hover{background:linear-gradient(180deg,#7a4a1a,#3a200c)}.pi-btn.ghost{background:transparent;border-color:#c9a45e4d;color:#cfc4a0}.pi-btn.ghost:hover{border-color:#d8745a99;color:#d8745a}@media (max-width: 700px){.party-invite-toast{top:48px;left:8px;right:8px;transform:none;max-width:none;padding:10px 12px;gap:10px}@keyframes pi-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pi-text{font-size:12px}}.loot-drop.spawning{animation:r-loot-burst .5s cubic-bezier(.2,1.4,.4,1)}.window,.dialog,.popup,[class*=modal]{background:linear-gradient(180deg,#142028eb,#0a1218f5)!important;border:1px solid var(--r-hud-edge-d)!important;box-shadow:inset 0 1px #ffebb438,0 8px 32px #0009,0 0 0 1px #00000080!important;color:var(--r-cream)!important;border-radius:12px!important}.window .title,.dialog .title,.popup .title{font-family:Noto Sans TC,sans-serif!important;color:var(--r-gold)!important;text-shadow:0 1px 0 rgba(0,0,0,.6)!important;letter-spacing:.06em!important;border-bottom:1px solid rgba(255,235,180,.2)!important;font-weight:700!important}::selection{background:#ffd7664d;color:#fff}@media (max-width: 1100px){.char-panel{width:230px!important}.minimap-wrap{width:180px!important}.minimap{height:138px!important}.chat{width:280px!important;height:130px!important;bottom:110px!important}}@media (max-width: 700px){.topbar{height:28px!important;padding:0 6px!important;gap:4px!important;font-size:9px!important;overflow:hidden!important}.world{top:28px!important}.topbar .logo{font-size:11px!important;letter-spacing:.12em!important}.topbar .logo em{display:none!important}.topbar .info:nth-child(3),.topbar .info:nth-child(5),.topbar .info:nth-child(7),.topbar .clock,.topbar .ping{display:none!important}.topbar .sep:nth-of-type(-n+4){display:none!important}.topbar button{padding:2px 6px!important;font-size:9px!important;letter-spacing:.05em!important}.char-panel{top:32px!important;left:4px!important;width:168px!important;padding:6px 6px 4px!important;font-size:10px!important}.char-panel .row{gap:6px!important}.char-portrait{width:36px!important;height:36px!important}.char-name{font-size:11px!important}.char-name .guild,.char-job,.char-panel .stat-line{display:none!important}.minimap-wrap{top:32px!important;right:4px!important;width:116px!important;padding:4px!important}.minimap-head{font-size:9px!important}.minimap-head .place{font-size:9px!important;letter-spacing:.08em!important}.minimap-head .coord{font-size:8px!important}.minimap{height:88px!important}.minimap-actions{display:none!important}.quest-tracker{top:168px!important;right:4px!important;width:160px!important;padding:6px 8px!important;font-size:10px!important}.quest-tracker.collapsed{padding:3px 8px!important}.qt-title{font-size:10px!important}.qt-badge{font-size:9px!important;padding:0 4px!important}.qt-row{padding:3px 5px!important}.qt-row-head,.qt-name,.qt-empty{font-size:10px!important}.qt-toggle{padding:0 5px!important;font-size:10px!important}.action-bar{bottom:8px!important;left:4px!important;right:4px!important;transform:none!important;width:auto!important;justify-content:stretch!important;gap:0!important;flex-wrap:nowrap!important}.action-bar .bar-divider,.action-bar .qbar{display:none!important}.skill-row{width:100%!important;display:flex!important;gap:3px!important}.skill-slot{flex:1 1 0!important;min-width:0!important;max-width:56px!important;width:auto!important;height:46px!important}.skill-slot.empty{display:none!important}.skill-slot .sk-key,.skill-slot .sk-cost{font-size:9px!important}.menu-bar{bottom:60px!important;left:4px!important;right:4px!important;width:auto!important;grid-template-columns:repeat(8,1fr)!important;gap:2px!important;padding:3px!important}.menu-btn{height:32px!important;padding:2px!important}.menu-btn .key{display:none!important}.menu-btn span:not(.alert){display:none!important}.menu-btn svg{width:22px!important;height:22px!important}.chat{bottom:100px!important;left:4px!important;width:calc(100vw - 8px)!important;height:180px!important;overflow:hidden!important}.chat .chat-tabs{flex-wrap:nowrap!important;font-size:10px!important}.chat .chat-tab{padding:3px 6px!important;flex-shrink:0!important}.chat .chat-stream{font-size:10.5px!important}.chat .chat-input{padding:4px!important}.chat .chat-input select{font-size:11px!important;padding:2px 4px!important}.chat .chat-input input{font-size:16px!important;padding:6px!important}.auto-battle-hud{inset:124px 4px auto auto!important;transform:scale(.78)!important;transform-origin:top right!important;z-index:36!important}.auto-battle-hud>div{display:none!important}.target-frame{top:64px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:200px!important;padding:4px 6px!important}.target-frame .row{gap:6px!important}.target-frame .tgt-name{font-size:11px!important}.buffs{top:80px!important;left:4px!important;flex-wrap:wrap!important;gap:3px!important}.buff{width:28px!important;height:28px!important;font-size:14px!important}.buff small{font-size:8px!important}.window{width:100vw!important;height:calc(100vh - 32px)!important;left:0!important;top:32px!important;border-radius:0!important}.window .titlebar{padding:8px 12px!important}.window .titlebar h3{font-size:13px!important}.window .body{padding:8px!important}.cw-grid{grid-template-columns:1fr!important;gap:8px!important}.cw-left{padding:6px!important}.equip-doll{gap:8px!important}.equip-mid svg{width:92px!important;height:92px!important}.cw-stats .cw-stat-grid{grid-template-columns:repeat(2,1fr)!important;font-size:11px!important}.cw-right{padding:6px!important}.inv-grid{grid-template-columns:repeat(6,1fr)!important;gap:3px!important}.inv-cell{width:auto!important}.region-grid{grid-template-columns:1fr!important;gap:8px!important}.idm-overlay{align-items:flex-end!important;padding:0!important}.idm-modal{width:100vw!important;max-width:100vw!important;border-radius:12px 12px 0 0!important;padding:16px!important}.dialog{left:4px!important;right:4px!important;width:auto!important;bottom:130px!important;padding:8px!important}.dialog .row{flex-wrap:wrap!important;gap:6px!important}.dialog .text{font-size:11.5px!important}.dialog .options{gap:4px!important}.dialog .opt{font-size:11px!important;padding:6px 10px!important}.tweaks-panel{bottom:130px!important;left:4px!important;right:4px!important;width:auto!important;max-height:50vh!important;overflow-y:auto!important}.tweaks-toggle{width:32px!important;height:32px!important;bottom:130px!important;right:8px!important}.death,.death-card{padding:24px!important}.death-card h2{font-size:32px!important}.lvl-flash{font-size:36px!important;letter-spacing:.15em!important}.toasts{top:40px!important;bottom:auto!important;left:50%!important;transform:translate(-50%)!important}.toast{font-size:11px!important;padding:6px 10px!important}}@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px){.chat:focus-within,.chat:hover{height:60vh!important}.char-panel{width:200px!important}}@media (max-width: 700px){.topbar{padding-left:max(6px,env(safe-area-inset-left))!important;padding-right:max(6px,env(safe-area-inset-right))!important}.action-bar{bottom:max(8px,env(safe-area-inset-bottom))!important}.menu-bar{bottom:calc(60px + env(safe-area-inset-bottom))!important}.chat{bottom:calc(100px + env(safe-area-inset-bottom))!important}}@media (max-width: 700px){.mobile-joystick-area{position:fixed;left:0;bottom:0;width:60vw;height:55vh;z-index:30;pointer-events:auto;touch-action:none;background:transparent}.mobile-joystick-base,.mobile-joystick-thumb{position:fixed;pointer-events:none;z-index:31;transform:translate(-50%,-50%)}.mobile-joystick-base{width:130px;height:130px;border-radius:50%;border:2px solid rgba(255,215,102,.55);background:radial-gradient(circle,#0006,#00000026);box-shadow:0 0 12px #ffd76640,inset 0 0 18px #00000080}.mobile-joystick-thumb{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,#ffebb4f2,#d8745abf 70%,#78281499);box-shadow:0 0 14px #ffd766b3,inset 0 -4px 8px #0000004d;border:1px solid rgba(255,215,102,.7);transition:transform .04s linear}}@media (max-width: 700px){.menu-bar{display:none!important}.mobile-hamburger{position:fixed;top:calc(34px + env(safe-area-inset-top,0px));right:8px;width:40px;height:40px;z-index:36;background:linear-gradient(180deg,#281c0ceb,#140c04f2);border:1px solid rgba(201,164,94,.55);border-radius:8px;color:#ffd766;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 4px 12px #0009,inset 0 1px #ffebb426;display:grid;place-items:center}.mobile-hamburger:active{transform:scale(.95);box-shadow:0 2px 6px #00000080}.mobile-menu-drawer{position:fixed;inset:0;z-index:90;background:#040200a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;animation:mobile-drawer-fade .18s ease}@keyframes mobile-drawer-fade{0%{opacity:0}to{opacity:1}}.mobile-menu-panel{width:min(92vw,420px);background:linear-gradient(180deg,#1c1208f7,#0c0602fa);border:1px solid rgba(201,164,94,.45);border-radius:14px;box-shadow:0 20px 60px #000000b3,inset 0 1px #ffebb41f;overflow:hidden}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;font-family:Cinzel,serif;font-size:14px;letter-spacing:.35em;color:#ffd766;border-bottom:1px solid rgba(201,164,94,.2)}.mobile-menu-x{width:28px;height:28px;background:transparent;border:1px solid rgba(201,164,94,.4);color:#cfc4a0;font-size:18px;line-height:1;border-radius:6px;cursor:pointer;display:grid;place-items:center}.mobile-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:12px}.mobile-menu-cell{position:relative;aspect-ratio:1 / 1;background:linear-gradient(180deg,#281c0ed9,#120a04e6);border:1px solid rgba(201,164,94,.35);border-radius:10px;color:#f0eadc;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;transition:transform .12s ease,border-color .15s ease}.mobile-menu-cell:active{transform:scale(.95);border-color:#ffd766b3}.mobile-menu-icon{font-size:28px;line-height:1;color:#ffd766;text-shadow:0 0 10px rgba(255,215,102,.4)}.mobile-menu-label{font-size:11px;letter-spacing:.12em;color:#cfc4a0;font-family:Cormorant Garamond,"Noto Serif TC",serif}.mobile-menu-alert{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:#ff5040;box-shadow:0 0 6px #ff5050cc}}@media (max-width: 700px){.mobile-chat-icon{position:fixed;right:8px;bottom:calc(120px + env(safe-area-inset-bottom));z-index:36;width:44px;height:44px;border-radius:10px;background:linear-gradient(180deg,#281c0ceb,#140c04f2);border:1px solid rgba(201,164,94,.55);color:#ffd766;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 4px 12px #0009,inset 0 1px #ffebb426;display:grid;place-items:center}.mobile-chat-icon:active{transform:scale(.94)}.mobile-chat-drawer{position:fixed;left:4px;right:4px;bottom:calc(108px + env(safe-area-inset-bottom));z-index:38;animation:mobile-chat-rise .22s cubic-bezier(.2,.85,.2,1)}@keyframes mobile-chat-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-chat-drawer .chat{position:relative!important;left:auto!important;bottom:auto!important;width:auto!important;height:50vh!important;margin:0!important}.chat-mobile-close{position:absolute;top:-18px;right:4px;width:32px;height:32px;z-index:1;background:linear-gradient(180deg,#281c0cf2,#140c04fa);border:1px solid rgba(201,164,94,.55);border-radius:50%;color:#ffd766;font-size:18px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px #0009}.chat-mobile-close:active{transform:scale(.92)}}.battle-stage{position:fixed;inset:0;background:#050402;overflow:hidden;z-index:5}.battle-canvas-wrap{position:absolute;inset:0}.battle-canvas-wrap canvas{width:100%!important;height:100%!important;display:block}.battle-overlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column}.battle-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;pointer-events:auto;background:linear-gradient(180deg,#0a0705e6,#0a070500)}.battle-leave{pointer-events:auto}.battle-title{font-family:Cinzel,"Noto Serif TC",serif;font-size:22px;font-weight:700;letter-spacing:.2em;color:var(--ro-gold-2);text-shadow:0 2px 8px rgba(0,0,0,.9);margin:0}.battle-title-en{font-size:11px;letter-spacing:.4em;color:var(--ro-bone-dim);text-transform:uppercase;margin:2px 0 0}.battle-stub-banner{margin:auto;padding:24px 36px;text-align:center;background:#0a070599;border:1px solid var(--ro-border);border-radius:4px;backdrop-filter:blur(4px);pointer-events:auto}.battle-stub-banner h2{font-family:Cinzel,serif;font-size:20px;letter-spacing:.2em;color:var(--ro-gold-2);margin:0 0 8px}.battle-stub-banner p{margin:0;font-size:13px;letter-spacing:.15em;color:var(--ro-bone-dim);line-height:1.6}.battle-stub-banner kbd{display:inline-block;padding:2px 8px;background:#00000080;border:1px solid var(--ro-border-2);border-radius:3px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--ro-bone);margin:0 2px}.battle-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#050402;color:var(--ro-bone-dim);font-family:Cinzel,serif;letter-spacing:.3em;font-size:14px;z-index:10}.demo-stage{position:fixed;inset:0;background:radial-gradient(ellipse at center,#14202e,#04060c 70%),#04060c;color:#e8dcc4;font-family:Cinzel,"Noto Serif TC",serif;overflow:hidden;isolation:isolate}.demo-stage *{box-sizing:border-box}.demo-canvas-host{position:absolute;inset:0;z-index:1}.demo-canvas-host canvas{width:100%!important;height:100%!important;display:block}.demo-overlay{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 26px;pointer-events:none}.demo-brand{display:flex;align-items:baseline;gap:12px;text-shadow:0 2px 6px rgba(0,0,0,.85),0 0 14px rgba(0,0,0,.6)}.demo-brand-rune{font-family:"Noto Serif TC",serif;font-size:22px;color:#ffd766;text-shadow:0 0 14px rgba(255,215,102,.5);align-self:center}.demo-brand-mark{font-weight:900;font-size:22px;letter-spacing:.3em;background:linear-gradient(180deg,#fff5d8,#ffd766,#a87a18);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(255,215,102,.3))}.demo-brand-sub{font-family:Tenor Sans,Cinzel,sans-serif;font-size:11px;letter-spacing:.45em;color:#c8b282}.demo-tag{font-family:Tenor Sans,Cinzel,sans-serif;font-size:11px;letter-spacing:.45em;color:#ffd766;padding:5px 12px;border:1px solid rgba(255,215,102,.4);background:#0006;text-shadow:0 1px 4px rgba(0,0,0,.7)}.demo-roster{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:10px;pointer-events:none}.demo-roster-item{display:flex;flex-direction:column;align-items:center;padding:8px 18px;background:linear-gradient(180deg,#14141ec7,#08080eeb);border:1px solid currentColor;border-bottom:3px solid currentColor;min-width:130px;box-shadow:0 8px 22px #0000008c,inset 0 1px #ffffff0f}.demo-roster-item.cls-warrior{color:#ff8a4a}.demo-roster-item.cls-thief{color:#b896c8}.demo-roster-item.cls-mage{color:#6db8d8}.demo-roster-item.cls-priest{color:#d8c068}.demo-roster-name{font-family:Cinzel,Cormorant Garamond,serif;font-weight:700;font-size:16px;letter-spacing:.12em;color:#f0eadc;text-shadow:0 1px 0 #000,0 0 8px rgba(0,0,0,.7)}.demo-roster-cls{font-family:Tenor Sans,sans-serif;font-size:10px;letter-spacing:.4em;margin-top:2px;color:currentColor;text-transform:uppercase}@media (max-width: 700px){.demo-overlay{padding:12px 14px;flex-wrap:wrap;gap:8px}.demo-brand-mark{font-size:16px;letter-spacing:.2em}.demo-brand-sub{font-size:9px}.demo-tag{font-size:9px;padding:3px 8px}.demo-roster{bottom:12px;gap:4px;flex-wrap:wrap;justify-content:center;padding:0 8px}.demo-roster-item{min-width:0;padding:5px 10px}.demo-roster-name{font-size:12px;letter-spacing:.08em}.demo-roster-cls{font-size:8px;letter-spacing:.25em}}:root{--ro-bg-0: #0a0807;--ro-bg-1: #14100d;--ro-bg-2: #1f1812;--ro-bg-3: #2a201a;--ro-panel: #1a130e;--ro-panel-2: #241a13;--ro-border: #5a4a32;--ro-border-2: #8a6d3a;--ro-gold: #d4a943;--ro-gold-2: #f3cc6b;--ro-bone: #e8dcc4;--ro-bone-dim: #b8a98a;--ro-blood: #9b2a1f;--ro-blood-2: #c33b2a;--ro-shadow: rgba(0,0,0,.7);--ro-shadow-soft: rgba(0,0,0,.4);--ro-glow: rgba(212,169,67,.3);--ro-thief: #9b59b6;--ro-swordsman: #c0392b;--ro-mage: #3498db;--ro-priest: #f1c40f}*{box-sizing:border-box}body{margin:0;font-family:"Noto Serif TC",Cinzel,serif;color:var(--ro-bone);background:var(--ro-bg-0);-webkit-font-smoothing:antialiased;user-select:none}.ro-page{min-height:100vh;width:100%;background:radial-gradient(ellipse at center,rgba(60,40,20,.15) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(120,80,30,.08) 0%,transparent 70%),linear-gradient(180deg,#0c0907,#14100b,#0a0705);position:relative;overflow-x:hidden}.ro-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.5) 100%);pointer-events:none}.ro-page:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.5;pointer-events:none}.ro-panel{background:linear-gradient(180deg,var(--ro-panel-2) 0%,var(--ro-panel) 100%);border:1px solid var(--ro-border);border-radius:4px;box-shadow:inset 0 1px #ffdc9614,inset 0 -2px 8px #0009,0 4px 24px #0009;position:relative}.ro-panel-ornate{border:2px solid var(--ro-border-2);background:linear-gradient(180deg,var(--ro-panel-2) 0%,var(--ro-panel) 100%);box-shadow:inset 0 0 0 1px #0009,inset 0 1px #ffdc961f,inset 0 -2px 16px #000000b3,0 8px 40px #000000b3}.ro-corners:before,.ro-corners:after,.ro-corners>.c1,.ro-corners>.c2{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--ro-gold);pointer-events:none}.ro-corners:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.ro-corners:after{top:-2px;right:-2px;border-left:none;border-bottom:none}.ro-corners>.c1{bottom:-2px;left:-2px;border-right:none;border-top:none}.ro-corners>.c2{bottom:-2px;right:-2px;border-left:none;border-top:none}.ro-btn{font-family:Cinzel,"Noto Serif TC",serif;font-weight:700;letter-spacing:.08em;font-size:14px;color:var(--ro-bone);background:linear-gradient(180deg,#3a2c1d,#241a11);border:1px solid var(--ro-border-2);border-radius:3px;padding:10px 22px;cursor:pointer;text-transform:uppercase;box-shadow:inset 0 1px #ffdc962e,inset 0 -1px #0009,0 2px 6px #00000080;transition:all .15s ease;position:relative}.ro-btn:hover{background:linear-gradient(180deg,#4a3825,#2c2014);border-color:var(--ro-gold);color:var(--ro-gold-2);box-shadow:inset 0 1px #ffdc9640,inset 0 -1px #0009,0 0 12px var(--ro-glow),0 2px 6px #00000080}.ro-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #00000080,0 0 8px var(--ro-glow)}.ro-btn:disabled{opacity:.4;cursor:not-allowed}.ro-btn-primary{background:linear-gradient(180deg,#6a4a1c,#3a2810);border-color:var(--ro-gold);color:var(--ro-gold-2)}.ro-btn-primary:hover{background:linear-gradient(180deg,#8a6028,#4a3215);color:#fff;text-shadow:0 0 8px var(--ro-gold)}.ro-btn-danger{border-color:var(--ro-blood-2);color:#f0c0b0}.ro-btn-danger:hover{background:linear-gradient(180deg,#5a1a14,#2a0a08);color:#fff}.ro-input{font-family:"Noto Serif TC",serif;font-size:16px;color:var(--ro-bone);background:linear-gradient(180deg,#0a0604,#14100a);border:1px solid var(--ro-border);border-radius:2px;padding:10px 14px;outline:none;width:100%;box-shadow:inset 0 2px 4px #0009,inset 0 0 0 1px #0006;transition:border-color .15s,box-shadow .15s}.ro-input:focus{border-color:var(--ro-gold);box-shadow:inset 0 2px 4px #0009,0 0 8px var(--ro-glow)}.ro-input::placeholder{color:#b8a98a66;font-style:italic}.ro-title{font-family:Cinzel,"Noto Serif TC",serif;font-weight:700;color:var(--ro-gold-2);letter-spacing:.15em;text-shadow:0 0 1px #000,0 2px 4px rgba(0,0,0,.8),0 0 16px rgba(212,169,67,.4)}.ro-subtitle{font-family:Cinzel,serif;color:var(--ro-bone-dim);letter-spacing:.2em;font-size:13px;text-transform:uppercase}.ro-logo{font-family:Cinzel,serif;font-weight:700;font-size:72px;letter-spacing:.05em;background:linear-gradient(180deg,#f3cc6b,#d4a943,#8a6d3a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(212,169,67,.4);filter:drop-shadow(0 4px 12px rgba(0,0,0,.8))}.ro-bar{height:14px;background:linear-gradient(180deg,#0a0604,#14100a);border:1px solid var(--ro-border);border-radius:2px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0009}.ro-bar-fill{height:100%;transition:width .3s ease;position:relative}.ro-bar-fill.hp{background:linear-gradient(180deg,#d63a2a,#8a1a14,#5a100a);box-shadow:inset 0 1px #ffb4a04d}.ro-bar-fill.mp{background:linear-gradient(180deg,#4a8ad6,#2a5a9a,#1a3a6a);box-shadow:inset 0 1px #a0c8ff4d}.ro-bar-fill.exp{background:linear-gradient(180deg,#f3cc6b,#c08a2a,#8a5a14);box-shadow:inset 0 1px #ffe6a04d}.ro-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--ro-border-2) 50%,transparent 100%);margin:16px 0}.ro-divider-ornate{display:flex;align-items:center;gap:12px;color:var(--ro-gold);font-size:18px;margin:16px 0}.ro-divider-ornate:before,.ro-divider-ornate:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,var(--ro-border-2) 100%)}.ro-divider-ornate:after{background:linear-gradient(90deg,var(--ro-border-2) 0%,transparent 100%)}.cls-thief{color:var(--ro-thief)}.cls-swordsman{color:var(--ro-swordsman)}.cls-mage{color:var(--ro-mage)}.cls-priest{color:var(--ro-priest)}@keyframes ro-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ro-fade-in{animation:ro-fade-in .4s ease both}@keyframes ro-spin{to{transform:rotate(360deg)}}.ro-spinner{width:24px;height:24px;border:2px solid var(--ro-border);border-top-color:var(--ro-gold);border-radius:50%;animation:ro-spin .8s linear infinite}.ro-tag{display:inline-block;padding:2px 8px;font-size:11px;letter-spacing:.1em;border:1px solid var(--ro-border);border-radius:2px;background:#0006;color:var(--ro-bone-dim);text-transform:uppercase}.ro-tag.boss{border-color:var(--ro-blood-2);color:#f0a090}.ro-tag.raid{border-color:var(--ro-gold);color:var(--ro-gold-2)}.ro-tag.solo{border-color:var(--ro-border-2);color:var(--ro-bone-dim)}.admin-page{min-height:100vh;height:100vh;overflow-y:auto;overflow-x:hidden;background:radial-gradient(circle at top,rgba(181,216,255,.18),transparent 35%),linear-gradient(180deg,#111822,#0a0f16);color:#eaf1ff}.admin-shell{max-width:1200px;margin:0 auto;padding:32px 20px 48px}.admin-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px}.admin-stat-chip{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;border:1px solid rgba(92,128,174,.35);background:linear-gradient(180deg,#142130eb,#0a121ceb)}.admin-stat-chip span{color:#9eb2cf;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.admin-stat-chip strong{font-size:24px;color:#f5f9ff}.admin-stat-chip.good strong{color:#7de9ad}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.admin-header h1{margin:0;font-size:32px}.admin-header p,.admin-muted{margin:6px 0 0;color:#9eb2cf}.admin-account{text-align:right}.admin-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.admin-actions button{border:1px solid #32517d;background:#17314f;color:#eef5ff;padding:10px 14px;border-radius:10px;cursor:pointer}.admin-actions button:disabled{opacity:.6;cursor:wait}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.admin-grid-tight{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.admin-grid-content{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.admin-card{background:#0a121ce6;border:1px solid rgba(92,128,174,.35);border-radius:16px;padding:16px;box-shadow:0 10px 30px #00000040}.admin-card h2{margin:0 0 12px;font-size:18px}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-card-head input{width:min(320px,100%);border:1px solid rgba(92,128,174,.45);background:#080e16eb;color:#eef5ff;padding:10px 12px;border-radius:10px}.admin-json{margin:0;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.5;color:#d8e6ff}.admin-error{margin-bottom:16px;border:1px solid #9a2c2c;background:#82161647;color:#ffd2d2;padding:12px 14px;border-radius:10px}.admin-player-search input,.admin-inline-form input{width:100%;border:1px solid rgba(92,128,174,.45);background:#080e16eb;color:#eef5ff;padding:10px 12px;border-radius:10px}.admin-player-search{margin-bottom:12px}.admin-enemy-list,.admin-player-list,.admin-item-list,.admin-loot-list,.admin-mini-list{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow:auto;padding-right:4px}.admin-enemy-row,.admin-player-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(92,128,174,.22);background:#0e1824e0;color:#eef5ff;padding:10px 12px;border-radius:14px;cursor:pointer;text-align:left}.admin-player-row{grid-template-columns:minmax(0,1fr)}.admin-enemy-row.active{border-color:#7db6ff;box-shadow:0 0 0 1px #7db6ff40,0 12px 24px #0000002e}.admin-enemy-thumb,.admin-enemy-preview,.admin-loot-icon,.admin-item-thumb{background:radial-gradient(circle at 35% 30%,#3a54758c,#080e16eb);border:1px solid rgba(92,128,174,.28);border-radius:12px;display:grid;place-items:center;overflow:hidden}.admin-enemy-thumb{width:64px;height:64px}.admin-enemy-preview{width:116px;height:116px;flex-shrink:0}.admin-loot-icon,.admin-item-thumb{width:44px;height:44px}.admin-enemy-thumb img,.admin-enemy-preview img,.admin-loot-icon img,.admin-item-thumb img{width:100%;height:100%;object-fit:contain}.admin-enemy-copy,.admin-loot-copy,.admin-item-copy{display:flex;flex-direction:column;min-width:0}.admin-enemy-detail{display:flex;flex-direction:column;gap:16px}.admin-enemy-hero{display:flex;gap:16px;align-items:flex-start}.admin-enemy-stats h3{margin:0 0 4px;font-size:24px}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:12px}.admin-subgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.admin-subcard{border:1px solid rgba(92,128,174,.2);background:#080e168f;border-radius:12px;padding:12px}.admin-subcard h3{margin:0 0 10px;font-size:15px}.admin-mini-row,.admin-loot-row,.admin-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:#0e1824bd;border:1px solid rgba(92,128,174,.14)}.admin-loot-row,.admin-item-row{grid-template-columns:44px minmax(0,1fr) auto}.admin-loot-meta,.admin-item-meta{display:flex;flex-direction:column;align-items:flex-end;color:#9eb2cf;font-size:12px;gap:4px}.admin-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(92,128,174,.35);color:#cfe1ff}.admin-badge.boss{border-color:#ef7b7b73;color:#ffd0d0;background:#7d1c1c40}.admin-grant-tools{display:flex;flex-direction:column;gap:12px;margin-top:16px}.admin-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.admin-inline-form+.admin-inline-form{grid-template-columns:minmax(0,1fr) 110px auto}@media (max-width: 980px){.admin-grid-content{grid-template-columns:1fr}.admin-enemy-hero{flex-direction:column}.admin-card-head{flex-direction:column;align-items:stretch}}.admin-player-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto}.admin-player-row{text-align:left;border:1px solid rgba(92,128,174,.3);background:#121f30e6;color:#eef5ff;padding:10px 12px;border-radius:10px;cursor:pointer}.admin-player-row:hover{border-color:#6d96cd;background:#192b42f2}.admin-grant-tools{margin-top:12px;display:flex;flex-direction:column;gap:10px}.admin-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.admin-inline-form+.admin-inline-form{grid-template-columns:minmax(0,1fr) 90px auto}.admin-inline-form button{border:1px solid #32517d;background:#17314f;color:#eef5ff;padding:10px 14px;border-radius:10px;cursor:pointer}