@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:#2a1f12;font-family:Noto Sans TC,"Noto Serif TC",sans-serif;isolation:isolate;background:#1a2a3c}.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}.lh-bg-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,#0000 30%,#00000059),linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 22%,transparent 70%,rgba(0,0,0,.55) 100%)}.lh-title-block{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;width:100%;padding:clamp(14px,2.6vh,36px) 16px clamp(4px,1vh,12px);animation:lh-title-fade .8s ease both}@keyframes lh-title-fade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.lh-logo-img{display:block;width:clamp(200px,28vw,380px);height:auto;max-height:clamp(96px,18vh,180px);object-fit:contain;filter:drop-shadow(0 6px 20px rgba(0,0,0,.55)) drop-shadow(0 0 24px rgba(255,235,180,.25));pointer-events:none;user-select:none}.lh-tagline{margin:8px 0 0;font-family:"Noto Serif TC",serif;font-weight:500;font-size:clamp(12px,1.3vw,17px);color:#f4ecd8;letter-spacing:.15em;text-shadow:0 1px 0 #000,0 2px 6px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.5);padding:0 12px}.lh-side{position:absolute;top:clamp(16px,3vh,36px);left:clamp(14px,2vw,28px);z-index:11;display:flex;flex-direction:column;gap:8px;animation:lh-fade-in .8s .15s ease both}@keyframes lh-fade-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.lh-side-btn{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;min-width:124px;background:linear-gradient(180deg,#281c0cc7,#140c04e0);border:1px solid rgba(201,164,94,.4);border-radius:22px;color:#f0e4c8;font-family:Noto Sans TC,sans-serif;font-size:13px;letter-spacing:.15em;cursor:pointer;transition:all .18s ease;text-align:left;box-shadow:0 4px 10px #00000059,inset 0 1px #ffebb426}.lh-side-btn:hover{background:linear-gradient(180deg,#503416eb,#281808f2);border-color:#f4cf6ab3;color:#ffd766;transform:translate(2px);box-shadow:0 6px 14px #00000080,inset 0 1px #ffebb440,0 0 14px #f4cf6a33}.lh-side-ic{width:22px;height:22px;display:grid;place-items:center;background:#f4cf6a29;border:1px solid rgba(244,207,106,.4);border-radius:50%;font-size:12px;color:#f0d8a8;flex-shrink:0}.lh-side-label{flex:1}.lh-card{position:relative;z-index:10;width:clamp(280px,90vw,400px);margin:clamp(4px,1vh,16px) auto clamp(28px,4vh,48px);padding:20px 26px 16px;background:linear-gradient(180deg,#1c1208d1,#0c0602eb);border:1px solid rgba(244,207,106,.55);border-radius:14px;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffebb414 inset,0 0 80px #f4cf6a1a;backdrop-filter:blur(8px) saturate(110%);-webkit-backdrop-filter:blur(8px) saturate(110%);color:#f0e4c8;animation:lh-card-rise .55s cubic-bezier(.2,.7,.2,1) both}@keyframes lh-card-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.lh-card-head{text-align:center;margin-bottom:14px}.lh-card-title{margin:0 0 6px;font-family:"Noto Serif TC",Cormorant Garamond,serif;font-weight:700;font-size:18px;letter-spacing:.35em;color:#ffe89a;text-shadow:0 1px 0 #000,0 0 12px rgba(244,207,106,.4);padding-left:.35em}.lh-card-divider{display:block;width:80px;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,rgba(244,207,106,.6),transparent)}.lh-form{display:flex;flex-direction:column;gap:12px}.lh-field{display:flex;flex-direction:column;gap:5px}.lh-field-label{font-family:Noto Sans TC,sans-serif;font-size:12px;letter-spacing:.25em;color:#c8b282;padding-left:2px}.lh-field input{width:100%;background:#fffdf7f0;border:1px solid rgba(122,80,28,.3);border-radius:8px;outline:none;padding:10px 14px;color:#2a1808;font-family:Noto Sans TC,sans-serif;font-size:14px;letter-spacing:.04em;transition:all .18s}.lh-field input::placeholder{color:#b09572;font-style:italic}.lh-field input:focus{background:#fff;border-color:#c9a45e;box-shadow:0 0 0 3px #f4cf6a38}.lh-field input:disabled{opacity:.55}.lh-row{display:flex;align-items:center;justify-content:space-between;margin-top:2px;font-size:12px;color:#c8b282;flex-wrap:wrap;gap:6px}.lh-check{display:inline-flex;align-items:center;gap:7px;cursor:pointer;user-select:none}.lh-check input{display:none}.lh-check-mark{width:14px;height:14px;flex-shrink:0;display:inline-grid;place-items:center;background:#fffdf7f0;border:1px solid rgba(122,80,28,.5);border-radius:3px;color:#2a1808;font-size:10px;font-weight:700;line-height:1}.lh-check input:checked+.lh-check-mark{background:#ffd766;border-color:#c9a45e}.lh-link{background:none;border:none;color:#f0d8a8;font-family:Noto Sans TC,sans-serif;font-size:12px;letter-spacing:.1em;cursor:pointer;padding:0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.lh-link:hover{color:#ffd766;border-bottom-color:#f4cf6a8c}.lh-link:disabled{opacity:.5;cursor:not-allowed}.lh-msg{min-height:16px;font-size:12px;text-align:center;margin:-2px 0 -4px}.lh-msg-info{color:#6dc5a8}.lh-msg-error{color:#ff8a6a}.lh-btn-primary{margin-top:4px;background:linear-gradient(180deg,#d8a04a,#a87528,#6e4a18);border:1px solid #f0c860;border-radius:10px;color:#fff8e0;font-family:"Noto Serif TC",Cinzel,serif;font-weight:700;font-size:16px;letter-spacing:.42em;padding:12px 16px 12px .42em;cursor:pointer;transition:all .18s;box-shadow:0 4px 12px #6e46148c,inset 0 1px #ffebb466,inset 0 -2px 4px #00000059;text-shadow:0 1px 0 #5a3818,0 0 8px rgba(255,235,180,.4);position:relative;overflow:hidden}.lh-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,transparent 40%,rgba(255,235,180,.28) 50%,transparent 60%,transparent 100%);transform:translate(-100%);transition:transform .8s ease}.lh-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#ecb058,#c08828,#7e5a20);box-shadow:0 6px 18px #6e461499,inset 0 1px #ffffc880,inset 0 -2px 4px #00000059,0 0 22px #f4cf6a59}.lh-btn-primary:hover:not(:disabled):before{transform:translate(100%)}.lh-btn-primary:active:not(:disabled){transform:translateY(1px)}.lh-btn-primary:disabled{opacity:.55;cursor:wait}.lh-or{display:flex;align-items:center;gap:10px;margin:10px 0 4px;font-size:12px;color:#8a7858}.lh-or-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(122,90,38,.55),transparent)}.lh-or-text{font-family:"Noto Serif TC",serif;letter-spacing:.25em;color:#c8b282}.lh-social-row{display:flex;flex-direction:column;gap:8px;align-items:center}.lh-social-label{font-family:Noto Sans TC,sans-serif;font-size:11px;letter-spacing:.3em;color:#c8b282}.lh-social-icons{display:flex;gap:14px;align-items:center;justify-content:center}.lh-social{width:42px;height:42px;display:grid;place-items:center;background:#fff;border:1px solid rgba(122,80,28,.25);border-radius:50%;cursor:pointer;transition:all .18s;box-shadow:0 3px 8px #00000059,inset 0 1px #fff9}.lh-social:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px #00000080,0 0 16px #f4cf6a59}.lh-social-fb{background:#1877f2;border-color:#1877f2}.lh-social-fb svg path{fill:#fff!important}.lh-social-discord{background:#5865f2;border-color:#5865f2}.lh-social-discord svg path{fill:#fff!important}.lh-social:disabled{opacity:.5;cursor:not-allowed}.lh-card-foot{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(122,90,38,.3);text-align:center}.lh-register{background:transparent;border:1px solid rgba(244,207,106,.4);color:#f0d8a8;font-family:Noto Sans TC,sans-serif;font-size:13px;letter-spacing:.25em;padding:8px 22px;border-radius:6px;cursor:pointer;transition:all .18s}.lh-register:hover:not(:disabled){background:#f4cf6a24;border-color:#ffd766;color:#ffd766;box-shadow:0 0 12px #f4cf6a40}.lh-register:disabled{opacity:.5;cursor:not-allowed}.lh-version{position:fixed;left:clamp(14px,2vw,24px);bottom:14px;z-index:10;font-family:Tenor Sans,JetBrains Mono,monospace;font-size:11px;letter-spacing:.25em;color:#f4ecd8b3;text-shadow:0 1px 4px rgba(0,0,0,.7);pointer-events:none}@media (max-width: 1100px){.lh-card{max-width:380px}}@media (max-width: 720px){.lh-stage{overflow-y:auto}.lh-side{position:relative;top:auto;left:auto;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px;padding:4px 12px 12px;z-index:9}.lh-side-btn{min-width:0;padding:5px 11px 5px 8px;font-size:11px;letter-spacing:.1em;border-radius:16px}.lh-side-ic{width:16px;height:16px;font-size:10px}.lh-title-block{padding-top:clamp(16px,3vh,32px)}.lh-logo-img{width:clamp(180px,60vw,280px);max-height:130px}.lh-tagline{font-size:12px;letter-spacing:.12em;line-height:1.55}.lh-card{width:calc(100% - 24px);max-width:380px;margin:6px auto 80px;padding:20px 18px 16px}.lh-card-title{font-size:16px;letter-spacing:.28em}.lh-field input{font-size:16px}.lh-version{font-size:9px;bottom:8px}}@media (max-width: 380px){.lh-card{padding:16px 14px 14px}.lh-btn-primary{font-size:14px;letter-spacing:.3em;padding:11px 12px}.lh-social{width:38px;height:38px}.lh-side-btn{font-size:10px;padding:4px 9px 4px 7px}}@media (max-height: 640px) and (min-width: 720px){.lh-title-block{padding-top:16px}.lh-logo-img{max-height:120px}.lh-card{margin-top:4px;margin-bottom:60px}}.sel-stage{position:fixed;inset:0;overflow:hidden;background:#04060c;color:#f0e4c8;font-family:Noto Sans TC,"Noto Serif TC",sans-serif;display:grid;grid-template-rows:auto 1fr;isolation:isolate}.sel-stage *{box-sizing:border-box}.sel-stage.exiting{opacity:0;transition:opacity .42s ease}.sel-bg{position:absolute;inset:0;background-image:var(--sel-bg);background-size:cover;background-position:center;z-index:0}.sel-bg-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,#0000 30%,#0006),linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 18%,transparent 75%,rgba(0,0,0,.55) 100%)}.sel-top{position:relative;z-index:12;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(20px,3vw,36px);background:linear-gradient(180deg,rgba(8,11,18,.78) 0%,transparent 100%);border-bottom:1px solid rgba(244,207,106,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sel-top-brand{display:flex;align-items:baseline;gap:12px}.sel-top-mark{font-family:"Noto Serif TC",Cinzel,serif;font-weight:700;font-size:18px;letter-spacing:.25em;background:linear-gradient(180deg,#fff5d8,#f3cc6b 60%,#a87528);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 4px rgba(0,0,0,.55))}.sel-top-sub{font-family:Tenor Sans,sans-serif;font-size:10px;letter-spacing:.4em;color:#b8a98a;text-transform:uppercase}.sel-top-right{display:flex;align-items:center;gap:12px;font-size:13px}.sel-conn-dot{width:8px;height:8px;border-radius:50%;background:#6a6250;box-shadow:0 0 6px currentColor}.sel-conn-dot.online{background:#6dc5a8;box-shadow:0 0 8px #6dc5a8}.sel-conn-dot.loading{background:#f0c860;box-shadow:0 0 8px #f0c860}.sel-conn-dot.error{background:#d8745a;box-shadow:0 0 8px #d8745a}.sel-conn-dot.idle{background:#6a6250}.sel-account{color:#f0e4c8;letter-spacing:.08em}.sel-logout{background:transparent;border:1px solid rgba(216,116,90,.5);color:#d8745a;padding:5px 14px;font-family:inherit;font-size:12px;letter-spacing:.25em;cursor:pointer;border-radius:6px;transition:all .18s}.sel-logout:hover{background:#d8745a24;border-color:#d8745a;box-shadow:0 0 12px #d8745a40}.sel-grid{position:relative;z-index:10;display:grid;grid-template-columns:clamp(220px,22vw,280px) 1fr clamp(280px,26vw,360px);gap:clamp(16px,2vw,32px);padding:clamp(16px,2vh,32px) clamp(16px,3vw,40px);max-width:1640px;width:100%;margin:0 auto;align-items:stretch;min-height:0}.sel-list{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;padding-right:4px;animation:sel-fade-in .55s ease both}@keyframes sel-fade-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.sel-list-item{position:relative;display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:10px 12px;background:linear-gradient(180deg,#1c1208b8,#0c0602d9);border:1px solid rgba(244,207,106,.22);border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:all .18s;flex-shrink:0}.sel-list-item:hover{border-color:#f4cf6a8c;transform:translate(2px);box-shadow:0 6px 16px #0006}.sel-list-item.selected{border-color:#f0c860;background:linear-gradient(180deg,#3a2612d9,#140c04eb);box-shadow:0 0 22px #f4cf6a47,inset 0 1px #ffebb42e}.sel-list-item.selected:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:linear-gradient(180deg,transparent,#f0c860 30%,#f0c860 70%,transparent);box-shadow:0 0 8px #f0c860}.sel-list-portrait{width:56px;height:56px;border-radius:50%;overflow:hidden;border:2px solid rgba(244,207,106,.5);background:linear-gradient(180deg,#2a1a0c,#1a0e04);display:grid;place-items:center;flex-shrink:0}.sel-list-portrait img{width:100%;height:100%;object-fit:cover}.sel-list-portrait span{font-size:24px}.sel-list-item.selected .sel-list-portrait{border-color:#f0c860}.sel-list-info{min-width:0}.sel-list-lv{font-family:Cinzel,"Noto Serif TC",serif;font-weight:700;font-size:14px;color:#f0e4c8;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sel-list-cls{font-size:11px;letter-spacing:.25em;color:#c8b282;margin-top:2px}.sel-list-item.cls-thief .sel-list-cls{color:#c8a0d0}.sel-list-item.cls-swordsman .sel-list-cls{color:#e08272}.sel-list-item.cls-mage .sel-list-cls{color:#80c8e0}.sel-list-item.cls-priest .sel-list-cls{color:#e8d078}.sel-list-item.empty{border-style:dashed;border-color:#a08c5a66;background:linear-gradient(180deg,#080b1280,#04060ca6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px;color:#a89878;min-height:76px}.sel-list-item.empty:hover{border-style:solid;border-color:#f0c860;color:#f0c860;transform:none}.sel-list-empty-plus{font-size:22px;line-height:1}.sel-list-empty-text{font-size:12px;letter-spacing:.25em}.sel-list-hint{font-size:12px;color:#a89878;text-align:center;padding:8px 0;font-style:italic}.sel-list-hint.error{color:#ff8a6a}.sel-list-hint button{background:transparent;border:1px solid currentColor;color:inherit;padding:2px 8px;font-family:inherit;font-size:11px;cursor:pointer;border-radius:4px;margin-left:6px}.sel-stage-center{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;animation:sel-fade-in .65s .1s ease both}.sel-portrait-halo{position:absolute;width:clamp(280px,36vw,460px);height:clamp(280px,36vw,460px);border-radius:50%;background:radial-gradient(circle,rgba(244,207,106,.22) 0%,transparent 70%);filter:blur(20px);z-index:0;animation:sel-halo 5s ease-in-out infinite}@keyframes sel-halo{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}.sel-portrait-frame{position:relative;z-index:2;width:clamp(240px,28vw,380px);height:clamp(320px,42vw,500px);padding:14px;background:linear-gradient(180deg,#1c1208d9,#0c0602eb);border:2px solid #c9a45e;border-radius:16px;box-shadow:inset 0 1px #ffebb42e,inset 0 -2px #00000080,0 0 0 1px #000000b3,0 18px 48px #0009,0 0 60px #f4cf6a33;animation:sel-portrait-bob 5s ease-in-out infinite}.sel-portrait-frame.cls-thief{box-shadow:inset 0 1px #ffebb42e,inset 0 -2px #00000080,0 0 0 1px #000000b3,0 18px 48px #0009,0 0 60px #b896c847}.sel-portrait-frame.cls-swordsman{box-shadow:inset 0 1px #ffebb42e,inset 0 -2px #00000080,0 0 0 1px #000000b3,0 18px 48px #0009,0 0 60px #d87a6a47}.sel-portrait-frame.cls-mage{box-shadow:inset 0 1px #ffebb42e,inset 0 -2px #00000080,0 0 0 1px #000000b3,0 18px 48px #0009,0 0 60px #6db8d847}.sel-portrait-frame.cls-priest{box-shadow:inset 0 1px #ffebb42e,inset 0 -2px #00000080,0 0 0 1px #000000b3,0 18px 48px #0009,0 0 60px #d8c06852}@keyframes sel-portrait-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.sel-pf-corner{position:absolute;width:22px;height:22px;border:2px solid #f0c860;pointer-events:none;filter:drop-shadow(0 0 4px rgba(244,207,106,.6))}.sel-pf-corner.tl{top:-3px;left:-3px;border-right:none;border-bottom:none;border-top-left-radius:14px}.sel-pf-corner.tr{top:-3px;right:-3px;border-left:none;border-bottom:none;border-top-right-radius:14px}.sel-pf-corner.bl{bottom:-3px;left:-3px;border-right:none;border-top:none;border-bottom-left-radius:14px}.sel-pf-corner.br{bottom:-3px;right:-3px;border-left:none;border-top:none;border-bottom-right-radius:14px}.sel-pf-inner{position:relative;width:100%;height:100%;overflow:hidden;border-radius:8px;background:radial-gradient(ellipse at top,rgba(244,207,106,.08) 0%,transparent 60%),linear-gradient(180deg,#2a1f12,#14100a);border:1px solid rgba(122,90,38,.55);box-shadow:inset 0 0 30px #000000b3}.sel-portrait-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.sel-portrait-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:120px;color:#f4cf6a99}.sel-pf-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.55) 100%)}.sel-pf-nameplate{position:absolute;left:50%;bottom:-16px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:6px 18px;background:linear-gradient(180deg,#4a2f10,#2a1808);border:1px solid #f0c860;border-radius:6px;box-shadow:inset 0 1px #ffebb440,inset 0 -2px #00000080,0 6px 14px #00000080;white-space:nowrap;z-index:3}.sel-pf-name{font-family:"Noto Serif TC",Cinzel,serif;font-weight:700;font-size:14px;color:#ffe89a;letter-spacing:.12em;text-shadow:0 1px 0 #000}.sel-pf-lv{font-family:Cinzel,monospace;font-size:11px;color:#c8b282;letter-spacing:.12em;border-left:1px solid rgba(244,207,106,.3);padding-left:10px}.sel-portrait-shadow{position:absolute;bottom:clamp(10px,2vh,30px);left:50%;transform:translate(-50%);width:clamp(220px,26vw,340px);height:clamp(24px,3.5vh,40px);z-index:1;border-radius:50%;filter:blur(18px);pointer-events:none;opacity:.65}.sel-portrait-shadow.cls-thief{background:radial-gradient(ellipse,rgba(184,150,200,.7) 0%,transparent 70%)}.sel-portrait-shadow.cls-swordsman{background:radial-gradient(ellipse,rgba(216,122,106,.7) 0%,transparent 70%)}.sel-portrait-shadow.cls-mage{background:radial-gradient(ellipse,rgba(109,184,216,.7) 0%,transparent 70%)}.sel-portrait-shadow.cls-priest{background:radial-gradient(ellipse,rgba(216,192,104,.7) 0%,transparent 70%)}.sel-empty-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:#a89878}.sel-empty-rune{font-size:56px;color:#f0c860;opacity:.6;animation:sel-spin 32s linear infinite}@keyframes sel-spin{to{transform:rotate(360deg)}}.sel-empty-text{font-family:"Noto Serif TC",serif;font-size:14px;letter-spacing:.15em;font-style:italic;color:#c8b282;text-shadow:0 1px 4px rgba(0,0,0,.7)}.sel-detail{position:relative;display:flex;flex-direction:column;padding:20px 22px 18px;background:linear-gradient(180deg,#1c1208d9,#0c0602f2);border:1px solid rgba(244,207,106,.45);border-radius:12px;box-shadow:0 18px 40px #0000008c,inset 0 1px #ffebb41a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);min-height:0;overflow-y:auto;animation:sel-fade-in .65s .15s ease both}.sel-detail-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(244,207,106,.18)}.sel-detail-crest{font-size:26px;color:#f0c860;margin-bottom:4px;text-shadow:0 0 14px rgba(244,207,106,.5)}.sel-detail-name{font-family:"Noto Serif TC",Cormorant Garamond,serif;font-weight:700;font-size:22px;letter-spacing:.12em;color:#ffd766;text-shadow:0 1px 0 #000,0 0 12px rgba(244,207,106,.35)}.sel-detail-cls{font-family:Tenor Sans,Noto Sans TC,sans-serif;font-size:12px;letter-spacing:.35em;margin-top:4px;text-transform:uppercase}.sel-detail-cls.cls-thief{color:#c8a0d0}.sel-detail-cls.cls-swordsman{color:#e08272}.sel-detail-cls.cls-mage{color:#80c8e0}.sel-detail-cls.cls-priest{color:#e8d078}.sel-detail-desc{margin:0 0 14px;font-family:"Noto Serif TC",serif;font-size:13px;line-height:1.7;color:#d0c4a8;text-align:justify}.sel-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.sel-stat{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center}.sel-stat-label{font-size:13px;color:#c8b282;letter-spacing:.2em}.sel-stat-bar{height:10px;background:#0000008c;border:1px solid rgba(122,90,38,.55);border-radius:5px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.sel-stat-fill{height:100%;border-radius:5px;transition:width .35s cubic-bezier(.5,0,.2,1);box-shadow:inset 0 1px #ffffff4d}.sel-enter{position:relative;margin-top:auto;background:linear-gradient(180deg,#d8a04a,#a87528,#6e4a18);border:1px solid #f0c860;border-radius:10px;color:#fff8e0;font-family:"Noto Serif TC",Cinzel,serif;font-weight:700;font-size:17px;letter-spacing:.42em;padding:14px 16px 14px .42em;cursor:pointer;transition:all .18s;box-shadow:0 4px 12px #6e46148c,inset 0 1px #ffebb466,inset 0 -2px 4px #00000059;text-shadow:0 1px 0 #5a3818,0 0 8px rgba(255,235,180,.4);overflow:hidden}.sel-enter:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,transparent 40%,rgba(255,235,180,.28) 50%,transparent 60%,transparent 100%);transform:translate(-100%);transition:transform .8s ease}.sel-enter:hover:not(:disabled):before{transform:translate(100%)}.sel-enter:hover:not(:disabled){background:linear-gradient(180deg,#ecb058,#c08828 50%,#7e5a20);box-shadow:0 6px 18px #6e461499,inset 0 1px #ffffc880,inset 0 -2px 4px #00000059,0 0 24px #f4cf6a66}.sel-enter:active:not(:disabled){transform:translateY(1px)}.sel-enter:disabled{opacity:.5;cursor:not-allowed}.sel-delete{margin-top:10px;background:transparent;border:none;color:#b89878;font-family:inherit;font-size:12px;letter-spacing:.25em;cursor:pointer;padding:6px;text-align:center;border-bottom:1px solid transparent;transition:color .18s,border-color .18s}.sel-delete:hover:not(:disabled){color:#d8745a;border-bottom-color:#d8745a80}.sel-delete:disabled{opacity:.4;cursor:not-allowed}.sel-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#a89878;text-align:center;font-family:"Noto Serif TC",serif}.sel-detail-empty-icon{font-size:38px;color:#f0c860;opacity:.55}.sel-detail-empty-sub{font-size:12px;color:#6a6250;letter-spacing:.15em}.sel-modal{position:fixed;inset:0;z-index:100;background:#020308d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;animation:sel-modal-in .35s ease}@keyframes sel-modal-in{0%{opacity:0}to{opacity:1}}.sel-modal-card{position:relative;width:100%;max-width:1100px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:linear-gradient(180deg,#1c1208f2,#0c0602fa);border:1px solid rgba(244,207,106,.5);border-radius:14px;box-shadow:0 40px 80px #000000bf,0 0 80px #f4cf6a1f,inset 0 1px #ffebb41a;animation:sel-modal-rise .4s ease;overflow:hidden}@keyframes sel-modal-rise{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sel-modal-head{position:relative;padding:16px 28px 12px;text-align:center;border-bottom:1px solid rgba(244,207,106,.18)}.sel-modal-title{margin:0;font-family:"Noto Serif TC",Cinzel,serif;font-weight:700;font-size:18px;letter-spacing:.35em;color:#ffd766;padding-left:.35em;text-shadow:0 1px 0 #000,0 0 12px rgba(244,207,106,.35)}.sel-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:transparent;border:1px solid rgba(244,207,106,.3);color:#c8b282;font-size:20px;line-height:1;cursor:pointer;border-radius:50%;display:grid;place-items:center;transition:all .15s}.sel-modal-close:hover{border-color:#d8745a;color:#d8745a}.sel-modal-grid{display:grid;grid-template-columns:clamp(200px,22%,260px) 1fr clamp(260px,30%,340px);gap:clamp(12px,1.5vw,22px);padding:22px clamp(20px,2vw,28px);flex:1;min-height:0;overflow:hidden}.sel-modal-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px}.sel-modal-list-item{position:relative;display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;padding:10px 12px;background:linear-gradient(180deg,#1c1208b8,#0c0602d9);border:1px solid rgba(244,207,106,.22);border-radius:10px;cursor:pointer;text-align:left;font-family:inherit;color:inherit;transition:all .18s}.sel-modal-list-item:hover{border-color:#f4cf6a8c;transform:translate(2px);box-shadow:0 6px 16px #0006}.sel-modal-list-item.selected{border-color:#f0c860;background:linear-gradient(180deg,#3a2612d9,#140c04eb);box-shadow:0 0 22px #f4cf6a47,inset 0 1px #ffebb42e}.sel-modal-list-item.selected:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:linear-gradient(180deg,transparent,#f0c860 30%,#f0c860 70%,transparent);box-shadow:0 0 8px #f0c860}.sel-modal-list-item.cls-thief .sel-list-cls{color:#c8a0d0}.sel-modal-list-item.cls-swordsman .sel-list-cls{color:#e08272}.sel-modal-list-item.cls-mage .sel-list-cls{color:#80c8e0}.sel-modal-list-item.cls-priest .sel-list-cls{color:#e8d078}.sel-modal-list-item.selected .sel-list-portrait{border-color:#f0c860}.sel-modal-preview{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0}.sel-modal-preview .sel-portrait-frame{width:clamp(180px,22vw,260px);height:clamp(240px,30vw,340px)}.sel-modal-preview .sel-portrait-halo{width:clamp(220px,28vw,320px);height:clamp(220px,28vw,320px)}.sel-modal-preview .sel-empty-stage{padding:30px}.sel-modal-detail{display:flex;flex-direction:column;padding:8px 4px;overflow-y:auto;min-height:0}.sel-modal-detail .sel-detail-head{margin-bottom:12px;padding-bottom:10px}.sel-modal-detail .sel-detail-name{font-size:18px}.sel-modal-detail .sel-detail-desc{font-size:12px;line-height:1.65}.sel-modal-detail .sel-stats{margin-bottom:14px;gap:8px}.sel-modal-detail .sel-stat-label{font-size:12px}.sel-modal-detail .sel-stat{grid-template-columns:42px 1fr;gap:8px}.sel-name-field{display:flex;flex-direction:column;gap:5px;margin-top:auto}.sel-name-label{font-family:Tenor Sans,sans-serif;font-size:10px;letter-spacing:.42em;color:#c8b282;padding-left:2px}.sel-name-input{width:100%;padding:10px 14px;background:#fffdf7f0;border:1px solid rgba(122,80,28,.3);color:#2a1808;font-family:inherit;font-size:14px;border-radius:8px;outline:none;letter-spacing:.04em;transition:all .15s}.sel-name-input::placeholder{color:#b09572;font-style:italic}.sel-name-input:focus{background:#fff;border-color:#c9a45e;box-shadow:0 0 0 3px #f4cf6a38}.sel-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:14px clamp(20px,2vw,28px) 18px;border-top:1px solid rgba(244,207,106,.18)}.sel-modal-confirm{flex:0 0 auto;min-width:200px;margin-top:0;padding:11px 22px;font-size:14px;letter-spacing:.35em}.sel-btn-ghost,.sel-btn-solid{padding:10px 22px;font-family:inherit;font-size:13px;letter-spacing:.25em;border-radius:6px;cursor:pointer;transition:all .15s}.sel-btn-ghost{background:transparent;border:1px solid rgba(160,140,90,.5);color:#b8a98a}.sel-btn-ghost:hover:not(:disabled){border-color:#f0c860;color:#f0c860}.sel-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.sel-btn-solid{background:linear-gradient(180deg,#d8a04a,#6e4a18);border:1px solid #f0c860;color:#fff8e0;font-weight:700}.sel-btn-solid:hover:not(:disabled){background:linear-gradient(180deg,#ecb058,#7e5a20);box-shadow:0 0 18px #f4cf6a59}.sel-btn-solid:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1100px){.sel-grid{grid-template-columns:clamp(180px,24vw,230px) 1fr clamp(240px,30vw,320px);gap:14px}.sel-detail-name{font-size:18px}}@media (max-width: 900px){.sel-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:10px}.sel-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:6px}.sel-list-item{flex:0 0 auto;width:200px;grid-template-columns:44px 1fr}.sel-list-item.empty{width:140px;min-height:64px}.sel-list-portrait{width:44px;height:44px}.sel-stage-center{min-height:240px}.sel-detail{max-height:50vh}}@media (max-width: 700px){.sel-top{padding:8px 14px}.sel-top-mark{font-size:14px;letter-spacing:.18em}.sel-top-sub{display:none}.sel-account{font-size:12px}.sel-logout{padding:4px 10px;font-size:11px;letter-spacing:.15em}.sel-grid{padding:8px 10px 14px}.sel-list-item{width:170px;padding:8px 10px}.sel-list-lv{font-size:12px}.sel-list-cls{font-size:10px;letter-spacing:.15em}.sel-stage-center{min-height:200px}.sel-portrait-frame{width:65vw;height:240px}.sel-detail{padding:14px 16px 12px;max-height:none}.sel-detail-name{font-size:18px}.sel-detail-desc{font-size:12px;line-height:1.6}.sel-stats{gap:7px}.sel-stat-label{font-size:12px}.sel-stat{grid-template-columns:42px 1fr;gap:8px}.sel-enter{font-size:15px;letter-spacing:.35em;padding:12px}.sel-modal{padding:8px}.sel-modal-card{max-height:calc(100vh - 16px)}.sel-modal-head{padding:12px 16px 10px}.sel-modal-title{font-size:18px;letter-spacing:.3em}.sel-modal-sub{font-size:9px;letter-spacing:.35em}.sel-modal-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:12px 14px;gap:10px;overflow-y:auto}.sel-modal-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-right:0;padding-bottom:4px}.sel-modal-list-item{flex:0 0 auto;width:180px;padding:8px 10px}.sel-modal-list-item .sel-list-portrait{width:44px;height:44px}.sel-modal-preview{min-height:220px}.sel-modal-preview .sel-portrait-frame{width:clamp(160px,60vw,220px);height:clamp(220px,80vw,280px)}.sel-modal-detail{padding:14px 14px 12px;max-height:none}.sel-modal-detail .sel-detail-name{font-size:16px}.sel-modal-detail .sel-detail-desc{font-size:11px;line-height:1.55}.sel-name-input{font-size:16px}.sel-modal-footer{padding:10px 14px 12px;flex-direction:column-reverse}.sel-modal-footer button{width:100%}.sel-modal-confirm{min-width:0}}@media (max-width: 1100px) and (min-width: 700px){.sel-modal-card{max-width:95vw}.sel-modal-grid{grid-template-columns:220px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"list preview" "list detail";gap:12px}.sel-modal-list{grid-area:list}.sel-modal-preview{grid-area:preview;min-height:200px}.sel-modal-detail{grid-area:detail}.sel-modal-preview .sel-portrait-frame{width:200px;height:260px}}html,body{cursor:var(--cursor-default, default)}button,.menu-btn,.ts-btn,.skill-slot,.qt-tab,.qt-toggle,.qt-open-arrow,.qt-nav,.qt-claim,.chat-tab,.q-btn,.auto-battle-btn,.top-currency-pill .cur-plus,.mobile-hamburger,[role=button],a[href]{cursor:var(--cursor-pointer, pointer)}button:disabled,.skill-slot.disabled,.skill-slot.empty,.menu-btn.placeholder{cursor:var(--cursor-cannot, not-allowed)}input[type=text],input[type=password],input:not([type]),textarea{cursor:text!important}: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:var(--cursor-pointer, 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:var(--cursor-pointer, 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-mini{position:absolute;top:10px;left:10px;z-index:35;width:240px;padding:6px 10px 6px 7px;display:flex;align-items:center;gap:9px;background:linear-gradient(180deg,#140c069e,#0804028c);border:1px solid rgba(255,215,102,.22);border-radius:6px;box-shadow:0 2px 8px #00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cpm-portrait{position:relative;flex-shrink:0;width:44px;height:44px;background:radial-gradient(circle,#3a2618,#0a0500 80%);border:1px solid rgba(255,215,102,.3);border-radius:50%;overflow:hidden;display:grid;place-items:center}.cpm-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cpm-name-row{display:flex;align-items:center;gap:6px;min-width:0}.cpm-name{color:#ffe9b0;font-size:12px;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-shadow:0 1px 0 #000}.cpm-lv{flex-shrink:0;background:linear-gradient(180deg,#5a3a18,#2a1808);color:var(--gold);border:1px solid var(--brass-d);border-radius:3px;padding:1px 6px;font-family:Cinzel,serif;font-weight:900;font-size:10px;letter-spacing:.05em;text-shadow:0 1px 0 #000}.cpm-bars{display:flex;flex-direction:column;gap:2px}.cpm-bars .bar{height:11px}.cpm-bars .bar .label{font-size:9px}.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:140px;left:90px;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:78px;right:10px;z-index:35;width:184px;padding:5px;opacity:.78;transition:opacity .25s ease;background:linear-gradient(180deg,#140c069e,#0804028c)!important;border:1px solid rgba(255,215,102,.22)!important;border-radius:6px;box-shadow:0 2px 8px #00000073!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.minimap-wrap:before{display:none!important}.minimap-wrap .corner{display:none!important}.minimap-wrap:hover{opacity:1}.menu-bar.menu-bar-compact{opacity:.7;transition:opacity .25s ease}.menu-bar.menu-bar-compact:hover,.menu-bar.menu-bar-compact:has(.menu-more.active){opacity:1}.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;display:flex;align-items:center;gap:6px}.minimap-head .mm-channel{font-family:JetBrains Mono,monospace;font-size:9px;color:#7df089;background:#00000080;border:1px solid #2a4a2a;padding:1px 5px;letter-spacing:.05em}.minimap-head .coord{font-family:JetBrains Mono,monospace;font-size:10px;color:#a8916a}.minimap{position:relative;width:100%;height:128px;background:radial-gradient(ellipse at 50% 50%,#1a3a18,#0a1a08 70%,#000);border:none;overflow:hidden;box-shadow:inset 0 0 16px #0009;cursor:var(--cursor-default, crosshair)}.minimap .mm-open-map{position:absolute;right:4px;bottom:4px;z-index:3;width:24px;height:24px;display:grid;place-items:center;background:#140c06b3;border:1px solid rgba(255,215,102,.4);border-radius:4px;color:#c8b282;cursor:var(--cursor-pointer, pointer);transition:color .15s,border-color .15s,background .15s}.minimap .mm-open-map:hover{color:#ffd766;border-color:#ffd766;background:#3a2618d9}.minimap .mm-open-map svg{width:14px;height:14px}.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}.action-bar{position:absolute;bottom:74px;left:50%;transform:translate(-50%);z-index:35;display:flex;align-items:center;gap:14px}.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:var(--cursor-pointer, 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 .qslot-qty{position:absolute;bottom:-1px;right:1px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;color:#ffd766;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 1px 0 #000;letter-spacing:.02em;line-height:1}.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:var(--cursor-cannot, 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}.top-currency-strip{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:36;display:flex;gap:10px}.top-currency-pill{display:flex;align-items:center;gap:6px;background:linear-gradient(180deg,#3a2618eb,#140c04f2);border:1px solid var(--hud-frame);border-bottom-color:var(--hud-frame-d);box-shadow:inset 0 0 0 1px #ffd76626,0 2px 4px #0006;padding:3px 4px 3px 8px;font-family:JetBrains Mono,monospace;font-size:12px;color:#ffe9b0;letter-spacing:.04em;min-width:140px}.top-currency-pill .cur-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;font-family:Cinzel,serif;text-shadow:0 1px 0 rgba(0,0,0,.5);flex-shrink:0}.top-currency-pill .cur-icon.cur-gold{background:radial-gradient(circle at 35% 30%,#ffe080,#9a7008);color:#3a2510;border:1px solid #d8a020}.top-currency-pill .cur-icon.cur-blue{background:radial-gradient(circle at 35% 30%,#9bd5ff,#1c4080);color:#0a1a30;border:1px solid #5db3ff}.top-currency-pill .cur-icon.cur-purple{background:radial-gradient(circle at 35% 30%,#d4a8ff,#5a1a90);color:#1a0a30;border:1px solid #b96bff}.top-currency-pill .cur-val{flex:1;text-align:right;font-weight:700}.top-currency-pill .cur-plus{width:22px;height:22px;flex-shrink:0;background:linear-gradient(180deg,#5a3a18,#2a1808);border:1px solid var(--hud-frame);color:var(--brass-l);font-size:14px;line-height:1;font-weight:700;cursor:var(--cursor-pointer, pointer);font-family:inherit;display:grid;place-items:center;padding:0}.top-currency-pill .cur-plus:hover{color:#ffd766;border-color:#ffd766}.ui-icon-btn{background:transparent;border:none;padding:0;margin:0;cursor:var(--cursor-pointer, pointer);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:var(--ui-icon-size, 48px);font-family:inherit;color:#c8b282;transition:color .12s,transform .12s}.ui-icon-btn:disabled{cursor:var(--cursor-cannot, not-allowed);color:#6a6250}.ui-icon-btn:hover:not(:disabled){color:#ffd766}.ui-icon-btn .ui-icon-label{font-family:Noto Sans TC,sans-serif;font-size:11px;letter-spacing:.12em;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 4px rgba(0,0,0,.6);white-space:nowrap}.ui-icon{display:block;width:var(--ui-icon-size, 36px);height:var(--ui-icon-size, 36px);background-image:var(--ui-icon-atlas, url(/assets/ui_icons_generated/ui-icons-atlas.png));background-repeat:no-repeat;background-size:calc(var(--ui-icon-size, 36px) * 4) calc(var(--ui-icon-size, 36px) * 7);background-position-x:0}.ui-icon[data-icon=volume_on],.ui-icon-btn[data-icon=volume_on] .ui-icon{background-position-y:0}.ui-icon[data-icon=volume_off],.ui-icon-btn[data-icon=volume_off] .ui-icon{background-position-y:calc(var(--ui-icon-size, 36px) * -1)}.ui-icon[data-icon=settings],.ui-icon-btn[data-icon=settings] .ui-icon{background-position-y:calc(var(--ui-icon-size, 36px) * -2)}.ui-icon[data-icon=shop],.ui-icon-btn[data-icon=shop] .ui-icon{background-position-y:calc(var(--ui-icon-size, 36px) * -3)}.ui-icon[data-icon=topup],.ui-icon-btn[data-icon=topup] .ui-icon{background-position-y:calc(var(--ui-icon-size, 36px) * -4)}.ui-icon[data-icon=gift],.ui-icon-btn[data-icon=gift] .ui-icon{background-position-y:calc(var(--ui-icon-size, 36px) * -5)}.ui-icon[data-icon=bundle],.ui-icon-btn[data-icon=bundle] .ui-icon{background-position-y:calc(var(--ui-icon-size, 36px) * -6)}.ui-icon-btn:hover:not(:disabled) .ui-icon{background-position-x:calc(var(--ui-icon-size, 36px) * -1)}.ui-icon-btn:active:not(:disabled) .ui-icon{background-position-x:calc(var(--ui-icon-size, 36px) * -2)}.ui-icon-btn:disabled .ui-icon{background-position-x:calc(var(--ui-icon-size, 36px) * -3)}.ui-icon-btn:hover:not(:disabled){transform:translateY(-1px);transition:transform .12s}.ui-icon-btn:active:not(:disabled){transform:translateY(0)}.top-shortcuts{position:absolute;top:10px;right:10px;z-index:36;display:flex;gap:6px}.top-shortcuts .ts-btn{width:36px;height:36px;display:grid;place-items:center;background:#140c068c;border:1px solid rgba(255,215,102,.25);border-radius:50%;box-shadow:0 2px 6px #00000073;color:#c8b282;font-family:inherit;cursor:var(--cursor-pointer, pointer);transition:color .15s,border-color .15s,background .15s,transform .12s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.top-shortcuts .ts-btn:hover{color:#ffd766;border-color:#ffd766b3;background:#3a2618b3;transform:translateY(-1px)}.top-shortcuts .ts-icon{font-size:16px;line-height:1}.top-shortcuts .ts-label{display:none}.bottom-exp-bar{position:absolute;left:50%;bottom:36px;transform:translate(-50%);width:min(640px,55vw);height:14px;z-index:34;background:linear-gradient(180deg,#1a0d05,#0a0500);border:1px solid var(--hud-frame-d);box-shadow:inset 0 1px 2px #000000b3,0 1px #ffd76614;overflow:hidden}.bottom-exp-fill{height:100%;background:linear-gradient(180deg,#ffe080,#d8b020 60%,#7a5a08);box-shadow:0 0 8px #d8b02073 inset;transition:width .35s cubic-bezier(.2,.85,.2,1)}.bottom-exp-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:10px;font-weight:700;color:#fff;letter-spacing:.15em;text-shadow:1px 1px 0 #000,-1px 0 0 #000,0 1px 0 #000;pointer-events:none}.auto-battle-btn{position:absolute;left:50%;bottom:138px;transform:translate(-50%);z-index:36;display:inline-flex;align-items:center;gap:10px;padding:5px 16px;font-family:Cinzel,serif;font-size:11px;font-weight:700;letter-spacing:.24em;padding-left:calc(16px + .24em);color:#a8916a;background:#0a050299;border:1px solid rgba(168,145,106,.4);border-radius:18px;cursor:var(--cursor-pointer, pointer);box-shadow:0 2px 8px #00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.auto-battle-btn:hover{color:#ffd766;border-color:#ffd76699;background:#3a2618b3}.auto-battle-btn.active{color:#ffd766;border-color:#ffd766b3;background:#7a4a2273;box-shadow:0 0 10px #ffd7664d,0 2px 8px #00000080}.auto-battle-btn .abb-label{line-height:1;flex-shrink:0}.auto-battle-btn .abb-stats{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:0;font-weight:700;padding-left:10px;border-left:1px solid rgba(255,215,102,.25);white-space:nowrap}.auto-battle-btn .abb-stat{line-height:1}.auto-battle-btn .abb-kill{color:#ff8a4a}.auto-battle-btn .abb-exp{color:#ffd766}.auto-battle-btn .abb-gold{color:#7df089}.chat{position:absolute;left:8px;bottom:90px;z-index:40;width:340px;height:128px;display:flex;flex-direction:column;background:linear-gradient(180deg,#231510,#0d0703)!important;pointer-events:auto;isolation:isolate;opacity:.55;transition:opacity .25s ease,height .3s cubic-bezier(.2,.7,.2,1)}.chat:hover,.chat:focus-within{opacity:1;height:240px}.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:var(--cursor-pointer, 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:10px;bottom:60px;z-index:35;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:248px;padding:6px}.menu-bar.menu-bar-compact{display:flex;width:auto;padding:0;gap:6px;background:transparent!important;border:none!important;box-shadow:none!important}.menu-bar.menu-bar-compact:before{display:none!important}.menu-bar.menu-bar-compact .menu-btn{width:48px;height:48px;background:#140c0699;border:1px solid rgba(255,215,102,.25);border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px #00000080}.menu-bar.menu-bar-compact .menu-btn:hover:not(.placeholder){background:#3a2618b3;border-color:#ffd766b3}.menu-bar.menu-bar-compact .menu-btn.menu-more.active{border-color:#ffd766;color:#ffd766;background:#3a2618d9}.menu-more-popover{position:absolute;right:0;bottom:60px;z-index:36;display:grid;grid-template-columns:repeat(4,54px);gap:4px;padding:8px;background:linear-gradient(180deg,#140c06eb,#080402f2);border:1px solid rgba(255,215,102,.4);border-radius:6px;box-shadow:0 6px 18px #000000b3,0 0 14px #ffd7662e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:menu-more-pop .18s ease-out}@keyframes menu-more-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.menu-more-popover .menu-btn{height:54px;background:linear-gradient(180deg,#3a2618,#0d0703);border:1px solid rgba(255,215,102,.25);border-radius:4px}.menu-btn{height:54px;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:2px;position:relative;cursor:var(--cursor-pointer, pointer);box-shadow:inset 0 0 0 1px #ffd7662e;font-family:inherit}.menu-btn.placeholder{opacity:.45;cursor:var(--cursor-cannot, not-allowed)}.menu-btn:hover:not(.placeholder){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:var(--cursor-pointer, 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:var(--cursor-pointer, 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:var(--cursor-pointer, pointer);overflow:hidden}.r-card.locked{cursor:var(--cursor-cannot, 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:var(--cursor-pointer, 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:var(--cursor-pointer, 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:var(--cursor-pointer, 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:var(--cursor-cannot, not-allowed);background:linear-gradient(180deg,#1a1410,#0a0703);color:#5a4830}@media (max-height:760px){.char-panel{width:248px}.minimap{height:130px}.chat{height:96px;width:300px}.chat:hover,.chat:focus-within{height:200px}}@media (max-width:1180px){.chat{bottom:120px;height:96px;width:320px}.chat:hover,.chat:focus-within{height:200px}}@media (max-width:980px){.chat{bottom:120px;width:280px;height:84px}.chat:hover,.chat:focus-within{height:180px}}.quest-tracker{position:absolute;top:78px;left:10px;right:auto;z-index:38;width:232px;padding:5px 8px;background:linear-gradient(180deg,#140c069e,#0804028c);border:1px solid rgba(255,215,102,.22)!important;border-radius:6px;box-shadow:0 2px 8px #00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.78;transition:opacity .2s ease,transform .08s,box-shadow .12s}.quest-tracker:hover{opacity:1;transform:translateY(-1px);box-shadow:0 4px 14px #ffd76633}.quest-tracker .corner{display:none!important}.quest-tracker.collapsed{padding:3px 8px}.quest-tracker.collapsed .qt-head{margin-bottom:0;border-bottom:none;padding-bottom:0}.qt-head{display:flex;align-items:center;gap:6px;margin-bottom:4px;border-bottom:1px solid rgba(255,215,102,.14);padding-bottom:3px}.qt-toggle{margin-left:6px;background:transparent;border:1px solid var(--hud-frame-d);color:#a8916a;cursor:var(--cursor-pointer, 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-tabs-row{padding-bottom:0;border-bottom:none}.qt-tab{background:#0006;border:1px solid var(--hud-frame-d);border-bottom:none;color:#a8916a;font-family:Cinzel,serif;font-size:11px;letter-spacing:.08em;font-weight:700;padding:4px 10px;cursor:var(--cursor-pointer, pointer);position:relative;top:1px;display:inline-flex;align-items:center;gap:5px;flex-shrink:0;white-space:nowrap}.qt-tab.active{color:#ffd766;background:#3a2618d9;border-color:var(--hud-frame)}.qt-tab:hover:not(.active){color:#cfa860;background:#3a261866}.qt-open-arrow{margin-left:auto;background:transparent;border:1px solid var(--hud-frame-d);color:#a8916a;cursor:var(--cursor-pointer, pointer);font-size:14px;line-height:1;padding:2px 8px;font-family:inherit}.qt-open-arrow: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:5px}.qt-row{padding:4px 6px;background:#00000052;border:1px solid rgba(255,215,102,.1)}.qt-row.done{border-color:#ffae40;box-shadow:inset 0 0 0 1px #ffae404d}.qt-row.qt-primary{padding:6px 8px;background:linear-gradient(180deg,#3a26188c,#140c06a6);border:1px solid rgba(255,215,102,.5);box-shadow:inset 0 0 0 1px #ffd76624,0 0 10px #ffd7661f}.qt-row.qt-primary.done{border-color:#ffae40;box-shadow:inset 0 0 0 1px #ffae4059,0 0 16px #ffae4066}.qt-row.qt-primary .qt-name{font-size:12.5px;color:#ffd766;font-weight:700;letter-spacing:.04em}.qt-primary-hint{font-size:10.5px;color:#c8b282;line-height:1.45;margin:3px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qt-primary-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px}.qt-primary-row .qt-prog{text-align:left;flex-shrink:0}.qt-nav-big{font-family:Cinzel,serif;font-size:11px;letter-spacing:.18em;font-weight:700;padding:4px 12px}.qt-claim-big{font-size:11px;letter-spacing:.18em;padding:5px 14px}.qt-others-toggle{background:transparent;border:1px dashed rgba(168,145,106,.4);color:#a8916a;font-family:inherit;font-size:10.5px;letter-spacing:.08em;padding:3px 8px;cursor:var(--cursor-pointer, pointer);transition:all .15s;text-align:center;white-space:nowrap}.qt-others-toggle:hover{color:#ffd766;border-color:#ffd76680;background:#ffd7660f}.qt-row.qt-secondary{opacity:.6;transition:opacity .2s}.qt-row.qt-secondary:hover{opacity:.95}.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)}.qt-claim{background:linear-gradient(180deg,#7a4a22,#3a2310);border:1px solid #ffd766;color:#ffd766;font-family:Cinzel,serif;font-size:10px;letter-spacing:.12em;font-weight:700;padding:3px 10px;cursor:pointer;flex-shrink:0;box-shadow:0 0 8px #ffd76666;animation:slot-glow 1.6s ease-in-out infinite;transition:transform .1s}.qt-claim:hover{background:linear-gradient(180deg,#9a5a32,#4a2810)}.qt-claim: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) and (min-height: 600px){.char-panel-mini{width:220px!important}.minimap-wrap{width:180px!important}.minimap{height:138px!important}.chat{width:280px!important;height:130px!important;bottom:110px!important}}@media (max-width: 700px),(orientation: landscape) and (max-height: 500px){.topbar,.top-shortcuts,.top-currency-strip,.bottom-exp-bar{display:none!important}.loading-overlay-card{width:min(420px,92vw)!important;max-width:92vw!important;padding:18px 22px!important;max-height:88vh!important}.loading-overlay-eyebrow{font-size:10px!important;letter-spacing:.25em!important;margin-bottom:2px!important}.loading-overlay-title{font-size:17px!important;letter-spacing:.18em!important;margin-bottom:12px!important}.loading-overlay-progress{margin-bottom:12px!important}.loading-overlay-stages{flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:space-between!important}.loading-overlay-stages>div{flex:1!important;margin:0!important;padding:4px!important;border-left:none!important;border-bottom:2px solid transparent!important;background:transparent!important;animation:none!important}.loading-overlay-stages>div>div:first-child{gap:0!important;justify-content:center!important}.loading-overlay-stages>div>div:first-child>span:nth-child(2),.loading-overlay-stages>div>div:first-child>span:nth-child(3){display:none!important}.loading-overlay-stages>div>div:nth-child(2){display:none!important}.world-sync-overlay-card{min-width:0!important;width:min(420px,90vw)!important;padding:16px 20px!important;max-height:88vh!important}.world-sync-overlay-card>div:first-child{font-size:10px!important;margin-bottom:4px!important}.world-sync-overlay-card>div:nth-child(2){font-size:16px!important;margin-bottom:6px!important}.world-sync-overlay-card>div:nth-child(3){font-size:12px!important;line-height:1.5!important}.world{top:0!important}.char-panel-mini{position:fixed!important;top:max(8px,env(safe-area-inset-top))!important;left:max(8px,env(safe-area-inset-left))!important;width:200px!important;z-index:35!important}.char-panel-mini .cpm-bars .bar .label{display:none!important}.buffs{position:fixed!important;top:max(60px,calc(60px + env(safe-area-inset-top)))!important;left:max(16px,env(safe-area-inset-left))!important;flex-wrap:wrap!important;gap:4px!important;z-index:35!important}.buff{width:32px!important;height:32px!important;font-size:16px!important;border-radius:50%!important}.buff small{font-size:10px!important;bottom:-4px!important;background:#000c!important;padding:1px 4px!important;border-radius:4px!important}.quest-tracker{position:fixed!important;top:80px!important;left:max(8px,env(safe-area-inset-left))!important;right:auto!important;width:240px!important;padding:4px 6px!important;background:#140f0a8c!important;border:1px solid rgba(255,215,102,.22)!important;border-radius:6px!important;box-shadow:0 2px 8px #00000073!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;max-height:30vh!important;overflow:visible!important;z-index:35!important}.quest-tracker .corner{display:none!important}.qt-head{gap:3px!important;padding-bottom:2px!important;margin-bottom:3px!important}.qt-row-head{font-size:11px!important}.qt-name{font-size:11px!important;line-height:1.4!important}.quest-tracker .qt-tab{font-size:10px!important;padding:2px 6px!important;letter-spacing:0!important;gap:3px!important;flex-shrink:0!important;white-space:nowrap!important}.quest-tracker .qt-badge{font-size:0!important;padding:0!important;width:6px!important;height:6px!important;border-radius:50%!important;border:none!important;background:#ff5a4d!important;box-shadow:0 0 4px #ff5a4d!important;margin-left:2px!important}.qt-open-arrow{padding:1px 5px!important;font-size:12px!important}.qt-toggle{padding:1px 4px!important;font-size:10px!important}.minimap-wrap{position:fixed!important;top:max(60px,calc(60px + env(safe-area-inset-top)))!important;right:max(8px,env(safe-area-inset-right))!important;left:auto!important;width:140px!important;padding:4px!important;border-radius:8px!important;background:#140f0a8c!important;border:1px solid rgba(255,215,102,.22)!important;z-index:34!important}.minimap-wrap .corner{display:none!important}.minimap-head{padding:0 2px 2px!important}.minimap-head .place{font-size:10px!important;letter-spacing:.03em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important;flex:1!important}.minimap-head .mm-channel,.minimap-head .coord{display:none!important}.minimap{height:100px!important;border-radius:6px!important}.minimap .mm-open-map{width:20px!important;height:20px!important;right:3px!important;bottom:3px!important}.minimap .mm-open-map svg{width:12px!important;height:12px!important}.target-frame{position:fixed!important;top:max(16px,env(safe-area-inset-top))!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:220px!important;padding:6px 10px!important;border-radius:12px!important;background:linear-gradient(180deg,#280a0ad9,#140505e6)!important;z-index:35!important}.target-frame .corner{display:none!important}.target-frame .row{gap:10px!important}.tgt-name{font-size:13px!important}.action-bar{position:fixed!important;bottom:max(16px,env(safe-area-inset-bottom))!important;right:max(16px,env(safe-area-inset-right))!important;left:auto!important;width:240px!important;height:240px!important;transform:none!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;pointer-events:none!important;z-index:35!important}.action-bar>*{pointer-events:auto!important}.action-bar .bar-divider{display:none!important}.skill-row{position:relative!important;width:100%!important;height:100%!important;display:block!important;background:transparent!important}.skill-row>.skill-slot{position:absolute!important;border-radius:50%!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;background:linear-gradient(135deg,#281e14e6,#0f0a05f2)!important;border:2px solid rgba(200,160,90,.6)!important;box-shadow:0 4px 12px #000000b3!important}.skill-row>.skill-slot:active{transform:scale(.92)!important;border-color:#ffd766!important}.skill-row>.skill-slot.empty{display:none!important}.skill-row>.skill-slot .sk-key{display:none!important}.skill-row>.skill-slot .sk-cost{bottom:-6px!important;right:auto!important;left:50%!important;transform:translate(-50%)!important;font-size:11px!important;background:#000c!important;padding:2px 6px!important;border-radius:6px!important}.skill-row>.skill-slot .cd-cover{border-radius:50%!important;font-size:16px!important}.skill-row>.skill-slot img,.skill-row>.skill-slot svg{border-radius:50%!important}.skill-row>.skill-slot:nth-child(1){width:84px!important;height:84px!important;right:0!important;bottom:0!important}.skill-row>.skill-slot:nth-child(1) img,.skill-row>.skill-slot:nth-child(1) svg{width:52px!important;height:52px!important}.skill-row>.skill-slot:nth-child(2){width:56px!important;height:56px!important;right:96px!important;bottom:8px!important}.skill-row>.skill-slot:nth-child(3){width:56px!important;height:56px!important;right:80px!important;bottom:78px!important}.skill-row>.skill-slot:nth-child(4){width:56px!important;height:56px!important;right:14px!important;bottom:96px!important}.skill-row>.skill-slot:nth-child(5){width:48px!important;height:48px!important;right:154px!important;bottom:42px!important}.skill-row>.skill-slot:nth-child(6){width:48px!important;height:48px!important;right:126px!important;bottom:120px!important}.skill-row>.skill-slot:nth-child(7){width:48px!important;height:48px!important;right:52px!important;bottom:160px!important}.skill-row>.skill-slot:nth-child(8){width:48px!important;height:48px!important;right:180px!important;bottom:94px!important}.action-bar .qbar{display:flex!important;flex-direction:column!important;position:fixed!important;right:max(8px,env(safe-area-inset-right))!important;bottom:auto!important;top:50%!important;transform:translateY(-50%)!important;gap:6px!important;pointer-events:auto!important;z-index:35!important}.qbar .skill-slot{position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;right:auto!important;bottom:auto!important;border-radius:10px!important;border:1px solid rgba(255,215,102,.4)!important;background:linear-gradient(135deg,#281e14d9,#0f0a05eb)!important;box-shadow:0 3px 8px #000000a6!important}.qbar .skill-slot.empty{display:none!important}.qbar .skill-slot img{border-radius:6px!important;width:28px!important;height:28px!important}.qbar .skill-slot .sk-key{position:absolute!important;top:-1px!important;left:1px!important;font-size:8px!important;color:#ffd766!important}.auto-battle-btn{position:fixed!important;left:50%!important;bottom:max(56px,calc(56px + env(safe-area-inset-bottom)))!important;transform:translate(-50%)!important;z-index:36!important}.window{position:fixed!important;width:100vw!important;height:calc(100vh - max(20px,env(safe-area-inset-top)))!important;left:0!important;top:max(20px,env(safe-area-inset-top))!important;transform:none!important;border-radius:16px 16px 0 0!important}.window .titlebar{padding:12px 16px!important}.window .titlebar h3{font-size:15px!important}.window .body{padding:12px!important;overflow-y:auto!important;height:calc(100% - 44px)!important}.cw-grid{grid-template-columns:1fr!important;gap:12px!important}.cw-left{padding:8px!important}.equip-doll{gap:12px!important}.equip-mid svg{width:110px!important;height:110px!important}.cw-stats .cw-stat-grid{grid-template-columns:repeat(2,1fr)!important;font-size:13px!important}.cw-right{padding:8px!important}.inv-grid{grid-template-columns:repeat(6,1fr)!important;gap:4px!important}.inv-cell{width:auto!important;aspect-ratio:1/1!important}.region-grid{grid-template-columns:1fr!important;gap:10px!important}.idm-overlay{align-items:flex-end!important;padding:0!important}.idm-modal{width:100vw!important;max-width:100vw!important;border-radius:16px 16px 0 0!important;padding:20px!important}.idm-btn{font-size:14px!important;padding:12px!important}.idm-desc{font-size:14px!important}.dialog{left:8px!important;right:8px!important;width:auto!important;bottom:max(140px,calc(140px + env(safe-area-inset-bottom)))!important;padding:12px!important;border-radius:12px!important}.dialog .text{font-size:14px!important;line-height:1.5!important}.dialog .opt{font-size:13px!important;padding:10px 14px!important}.tweaks-panel{bottom:max(140px,calc(140px + env(safe-area-inset-bottom)))!important;left:8px!important;right:8px!important;width:auto!important}.tweaks-toggle{bottom:max(140px,calc(140px + env(safe-area-inset-bottom)))!important;right:8px!important}.toasts{top:25%!important;bottom:auto!important;left:50%!important;transform:translate(-50%)!important}.toast{font-size:14px!important;padding:8px 16px!important;border-radius:20px!important}.death,.death-card{padding:24px!important}.death-card h2{font-size:32px!important}.lvl-flash{font-size:36px!important;letter-spacing:.15em!important}}@media (orientation: landscape) and (max-height: 500px){.char-panel-mini{top:max(6px,env(safe-area-inset-top))!important;left:max(6px,env(safe-area-inset-left))!important;width:184px!important}.char-panel-mini .cpm-portrait{width:38px!important;height:38px!important}.char-panel-mini .cpm-name{font-size:12px!important}.buffs{top:max(50px,calc(50px + env(safe-area-inset-top)))!important;left:max(12px,env(safe-area-inset-left))!important}.buff{width:26px!important;height:26px!important;font-size:13px!important}.minimap-wrap{top:max(6px,env(safe-area-inset-top))!important;right:max(56px,env(safe-area-inset-right))!important;width:124px!important}.minimap{height:76px!important}.minimap-head{padding:1px 3px!important}.minimap-head .place{font-size:9.5px!important}.target-frame{top:max(6px,env(safe-area-inset-top))!important;width:200px!important;padding:4px 8px!important}.tgt-name{font-size:12px!important}.mobile-hamburger{width:38px!important;height:38px!important;top:max(6px,env(safe-area-inset-top))!important;right:max(6px,env(safe-area-inset-right))!important;font-size:20px!important}.ts-btn{padding:4px 8px!important;font-size:12px!important}.quest-tracker{top:70px!important;width:200px!important;padding:3px 6px!important;max-height:calc(100vh - 200px)!important}.quest-tracker.collapsed{max-height:32px!important}.qt-name{font-size:10.5px!important}.qt-tabs-row{gap:3px!important}.quest-tracker .qt-tab{font-size:10px!important;padding:2px 6px!important}.action-bar{width:180px!important;height:180px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;right:max(8px,env(safe-area-inset-right))!important}.skill-row>.skill-slot:nth-child(1){width:64px!important;height:64px!important;right:0!important;bottom:0!important}.skill-row>.skill-slot:nth-child(1) img,.skill-row>.skill-slot:nth-child(1) svg{width:40px!important;height:40px!important}.skill-row>.skill-slot:nth-child(2){width:44px!important;height:44px!important;right:72px!important;bottom:6px!important}.skill-row>.skill-slot:nth-child(3){width:44px!important;height:44px!important;right:60px!important;bottom:60px!important}.skill-row>.skill-slot:nth-child(4){width:44px!important;height:44px!important;right:8px!important;bottom:72px!important}.skill-row>.skill-slot:nth-child(5){width:38px!important;height:38px!important;right:116px!important;bottom:32px!important}.skill-row>.skill-slot:nth-child(6){width:38px!important;height:38px!important;right:96px!important;bottom:92px!important}.skill-row>.skill-slot:nth-child(7){width:38px!important;height:38px!important;right:38px!important;bottom:122px!important}.skill-row>.skill-slot:nth-child(8){width:38px!important;height:38px!important;right:138px!important;bottom:72px!important}.skill-row>.skill-slot img,.skill-row>.skill-slot svg{width:28px!important;height:28px!important}.action-bar .qbar{gap:5px!important}.qbar .skill-slot{width:34px!important;height:34px!important}.qbar .skill-slot img{width:22px!important;height:22px!important}.mobile-joystick-area{width:45vw!important;height:70vh!important}.mobile-joystick-base{width:110px!important;height:110px!important}.mobile-joystick-thumb{width:48px!important;height:48px!important}.mobile-chat-icon{width:220px!important;max-width:56vw!important;height:30px!important;bottom:max(8px,env(safe-area-inset-bottom))!important}.mobile-chat-icon:after{font-size:11px!important}.mobile-chat-drawer .chat{height:88vh!important}.mobile-menu-panel{width:min(86vw,560px)!important}.mobile-menu-grid{grid-template-columns:repeat(5,1fr)!important;gap:8px!important;padding:12px!important}.mobile-menu-cell{aspect-ratio:1 / 1!important;padding:6px!important;gap:4px!important}.mobile-menu-icon{font-size:24px!important}.mobile-menu-label{font-size:11px!important}.mobile-menu-head{padding:10px 14px 8px!important;font-size:14px!important}.bottom-exp-bar{bottom:44px!important;height:14px!important}.bottom-exp-label{font-size:10px!important}.auto-battle-btn{bottom:max(48px,calc(48px + env(safe-area-inset-bottom)))!important;padding:4px 12px!important;font-size:10px!important}.auto-battle-btn .abb-label{font-size:11px!important}.auto-battle-btn .abb-stats{font-size:9px!important;gap:6px!important;padding-left:8px!important}.auto-battle-btn.active{padding:4px 14px!important}.window{width:96vw!important;height:92vh!important;left:2vw!important;top:2vh!important;border-radius:14px!important}.window .body{padding:10px!important}.cw-grid{grid-template-columns:.85fr 1fr!important;gap:10px!important}.inv-grid{grid-template-columns:repeat(8,1fr)!important}.region-grid{grid-template-columns:repeat(2,1fr)!important}.dialog{left:max(8px,env(safe-area-inset-left))!important;right:auto!important;bottom:56px!important;width:60vw!important;max-width:480px!important;padding:10px!important}.dialog .text{font-size:13px!important}.dialog .opt{font-size:12px!important;padding:6px 10px!important}}@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px){.chat:focus-within,.chat:hover{height:60vh!important}}@media (max-width: 700px),(orientation: landscape) and (max-height: 500px){.mobile-joystick-area{position:fixed;left:0;bottom:0;width:50vw;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:140px;height:140px;border-radius:50%;border:2px solid rgba(255,215,102,.4);background:radial-gradient(circle,#0006,#0000001a)}.mobile-joystick-thumb{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#ffebb4e6,#d8745acc 70%);border:1px solid rgba(255,215,102,.6)}}@media (max-width: 700px),(orientation: landscape) and (max-height: 500px){.menu-bar{display:none!important}.mobile-hamburger{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:44px;height:44px;z-index:36;background:linear-gradient(180deg,#281c0ceb,#140c04f2);border:1px solid rgba(201,164,94,.55);border-radius:10px;color:#ffd766;font-size:24px;cursor:pointer;display:grid;place-items:center}.mobile-hamburger:active{transform:scale(.92)}.mobile-menu-drawer{position:fixed;inset:0;z-index:90;background:#000c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;animation:mobile-drawer-fade .2s ease;overflow-y:auto}@keyframes mobile-drawer-fade{0%{opacity:0}to{opacity:1}}.mobile-menu-panel{width:min(92vw,420px);max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#1c1208f7,#0c0602fa);border:1px solid rgba(201,164,94,.45);border-radius:16px}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;font-size:16px;color:#ffd766}.mobile-menu-x{width:32px;height:32px;font-size:20px;border-radius:8px}.mobile-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px}.mobile-menu-cell{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;aspect-ratio:1 / 1;border-radius:12px;padding:8px;gap:8px;background:transparent;border:none;color:#ffd766}.mobile-menu-icon{font-size:32px}.mobile-menu-label{font-size:13px}}@media (max-width: 700px),(orientation: landscape) and (max-height: 500px){.mobile-chat-icon{position:fixed;left:50%;transform:translate(-50%);bottom:max(16px,env(safe-area-inset-bottom));z-index:36;width:320px;max-width:85vw;height:36px;border-radius:18px;background:#140f0aa6;border:1px solid rgba(200,160,90,.3);color:#ffd766;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;padding:0 16px;gap:8px}.mobile-chat-icon:after{content:"點擊展開聊天頻道...";font-size:13px;color:#a8916a;font-family:sans-serif}.mobile-chat-drawer{position:fixed;left:0;right:0;bottom:0;z-index:38;animation:mobile-chat-rise .25s cubic-bezier(.2,.85,.2,1)}@keyframes mobile-chat-rise{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-chat-drawer .chat{position:relative!important;left:auto!important;bottom:auto!important;width:100vw!important;height:55vh!important;margin:0!important;border-radius:16px 16px 0 0!important}.chat-mobile-close{position:absolute;top:-20px;right:12px;width:40px;height:40px;z-index:1;border-radius:50%;font-size:20px}}.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}}.orient-lock{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(ellipse at center,#281608eb,#080402fa 70%),#050302;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));font-family:"Noto Serif TC",Cormorant Garamond,serif;color:#f3e6c4;text-align:center;touch-action:none;user-select:none;-webkit-user-select:none;animation:orient-lock-fade .25s ease}@keyframes orient-lock-fade{0%{opacity:0}to{opacity:1}}.orient-lock-card{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:320px;padding:28px 24px 24px;border-radius:18px;background:linear-gradient(180deg,#1c1208db,#0c0602eb);border:1px solid rgba(201,164,94,.4);box-shadow:0 24px 60px #000000b3,inset 0 1px #ffebb41f}.orient-lock-icon{display:grid;place-items:center;width:96px;height:96px;animation:orient-lock-rock 2.4s ease-in-out infinite;transform-origin:50% 70%}@keyframes orient-lock-rock{0%,to{transform:rotate(0)}40%{transform:rotate(-90deg)}70%{transform:rotate(-90deg)}}.orient-lock-title{margin:0;font-size:22px;font-weight:700;letter-spacing:.2em;color:#ffd766;text-shadow:0 2px 8px rgba(255,200,80,.25)}.orient-lock-text{margin:0;font-size:15px;line-height:1.7;color:#d8c89a;letter-spacing:.05em}.orient-lock-hint{margin-top:6px;padding-top:12px;border-top:1px dashed rgba(201,164,94,.25);font-size:11px;letter-spacing:.06em;color:#8a7a55;font-family:Noto Sans TC,sans-serif}: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}