:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#09111d;color:#eef6ff}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background:#09111d}button,canvas{font:inherit}#app{min-height:100vh;display:flex}.game-container{flex:1;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;padding:0;margin:0;overflow:hidden;background:#09111d}.game-canvas-wrapper{position:relative;width:100vw;height:100vh;border-radius:0;overflow:hidden}.channel-picker{position:absolute;top:90px;right:10px;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px;border-radius:14px;background:#081220eb;border:1px solid rgba(153,215,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 28px #00000059;z-index:80;font-size:.85rem;color:#cfe4ff}.channel-picker.hidden{display:none}.channel-picker-label{letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;color:#8ab5dd}.channel-picker-buttons{display:flex;gap:6px}.channel-btn{min-width:48px;padding:6px 10px;border-radius:10px;border:1px solid rgba(153,215,255,.28);background:#1e3a5c80;color:#e8f6ff;cursor:pointer;font-size:.8rem;font-variant-numeric:tabular-nums;transition:background .15s ease,transform .1s ease}.channel-btn:hover:not(:disabled){background:#4092ff6b;transform:translateY(-1px)}.channel-btn.is-active{background:#4092ffb3;border-color:#b7e6ff;color:#fff;cursor:default}.channel-btn:disabled:not(.is-active){opacity:.4;cursor:not-allowed}.settings-panel{position:absolute;top:90px;right:10px;width:240px;padding:10px 14px 14px;border-radius:14px;background:#060d1aeb;border:1px solid rgba(153,215,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 28px #00000080;z-index:80;color:#daeeff;font-size:.82rem}.settings-panel.hidden{display:none}.settings-header{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#8ab5dd;font-weight:600;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(153,215,255,.1)}.settings-section{display:flex;flex-direction:column;gap:7px}.settings-divider{height:1px;background:#99d7ff1a;margin:8px 0}.settings-row{display:flex;align-items:center;gap:8px}.settings-label{flex:0 0 46px;font-size:.72rem;color:#8ab5dd;white-space:nowrap}.settings-lang-btn{padding:3px 10px;border-radius:8px;border:1px solid rgba(153,215,255,.3);background:#1e3a5c8c;color:#eef6ff;cursor:pointer;font-size:.78rem;font-weight:600;letter-spacing:.06em;transition:background .15s}.settings-lang-btn:hover{background:#4092ff66}.settings-action-btn{padding:3px 10px;border-radius:8px;border:1px solid rgba(153,215,255,.3);background:#1e3a5c8c;color:#eef6ff;cursor:pointer;font-size:.78rem;font-weight:600;letter-spacing:.04em;transition:background .15s}.settings-action-btn:hover{background:#4092ff66}.settings-slider{flex:1;height:4px;accent-color:#5b9ef4;cursor:pointer;min-width:0}.settings-vol-value{flex:0 0 32px;font-size:.68rem;color:#8ab5dd;text-align:right;font-variant-numeric:tabular-nums}.party-panel{position:absolute;top:90px;right:10px;width:260px;padding:10px 14px 14px;border-radius:14px;background:#060d1aeb;border:1px solid rgba(153,215,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 28px #00000080;z-index:80;color:#daeeff;font-size:.82rem}.party-panel.hidden{display:none}.party-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(153,215,255,.1)}.party-name{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#8ab5dd;font-weight:600}.party-leader-badge{background:#ffd70033;border:1px solid rgba(255,215,0,.4);border-radius:6px;color:gold;font-size:.6rem;padding:1px 5px;font-weight:700}.party-leader-badge.hidden{display:none}.party-section{margin-bottom:12px}.party-section.hidden{display:none}.party-hint{font-size:.75rem;color:#8ab5dd;text-align:center;margin:8px 0}.party-section-title{font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:#8ab5dd;font-weight:600;margin-bottom:6px}.party-members-list{display:flex;flex-direction:column;gap:6px}.party-member{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:#1e3a5c66}.party-member.self{background:#4092ff40;border:1px solid rgba(100,160,255,.3)}.party-member-avatar{font-size:1.1rem;flex-shrink:0}.party-member-info{flex:1;min-width:0}.party-member-name{font-size:.75rem;font-weight:600;color:#eef6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.party-member-details{font-size:.6rem;color:#8ab5dd;margin-top:1px}.party-member-hp-bar{width:60px;height:5px;background:#0006;border-radius:3px;overflow:hidden;flex-shrink:0}.party-member-hp-fill{height:100%;background:linear-gradient(90deg,#1a9c3f,#2ecc71);transition:width .3s ease}.party-member-hp-fill.low{background:linear-gradient(90deg,#8b1a1a,#e74c3c)}.party-member-kick{font-size:.7rem;padding:2px 5px;border-radius:4px;border:none;background:#e74c3c33;color:#e74c3c;cursor:pointer;opacity:0;transition:opacity .15s}.party-member:hover .party-member-kick{opacity:1}.party-invite-list,.party-pending-invites{display:flex;flex-direction:column;gap:6px}.party-invite-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:8px;background:#1e3a5c66}.party-invite-info{font-size:.7rem;color:#8ab5dd}.party-invite-actions{display:flex;gap:4px}.party-invite-btn-small{font-size:.65rem;padding:2px 6px;border-radius:4px;border:none;cursor:pointer;font-weight:600}.party-invite-accept{background:#2ecc7133;color:#2ecc71}.party-invite-decline{background:#e74c3c33;color:#e74c3c}.party-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(153,215,255,.1)}.party-action-btn{flex:1;min-width:80px;padding:6px 10px;border-radius:8px;border:1px solid rgba(153,215,255,.3);background:#1e3a5c8c;color:#eef6ff;cursor:pointer;font-size:.72rem;font-weight:600;transition:background .15s}.party-action-btn:hover{background:#4092ff66}.party-action-btn.hidden{display:none}.party-leave-btn{border-color:#e74c3c4d;background:#8b1a1a59;color:#f99}.party-leave-btn:hover{background:#e74c3c80}.party-disband-btn{border-color:#e74c3c4d;background:#8b1a1a59;color:#f99}.party-disband-btn:hover{background:#e74c3c80}.quest-tracker{position:absolute;bottom:130px;left:12px;width:220px;padding:10px 14px 12px;border-radius:14px;background:#060d1aeb;border:1px solid rgba(153,215,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 28px #00000080;z-index:60;color:#daeeff;font-size:.82rem;pointer-events:auto}.quest-tracker.hidden{display:none}.quest-tracker-close,#character-hud-close,#settings-close{position:absolute;top:7px;right:9px}.quest-tracker-close,.panel-close-btn{background:none;border:none;color:#99c8ff59;font-size:1.05rem;line-height:1;cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0}.quest-tracker-close:hover,.panel-close-btn:hover{color:#eef6ff;background:#99c8ff1a}.quest-tracker.is-ready-to-turn-in{border-color:#ffd36b8c;background:#141008eb}.quest-tracker.is-completed{border-color:#64dc8266;opacity:.7}.draggable-handle{cursor:grab;user-select:none;-webkit-user-select:none}.quest-tracker-title{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#8ab5dd;margin-bottom:5px}.quest-tracker.is-ready-to-turn-in .quest-tracker-title{color:#ffd36b}.quest-tracker-objective{color:#cce4ff;line-height:1.35;margin-bottom:6px}.quest-tracker.is-ready-to-turn-in .quest-tracker-objective{color:#ffe99a;font-weight:600}.quest-tracker.is-completed .quest-tracker-objective{color:#7de8a0}.quest-tracker-progress{display:flex;flex-direction:column;gap:5px;margin-top:4px}.quest-tracker-progress.hidden{display:none}.quest-tracker-row{display:grid;grid-template-columns:34px 32px 1fr;align-items:center;gap:6px}.quest-tracker-label{color:#8ab5dd;font-size:.72rem}.quest-tracker-value{font-size:.72rem;font-variant-numeric:tabular-nums;color:#eef6ff;text-align:right}.quest-tracker-bar-wrap{height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.quest-tracker-bar{height:100%;border-radius:3px;transition:width .25s ease;width:0%}.quest-tracker-bar-kills{background:linear-gradient(90deg,#ff7a7a,#ff4f6e)}.quest-tracker-bar-gel{background:linear-gradient(90deg,#5bc8ff,#38a8e0)}.chat-panel{position:absolute;bottom:12px;left:12px;width:min(360px,38vw);max-height:40vh;display:flex;flex-direction:column;border-radius:14px;background:#060d1acc;border:1px solid rgba(153,215,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 28px #00000080;z-index:70;opacity:.88;transition:opacity .15s ease,background .15s ease;overflow:hidden}.chat-panel.is-active{opacity:1;background:#060d1af5;border-color:#99d7ff73}.chat-log{flex:1;overflow-y:auto;padding:10px 12px 4px;display:flex;flex-direction:column;gap:2px;font-size:.82rem;color:#daeeff;scrollbar-width:thin}.chat-log::-webkit-scrollbar{width:6px}.chat-log::-webkit-scrollbar-thumb{background:#99d7ff47;border-radius:4px}.chat-row{display:grid;grid-template-columns:auto auto 1fr;gap:6px;align-items:baseline;padding:1px 0;word-break:break-word}.chat-time{color:#6c8fb0;font-variant-numeric:tabular-nums;font-size:.72rem}.chat-sender{color:#8dd6ff;font-weight:600}.chat-row.is-self .chat-sender{color:#ffd47a}.chat-text{color:#eef6ff}.chat-form{padding:6px 8px 8px;border-top:1px solid rgba(153,215,255,.14)}.chat-input{width:100%;padding:8px 10px;border-radius:10px;border:1px solid rgba(153,215,255,.26);background:#060e1ad1;color:#eef6ff;font-size:.85rem;outline:none;transition:border-color .15s ease}.chat-input:focus{border-color:#8dd6ff}.chat-input::placeholder{color:#6c8fb0}.auth-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#0d0a1a,#060412);padding:24px;overflow-y:auto}.auth-screen.hidden{display:none}.auth-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;animation:auth-orb-drift 12s ease-in-out infinite alternate}.auth-bg-orb-1{width:500px;height:500px;background:#6428dc40;top:-100px;left:-120px;animation-duration:14s}.auth-bg-orb-2{width:400px;height:400px;background:#1478dc33;bottom:-80px;right:-80px;animation-duration:10s;animation-delay:-5s}@keyframes auth-orb-drift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.08)}}.auth-card{position:relative;width:100%;max-width:420px;background:#120c26d1;border:1px solid rgba(139,92,246,.2);border-radius:20px;padding:36px 32px 28px;box-shadow:0 0 0 1px #ffffff0a inset,0 24px 64px #00000080,0 0 80px #6428dc1f;display:flex;flex-direction:column;gap:22px}.auth-card-header{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.auth-logo{font-size:2.4rem;line-height:1;filter:drop-shadow(0 0 16px rgba(139,92,246,.8))}.auth-screen-title{font-size:1.7rem;margin:0;color:#eef6ff;text-shadow:0 0 28px rgba(139,92,246,.6);letter-spacing:.04em;font-weight:700}.auth-screen-subtitle{margin:0;color:#7a9ab8;font-size:.85rem}.auth-tabs{display:flex;gap:3px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:3px}.auth-tab{flex:1;padding:8px 4px;border:none;border-radius:7px;background:transparent;color:#7a9ab8;font-family:inherit;font-size:.85rem;cursor:pointer;transition:background .18s,color .18s}.auth-tab:hover:not(.is-active){color:#b8d4f0;background:#ffffff0d}.auth-tab.is-active{background:#8b5cf673;color:#eef6ff;font-weight:600;box-shadow:0 1px 6px #8b5cf64d}.auth-tab-demo.is-active{background:#34a87866;box-shadow:0 1px 6px #34a8784d}.auth-panel{display:flex;flex-direction:column;gap:14px}.auth-panel.hidden{display:none}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field>span{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6a8aaa}.auth-field input{background:#ffffff0f;border:1px solid rgba(139,92,246,.25);border-radius:8px;padding:10px 13px;color:#eef6ff;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.auth-field input:focus{border-color:#8b5cf6b3;background:#ffffff17;box-shadow:0 0 0 3px #8b5cf61f}.auth-field input::placeholder{color:#3a5470}.auth-error{min-height:18px;font-size:.8rem;color:#f87171;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px}.auth-error:not(:empty):before{content:"⚠ "}.auth-btn-primary{width:100%;padding:12px;border:none;border-radius:9px;background:linear-gradient(135deg,#7c3aed,#4f8ef7);color:#fff;font-size:.95rem;font-family:inherit;font-weight:700;cursor:pointer;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #643cdc4d;transition:opacity .15s,transform .1s,box-shadow .15s}.auth-btn-primary:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px #643cdc66}.auth-btn-primary:active{opacity:1;transform:translateY(0)}.auth-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.auth-btn-label.hidden{display:none}.auth-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:auth-spin .7s linear infinite}.auth-btn-spinner.hidden{display:none}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-btn-secondary{width:100%;padding:12px;border:1px solid rgba(52,168,120,.4);border-radius:9px;background:#34a8781a;color:#6ee7b7;font-size:.95rem;font-family:inherit;font-weight:600;cursor:pointer;transition:background .15s,transform .1s,border-color .15s}.auth-btn-secondary:hover{background:#34a87833;border-color:#34a87899;transform:translateY(-1px)}.auth-demo-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.auth-demo-icon{font-size:2rem;line-height:1}.auth-demo-info{margin:0;color:#a0bcd8;font-size:.87rem;line-height:1.6}.auth-demo-info strong{color:#eef6ff}.auth-demo-tip{margin:0;color:#526a82;font-size:.78rem;line-height:1.5}.character-screen-account-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:860px;padding:0 4px 4px;gap:12px}.character-screen-account-label{font-size:.8rem;color:#6c8fb0}.character-screen-logout-btn{padding:4px 12px;border:1px solid rgba(255,100,100,.4);border-radius:6px;background:#ff3c3c1a;color:#f99;font-size:.8rem;font-family:inherit;cursor:pointer;transition:background .15s}.character-screen-logout-btn:hover{background:#ff3c3c38}.character-screen-logout-btn.hidden{display:none}.guest-banner{width:100%;max-width:860px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#ffb4001a;border:1px solid rgba(255,180,0,.3);border-radius:8px;font-size:.85rem;color:#ffd980}.guest-banner.hidden{display:none}.guest-banner-btn{white-space:nowrap;padding:5px 12px;border:1px solid rgba(139,92,246,.5);border-radius:6px;background:#8b5cf626;color:#c4b5fd;font-size:.82rem;font-family:inherit;cursor:pointer;transition:background .15s}.guest-banner-btn:hover{background:#8b5cf64d}.character-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(139,92,246,.28),transparent 60%),radial-gradient(circle at 70% 80%,rgba(56,189,248,.22),transparent 60%),#060c1aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px;overflow-y:auto}.character-screen.hidden{display:none}.character-screen-inner{max-width:860px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.character-screen-title{font-size:2rem;margin:0;letter-spacing:.02em;color:#eef6ff;text-shadow:0 0 24px rgba(139,92,246,.6)}.character-screen-subtitle{margin:0;color:#9ab8d9;font-size:.95rem}.character-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.character-slot{background:#0d192ed9;border:1px solid rgba(153,215,255,.24);border-radius:16px;padding:18px 16px;min-height:190px;display:flex;flex-direction:column;gap:6px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.character-slot.is-filled:hover{transform:translateY(-2px);border-color:#8b5cf6a6;box-shadow:0 10px 28px #8b5cf62e}.character-slot.is-empty{justify-content:center;align-items:center;text-align:center;color:#6c8fb0;border-style:dashed}.character-slot-head{display:flex;justify-content:space-between;align-items:baseline}.character-slot-name{font-size:1.15rem;font-weight:700;color:#eef6ff;word-break:break-word}.character-slot-level{font-size:.85rem;color:#ffd36b;font-weight:600}.character-slot-class{color:#8dd6ff;font-size:.9rem}.character-slot-stats{color:#cfe4ff;font-size:.82rem}.character-slot-zone{color:#6c8fb0;font-size:.78rem;margin-top:auto}.character-slot-empty{font-size:.9rem;margin-bottom:12px;letter-spacing:.04em;text-transform:uppercase}.character-slot-actions{display:flex;gap:8px;margin-top:8px}.character-btn-primary,.character-btn-secondary,.character-btn-danger{flex:1;border:1px solid transparent;border-radius:10px;padding:8px 12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .1s ease,background .15s ease}.character-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.character-btn-primary:hover:not(:disabled){transform:translateY(-1px)}.character-btn-primary:disabled{opacity:.6;cursor:not-allowed}.character-btn-secondary{background:#1e3a5c99;color:#eef6ff;border-color:#99d7ff3d}.character-btn-danger{background:#b91c1c59;color:#fecaca;border-color:#f8717152}.character-btn-danger:hover{background:#dc26268c}.character-create{width:100%;max-width:520px;background:#0d192eeb;border:1px solid rgba(139,92,246,.4);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:14px;margin-top:8px}.character-create.hidden{display:none}.character-create-title{margin:0 0 4px;color:#eef6ff;font-size:1.2rem}.character-field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#9ab8d9}.character-field input{background:#060e1ad9;border:1px solid rgba(153,215,255,.28);border-radius:10px;padding:10px 12px;color:#eef6ff;font-size:.95rem;outline:none}.character-field input:focus{border-color:#8dd6ff}.character-class-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.character-class-btn{display:flex;flex-direction:column;gap:4px;padding:10px 8px;background:#1e3a5c59;border:1px solid rgba(153,215,255,.18);border-radius:10px;color:#cfe4ff;cursor:pointer;transition:border-color .15s ease,background .15s ease;text-align:left}.character-class-btn:hover{border-color:#8b5cf68c}.character-class-btn.is-active{border-color:#a78bfa;background:#8b5cf638;color:#fff}.character-class-name{font-weight:700;font-size:.95rem}.character-class-stats{font-size:.74rem;color:#9ab8d9}.character-class-flavor{font-size:.68rem;color:#7a9fc0;font-style:italic;line-height:1.35;margin-top:2px}.character-hair-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.character-hair-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#1e3a5c59;border:1px solid rgba(153,215,255,.18);border-radius:10px;color:#cfe4ff;cursor:pointer;transition:border-color .15s ease,background .15s ease;font-size:.85rem}.character-hair-btn:hover{border-color:#8b5cf68c}.character-hair-btn.selected{border-color:#a78bfa;background:#8b5cf638;color:#fff}.hair-color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0003}.character-create-error{min-height:1em;color:#fca5a5;font-size:.82rem}.character-create-actions{display:flex;gap:10px;justify-content:flex-end}.character-class-portrait,.character-slot-portrait img,.character-hud-portrait{image-rendering:pixelated;image-rendering:crisp-edges}.character-class-portrait{width:64px;height:64px;align-self:center;display:block;margin-bottom:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}.character-slot-portrait{align-self:center;width:96px;height:96px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;background:radial-gradient(circle at 50% 60%,rgba(139,92,246,.28),transparent 70%);border-radius:12px}.character-slot-portrait img{width:96px;height:96px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.level-up-toast{position:absolute;top:110px;left:50%;transform:translate(-50%);z-index:150;pointer-events:none;padding:14px 32px;border-radius:14px;background:linear-gradient(135deg,#8b5cf6f2,#38bdf8f2);border:2px solid rgba(255,214,107,.7);box-shadow:0 8px 32px #8b5cf673,0 0 48px #ffd66b4d;color:#fff;text-align:center;min-width:260px;opacity:0}.level-up-toast.hidden{display:none}.level-up-toast.is-playing{animation:levelUpToastAnim 2.8s cubic-bezier(.22,1,.36,1)}.level-up-toast-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:18px;background:radial-gradient(circle,rgba(255,214,107,.5),transparent 60%);opacity:.8;pointer-events:none;z-index:-1}.level-up-toast-inner{position:relative;display:flex;flex-direction:column;gap:2px}.level-up-toast-header{font-size:.75rem;font-weight:700;letter-spacing:.26em;color:#fff2c0;text-shadow:0 0 12px rgba(255,214,107,.9)}.level-up-toast-level{font-size:1.8rem;font-weight:800;color:#fff;text-shadow:0 0 14px rgba(255,255,255,.6);margin:2px 0}.level-up-toast-stats{font-size:.82rem;color:#f2e8ff;font-variant-numeric:tabular-nums;letter-spacing:.04em}@keyframes levelUpToastAnim{0%{opacity:0;transform:translate(-50%,20px) scale(.7)}15%{opacity:1;transform:translate(-50%) scale(1.08)}25%{transform:translate(-50%) scale(1)}80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-16px) scale(1)}}@keyframes achievementSlideIn{0%{opacity:0;transform:translate(120%)}18%{opacity:1;transform:translate(-6px)}28%{transform:translate(0)}75%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(80%)}}.achievement-toast{position:fixed;top:80px;right:16px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#140a2df5,#281450f5);border:1px solid #9c6fff;border-radius:12px;padding:10px 16px 10px 12px;min-width:260px;max-width:320px;box-shadow:0 0 20px #9c6fff66,0 4px 16px #00000080;z-index:250;pointer-events:none;animation:achievementSlideIn 3.2s cubic-bezier(.22,1,.36,1) forwards}.achievement-toast.hidden{display:none}.achievement-toast-icon{font-size:28px;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(255,200,50,.7))}.achievement-toast-body{display:flex;flex-direction:column;gap:2px}.achievement-toast-header{font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#c9a8ff}.achievement-toast-name{font-size:15px;font-weight:800;color:#fff;line-height:1.2}.achievement-toast-desc{font-size:11px;color:#b8a8d8;line-height:1.3}.achievement-modal-container{width:min(700px,96vw);max-height:80vh;display:flex;flex-direction:column}.achievement-modal-count{font-size:12px;color:#c9a8ff;font-weight:600;margin-left:auto;margin-right:12px}.achievement-tabs{display:flex;gap:4px;padding:8px 12px 0;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.achievement-tab{background:transparent;border:1px solid rgba(255,255,255,.12);border-bottom:none;color:#a890c8;padding:5px 12px;border-radius:6px 6px 0 0;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.achievement-tab:hover{background:#ffffff12;color:#e8d8ff}.achievement-tab.active{background:#c896ff26;color:#e8d8ff;border-color:#c896ff4d}.achievement-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.achievement-card{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid var(--rarity-color, rgba(255,255,255,.1));border-left-width:3px;border-radius:8px;padding:10px 12px;transition:background .15s}.achievement-card.unlocked{background:#ffffff0f}.achievement-card.locked{opacity:.65}.achievement-card.locked .ach-icon{filter:grayscale(.7)}.ach-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:22px;border-radius:8px;border:1px solid transparent;flex-shrink:0}.ach-body{flex:1;display:flex;flex-direction:column;gap:3px}.ach-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ach-name{font-size:13px;font-weight:700;color:#f0e8ff}.ach-rarity{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.ach-desc{font-size:11px;color:#a890c8;line-height:1.4}.ach-reward{font-size:11px;color:#ffd98e;font-weight:600;margin-top:2px}.ach-progress-bar{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:4px}.ach-progress-fill{height:100%;background:linear-gradient(90deg,#7b52d8,#c084fc);border-radius:2px;transition:width .3s}.ach-progress-text{font-size:10px;color:#a890c8;margin-top:2px;display:block}.ach-claim-btn{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:700;padding:6px 14px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.ach-claim-btn:hover{opacity:.85}.ach-claimed{font-size:11px;color:#8c8;font-weight:600;white-space:nowrap;flex-shrink:0}.friend-modal-container{width:min(480px,96vw);max-height:70vh;display:flex;flex-direction:column}.friend-modal-count{font-size:12px;color:#c9a8ff;font-weight:600;margin-left:auto;margin-right:12px}.friend-add-row{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.friend-add-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#f0e8ff;padding:7px 12px;font-size:13px;outline:none}.friend-add-input:focus{border-color:#a855f780}.friend-add-input::placeholder{color:#6b5e88}.friend-add-btn{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:700;padding:7px 16px;cursor:pointer;white-space:nowrap;transition:opacity .15s}.friend-add-btn:hover{opacity:.85}.friend-list{flex:1;overflow-y:auto;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.friend-empty{text-align:center;color:#6b5e88;font-size:13px;padding:24px 0}.friend-row{display:flex;align-items:center;gap:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;transition:background .15s}.friend-row:hover{background:#ffffff12}.friend-avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:50%;flex-shrink:0}.friend-info{flex:1;display:flex;flex-direction:column;gap:2px}.friend-name{font-size:14px;font-weight:700;color:#f0e8ff}.friend-meta{font-size:11px;color:#8870a8}.friend-note{font-size:11px;color:#c9a8ff;font-style:italic}.friend-actions{display:flex;gap:4px}.friend-remove-btn{background:#ff50501f;border:1px solid rgba(255,80,80,.25);border-radius:5px;color:#ff7070;font-size:11px;padding:4px 8px;cursor:pointer;transition:background .15s}.friend-remove-btn:hover{background:#ff505040}.friend-trade-btn{background:#a855f71f;border:1px solid rgba(168,85,247,.25);border-radius:5px;color:#c084fc;font-size:13px;padding:4px 8px;cursor:pointer;transition:background .15s}.friend-trade-btn:hover{background:#a855f740}.guild-storage-panel,.guild-buffs-panel{display:flex;flex-direction:column;gap:10px;padding:10px 4px;overflow-y:auto;max-height:340px}.guild-storage-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.guild-storage-slots-label{font-size:11px;color:#a890c8;font-weight:600}.guild-storage-deposit-row{display:flex;gap:6px;flex:1;min-width:0}.guild-storage-select{flex:1;min-width:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#f0e8ff;font-size:12px;padding:4px 8px}.guild-storage-btn{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:700;padding:4px 12px;cursor:pointer;white-space:nowrap}.guild-storage-btn:hover{opacity:.85}.guild-storage-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.guild-storage-cell{aspect-ratio:1;border-radius:5px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#f0e8ff;position:relative;overflow:hidden}.guild-storage-cell.empty{background:#ffffff08}.guild-storage-cell.filled{background:#a855f71f;border-color:#a855f766;cursor:default}.guild-storage-withdraw-btn{position:absolute;top:1px;right:1px;width:14px;height:14px;background:#a855f799;border:none;border-radius:2px;color:#fff;font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.guild-storage-withdraw-btn:hover{background:#a855f7e6}.guild-buffs-title,.guild-donate-title,.guild-quests-title{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#a890c8;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:4px}.guild-buffs-list{display:flex;flex-direction:column;gap:5px}.guild-buff-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;border-radius:6px;padding:6px 10px;font-size:13px}.guild-buff-label{color:#c9a8ff}.guild-buff-value{color:#86efac;font-weight:700}.guild-donate-section{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:7px}.guild-donate-row{display:flex;gap:8px}.guild-donate-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#f0e8ff;font-size:13px;padding:5px 10px;outline:none}.guild-donate-btn{background:linear-gradient(135deg,#fbbf24,#d97706);border:none;border-radius:6px;color:#1a0a00;font-size:13px;font-weight:700;padding:5px 14px;cursor:pointer}.guild-donate-btn:hover{opacity:.85}.guild-donate-info{font-size:11px;color:#6b5e88}.guild-quests-list{display:flex;flex-direction:column;gap:7px}.guild-quests-empty{text-align:center;color:#6b5e88;font-size:12px;padding:12px 0}.guild-quest-row{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.guild-quest-row.completed{opacity:.6;border-color:#86efac33}.guild-quest-header{display:flex;justify-content:space-between;align-items:center}.guild-quest-title{font-size:12px;font-weight:700;color:#f0e8ff}.guild-quest-rewards{font-size:11px;color:#fbbf24}.guild-quest-desc{font-size:11px;color:#8875a8}.guild-quest-progress-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.guild-quest-progress-fill{height:100%;background:linear-gradient(90deg,#a855f7,#7c3aed);border-radius:2px;transition:width .3s}.guild-quest-progress-text{font-size:10px;color:#6b5e88;text-align:right}.guild-gen-quests-btn{background:#a855f71f;border:1px solid rgba(168,85,247,.25);border-radius:6px;color:#c084fc;font-size:12px;font-weight:600;padding:6px 14px;cursor:pointer;align-self:flex-start}.guild-gen-quests-btn:hover{background:#a855f738}.trade-modal-container{width:min(720px,96vw);max-height:80vh;display:flex;flex-direction:column}.trade-modal-target{font-size:13px;color:#a890c8;margin-left:8px;font-weight:400}.trade-body{display:flex;gap:0;flex:1;overflow:hidden}.trade-side{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px;overflow-y:auto}.trade-side-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a890c8;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}.trade-divider{display:flex;align-items:center;justify-content:center;font-size:22px;color:#6b5e88;padding:0 4px;border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07)}.trade-items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.trade-item-slot{aspect-ratio:1;border-radius:6px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;position:relative;font-size:20px}.trade-item-slot.empty{background:#ffffff08}.trade-item-slot.filled{background:#ffffff0f;border-width:2px}.trade-item-icon{pointer-events:none}.trade-item-remove{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#c83232b3;border:none;border-radius:3px;color:#fff;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.trade-item-remove:hover{background:#dc3c3ce6}.trade-mesos-row{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:6px;padding:7px 10px}.trade-mesos-label{font-size:12px;color:#ffd98e;font-weight:600;white-space:nowrap}.trade-mesos-input{flex:1;background:transparent;border:none;color:#f0e8ff;font-size:13px;text-align:right;outline:none;min-width:0}.trade-their-mesos{flex:1;font-size:13px;color:#f0e8ff;text-align:right}.trade-my-inv-label{font-size:10px;color:#6b5e88;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.trade-inv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.trade-inv-slot{aspect-ratio:1;border-radius:5px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:background .12s;border-width:2px}.trade-inv-slot:hover{background:#a855f726}.trade-inv-empty{grid-column:1 / -1;text-align:center;color:#6b5e88;font-size:12px;padding:12px 0}.trade-footer{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.08)}.trade-status-label{flex:1;font-size:12px;color:#c9a8ff;font-style:italic}.trade-btn{border:none;border-radius:7px;font-size:13px;font-weight:700;padding:8px 18px;cursor:pointer;transition:opacity .15s}.trade-btn:disabled{opacity:.5;cursor:default}.trade-btn-cancel{background:#ff505026;color:#ff7070;border:1px solid rgba(255,80,80,.25)}.trade-btn-cancel:hover{background:#ff505040}.trade-btn-confirm{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.trade-btn-confirm:hover:not(:disabled){opacity:.85}.character-hud{position:absolute;top:10px;left:10px;min-width:220px;max-width:270px;padding:8px 12px;border-radius:14px;background:#060d1aeb;border:1px solid rgba(153,215,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 28px #00000080;z-index:70;color:#daeeff;display:flex;flex-direction:row;align-items:center;gap:8px}.character-hud-portrait{width:38px;height:38px;flex-shrink:0;filter:drop-shadow(0 1px 4px rgba(0,0,0,.7))}.character-hud-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.character-hud.hidden{display:none}.character-hud-header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.character-hud-name{font-size:.85rem;font-weight:700;color:#eef6ff;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-hud-class{font-size:.75rem;color:#8dd6ff;text-transform:uppercase;letter-spacing:.06em}.character-hud-level{display:flex;align-items:baseline;gap:4px;font-size:.85rem;color:#ffd36b;font-weight:600}.character-hud-level :first-child{color:#9ab8d9;font-weight:400;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.character-hud-xp-bar{position:relative;height:7px;background:#060e1acc;border-radius:4px;overflow:hidden;border:1px solid rgba(153,215,255,.12)}.character-hud-xp-fill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,#8b5cf6,#38bdf8);transition:width .25s ease}.character-hud-xp-fill.xp-pulse{animation:xpPulse .5s ease-out forwards}@keyframes xpPulse{0%{filter:brightness(1)}30%{filter:brightness(2.2)}to{filter:brightness(1)}}.character-hud-xp-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-variant-numeric:tabular-nums;color:#ffffffd9;text-shadow:0 0 4px rgba(0,0,0,.9)}.character-hud-level-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.character-hud-points-badge{background:#ffd7002e;border:1px solid rgba(255,215,0,.5);border-radius:8px;color:gold;font-size:.62rem;font-weight:700;padding:1px 6px;white-space:nowrap}.character-hud-points-badge--ready{animation:pulse-badge 1.2s ease-in-out infinite}.character-hud-stats{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px;margin-top:4px;pointer-events:auto}.character-hud-stat-row{display:flex;align-items:center;gap:3px;font-size:.68rem}.chud-stat-icon{font-size:.6rem;opacity:.75;flex-shrink:0}.chud-stat-label{color:#9ab8d9;font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.chud-stat-val{color:#eef6ff;font-weight:600;font-variant-numeric:tabular-nums;min-width:14px;text-align:right;flex:1}.chud-stat-btn{background:#64a0ff1f;border:1px solid rgba(100,160,255,.3);border-radius:4px;color:#8cf;font-size:.7rem;font-weight:700;line-height:1;padding:1px 4px;cursor:pointer;transition:background .15s,opacity .15s;flex-shrink:0}.chud-stat-btn:hover:not(:disabled){background:#64a0ff47;border-color:#64a0ff99}.chud-stat-btn:disabled{opacity:.25;cursor:default}.inventory-panel{position:absolute;bottom:18px;right:10px;top:90px;min-width:480px;max-width:560px;max-height:80vh;padding:12px 16px;border-radius:14px;background:#060d1aeb;border:1px solid rgba(153,215,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 28px #00000080;z-index:70;color:#daeeff;font-size:.82rem;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.inventory-title{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#8ab5dd;font-weight:600;margin-bottom:8px}.inventory-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:4px 0}.inventory-icon{font-size:1.1rem;text-align:center}.item-icon-image{display:inline-flex;align-items:center;justify-content:center;background-position:center;background-repeat:no-repeat;background-size:contain;image-rendering:pixelated}.inventory-icon.item-icon-image,.potion-slot-icon.item-icon-image{width:22px;height:22px}.bag-slot.item-icon-image{background-size:80%}.inventory-icon-mesos{color:#ffd36b}.inventory-icon-gel{color:#8dd6ff}.inventory-icon-weapon{color:#ffd36b}.inventory-icon-armor{color:#8dd6ff}.equipment-row{background:#00000026;border-radius:6px;padding:6px 8px;margin:2px -4px}.inventory-label{color:#cfe4ff}.inventory-value{font-variant-numeric:tabular-nums;font-weight:600;color:#fff}.idle-disconnect-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#4092ff2e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90}.idle-disconnect-overlay.hidden{display:none}.idle-disconnect-card{min-width:320px;max-width:min(92vw,520px);padding:28px 32px;border-radius:24px;border:1px solid rgba(153,215,255,.42);background:#081220d1;box-shadow:0 24px 80px #00000073;text-align:center}.idle-disconnect-card h2{margin:0 0 12px;color:#b7e6ff;font-size:1.6rem}.idle-disconnect-card p{margin:8px 0;color:#e8f6ff;line-height:1.55}.death-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#5000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:92;animation:death-fade-in .4s ease}.death-overlay.hidden{display:none}@keyframes death-fade-in{0%{opacity:0}to{opacity:1}}.death-overlay-card{min-width:280px;max-width:min(88vw,440px);padding:32px 36px;border-radius:20px;border:1px solid rgba(255,80,80,.35);background:#140404e0;box-shadow:0 24px 80px #0009;text-align:center}.death-overlay-title{margin:0 0 10px;color:#ff6b6b;font-size:2rem;letter-spacing:.04em;text-shadow:0 0 18px rgba(255,60,60,.6)}.death-overlay-sub{margin:0 0 22px;color:#e8d8d8;font-size:.95rem}.death-overlay-btn{padding:10px 36px;border-radius:10px;border:1px solid rgba(255,120,120,.4);background:#b41e1eb3;color:#ffe0e0;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.death-overlay-btn:hover{background:#dc3232d9}canvas{width:100%;height:100%;display:block;image-rendering:pixelated;background:#0b1424}.floating-controls{position:absolute;top:10px;right:10px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;z-index:50;max-width:260px}.floating-btn{width:34px;height:34px;border:1px solid rgba(164,197,255,.25);border-radius:9px;background:#060e1cd1;color:#c8dcf4;cursor:pointer;font-size:.95rem;line-height:1;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,border-color .15s,transform .1s}.floating-btn:hover{background:#142c50eb;border-color:#a4c5ff80;transform:scale(1.07)}.floating-btn:active{transform:scale(.93)}.floating-btn-wide{width:auto;min-width:48px;padding:0 9px;font-size:.78rem;font-weight:600;letter-spacing:.03em;font-variant-numeric:tabular-nums}.floating-btn.is-active{background:#4092ff80;border-color:#82c8ffb3;color:#fff}.floating-btn.is-off{opacity:.38;background:#060e1c80}.floating-btn.has-new-item{animation:newItemPulse 2s ease-out forwards}@keyframes newItemPulse{0%{box-shadow:0 0 #ffc83ccc;border-color:#ffc83c}50%{box-shadow:0 0 0 8px #ffc83c00}to{box-shadow:0 0 #ffc83c00;border-color:#a4c5ff59}}.chat-panel.hidden,.inventory-panel.hidden{display:none}.in-game-help{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#081220f2;border:2px solid rgba(164,197,255,.3);border-radius:24px;padding:28px 32px;min-width:320px;max-width:480px;box-shadow:0 24px 80px #0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.in-game-help.hidden{display:none}.help-content h3{margin:0 0 18px;font-size:1.4rem;color:#89d7ff;text-align:center}.help-content>div{margin-bottom:14px;line-height:1.6;color:#d6e6f8}.help-content strong{color:#ffd36b}.help-hint{margin:18px 0 0;text-align:center;font-size:.85rem;color:#89a9cf;font-style:italic}.debug-panel{position:absolute;top:16px;left:16px;background:#081220e6;border:1px solid rgba(164,197,255,.25);border-radius:12px;padding:16px 20px;min-width:280px;max-width:360px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40}.debug-panel.hidden{display:none}.debug-content h4{margin:0 0 12px;font-size:.9rem;color:#89d7ff;text-transform:uppercase;letter-spacing:.05em}.debug-content>div{margin-bottom:6px;color:#b8cee8}:fullscreen .game-container,.game-container:fullscreen{width:100vw;height:100vh;padding:0}:fullscreen .game-canvas-wrapper,.game-container:fullscreen .game-canvas-wrapper{width:100vw;height:100vh;border-radius:0}:fullscreen canvas,.game-container:fullscreen canvas{border-radius:0}@media(max-width:900px){.floating-controls{top:8px;right:8px;max-width:220px}.floating-btn{width:32px;height:32px;font-size:.9rem}.in-game-help{min-width:280px;max-width:90vw;padding:24px 28px}.debug-panel{min-width:260px;max-width:85vw;top:12px;left:12px;font-size:.78rem}}@media(max-width:600px){.floating-controls{top:6px;right:6px;gap:4px;max-width:180px}.floating-btn{width:30px;height:30px;font-size:.85rem;border-radius:7px}.in-game-help{min-width:240px;padding:20px 22px}.in-game-help h3{font-size:1.2rem}.debug-panel{min-width:200px;padding:12px 14px;top:8px;left:8px}}.bottom-hud-skills{flex:0 0 auto;display:flex;gap:5px;align-items:center;padding:0 4px;border-left:1px solid rgba(153,215,255,.12);border-right:1px solid rgba(153,215,255,.12)}.skill-slot{position:relative;width:38px;height:38px;background:#0a1428e6;border:1px solid rgba(153,215,255,.22);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s ease,transform .1s ease}.skill-slot:hover{border-color:#99d7ff80}.skill-slot:active{transform:scale(.95)}.skill-slot.on-cooldown{border-color:#ff646480}.skill-slot-dash{margin-left:6px;border-color:#64c8ff66;background:#001e3ce6}.skill-slot-dash:hover{border-color:#64c8ffb3}.skill-slot-dash.on-cooldown{border-color:#ff646480;opacity:.65}.skill-icon{width:32px;height:32px;background:#8b5cf64d;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;image-rendering:pixelated;box-shadow:inset 0 0 0 1px #ffffff1f}.skill-icon.warrior-roar{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)}.skill-icon.archer-trap{background:linear-gradient(135deg,#6bcf7f,#5ab569)}.skill-icon.mage-teleport{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.skill-key{position:absolute;top:-6px;left:-6px;width:18px;height:18px;background:#060e1ae6;border:1px solid rgba(153,215,255,.4);border-radius:4px;font-size:.7rem;font-weight:700;color:#8dd6ff;display:flex;align-items:center;justify-content:center}.skill-cooldown{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#ff8f8f;opacity:0;pointer-events:none;transition:opacity .1s ease}.skill-slot.on-cooldown .skill-cooldown{opacity:1}.world-map-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:100;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.world-map-modal.hidden{display:none}.world-map-container{background:linear-gradient(180deg,#0a1628,#0d1e35);border:2px solid rgba(153,215,255,.3);border-radius:16px;overflow:hidden;box-shadow:0 0 60px #000000b3;max-width:90vw;max-height:90vh}.world-map-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#081220e6;border-bottom:1px solid rgba(153,215,255,.2)}.world-map-header h2{margin:0;color:#8dd6ff;font-size:1.4rem;font-weight:600}.world-map-close{width:32px;height:32px;background:#ff646433;border:1px solid rgba(255,100,100,.4);border-radius:6px;color:#ff8f8f;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.world-map-close:hover{background:#ff646466}.world-map-canvas{display:block;background:#0a1525;cursor:crosshair}.world-map-info{padding:12px 24px;background:#081220e6;border-top:1px solid rgba(153,215,255,.2);display:flex;flex-direction:column;gap:4px}.world-map-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.world-map-room-name{color:#8dd6ff;font-weight:600;font-size:1rem}.world-map-room-level{color:#fbbf24;font-size:.82rem;font-weight:600;background:#fbbf241f;border:1px solid rgba(251,191,36,.3);border-radius:6px;padding:2px 8px;white-space:nowrap}.world-map-room-lore{color:#94a3b8;font-size:.8rem;font-style:italic;line-height:1.4}.world-map-room-desc{color:#6a9ab5;font-size:.85rem}.zone-banner.hidden{display:none}.zone-banner{position:absolute;top:18%;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#080e1ae0,#1e1437e0);border:1px solid rgba(120,100,220,.45);border-radius:10px;padding:14px 32px;min-width:260px;text-align:center;pointer-events:none;z-index:60;box-shadow:0 0 24px #6450c859,0 2px 12px #00000080;animation:zone-banner-in .4s ease-out forwards}.zone-banner.zone-banner-fade-out{animation:zone-banner-out .8s ease-in both}@keyframes zone-banner-in{0%{opacity:0;transform:translate(-50%) translateY(-14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes zone-banner-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.zone-banner-name{color:#c8b8ff;font-size:1.15rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 10px rgba(160,120,255,.7)}.zone-banner-desc{color:#c8bef0b8;font-size:.72rem;margin-top:5px;font-style:italic}.zone-banner.zone-banner-town{background:linear-gradient(135deg,#1a1208e6,#37260ce6);border-color:#d2a03c8c;box-shadow:0 0 24px #c88c2859,0 2px 12px #00000080}.zone-banner.zone-banner-town .zone-banner-name{color:#ffd580;text-shadow:0 0 10px rgba(255,190,60,.7)}.zone-banner.zone-banner-town .zone-banner-desc{color:#f0d296b8}.zone-banner-safe{display:inline-block;margin-top:8px;padding:2px 10px;background:#3ca05040;border:1px solid rgba(80,200,100,.5);border-radius:20px;color:#7de89a;font-size:.68rem;font-weight:600;letter-spacing:.05em;text-shadow:0 0 8px rgba(80,220,100,.5)}.zone-banner-safe.hidden{display:none}.zone-banner-aura{font-size:.72rem;font-weight:600;margin-top:4px;letter-spacing:.04em;opacity:.9}.zone-banner-aura.hidden{display:none}.zone-aura-hud{position:fixed;bottom:100px;left:14px;z-index:82;font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.2);pointer-events:none;letter-spacing:.03em;box-shadow:0 2px 8px #00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .4s}.zone-aura-hud.hidden{display:none}.portal-blocked-toast{position:absolute;top:30%;left:50%;transform:translate(-50%);background:#1e0a0ae0;border:1px solid rgba(220,80,60,.55);border-radius:8px;padding:8px 20px;color:#ff9a8a;font-size:.8rem;font-weight:600;pointer-events:none;z-index:65;white-space:nowrap;animation:portal-blocked-in .25s ease-out forwards}.portal-blocked-toast.hidden{display:none}.portal-blocked-toast.portal-blocked-fade-out{animation:portal-blocked-out .6s ease-in both}@keyframes portal-blocked-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes portal-blocked-out{0%{opacity:1}to{opacity:0}}.boss-hpbar.hidden{display:none}.boss-hpbar{position:absolute;top:48px;left:50%;transform:translate(-50%);width:420px;background:#080e18eb;border:2px solid #b8860b;border-radius:8px;padding:10px 16px;display:flex;flex-direction:column;gap:6px;z-index:120;box-shadow:0 0 24px #ffd7004d;pointer-events:none}.boss-hpbar-name{color:gold;font-weight:700;font-size:.85rem;letter-spacing:.08em;text-align:center;text-transform:uppercase}.boss-hpbar-track{position:relative;height:12px;background:#ffffff14;border-radius:6px;border:1px solid rgba(184,134,11,.4)}.boss-hpbar-fill{height:100%;background:linear-gradient(90deg,#b8860b,gold,#ffec8b);border-radius:6px;overflow:hidden;transition:width .2s ease;box-shadow:0 0 8px #ffd70099}.boss-hpbar-footer{display:flex;justify-content:space-between;align-items:center}.boss-hpbar-text{color:#c9b060;font-size:.72rem}.boss-hpbar-phase{font-size:.68rem;font-weight:700;letter-spacing:.03em;color:#7dd3fc;text-shadow:0 0 6px currentColor}.boss-hpbar-phase-marker{position:absolute;top:-2px;width:2px;height:calc(100% + 4px);background:#ffffff8c;border-radius:1px;pointer-events:none}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(153,215,255,.1);cursor:grab;user-select:none;-webkit-user-select:none}.panel-header:active{cursor:grabbing}.panel-title{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#8ab5dd;font-weight:600}.inventory-tabs{display:flex;gap:2px;margin-bottom:8px;border-bottom:1px solid rgba(153,215,255,.15);padding-bottom:4px}.inv-tab{flex:1;background:#ffffff0a;border:1px solid transparent;border-radius:4px 4px 0 0;color:#6a8fa8;font-size:.68rem;padding:4px 2px;cursor:pointer;transition:all .15s;white-space:nowrap}.inv-tab:hover{background:#8dd6ff1a;color:#8dd6ff}.inv-tab.active{background:#8dd6ff1f;border-color:#8dd6ff4d;color:#8dd6ff;font-weight:600}.inv-tab-content{display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden;flex:1;min-width:0}.item-bag-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;min-height:60px}.bag-slot{aspect-ratio:1;background:#ffffff0d;border:1px solid rgba(153,215,255,.15);border-radius:4px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.bag-slot:hover{border-color:#8dd6ff66;background:#8dd6ff14}.bag-slot.selected{border-color:#8dd6ff;box-shadow:0 0 6px #8dd6ff66}.bag-slot.rarity-uncommon{border-color:#1eff7866}.bag-slot.rarity-rare{border-color:#508cff80}.bag-slot.rarity-epic{border-color:#b43cff80}.bag-slot.rarity-legendary{border-color:#ffa50099}.item-bag-detail{margin-top:6px;padding:6px 8px;background:#ffffff0a;border-radius:4px;border:1px solid rgba(153,215,255,.1);display:flex;flex-direction:column;gap:3px;min-height:52px;flex-shrink:0}.item-bag-detail-name{color:#8dd6ff;font-size:.78rem;font-weight:600}.item-bag-detail-desc{color:#6a8fa8;font-size:.7rem}.item-bag-actions{display:flex;gap:4px;margin-top:2px}.bag-action-btn{background:#8dd6ff1f;border:1px solid rgba(141,214,255,.3);border-radius:4px;color:#8dd6ff;font-size:.72rem;padding:3px 10px;cursor:pointer;transition:all .15s}.bag-action-btn:hover{background:#8dd6ff38}#inv-tab-equipment{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;min-width:0}#inv-tab-equipment .inventory-row{grid-template-columns:18px 1fr auto;gap:4px;min-width:0}#inv-tab-equipment .inventory-label,#inv-tab-equipment .inventory-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}#inv-tab-crafting{display:grid;grid-template-columns:1fr 1fr;gap:6px}.crafting-recipe{display:flex;align-items:center;gap:6px;padding:5px 6px;background:#ffffff0a;border:1px solid rgba(153,215,255,.1);border-radius:5px;transition:border-color .15s}.crafting-recipe:hover{border-color:#8dd6ff40}.crafting-recipe-header{display:flex;align-items:center;gap:5px;flex:1}.crafting-recipe-icon{font-size:1rem}.crafting-recipe-name{color:#c8dff0;font-size:.75rem;font-weight:600}.crafting-recipe-cost{color:#6a8fa8;font-size:.65rem;white-space:nowrap}.crafting-btn{background:#8dd6ff1a;border:1px solid rgba(141,214,255,.25);border-radius:4px;color:#8dd6ff;font-size:.7rem;padding:3px 8px;cursor:pointer;white-space:nowrap;transition:all .15s}.crafting-btn:hover{background:#8dd6ff33}.crafting-btn:disabled{opacity:.4;cursor:default}.stats-level-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.stats-level-label{color:#6a8fa8;font-size:.75rem}.stats-level-value{color:gold;font-weight:700;font-size:1rem}.stats-points-badge{margin-left:auto;background:#ffd70026;border:1px solid rgba(255,215,0,.4);border-radius:10px;color:gold;font-size:.68rem;padding:1px 7px;animation:pulse-badge 1.2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.5}}.stats-xp-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:2px}.stats-xp-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#8dd6ff);border-radius:3px;transition:width .4s ease}.stats-xp-label{color:#6a8fa8;font-size:.65rem;margin-bottom:6px}.stats-allocate{display:flex;flex-direction:column;gap:4px}.stat-row{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:4px;transition:background .15s}.stat-row:hover{background:#ffffff0a}.stat-icon{font-size:.9rem;width:16px;text-align:center}.stat-name{color:#8aa8c0;font-size:.72rem;flex:1}.stat-value{color:#c8dff0;font-weight:600;font-size:.8rem;min-width:20px;text-align:right}.stat-add-btn{background:#8dd6ff1a;border:1px solid rgba(141,214,255,.25);border-radius:3px;color:#8dd6ff;font-size:.8rem;width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.stat-add-btn:hover:not(:disabled){background:#8dd6ff38;border-color:#8dd6ff80}.stat-add-btn:disabled{opacity:.25;cursor:default}.bottom-hud{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:min(700px,calc(100vw - 24px));display:flex;align-items:center;gap:8px;background:#060e1ae0;border:1px solid rgba(153,215,255,.18);border-radius:10px;padding:6px 10px;z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none}.bottom-hud-left{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:140px}.bottom-hud-hp-wrap{display:flex;align-items:center;gap:5px;width:100%}.bottom-hud-hp-label{font-size:.68rem;font-weight:700;color:#ff8f8f;letter-spacing:.05em;white-space:nowrap}.bottom-hud-bar-track{flex:1;height:10px;background:#ffffff14;border-radius:5px;overflow:hidden}.bottom-hud-hp-track{min-width:70px}.bottom-hud-bar-fill{height:100%;border-radius:5px;transition:width .2s ease,background-color .4s ease}.bottom-hud-hp-fill{background:linear-gradient(90deg,#e05050,#ff7070);width:100%}.bottom-hud-hp-fill.is-low{background:linear-gradient(90deg,#8b1a1a,#c33);animation:hp-pulse 1s ease-in-out infinite}@keyframes hp-pulse{0%,to{opacity:1}50%{opacity:.65}}.bottom-hud-bar-text{font-size:.68rem;color:#cce8ff;white-space:nowrap;min-width:56px;text-align:right}.bottom-hud-mp-wrap{display:flex;align-items:center;gap:5px;width:100%;margin-top:3px}.bottom-hud-mp-label{font-size:.68rem;font-weight:700;color:#8af;letter-spacing:.05em;white-space:nowrap}.bottom-hud-mp-track{min-width:70px;height:7px}.bottom-hud-mp-fill{background:linear-gradient(90deg,#56d,#8af);width:100%;height:100%;border-radius:5px;transition:width .3s ease}.bottom-hud-level{font-size:.72rem;font-weight:700;color:#ffd93d;white-space:nowrap}.bottom-hud-xp-track{flex:1;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden;max-width:100px}.bottom-hud-xp-fill{height:100%;background:linear-gradient(90deg,#a78bfa,#c4b5fd);border-radius:3px;transition:width .3s ease;width:0%}.bottom-hud-right{flex:1;display:flex;align-items:center;gap:4px;font-size:.7rem;pointer-events:auto;min-width:0}.bottom-hud-res-icon{font-size:.65rem}.bottom-hud-mesos-icon{color:#ffd93d}.bottom-hud-gel-icon{color:#6bcf7f}.bottom-hud-res-value{color:#cce8ff;font-variant-numeric:tabular-nums}.bottom-hud-res-sep{color:#99d7ff59;margin:0 2px}.buff-bar{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:120;pointer-events:none}.buff-bar.hidden{display:none}.buff-chip{display:flex;align-items:center;gap:4px;background:#0a1228e0;border:1px solid var(--buff-color, #6b8cff);border-radius:20px;padding:3px 8px 3px 6px;box-shadow:0 0 6px var(--buff-color, #6b8cff)}.buff-chip-icon{font-size:14px;line-height:1}.buff-chip-timer{font-size:11px;font-weight:700;color:var(--buff-color, #6b8cff);font-variant-numeric:tabular-nums;min-width:20px}.combo-flash{position:fixed;top:28%;left:50%;transform:translate(-50%) scale(1);z-index:200;pointer-events:none;text-align:center}.combo-flash.hidden{display:none}@keyframes combo-flash-in{0%{opacity:0;transform:translate(-50%) scale(.6)}25%{opacity:1;transform:translate(-50%) scale(1.15)}60%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.85)}}.combo-flash-text{display:inline-block;font-size:38px;font-weight:900;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 20px var(--combo-color, #ffd700),0 0 40px var(--combo-color, #ffd700),2px 2px 0 rgba(0,0,0,.7);color:var(--combo-color, #ffd700);animation:combo-flash-in 1.4s ease-out forwards}.potion-slot{position:relative;width:34px;height:34px;background:#0d192ed9;border:1px solid rgba(153,215,255,.25);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;flex-shrink:0;transition:border-color .15s ease}.potion-slot:hover{border-color:#99d7ff80}.potion-slot-empty{opacity:.4}.potion-slot-icon{font-size:1rem;line-height:1;z-index:2;position:relative}.potion-slot-count{position:absolute;bottom:2px;right:4px;font-size:.6rem;font-weight:700;color:#cce8ff;z-index:3;line-height:1}.potion-slot-key{position:absolute;top:2px;left:3px;font-size:.5rem;color:#99d7ff80;font-weight:700;z-index:3;line-height:1}.potion-slot-cooldown{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#0009;z-index:1;transform-origin:bottom;transition:height .1s linear}.potion-toast{position:absolute;bottom:90px;left:50%;transform:translate(-50%);background:#060e1ae6;border:1px solid rgba(80,220,120,.4);border-radius:10px;padding:6px 16px;font-size:.8rem;font-weight:700;color:#80ffaa;pointer-events:none;z-index:60;white-space:nowrap}.potion-toast.hidden{display:none}@keyframes potion-toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-12px)}}.potion-toast-fade{animation:potion-toast-out 1.6s ease forwards}.game-clock{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;background:#060e1ad1;border:1px solid rgba(153,215,255,.18);border-radius:16px;padding:4px 12px;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;transition:border-color .8s ease;white-space:nowrap}.game-clock-icon{font-size:.9rem;line-height:1}.game-clock-time{font-size:.8rem;font-weight:700;color:#cce8ff;font-variant-numeric:tabular-nums;letter-spacing:.04em}.game-clock-phase{font-size:.68rem;color:#99d7ff8c;letter-spacing:.05em}.game-clock-dawn{border-color:#ffb45073}.game-clock-dawn .game-clock-time{color:#ffcf7a}.game-clock-dawn .game-clock-phase{color:#ffb450a6}.game-clock-day{border-color:#ffe65061}.game-clock-day .game-clock-time{color:#fff5aa}.game-clock-day .game-clock-phase{color:#ffe65099}.game-clock-dusk{border-color:#ff78466b}.game-clock-dusk .game-clock-time{color:#ffa97a}.game-clock-dusk .game-clock-phase{color:#ff78469e}.game-clock-night{border-color:#648cff59}.game-clock-night .game-clock-time{color:#adc8ff}.game-clock-night .game-clock-phase{color:#648cff8c}.shop-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.shop-modal.hidden{display:none}.shop-container{background:linear-gradient(160deg,#0f1e35,#0a1525);border:1px solid rgba(153,215,255,.25);border-radius:14px;padding:20px 24px 24px;width:min(480px,calc(100vw - 40px));box-shadow:0 8px 40px #0009,inset 0 1px #99d7ff14}.shop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.shop-title{font-size:1.1rem;font-weight:700;color:#ffd93d;letter-spacing:.03em}.shop-close{background:none;border:1px solid rgba(153,215,255,.2);border-radius:6px;color:#8dd6ff;font-size:1.1rem;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease}.shop-close:hover{background:#99d7ff1a;border-color:#99d7ff66}.shop-subtitle{font-size:.75rem;color:#99d7ff99;margin-bottom:16px}.shop-subtitle #shop-mesos-display{color:#ffd93d;font-weight:700}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.shop-item{background:#0d192ecc;border:1px solid rgba(153,215,255,.18);border-radius:10px;padding:12px 10px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:border-color .15s ease,background .15s ease}.shop-item:hover{border-color:#99d7ff59;background:#142644e6}.shop-item.rarity-uncommon{border-color:#1eff784d}.shop-item.rarity-uncommon:hover{border-color:#1eff788c}.shop-item.rarity-rare{border-color:#508cff66}.shop-item.rarity-rare:hover{border-color:#508cffa6}.shop-item-unaffordable{opacity:.45}.shop-item-icon{font-size:1.6rem;line-height:1}.shop-item-icon.item-icon-image{width:42px;height:42px}.shop-item-name{font-size:.72rem;font-weight:700;color:#cce8ff;text-align:center}.shop-item-desc{font-size:.66rem;color:#99d7ff8c;text-align:center}.shop-buy-btn{margin-top:6px;background:#ffd93d1f;border:1px solid rgba(255,217,61,.35);border-radius:6px;color:#ffd93d;font-size:.72rem;font-weight:700;padding:4px 10px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .15s ease}.shop-buy-btn:hover:not(:disabled){background:#ffd93d38}.shop-buy-btn:disabled{opacity:.35;cursor:default}.shop-price-icon{font-size:.6rem}.quest-log-container{max-width:540px;width:90vw}.quest-tabs{display:flex;gap:8px;margin:12px 0 16px;border-bottom:1px solid rgba(153,215,255,.15);padding-bottom:8px}.quest-tab{background:#0d192e99;border:1px solid rgba(153,215,255,.15);border-radius:6px;padding:6px 14px;color:#99d7ffb3;font-size:.75rem;cursor:pointer;transition:all .15s ease}.quest-tab:hover{background:#142644cc;border-color:#99d7ff4d}.quest-tab.active{background:#ffd93d26;border-color:#ffd93d66;color:#ffd93d}.quest-list{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.quest-empty{text-align:center;color:#99d7ff80;padding:32px;font-size:.85rem}.quest-card{background:#0d192ecc;border:1px solid rgba(153,215,255,.18);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.quest-header{display:flex;flex-direction:column;gap:5px}.quest-title-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.quest-category-badge{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:20px;text-transform:uppercase;align-self:flex-start}.quest-section-count{font-size:.65rem;color:#99d7ff80;background:#99d7ff1a;padding:1px 7px;border-radius:10px}.quest-title{font-weight:700;color:#cce8ff;font-size:.9rem}.quest-level{font-size:.65rem;color:#99d7ff99;background:#99d7ff1a;padding:2px 8px;border-radius:4px}.quest-description{font-size:.75rem;color:#99d7ffb3;line-height:1.4}.quest-objectives{display:flex;flex-direction:column;gap:4px;margin-top:4px}.quest-objective{font-size:.72rem;color:#99d7ffa6}.quest-objective .complete{color:#4ade80}.quest-objective .incomplete{color:#99d7ff66}.quest-rewards{font-size:.7rem;color:#ffd93d;background:#ffd93d14;padding:6px 10px;border-radius:6px;margin-top:4px}.quest-action-btn{margin-top:8px;background:#4ade801f;border:1px solid rgba(74,222,128,.35);border-radius:6px;padding:8px 14px;color:#4ade80;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease;align-self:flex-start}.quest-action-btn:hover{background:#4ade8038}.quest-action-btn.complete{background:#ffd93d26;border-color:#ffd93d66;color:#ffd93d}.quest-action-btn.complete:hover{background:#ffd93d40}.quest-section-header{display:flex;justify-content:space-between;align-items:center;padding:8px 4px 6px;margin-top:10px;border-bottom:1px solid rgba(100,180,255,.25);font-size:.82rem;font-weight:700;color:#93c5fd;letter-spacing:.04em}.quest-section-header.weekly{color:#c4b5fd;border-bottom-color:#c4b5fd40;margin-top:18px}.quest-section-header .quest-reset-timer{font-size:.68rem;font-weight:500;color:#99d7ff8c;background:#99d7ff12;padding:2px 8px;border-radius:4px}.quest-card-header{display:flex;align-items:center;gap:8px}.quest-card-title{font-weight:700;color:#cce8ff;font-size:.88rem}.quest-card.claimed{opacity:.5}.quest-claimed-badge{font-size:.7rem;color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.25);border-radius:4px;padding:3px 8px;align-self:flex-start;margin-top:4px}.quest-reward-row{display:flex;gap:12px;font-size:.72rem;color:#ffd93d;background:#ffd93d12;padding:5px 10px;border-radius:6px;margin-top:2px;flex-wrap:wrap}.quest-reward-row span{white-space:nowrap}.quest-progress{display:flex;flex-direction:column;gap:3px}.quest-progress-bar{height:5px;background:#99d7ff1f;border-radius:3px;overflow:hidden}.quest-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;transition:width .3s ease}.quest-progress-text{font-size:.65rem;color:#99d7ff99;text-align:right}.quest-reset-info{font-size:.7rem;color:#99d7ff80;text-align:right;padding:4px 0}.quest-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0d192ef2,#142644f2);border:1px solid rgba(74,222,128,.4);border-radius:10px;padding:14px 24px;color:#4ade80;font-weight:600;font-size:.85rem;box-shadow:0 4px 24px #0006;z-index:2000;animation:questToastIn .3s ease}@keyframes questToastIn{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.item-set-section{margin-top:12px;padding-top:10px;border-top:1px solid rgba(153,215,255,.1)}.item-set-header{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:600;color:#cce8ff;margin-bottom:6px}.item-set-count{background:#ffd93d26;color:#ffd93d;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700}.item-set-progress{height:4px;background:#99d7ff26;border-radius:2px;overflow:hidden;margin-bottom:8px}.item-set-progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22d3ee);border-radius:2px;transition:width .3s ease}.item-set-list{display:flex;flex-direction:column;gap:10px}.item-set-empty{font-size:.75rem;color:#99d7ff80;font-style:italic;text-align:center;padding:16px}.item-set-entry{background:#0d192e99;border:1px solid rgba(153,215,255,.15);border-radius:8px;padding:10px 12px}.item-set-name{font-size:.78rem;font-weight:600;color:#cce8ff}.item-set-section{font-size:.7rem;font-weight:700;color:#4ade80;margin-top:8px;margin-bottom:4px}.item-set-section.next{color:#99d7ff99}.item-set-bonus{font-size:.7rem;color:#4ade80;padding-left:8px;margin-top:2px}.item-set-bonus.next{color:#99d7ff80;font-style:italic}.item-set-effect{font-size:.68rem;color:#ffd93d;padding-left:8px;margin-top:2px;font-style:italic}.job-advance-content{padding:16px 0}.job-current{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(255,217,61,.15) 0%,transparent 100%);border-left:3px solid #ffd93d;padding:12px 16px;border-radius:0 8px 8px 0;margin-bottom:20px}.job-current span{font-size:1.1rem;font-weight:700;color:#ffd93d;letter-spacing:.02em}.job-tier-badge{background:#ffd93d33;border:1px solid rgba(255,217,61,.4);border-radius:12px;padding:4px 10px;font-size:.75rem!important;font-weight:600!important;color:#ffd93d!important}.job-advance-text{font-size:.9rem;color:#4ade80;margin-bottom:16px;text-align:center}.job-locked-text{font-size:.85rem;color:#8dd6ff;text-align:center;margin-bottom:12px}.job-branches{display:flex;flex-direction:column;gap:10px}.job-path-roadmap{display:flex;gap:0;padding:10px 0 14px;overflow-x:auto;border-bottom:1px solid rgba(141,214,255,.1);margin-bottom:10px;scrollbar-width:thin}.job-roadmap-tier{display:flex;flex-direction:column;align-items:center;min-width:80px;position:relative}.job-roadmap-tier:not(:last-child):after{content:"›";position:absolute;right:-6px;top:50%;transform:translateY(-50%);color:#8dd6ff59;font-size:1rem;z-index:1}.job-roadmap-tier-label{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8dd6ff66;margin-bottom:5px}.job-roadmap-jobs{display:flex;flex-direction:column;gap:3px;align-items:center}.job-roadmap-chip{display:flex;align-items:center;gap:4px;padding:3px 7px;border-radius:20px;font-size:.65rem;color:#8dd6ff66;background:#8dd6ff0d;border:1px solid rgba(141,214,255,.1);white-space:nowrap;cursor:default}.job-roadmap-chip.is-unlocked{color:#4ade80b3;background:#4ade8014;border-color:#4ade8040}.job-roadmap-chip.is-current{color:#ffd93d;background:#ffd93d1f;border-color:#ffd93d66;font-weight:700}.job-roadmap-lv{opacity:.55;font-size:.6rem}.job-branch-card{background:linear-gradient(145deg,#8dd6ff1a,#8dd6ff0d);border:1px solid rgba(141,214,255,.25);border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:row;align-items:center;gap:12px;text-align:left}.job-branch-info{flex:1;display:flex;flex-direction:column;gap:3px}.job-branch-desc{font-size:.72rem;color:#8dd6ff8c;line-height:1.35}.job-branch-card:hover{background:linear-gradient(145deg,#ffd93d26,#ffd93d0d);border-color:#ffd93d80;transform:translateY(-2px);box-shadow:0 4px 20px #ffd93d26}.job-branch-card:active{transform:translateY(0)}.job-icon{font-size:2rem;line-height:1}.job-name{font-size:.85rem;font-weight:600;color:#cce8ff;text-align:center}.job-progress-bar{width:100%;height:8px;background:#8dd6ff1a;border-radius:4px;overflow:hidden;margin-top:8px}.job-progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:4px;transition:width .3s ease}.job-tier-badge.tier-0{background:#a0a0a033;border-color:#a0a0a066;color:#aaa!important}.job-tier-badge.tier-1{background:#4ade8026;border-color:#4ade8066;color:#4ade80!important}.job-tier-badge.tier-2{background:#8dd6ff26;border-color:#8dd6ff66;color:#8dd6ff!important}.job-tier-badge.tier-3{background:#a855f726;border-color:#a855f766;color:#c084fc!important}.job-tier-badge.tier-4{background:linear-gradient(135deg,#ff8c0040,#ff3c0040);border-color:#ff8c0099;color:#fa4!important;box-shadow:0 0 8px #ff780066;animation:tier4Pulse 2s ease-in-out infinite}@keyframes tier4Pulse{0%,to{box-shadow:0 0 8px #ff780066}50%{box-shadow:0 0 16px #ff7800b3}}.job-desc-text{font-size:.82rem;color:#8dd6ffb3;font-style:italic;text-align:center;margin:-8px 0 16px;padding:0 8px}.job-req{font-size:.72rem;color:#8dd6ff99}.job-max-tier{flex-direction:column;align-items:center;gap:12px;padding:28px 16px;background:linear-gradient(160deg,#ff640014,#ff00000d);border:1px solid rgba(255,120,0,.3);border-radius:12px;text-align:center}.job-max-tier-icon{font-size:3rem;animation:tier4Pulse 2s ease-in-out infinite}.job-max-tier-title{font-size:1.1rem;font-weight:700;color:#fa4;letter-spacing:.04em;text-transform:uppercase}.job-max-tier-desc{font-size:.82rem;color:#ffb464bf;max-width:320px;line-height:1.5}.skill-window-container{background:linear-gradient(160deg,#0f1e35,#0a1525);border:1px solid rgba(153,215,255,.25);border-radius:14px;padding:0;width:min(560px,calc(100vw - 40px));max-height:min(680px,calc(100vh - 80px));box-shadow:0 8px 40px #0009,inset 0 1px #99d7ff14;display:flex;flex-direction:column;overflow:hidden}.skill-window-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(153,215,255,.12);background:#99d7ff08}.skill-window-title{font-size:1.1rem;font-weight:700;color:#ffd93d;letter-spacing:.03em}.skill-sp-display{display:flex;align-items:center;gap:6px;background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:20px;padding:4px 12px;margin-left:auto;margin-right:12px}.sp-label{font-size:.75rem;font-weight:600;color:#4ade80cc}.sp-value{font-size:1rem;font-weight:700;color:#4ade80}.skill-tabs{display:flex;gap:0;padding:10px 16px;border-bottom:1px solid rgba(153,215,255,.12);overflow-x:auto;scrollbar-width:none}.skill-tabs::-webkit-scrollbar{display:none}.skill-tab{flex:0 0 auto;padding:8px 12px;background:#8dd6ff0f;border:1px solid rgba(141,214,255,.15);border-radius:8px;color:#8dd6ff;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:6px;white-space:nowrap}.skill-tab:last-child{margin-right:0}.skill-tab:hover{background:#8dd6ff1f;border-color:#8dd6ff4d}.skill-tab.active{background:linear-gradient(135deg,#ffd93d33,#ffd93d1a);border-color:#ffd93d80;color:#ffd93d;font-weight:600}.skill-list{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.skill-card{display:flex;align-items:center;gap:14px;background:#8dd6ff0d;border:1px solid rgba(141,214,255,.12);border-radius:10px;padding:14px 16px;transition:all .2s ease}.skill-card:hover{background:#8dd6ff14;border-color:#8dd6ff33}.skill-card.unlocked{border-left:3px solid #4ade80}.skill-card.locked{border-left:3px solid rgba(141,214,255,.2);opacity:.7}.skill-card .skill-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:8px;border:1px solid rgba(141,214,255,.15)}.skill-info{flex:1;min-width:0}.skill-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}.skill-name{font-size:.95rem;font-weight:600;color:#cce8ff;flex:1}.skill-type-badge{font-size:.58rem;font-weight:700;letter-spacing:.06em;padding:2px 7px;border-radius:20px;text-transform:uppercase;flex-shrink:0}.skill-level{font-size:.8rem;color:#ffd93d;font-weight:500}.skill-desc{font-size:.8rem;color:#99d7ffa6;line-height:1.4;margin-bottom:8px}.skill-meta{display:flex;gap:16px;font-size:.75rem;color:#99d7ff80}.skill-cooldown,.skill-mana{display:flex;align-items:center;gap:4px}.skill-no-cd{color:#4ade80b3;font-style:italic}.skill-req-level{color:#ffc13d99;font-size:.7rem}.skill-debuff-tags{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.skill-debuff-tag{display:inline-block;font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:12px;background:#f77eb81f;border:1px solid rgba(247,126,184,.3);color:#f77eb8}.skill-mobility-details{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:.72rem;color:#c9b876cc}.skill-mobility-type{font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:2px 8px;border-radius:12px;background:#c9b8761f;border:1px solid rgba(201,184,118,.35);color:#c9b876}.skill-buff-duration{font-size:.7rem;color:#7eb8f7bf;margin:4px 0 6px}.skill-upgrade-btn{padding:8px 16px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:6px;color:#0a1525;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.skill-upgrade-btn:hover:not(.disabled){background:linear-gradient(135deg,#5eeb91,#33d66f);box-shadow:0 2px 12px #4ade804d}.skill-upgrade-btn.disabled{background:#8dd6ff1a;color:#8dd6ff66;cursor:not-allowed}.skill-empty{text-align:center;padding:40px 20px;color:#99d7ff80;font-size:.9rem}.skill-window-footer{padding:12px 20px;border-top:1px solid rgba(153,215,255,.12);background:#99d7ff08;text-align:center}.skill-hotkey-hint{font-size:.75rem;color:#99d7ff80;font-style:italic}.skill-tooltip{position:fixed;z-index:1200;width:240px;padding:10px 12px;background:linear-gradient(160deg,#121a2afa,#0a101efa);border:1px solid rgba(141,214,255,.25);border-radius:10px;box-shadow:0 12px 36px #0009;pointer-events:none;font-size:.8rem}.skill-tooltip.hidden{display:none}.skill-tooltip-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:5px}.skill-tooltip-name{font-weight:700;font-size:.92rem;color:#cce8ff}.skill-tooltip-key{font-size:.68rem;color:#8dd6ff80;flex-shrink:0}.skill-tooltip-badge{display:inline-block;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:1px 7px;border-radius:9px;border:1px solid;margin-bottom:5px}.skill-tooltip-level{font-size:.7rem;color:#8dd6ff99;margin-bottom:4px}.skill-tooltip-desc{font-size:.76rem;color:#cce8ffc7;line-height:1.45;margin:0 0 7px}.skill-tooltip-stats{display:flex;flex-wrap:wrap;gap:6px}.skill-tooltip-stat{font-size:.72rem;font-weight:600;color:#8dd6ff;background:#8dd6ff14;border:1px solid rgba(141,214,255,.15);padding:1px 7px;border-radius:8px}.quest-giver-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1100;width:min(480px,94vw);max-height:70vh;flex-direction:column}.quest-giver-dialog:not(.hidden){display:flex}.quest-giver-dialog.hidden{display:none}.quest-giver-container{background:linear-gradient(160deg,#121a2afa,#0a101efa);border:1px solid rgba(141,214,255,.22);border-radius:14px;box-shadow:0 20px 60px #000000b3,0 0 40px #8dd6ff0f;display:flex;flex-direction:column;max-height:70vh;overflow:hidden}.quest-giver-header{display:flex;align-items:center;gap:12px;padding:14px 16px 12px;border-bottom:1px solid rgba(141,214,255,.1);flex-shrink:0}.quest-giver-portrait{font-size:2rem;line-height:1;filter:drop-shadow(0 0 6px rgba(141,214,255,.4))}.quest-giver-title-block{flex:1;display:flex;flex-direction:column;gap:2px}.quest-giver-name{font-size:1rem;font-weight:700;color:#cce8ff}.quest-giver-subtitle{font-size:.7rem;color:#8dd6ff73;text-transform:uppercase;letter-spacing:.08em}.quest-giver-list{overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}.quest-giver-empty{font-size:.82rem;color:#8dd6ff73;text-align:center;padding:20px 0;font-style:italic}.quest-giver-card{border-radius:10px;padding:10px 12px;border:1px solid rgba(141,214,255,.15);background:#8dd6ff0a}.quest-giver-card--locked{opacity:.5;border-color:#8dd6ff14}.quest-giver-card--available{border-color:#ffd93d4d;background:#ffd93d0d}.quest-giver-card--readyToTurnIn{border-color:#4ade8066;background:#4ade8012}.quest-giver-card-header{display:flex;align-items:center;gap:7px;margin-bottom:5px}.quest-giver-status-icon{font-size:.9rem;flex-shrink:0}.quest-giver-quest-title{flex:1;font-size:.88rem;font-weight:600;color:#cce8ff}.quest-giver-level{font-size:.7rem;color:#8dd6ff80;flex-shrink:0}.quest-giver-status-label{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;padding:2px 7px;border-radius:10px}.quest-giver-status-label--available{color:#ffd93d;background:#ffd93d1f}.quest-giver-status-label--active{color:#8dd6ff;background:#8dd6ff1a}.quest-giver-status-label--readyToTurnIn{color:#4ade80;background:#4ade801f}.quest-giver-status-label--locked{color:#8dd6ff59;background:#8dd6ff0d}.quest-giver-quest-desc{font-size:.75rem;color:#8dd6ff8c;line-height:1.45;margin:0}.pet-tabs{display:flex;gap:2px;padding:8px 18px 0;border-bottom:1px solid rgba(153,215,255,.1)}.pet-tab{flex:1;padding:7px 12px;background:transparent;border:none;border-bottom:2px solid transparent;color:#99d7ff80;font-size:.75rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .15s}.pet-tab:hover{color:#99d7ff;border-bottom-color:#99d7ff4d}.pet-tab.is-active{color:#cce8ff;border-bottom-color:#5aafff}.pet-window-container{background:linear-gradient(160deg,#0f1e35,#0a1525);border:1px solid rgba(153,215,255,.25);border-radius:14px;padding:0;width:min(460px,calc(100vw - 40px));max-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden}.pet-window-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(153,215,255,.12)}.pet-window-title{font-size:1rem;font-weight:700;color:#cce8ff;letter-spacing:.04em}.pet-equipped-area{padding:14px 18px 10px;border-bottom:1px solid rgba(153,215,255,.1);background:#99d7ff08}.pet-equipped-label,.pet-list-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#99d7ff73;margin-bottom:8px}.pet-list-label{padding:10px 18px 0}.pet-equipped-card{display:flex;align-items:center;gap:12px;background:#8dd6ff12;border:1px solid rgba(141,214,255,.2);border-radius:10px;padding:12px 14px}.pet-equipped-card.pet-none{opacity:.5;font-size:.85rem;color:#99d7ff80;justify-content:center;gap:8px}.pet-equipped-icon{font-size:2rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:8px;flex-shrink:0}.pet-equipped-info{flex:1;min-width:0}.pet-equipped-name-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.pet-equipped-name{font-size:.95rem;font-weight:600;color:#cce8ff}.pet-rarity-badge{font-size:.55rem;font-weight:700;letter-spacing:.1em;padding:2px 6px;border-radius:20px;border:1px solid;flex-shrink:0}.pet-lv-bar-row{display:flex;align-items:center;gap:6px;font-size:.7rem;color:#99d7ff99}.pet-xp-bar{flex:1;height:5px;background:#99d7ff1f;border-radius:4px;overflow:hidden}.pet-xp-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:4px;transition:width .4s ease}.pet-xp-label{font-size:.62rem;color:#99d7ff73}.pet-lv-label{white-space:nowrap;color:#ffd93d;font-weight:600}.pet-bonuses-panel{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.pet-bonus-chip{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:12px;background:#4ade801a;border:1px solid rgba(74,222,128,.25);color:#4ade80}.pet-unequip-btn{flex-shrink:0;padding:6px 12px;background:#f77e7e26;border:1px solid rgba(247,126,126,.35);border-radius:6px;color:#f87171;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pet-unequip-btn:hover{background:#f77e7e40}.pet-list{flex:1;overflow-y:auto;padding:8px 18px 16px;display:flex;flex-direction:column;gap:10px}.pet-card{display:flex;align-items:center;gap:12px;background:#8dd6ff0a;border:1px solid rgba(141,214,255,.1);border-radius:10px;padding:12px 14px;transition:all .2s ease}.pet-card:hover{background:#8dd6ff14;border-color:#8dd6ff33}.pet-card.pet-card-equipped{border-color:#4ade8066;background:#4ade800d}.pet-card-icon{font-size:1.8rem;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:8px;flex-shrink:0}.pet-card-info{flex:1;min-width:0}.pet-card-name-row{display:flex;align-items:center;gap:6px;margin-bottom:3px}.pet-card-name{font-size:.9rem;font-weight:600;color:#cce8ff}.pet-card-desc{font-size:.74rem;color:#99d7ff8c;line-height:1.35;margin-bottom:5px}.pet-equip-btn{flex-shrink:0;padding:6px 14px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:6px;color:#0a1525;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease}.pet-equip-btn.is-equipped{background:#4ade8026;border:1px solid rgba(74,222,128,.4);color:#4ade80;cursor:default}.pet-equip-btn:hover:not(.is-equipped){background:linear-gradient(135deg,#5eeb91,#33d66f);box-shadow:0 2px 10px #4ade804d}.auction-container{background:linear-gradient(160deg,#1a0f0a,#110a05);border:1px solid rgba(255,195,100,.25);border-radius:14px;padding:22px;min-width:620px;max-width:780px;max-height:82vh;display:flex;flex-direction:column;gap:14px;overflow:hidden}.auction-header{display:flex;align-items:center;justify-content:space-between}.auction-title{font-size:1.15rem;font-weight:700;color:#fbbf24;letter-spacing:.04em;text-shadow:0 0 12px rgba(251,191,36,.4)}.auction-tabs{display:flex;gap:6px;border-bottom:1px solid rgba(255,195,100,.15);padding-bottom:8px}.auction-tab{background:#ffffff0d;border:1px solid rgba(255,195,100,.15);color:#9ca3af;border-radius:8px 8px 0 0;padding:6px 16px;font-size:.82rem;cursor:pointer;transition:background .15s,color .15s}.auction-tab:hover{background:#ffc3641f;color:#fbbf24}.auction-tab.is-active{background:#fbbf242e;color:#fbbf24;border-color:#fbbf2473}.auction-pane{display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1}.auction-pane.hidden{display:none}.auction-search-row{display:flex;gap:8px;flex-wrap:wrap}.auction-search-input{flex:1;min-width:160px;background:#ffffff0f;border:1px solid rgba(255,195,100,.2);border-radius:8px;color:#f3f4f6;padding:7px 12px;font-size:.82rem;outline:none}.auction-search-input:focus{border-color:#fbbf2480}.auction-select{background:#ffffff0f;border:1px solid rgba(255,195,100,.2);border-radius:8px;color:#f3f4f6;padding:6px 10px;font-size:.8rem;cursor:pointer;outline:none}.auction-results{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:340px}.auction-row{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,195,100,.1);border-radius:8px;padding:8px 12px;transition:background .15s}.auction-row:hover{background:#ffc3640f}.auction-row-icon{font-size:1.4rem;flex-shrink:0}.auction-row-info{flex:1;display:flex;flex-direction:column;gap:1px;overflow:hidden}.auction-row-name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auction-row-seller{font-size:.72rem;color:#6b7280}.auction-row-qty{font-size:.8rem;color:#9ca3af;flex-shrink:0}.auction-row-expires{font-size:.72rem;color:#6b7280;flex-shrink:0;white-space:nowrap}.auction-row-price{font-size:.88rem;font-weight:700;color:#fbbf24;flex-shrink:0;white-space:nowrap}.mesos-label{font-size:.7rem;color:#9ca3af}.auction-buy-btn{background:linear-gradient(135deg,#b45309,#92400e);border:none;border-radius:6px;color:#fef3c7;font-size:.78rem;font-weight:600;padding:5px 12px;cursor:pointer;flex-shrink:0;transition:background .15s,transform .1s}.auction-buy-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:scale(1.04)}.auction-buy-btn:disabled{opacity:.5;cursor:default}.auction-cancel-btn{background:#ef444433;border:1px solid rgba(239,68,68,.35);border-radius:6px;color:#fca5a5;font-size:.78rem;padding:5px 12px;cursor:pointer;flex-shrink:0;transition:background .15s}.auction-cancel-btn:hover{background:#ef444459}.auction-pagination{display:flex;gap:5px;justify-content:center;padding-top:4px}.auction-page-btn{background:#ffffff0f;border:1px solid rgba(255,195,100,.2);border-radius:6px;color:#9ca3af;width:30px;height:28px;font-size:.8rem;cursor:pointer;transition:background .15s,color .15s}.auction-page-btn.is-active{background:#fbbf2438;color:#fbbf24;border-color:#fbbf2480}.auction-empty{color:#6b7280;font-size:.83rem;text-align:center;padding:24px 0}.auction-sell-info{font-size:.82rem;color:#9ca3af}.auction-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:200px;overflow-y:auto}.auction-inv-slot{display:flex;flex-direction:column;align-items:center;gap:4px;background:#ffffff0d;border:1px solid rgba(255,195,100,.15);border-radius:8px;padding:8px 6px;cursor:pointer;transition:background .15s,border-color .15s}.auction-inv-slot:hover{background:#ffc3641a;border-color:#fbbf2466}.auction-inv-slot.is-selected{background:#fbbf242e;border-color:#fbbf24}.auction-inv-name{font-size:.65rem;text-align:center;line-height:1.2}.auction-sell-form{display:flex;flex-direction:column;gap:10px;background:#ffffff0a;border:1px solid rgba(255,195,100,.15);border-radius:10px;padding:14px}.auction-sell-form.hidden{display:none}.auction-sell-preview{display:flex;align-items:center;gap:10px;font-size:.9rem}.auction-price-label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:#d1d5db}.auction-price-input{background:#ffffff12;border:1px solid rgba(255,195,100,.25);border-radius:8px;color:#f9fafb;padding:7px 12px;font-size:.88rem;outline:none;width:200px}.auction-price-input:focus{border-color:#fbbf2499}.auction-tax-notice{font-size:.75rem;color:#9ca3af}.auction-list-btn{align-self:flex-start;background:linear-gradient(135deg,#d97706,#b45309);border:none;border-radius:8px;color:#fef3c7;font-size:.85rem;font-weight:700;padding:8px 20px;cursor:pointer;transition:background .15s,transform .1s}.auction-list-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px)}.auction-own-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:360px}.stat-window-container{background:linear-gradient(160deg,#0f1e35,#0a1525);border:1px solid rgba(153,215,255,.25);border-radius:14px;padding:0;width:min(420px,calc(100vw - 40px));box-shadow:0 8px 40px #0009,inset 0 1px #99d7ff14;display:flex;flex-direction:column;overflow:hidden}.stat-window-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(153,215,255,.12);background:#99d7ff08}.stat-window-title{font-size:1.1rem;font-weight:700;color:#ffd93d;letter-spacing:.03em}.stat-avail-display{display:flex;align-items:center;gap:6px;background:#4ade8026;border:1px solid rgba(74,222,128,.3);border-radius:20px;padding:4px 12px;margin-left:auto;margin-right:12px}.stat-avail-label{font-size:.75rem;font-weight:600;color:#4ade80cc}.stat-avail-value{font-size:1rem;font-weight:700;color:#4ade80}.stat-list{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;align-items:center;gap:12px;background:#8dd6ff0d;border:1px solid rgba(141,214,255,.12);border-radius:10px;padding:14px 16px;transition:all .2s ease}.stat-row:hover{background:#8dd6ff14;border-color:#8dd6ff33}.stat-info{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.stat-icon{font-size:1.4rem;width:32px;text-align:center}.stat-name{font-size:.95rem;font-weight:600;color:#cce8ff;width:40px}.stat-desc{font-size:.75rem;color:#99d7ff80;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-values{display:flex;align-items:center;gap:6px;font-size:.9rem}.stat-base{color:#99d7ff99;min-width:24px;text-align:right}.stat-arrow{color:#99d7ff66}.stat-total{color:#ffd93d;font-weight:600;min-width:24px;text-align:left}.stat-add-btn{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;color:#0a1525;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.stat-add-btn:hover:not(.disabled){background:linear-gradient(135deg,#5eeb91,#33d66f);box-shadow:0 2px 12px #4ade804d;transform:scale(1.05)}.stat-add-btn.disabled{background:#8dd6ff1a;color:#8dd6ff4d;cursor:not-allowed;transform:none}.stat-window-footer{padding:12px 20px;border-top:1px solid rgba(153,215,255,.12);background:#99d7ff08;text-align:center}.stat-hint{font-size:.75rem;color:#99d7ff80;font-style:italic}.crafting-modal.hidden{display:none}.crafting-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200}.crafting-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(100,200,255,.3);border-radius:12px;width:700px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 40px #0009}.crafting-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(153,215,255,.2);background:#99d7ff0d;border-radius:10px 10px 0 0}.crafting-title{font-size:1.25rem;color:#99d7ff;font-weight:600;text-shadow:0 0 10px rgba(153,215,255,.4)}.crafting-professions{display:flex;border-bottom:1px solid rgba(153,215,255,.15);background:#0003}.profession-tab{flex:1;padding:12px;text-align:center;color:#99d7ff99;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.profession-tab:hover{color:#99d7ff;background:#99d7ff0d}.profession-tab.active{color:#99d7ff;border-bottom-color:#99d7ff;background:#99d7ff1a}.profession-level{display:block;font-size:.75rem;color:#fbbf24;font-weight:600;margin-top:2px}.profession-xp-bar{width:100%;height:4px;background:#0000004d;border-radius:2px;margin-top:4px;overflow:hidden}.profession-xp-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:2px;transition:width .3s ease}.crafting-content{display:flex;flex:1;min-height:400px}.recipe-list{width:250px;border-right:1px solid rgba(153,215,255,.15);overflow-y:auto;padding:8px}.recipe-item{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:4px;border-radius:6px;cursor:pointer;transition:all .2s;background:#99d7ff08}.recipe-item:hover{background:#99d7ff14}.recipe-item.selected{background:#99d7ff26;border:1px solid rgba(153,215,255,.3)}.recipe-icon{font-size:1.5rem}.recipe-name{flex:1;color:#99d7ff;font-size:.9rem}.recipe-status{font-size:.9rem}.crafting-details{flex:1;padding:20px;display:flex;flex-direction:column;gap:16px}.crafting-hint{color:#99d7ff80;font-style:italic;text-align:center;margin-top:40px}.recipe-detail-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid rgba(153,215,255,.15)}.recipe-detail-icon{font-size:2rem}.recipe-detail-name{font-size:1.25rem;color:#99d7ff;font-weight:600}.recipe-materials h4{margin:0 0 12px;color:#99d7ffb3;font-size:.9rem}.material-row{display:flex;justify-content:space-between;padding:8px 12px;margin-bottom:4px;border-radius:4px;background:#0003}.material-row.sufficient{border-left:3px solid #4ade80}.material-row.insufficient{border-left:3px solid #f87171}.material-name{color:#99d7ffcc;font-size:.9rem}.material-count{color:#99d7ff;font-size:.9rem;font-weight:600}.craft-btn{padding:12px 24px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s;margin-top:auto}.craft-btn.can-craft{background:linear-gradient(135deg,#4ade80,#22c55e);color:#0f172a;font-weight:600}.craft-btn.can-craft:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4ade8066}.craft-btn.cannot-craft{background:#6464644d;color:#fff6;cursor:not-allowed}.mount-indicator{position:fixed;bottom:120px;right:20px;width:50px;height:50px;background:linear-gradient(135deg,#64c8ff33,#64c8ff1a);border:2px solid rgba(100,200,255,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;z-index:50;box-shadow:0 0 20px #64c8ff4d;animation:mount-pulse 2s ease-in-out infinite}.mount-indicator.hidden{display:none}@keyframes mount-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.guild-modal.hidden{display:none}.guild-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200}.guild-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(100,200,255,.3);border-radius:12px;width:600px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 40px #0009}.guild-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(153,215,255,.2);background:#99d7ff0d;border-radius:10px 10px 0 0}.guild-title{font-size:1.25rem;color:#99d7ff;font-weight:600;text-shadow:0 0 10px rgba(153,215,255,.4)}.guild-no-guild{padding:40px;text-align:center;color:#99d7ffb3}.guild-create-form{display:flex;flex-direction:column;gap:12px;margin-top:20px;max-width:300px;margin-left:auto;margin-right:auto}.guild-create-form input{padding:10px 14px;border:1px solid rgba(153,215,255,.3);border-radius:6px;background:#0000004d;color:#fff;font-size:.9rem}.guild-create-form input::placeholder{color:#99d7ff80}.guild-create-btn{padding:12px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:6px;color:#0f172a;font-weight:600;cursor:pointer;transition:all .2s}.guild-create-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4ade8066}.guild-content{display:flex;flex-direction:column;flex:1;min-height:400px}.guild-info{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(153,215,255,.15);background:#0003}.guild-name{font-size:1.1rem;color:#99d7ff;font-weight:600}.guild-tag{background:#99d7ff33;color:#99d7ff;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.guild-member-count{margin-left:auto;color:#99d7ff99;font-size:.85rem}.guild-level-info{margin-top:8px;width:100%}.guild-level{font-size:.9rem;font-weight:700;color:#ffd93d;display:block;margin-bottom:4px}.guild-exp-bar{position:relative;width:100%;height:8px;background-color:#00000080;border-radius:4px;overflow:hidden}.guild-exp-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22d3ee);border-radius:4px;transition:width .3s ease;min-width:2px}.guild-exp-text{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:.7rem;color:#fffc;white-space:nowrap}.guild-buffs-display{margin-top:8px;padding:6px 10px;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:6px;font-size:.72rem;color:#86efac;text-align:center;letter-spacing:.01em}.guild-tabs{display:flex;border-bottom:1px solid rgba(153,215,255,.15);background:#0003}.guild-tab{flex:1;padding:12px;text-align:center;color:#99d7ff99;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.guild-tab:hover{color:#99d7ff;background:#99d7ff0d}.guild-tab.active{color:#99d7ff;border-bottom-color:#99d7ff;background:#99d7ff1a}.guild-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.guild-chat-panel{flex:1;display:flex;flex-direction:column;padding:16px}.guild-chat-history{flex:1;overflow-y:auto;background:#0003;border-radius:8px;padding:12px;margin-bottom:12px;max-height:300px}.guild-chat-message{margin-bottom:8px;padding:8px;border-radius:6px;background:#99d7ff0d}.guild-chat-message.system{color:#fbbf24;font-style:italic}.guild-chat-message .sender{font-weight:600;color:#99d7ff;margin-right:8px}.guild-chat-message .sender.leader{color:#fbbf24}.guild-chat-message .sender.officer{color:#a78bfa}.guild-chat-message .timestamp{font-size:.75rem;color:#99d7ff66;margin-left:8px}.guild-chat-input-row{display:flex;gap:8px}.guild-chat-input-row input{flex:1;padding:10px 14px;border:1px solid rgba(153,215,255,.3);border-radius:6px;background:#0000004d;color:#fff;font-size:.9rem}.guild-chat-input-row button{padding:10px 20px;background:linear-gradient(135deg,#99d7ff,#60a5fa);border:none;border-radius:6px;color:#0f172a;font-weight:600;cursor:pointer}.guild-members-panel{flex:1;overflow-y:auto;padding:16px}.guild-member-list{display:flex;flex-direction:column;gap:8px}.guild-member-row{display:flex;align-items:center;padding:12px;background:#99d7ff0d;border-radius:6px;border-left:3px solid transparent}.guild-member-row.online{border-left-color:#4ade80}.guild-member-row.offline{border-left-color:#ef4444}.guild-member-row.leader{background:#fbbf241a}.guild-member-row.officer{background:#a78bfa1a}.guild-member-name{flex:1;color:#99d7ff}.guild-member-rank{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.guild-member-rank.leader{background:#fbbf244d;color:#fbbf24}.guild-member-rank.officer{background:#a78bfa4d;color:#a78bfa}.guild-member-rank.member{background:#99d7ff33;color:#99d7ffcc}.guild-member-actions{display:flex;gap:4px;margin-left:8px}.guild-member-actions button{padding:4px 8px;font-size:.75rem;border:none;border-radius:4px;cursor:pointer;background:#99d7ff33;color:#99d7ff}.guild-member-actions button:hover{background:#99d7ff66}.title-modal.hidden{display:none}.title-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2500}.title-container{width:90%;max-width:500px;max-height:80vh;background:linear-gradient(180deg,#1a2a3a,#0d1824);border:1px solid rgba(153,215,255,.2);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.title-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(153,215,255,.15);background:#0003}.title-header-text{font-size:1.2rem;font-weight:600;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}.title-content{padding:16px 20px;overflow-y:auto;flex:1}.title-current{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;margin-bottom:16px}.title-current-label{color:#99d7ffb3;font-size:.85rem}.title-current-display{color:gold;font-weight:600;font-size:.95rem}.title-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.title-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0000004d;border:1px solid rgba(153,215,255,.1);border-radius:8px;transition:all .2s}.title-row.unlocked{background:#0003;border-color:#99d7ff33}.title-row.unlocked:hover{background:#99d7ff1a;border-color:#99d7ff4d}.title-row.locked{opacity:.6}.title-row.equipped{border-color:#ffd70080;background:#ffd7001a}.title-icon{font-size:1.4rem;width:32px;text-align:center}.title-info{flex:1;display:flex;flex-direction:column;gap:2px}.title-name{font-weight:600;color:#99d7ff;font-size:.9rem}.title-row.locked .title-name{color:#99d7ff80}.title-desc{font-size:.75rem;color:#99d7ff99}.title-equip-btn{padding:6px 14px;font-size:.75rem;border:none;border-radius:4px;cursor:pointer;background:#4ade8033;color:#86efac;transition:all .2s}.title-equip-btn:hover:not(:disabled){background:#4ade8066}.title-equip-btn:disabled{background:#ffd70033;color:gold;cursor:default}.title-hint{padding:12px 16px;background:#0003;border-radius:8px;font-size:.75rem;color:#99d7ff99}.title-hint p{margin:4px 0}.emote-modal.hidden{display:none}.emote-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2500}.emote-container{width:90%;max-width:450px;max-height:80vh;background:linear-gradient(180deg,#1a2a3a,#0d1824);border:1px solid rgba(153,215,255,.2);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.emote-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(153,215,255,.15);background:#0003}.emote-header-text{font-size:1.2rem;font-weight:600;color:#ff6b9d;text-shadow:0 0 10px rgba(255,107,157,.3)}.emote-content{padding:16px 20px;overflow-y:auto;flex:1}.emote-current{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:#ff6b9d1a;border:1px solid rgba(255,107,157,.3);border-radius:8px;margin-bottom:16px;font-size:.95rem;color:#ff6b9d;font-weight:500;min-height:44px}.emote-categories{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.emote-tab{flex:1;min-width:80px;padding:10px 14px;font-size:.8rem;border:none;border-radius:6px;cursor:pointer;background:#99d7ff1a;color:#99d7ffb3;transition:all .2s}.emote-tab:hover{background:#99d7ff33;color:#99d7ff}.emote-tab.active{background:#ff6b9d33;color:#ff6b9d}.emote-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.emote-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0000004d;border:1px solid rgba(153,215,255,.1);border-radius:8px;transition:all .2s}.emote-row.unlocked{background:#0003;border-color:#99d7ff33}.emote-row.unlocked:hover{background:#99d7ff1a;border-color:#99d7ff4d}.emote-row.locked{opacity:.5}.emote-row.playing{border-color:#ff6b9d80;background:#ff6b9d1a}.emote-icon{font-size:1.6rem;width:36px;text-align:center}.emote-info{flex:1;display:flex;flex-direction:column;gap:2px}.emote-name{font-weight:600;color:#99d7ff;font-size:.9rem}.emote-row.locked .emote-name{color:#99d7ff80}.emote-desc{font-size:.75rem;color:#99d7ff99}.emote-play-btn{padding:6px 14px;font-size:.75rem;border:none;border-radius:4px;cursor:pointer;background:#ff6b9d33;color:#ff6b9d;transition:all .2s}.emote-play-btn:hover:not(:disabled){background:#ff6b9d66}.emote-play-btn:disabled{background:#4ade8033;color:#86efac;cursor:default}.emote-hint{padding:12px 16px;background:#0003;border-radius:8px;font-size:.75rem;color:#99d7ff99}.emote-hint p{margin:4px 0}.weapon-skin-modal.hidden{display:none}.weapon-skin-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2500}.weapon-skin-container{width:90%;max-width:500px;max-height:80vh;background:linear-gradient(180deg,#1a2a3a,#0d1824);border:1px solid rgba(255,215,0,.2);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.weapon-skin-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,215,0,.15);background:#0003}.weapon-skin-header-text{font-size:1.2rem;font-weight:600;color:gold;text-shadow:0 0 10px rgba(255,215,0,.3)}.weapon-skin-content{padding:16px 20px;overflow-y:auto;flex:1}.weapon-skin-tabs{display:flex;gap:8px;margin-bottom:16px}.weapon-skin-tab{flex:1;padding:10px 14px;font-size:.8rem;border:none;border-radius:6px;cursor:pointer;background:#99d7ff1a;color:#99d7ffb3;transition:all .2s}.weapon-skin-tab:hover{background:#99d7ff33;color:#99d7ff}.weapon-skin-tab.active{background:#ffd70033;color:gold}.weapon-skin-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.weapon-skin-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0000004d;border:1px solid rgba(153,215,255,.1);border-radius:8px;transition:all .2s}.weapon-skin-row.owned{background:#0003;border-color:#99d7ff33}.weapon-skin-row.owned:hover{background:#99d7ff1a;border-color:#99d7ff4d}.weapon-skin-row.unowned{opacity:.7}.weapon-skin-row.equipped{border-color:#ffd70080;background:#ffd7001a}.weapon-skin-rarity{width:8px;height:40px;border-radius:4px;flex-shrink:0}.weapon-skin-icon{font-size:1.6rem;width:36px;text-align:center}.weapon-skin-info{flex:1;display:flex;flex-direction:column;gap:2px}.weapon-skin-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.weapon-skin-name{font-weight:600;color:#99d7ff;font-size:.9rem}.weapon-skin-rarity-badge{font-size:.65rem;padding:2px 6px;border-radius:4px;background:#0000004d;text-transform:uppercase;letter-spacing:.5px}.weapon-skin-rarity-badge.common{border:1px solid #9ca3af}.weapon-skin-rarity-badge.uncommon{border:1px solid #22c55e}.weapon-skin-rarity-badge.rare{border:1px solid #3b82f6}.weapon-skin-rarity-badge.epic{border:1px solid #a855f7}.weapon-skin-rarity-badge.legendary{border:1px solid #eab308}.weapon-skin-types{font-size:.75rem;color:#99d7ff99}.weapon-skin-equipped-badge{font-size:.7rem;color:gold;font-weight:500;display:flex;align-items:center;gap:4px}.weapon-skin-action-btn{padding:6px 14px;font-size:.75rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s;min-width:80px}.weapon-skin-action-btn.equip{background:#22c55e33;color:#86efac}.weapon-skin-action-btn.equip:hover{background:#22c55e66}.weapon-skin-action-btn.unequip{background:#ef444433;color:#fca5a5}.weapon-skin-action-btn.unequip:hover{background:#ef444466}.weapon-skin-action-btn.craft{background:#ffd70033;color:gold}.weapon-skin-action-btn.craft:hover{background:#ffd70066}.weapon-skin-action-btn:disabled{background:#9ca3af33;color:#9ca3afb3;cursor:not-allowed}.weapon-skin-hint{padding:12px 16px;background:#0003;border-radius:8px;font-size:.75rem;color:#99d7ff99}.weapon-skin-hint p{margin:4px 0}.mount-modal.hidden{display:none}.mount-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200}.mount-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(100,200,255,.3);border-radius:12px;width:min(820px,calc(100vw - 40px));max-height:min(640px,calc(100vh - 60px));display:flex;flex-direction:column;box-shadow:0 0 40px #0009}.mount-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(153,215,255,.2);background:#99d7ff0d;border-radius:10px 10px 0 0;flex-shrink:0}.mount-title{font-size:1.2rem;color:#99d7ff;font-weight:600;text-shadow:0 0 10px rgba(153,215,255,.4)}.mount-body{display:flex;flex:1;overflow:hidden}.mount-sidebar{width:220px;flex-shrink:0;border-right:1px solid rgba(153,215,255,.12);display:flex;flex-direction:column;overflow:hidden}.mount-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.mount-item{display:flex;align-items:center;padding:10px 12px;background:#99d7ff0a;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .15s;position:relative;gap:10px}.mount-item:hover{background:#99d7ff17;border-color:#99d7ff33}.mount-item.selected{background:#99d7ff1f;border-color:#99d7ff66}.mount-item.equipped{background:#4ade8014;border-color:#4ade8059}.mount-item.locked{opacity:.45}.mount-icon{font-size:1.6rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:6px;flex-shrink:0}.mount-info{flex:1;min-width:0}.mount-name{font-size:.85rem;color:#99d7ff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mount-stats{font-size:.75rem;color:#99d7ff80;margin-top:2px}.mount-equipped-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80;flex-shrink:0}.mount-lock{font-size:.8rem;flex-shrink:0}.mount-hint{padding:10px 12px;border-top:1px solid rgba(153,215,255,.08);color:#99d7ff66;font-size:.75rem;text-align:center;flex-shrink:0}.mount-hint kbd{background:#99d7ff26;padding:1px 5px;border-radius:3px;font-family:monospace}.mount-detail{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.mount-detail-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#99d7ff4d;font-size:.9rem;font-style:italic}.mount-detail-content{flex-direction:column;gap:14px}.mount-detail-header{display:flex;align-items:center;gap:16px;margin-bottom:4px}.mount-detail-icon{font-size:3rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#00000040;border-radius:12px;border:1px solid rgba(153,215,255,.15);flex-shrink:0}.mount-detail-name{font-size:1.15rem;font-weight:700;color:#cce8ff;margin-bottom:6px}.mount-detail-badges{display:flex;gap:6px;flex-wrap:wrap}.mount-tier-badge,.mount-quality-badge{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px;border:1px solid;background:#0003}.mount-detail-desc{font-size:.82rem;color:#8dd6ffa6;font-style:italic;line-height:1.5;margin:0}.mount-detail-section{background:#99d7ff0a;border:1px solid rgba(153,215,255,.1);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.mount-detail-label{font-size:.7rem;font-weight:700;color:#99d7ff80;text-transform:uppercase;letter-spacing:.06em}.mount-level-row{display:flex;align-items:baseline;gap:4px;font-size:1.1rem;font-weight:700;color:#ffd93d}.mount-level-max{font-size:.8rem;color:#99d7ff80;font-weight:400}.mount-xp-bar,.mount-bond-bar{width:100%;height:6px;background:#99d7ff1a;border-radius:3px;overflow:hidden}.mount-xp-fill{height:100%;background:linear-gradient(90deg,#ffd93d,#f59e0b);border-radius:3px;transition:width .3s ease}.mount-bond-fill{height:100%;background:linear-gradient(90deg,#f472b6,#ec4899);border-radius:3px;transition:width .3s ease}.mount-xp-label{font-size:.72rem;color:#99d7ff80}.mount-stat-row{display:flex;align-items:center;gap:10px}.mount-stat-val{font-size:1rem;font-weight:700;color:#4ade80}.mount-stat-hint{font-size:.75rem;color:#99d7ff66}.mount-ability-card{background:#a855f714;border:1px solid rgba(168,85,247,.25);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.mount-ability-name{font-size:.9rem;font-weight:700;color:#c084fc}.mount-ability-desc{font-size:.8rem;color:#c084fcb3}.mount-ability-meta{display:flex;gap:12px;font-size:.75rem;color:#99d7ff80;margin-top:4px}.mount-detail-actions{display:flex;gap:10px;margin-top:4px}.mount-equip-btn{padding:9px 20px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:8px;color:#0f172a;font-weight:700;cursor:pointer;font-size:.9rem;transition:all .2s}.mount-equip-btn:hover{transform:translateY(-2px);box-shadow:0 4px 14px #4ade8066}.mount-equipped-label{padding:9px 20px;background:#4ade8026;border:1px solid #4ade80;border-radius:8px;color:#4ade80;font-weight:700;font-size:.9rem}.party-hud{position:fixed;top:120px;left:16px;background:#0f172ae0;border:1px solid rgba(251,191,36,.3);border-radius:10px;padding:10px 12px;min-width:180px;z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.party-hud.hidden{display:none}.party-hud-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px solid rgba(251,191,36,.15);padding-bottom:6px}.party-hud-title{font-size:.75rem;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.08em}.party-hud-actions{display:flex;gap:4px}.party-ready-btn,.party-leave-btn{font-size:.65rem;padding:2px 7px;border-radius:5px;border:1px solid;cursor:pointer;font-weight:600;transition:all .15s}.party-ready-btn{background:#4ade801a;border-color:#4ade8066;color:#4ade80}.party-ready-btn.ready{background:#4ade8040;border-color:#4ade80}.party-leave-btn{background:#ef44441a;border-color:#ef444466;color:#f87171}.party-leave-btn:hover{background:#ef444433}.party-members-list{display:flex;flex-direction:column;gap:5px}.party-hud-member{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#fffc;padding:3px 0}.party-hud-member.ready{color:#4ade80}.party-hud-role{width:18px;text-align:center}.party-hud-name{flex:1;font-weight:600}.party-hud-level{font-size:.7rem;color:#ffffff73}.party-hud-ready-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 5px #4ade80}.party-modal.hidden{display:none}.party-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200}.party-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(251,191,36,.3);border-radius:12px;width:min(640px,calc(100vw - 40px));max-height:min(520px,calc(100vh - 60px));display:flex;flex-direction:column;box-shadow:0 0 40px #0009}.party-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(251,191,36,.15);background:#fbbf240d;border-radius:10px 10px 0 0;flex-shrink:0}.party-modal-title{font-size:1.15rem;color:#fbbf24;font-weight:700;text-shadow:0 0 10px rgba(251,191,36,.4)}.party-modal-body{display:flex;flex:1;overflow:hidden}.party-modal-left{width:240px;flex-shrink:0;border-right:1px solid rgba(251,191,36,.1);padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.party-modal-right{flex:1;padding:16px;overflow-y:auto}.party-status-panel{display:flex;flex-direction:column;gap:10px}.party-no-party{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fbbf2480;font-size:.85rem;text-align:center;padding:12px 0}.party-in-party{flex-direction:column;gap:6px}.party-name-row{display:flex;justify-content:space-between;font-size:.82rem}.party-label{color:#fbbf248c}.party-val{color:#fde68a;font-weight:600}.party-create-btn{padding:8px 16px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:7px;color:#0f172a;font-weight:700;cursor:pointer;font-size:.85rem;transition:all .2s}.party-create-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2466}.party-create-form{display:flex;flex-direction:column;gap:8px}.party-create-form.hidden{display:none}.party-form-label{font-size:.7rem;font-weight:700;color:#fbbf248c;text-transform:uppercase;letter-spacing:.05em}.party-select{background:#0000004d;border:1px solid rgba(251,191,36,.25);border-radius:6px;color:#fde68a;padding:6px 10px;font-size:.82rem;width:100%}.party-form-row{display:flex;gap:8px}.party-confirm-btn{flex:1;padding:7px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:6px;color:#0f172a;font-weight:700;cursor:pointer;font-size:.82rem}.party-cancel-btn{flex:1;padding:7px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff9;cursor:pointer;font-size:.82rem}.party-section-label{font-size:.7rem;font-weight:700;color:#fbbf2480;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.party-full-list{display:flex;flex-direction:column;gap:8px}.party-member-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fbbf240a;border:1px solid rgba(251,191,36,.1);border-radius:8px;transition:all .15s}.party-member-row.ready{border-color:#4ade804d;background:#4ade800d}.party-member-role{font-size:1.1rem;width:24px;text-align:center}.party-member-info{flex:1;display:flex;flex-direction:column;gap:2px}.party-member-name{font-size:.88rem;font-weight:700;color:#fde68a}.party-member-sub{font-size:.72rem;color:#fbbf2473}.party-member-ready{font-size:.75rem;color:#4ade80;font-weight:700}.party-member-notready{font-size:.75rem;color:#ffffff4d}.enhance-modal.hidden{display:none}.enhance-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200}.enhance-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid rgba(167,139,250,.3);border-radius:12px;width:400px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 40px #0009}.enhance-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(167,139,250,.2);background:#a78bfa0d;border-radius:10px 10px 0 0}.enhance-title{font-size:1.25rem;color:#a78bfa;font-weight:600;text-shadow:0 0 10px rgba(167,139,250,.4)}.enhance-content{padding:20px;display:flex;flex-direction:column;gap:16px}.enhance-item-display{text-align:center;padding:20px;background:#a78bfa0d;border-radius:8px;border:1px solid rgba(167,139,250,.2)}.enhance-item-display .item-icon{font-size:3rem;margin-bottom:8px}.enhance-item-display .item-name{font-size:1.1rem;color:#99d7ff;font-weight:600}.enhance-stars{text-align:center;font-size:1.5rem;color:gold;letter-spacing:4px}.enhance-stats{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:.9rem}.enhance-stat{padding:6px 12px;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:6px;color:#4ade80}.enhance-cost{display:flex;justify-content:center;gap:16px;padding:12px;background:#99d7ff0d;border-radius:8px}.enhance-cost-item{display:flex;align-items:center;gap:4px;font-size:.9rem;color:#99d7ffcc}.enhance-rate{text-align:center;padding:8px;font-size:.9rem;color:#fbbf24;background:#fbbf241a;border-radius:6px}.enhance-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;border-radius:8px;color:#0f172a;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.enhance-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #a78bfa66}.enhance-btn:disabled{background:#6464644d;color:#fff6;cursor:not-allowed;transform:none;box-shadow:none}.enhance-hint{text-align:center;color:#99d7ff80;font-size:.8rem;line-height:1.5}@keyframes starUpgrade{0%{transform:scale(1)}50%{transform:scale(1.2);filter:brightness(1.5)}to{transform:scale(1)}}.enhance-success{animation:starUpgrade .5s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.enhance-fail{animation:shake .3s ease-in-out;color:#ef4444!important}.gem-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.gem-modal.hidden{display:none!important}.gem-container{background:linear-gradient(135deg,#1a2a4a,#0f172a);border:2px solid #3b82f6;border-radius:12px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.gem-header{background:linear-gradient(135deg,#2563eb,#1d4ed8);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(59,130,246,.3)}.gem-title{font-size:1.2rem;font-weight:700;color:#fff}.gem-content{padding:20px;overflow-y:auto;flex:1}.gem-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.gem-filter-btn{padding:8px 16px;border:1px solid rgba(59,130,246,.5);background:#0f172acc;color:#94a3b8;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.gem-filter-btn:hover{background:#3b82f633;color:#fff}.gem-filter-btn.active{background:#3b82f666;color:#fff;border-color:#3b82f6}.gem-inventory{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-bottom:20px;max-height:200px;overflow-y:auto;padding:8px;background:#0003;border-radius:8px}.gem-item{width:80px;height:80px;border:2px solid;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#0000004d;position:relative}.gem-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.gem-item.selected{border-color:#fbbf24!important;box-shadow:0 0 12px #fbbf2480}.gem-item-icon{font-size:1.8rem;margin-bottom:4px}.gem-item-name{font-size:.65rem;text-align:center;padding:0 4px;line-height:1.2}.gem-combine-section{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:16px;margin-bottom:16px}.gem-combine-section h4{margin:0 0 12px;color:#60a5fa;font-size:.95rem}.gem-selected{display:flex;gap:8px;margin-bottom:12px;min-height:60px;align-items:center;justify-content:center;background:#0003;border-radius:6px;padding:8px}.gem-hint{color:#64748b;font-size:.85rem}.gem-combine-btn{width:100%;padding:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.gem-combine-btn:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px)}.gem-combine-btn:disabled{background:#475569;cursor:not-allowed;opacity:.6}.gem-info{display:grid;gap:8px}.gem-info p{margin:0;font-size:.85rem;color:#94a3b8}.quest-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:200;display:flex;justify-content:center;align-items:center}.quest-modal.hidden{display:none}.quest-container{background:linear-gradient(135deg,#1e293b,#334155);border:2px solid #64748b;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000004d}.quest-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0000004d;border-bottom:1px solid #475569}.quest-title{font-size:1.2rem;font-weight:700;color:#f8fafc}.quest-content{display:flex;flex-direction:column;height:calc(100% - 60px)}.quest-tabs{display:flex;background:#0003;border-bottom:1px solid #475569}.quest-tab{flex:1;padding:12px 16px;text-align:center;background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.quest-tab:hover{background:#94a3b81a;color:#cbd5e1}.quest-tab.active{background:#3b82f633;color:#60a5fa;border-bottom:2px solid #3b82f6}.quest-panel{flex:1;overflow-y:auto;padding:16px}.daily-quest-panel,.weekly-quest-panel{display:flex;flex-direction:column;gap:12px}.weekly-quest-panel.hidden{display:none}.daily-quest-list,.weekly-quest-list{display:flex;flex-direction:column;gap:12px}.quest-item{background:#1e293bcc;border:1px solid #475569;border-radius:8px;padding:16px;transition:all .2s ease}.quest-item:hover{background:#334155cc;border-color:#64748b}.quest-item.completed{background:#22c55e1a;border-color:#22c55e}.quest-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.quest-item-name{font-size:1rem;font-weight:700;color:#f8fafc}.quest-item-status{font-size:.8rem;padding:2px 8px;border-radius:12px;background:#ef444433;color:#f87171}.quest-item.completed .quest-item-status{background:#22c55e33;color:#4ade80}.quest-item-description{font-size:.85rem;color:#94a3b8;margin-bottom:12px;line-height:1.4}.quest-item-objectives{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.quest-objective{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#cbd5e1}.quest-objective.completed{color:#4ade80}.quest-objective-icon{font-size:.9rem}.quest-objective-progress{margin-left:auto;font-weight:600}.quest-item-rewards{display:flex;align-items:center;gap:12px;padding-top:8px;border-top:1px solid #475569;font-size:.85rem}.quest-reward{display:flex;align-items:center;gap:4px;color:#fbbf24}.quest-reward-icon{font-size:.8rem}.quest-reset-info{display:flex;justify-content:center;padding:12px;background:#0003;border-radius:6px;margin-top:8px}.quest-reset-timer{font-size:.8rem;color:#94a3b8}.quest-empty{text-align:center;padding:32px;color:#64748b;font-size:.9rem}@media(max-width:640px){.quest-container{width:95%;max-height:90vh}.quest-header{padding:12px 16px}.quest-title{font-size:1rem}.quest-tab{padding:10px 12px;font-size:.85rem}.quest-panel,.quest-item{padding:12px}}.gm-badge{position:fixed;top:50px;left:50%;transform:translate(-50%);z-index:100;background:linear-gradient(135deg,#8b5cf6f2,#a855f7f2);color:#fff;font-weight:700;font-size:.85rem;padding:6px 16px;border-radius:20px;border:2px solid #a855f7;align-items:center;gap:8px;box-shadow:0 0 20px #a855f780,inset 0 1px #fff3;animation:gm-pulse 2s ease-in-out infinite}.gm-badge:not(.hidden){display:flex}.gm-badge-icon{font-size:1rem}.gm-badge-text{letter-spacing:.5px}.gm-badge-hint{font-size:.7rem;opacity:.8;font-weight:500;margin-left:4px}@keyframes gm-pulse{0%,to{box-shadow:0 0 20px #a855f780}50%{box-shadow:0 0 30px #a855f7cc}}.admin-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center}.admin-modal.hidden{display:none}.admin-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-panel{position:relative;width:600px;max-width:90vw;max-height:80vh;background:#0f172a;border-radius:16px;border:1px solid rgba(139,92,246,.3);box-shadow:0 25px 50px -12px #00000080,0 0 40px #8b5cf626;display:flex;flex-direction:column;overflow:hidden}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#8b5cf633,#a855f71a);border-bottom:1px solid rgba(139,92,246,.2)}.admin-title{font-size:1.25rem;font-weight:700;color:#c084fc;margin:0}.admin-tabs{display:flex;gap:0;padding:0 20px;background:#0f172acc;border-bottom:1px solid rgba(139,92,246,.2)}.admin-tab{padding:12px 20px;background:transparent;border:none;color:#94a3b8;font-weight:600;font-size:.9rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.admin-tab:hover{color:#c084fc;background:#8b5cf61a}.admin-tab.is-active{color:#c084fc;border-bottom-color:#c084fc}.admin-tab-panel{flex:1;overflow-y:auto;padding:20px}.admin-tab-panel.hidden{display:none}.admin-section{margin-bottom:24px}.admin-section-title{font-size:1rem;font-weight:600;color:#c084fc;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(139,92,246,.2)}.admin-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#1e293bcc;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#e2e8f0;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.admin-btn:hover{background:#8b5cf633;border-color:#c084fc;transform:translateY(-2px)}.admin-btn span:first-child{font-size:1.5rem}.admin-btn small{font-size:.65rem;color:#94a3b8;font-weight:500}.admin-status{display:flex;flex-direction:column;gap:8px;padding:12px;background:#0f172a80;border-radius:8px;border:1px solid rgba(139,92,246,.2)}.admin-status-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.admin-code{font-family:Fira Code,monospace;font-size:.8rem;color:#c084fc;background:#8b5cf61a;padding:2px 8px;border-radius:4px}.admin-status-badge{padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;background:#94a3b833;color:#94a3b8}.admin-status-badge.active{background:#22c55e33;color:#22c55e}.admin-actions{display:flex;gap:10px;margin-top:12px}.admin-action-btn{flex:1;padding:10px 16px;background:#1e293bcc;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#e2e8f0;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.admin-action-btn:hover{background:#8b5cf633}.admin-action-btn.primary{background:linear-gradient(135deg,#8b5cf6cc,#a855f7cc);border-color:#a855f7}.admin-action-btn.primary:hover{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.admin-desc{font-size:.85rem;color:#94a3b8;margin:0 0 12px}.admin-shortcuts{display:flex;flex-direction:column;gap:8px}.admin-shortcut{display:flex;align-items:center;gap:12px;font-size:.85rem;color:#e2e8f0}.admin-shortcut kbd{font-family:Fira Code,monospace;font-size:.75rem;padding:4px 8px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:4px;color:#c084fc}.admin-empty{text-align:center;padding:40px 20px;color:#64748b;font-size:.9rem}.admin-notice{margin-top:16px;padding:12px;background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:8px;font-size:.8rem;color:#eab308}.admin-player-list{max-height:200px;overflow-y:auto}.admin-test-results{margin-top:12px;padding:12px;background:#0f172a80;border-radius:8px;font-family:Fira Code,monospace;font-size:.75rem;max-height:150px;overflow-y:auto}@media(max-width:640px){.admin-panel{width:95vw;max-height:85vh}.admin-buttons{grid-template-columns:repeat(2,1fr)}.admin-actions{flex-direction:column}}.dungeon-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000a6;z-index:85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dungeon-modal.hidden{display:none}.dungeon-container{background:linear-gradient(160deg,#0d1a2e,#08121f);border:1px solid rgba(100,180,255,.25);border-radius:16px;padding:20px 24px 24px;width:min(680px,95vw);max-height:85vh;overflow-y:auto;box-shadow:0 8px 48px #0009,0 0 0 1px #64b4ff1a}.dungeon-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(100,180,255,.2)}.dungeon-title{font-size:18px;font-weight:700;color:#c8e6ff;letter-spacing:.5px}.dungeon-intro{color:#8ab4d8;font-size:13px;margin:0 0 16px;font-style:italic}.dungeon-list{display:flex;flex-direction:column;gap:12px}.dungeon-card{background:#ffffff0a;border:1px solid rgba(100,180,255,.15);border-radius:10px;padding:14px 16px;transition:border-color .15s}.dungeon-card:hover{border-color:#64b4ff59}.dungeon-card-locked{opacity:.55;border-color:#ffffff14}.dungeon-card-daily-done{border-color:#50c8784d}.dungeon-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.dungeon-card-name{font-size:15px;font-weight:700;color:#e8f4ff}.dungeon-card-type{font-size:11px;color:#7ea8cc;background:#ffffff0f;border-radius:4px;padding:2px 8px}.dungeon-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px}.dungeon-card-level{font-size:12px;color:#ffd93d;font-weight:600}.dungeon-card-stars{font-size:12px;letter-spacing:2px}.dungeon-card-desc{font-size:12px;color:#7ea8cc;margin-bottom:10px;line-height:1.5}.dungeon-card-reason{font-size:12px;color:#ff8a65;margin-bottom:6px}.dungeon-diff-row{display:flex;gap:8px;flex-wrap:wrap}.dungeon-diff-btn{padding:5px 12px;border-radius:6px;border:1px solid transparent;font-size:12px;font-weight:600;cursor:pointer;transition:filter .15s,transform .1s;background:#ffffff14;color:#e0e0e0}.dungeon-diff-btn:hover{filter:brightness(1.3);transform:translateY(-1px)}.dungeon-diff-btn.diff-normal{border-color:#7ecfff;color:#7ecfff}.dungeon-diff-btn.diff-hard{border-color:#ffd93d;color:#ffd93d}.dungeon-diff-btn.diff-chaos{border-color:#ff7043;color:#ff7043}.dungeon-diff-btn.diff-extreme{border-color:#e040fb;color:#e040fb}.dungeon-active{display:flex;flex-direction:column;gap:16px}.dungeon-active.hidden,.dungeon-lobby.hidden{display:none}.dungeon-instance-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(100,180,255,.15)}.dungeon-instance-name{font-size:18px;font-weight:700;color:#c8e6ff}.dungeon-instance-diff{font-size:13px;font-weight:700}.dungeon-timer-row{display:flex;align-items:center;gap:10px;background:#ffffff0a;border-radius:8px;padding:10px 14px}.dungeon-timer-label{font-size:13px;color:#7ea8cc}.dungeon-timer{font-size:22px;font-weight:700;color:#ffd93d;font-variant-numeric:tabular-nums;letter-spacing:1px}.dungeon-bosses-label{font-size:12px;color:#7ea8cc;margin-bottom:6px}.dungeon-boss-list{display:flex;flex-wrap:wrap;gap:6px}.dungeon-boss-chip{padding:4px 10px;border-radius:20px;font-size:12px;background:#ff645026;border:1px solid rgba(255,100,80,.4);color:#ff8a65}.dungeon-boss-chip.defeated{background:#50c8781a;border-color:#50c87859;color:#69d68b;text-decoration:line-through;opacity:.7}.dungeon-cleared-panel{background:linear-gradient(135deg,#50c8641f,#28783c14);border:1px solid rgba(80,200,100,.35);border-radius:10px;padding:18px 20px;text-align:center}.dungeon-cleared-panel.hidden{display:none}.dungeon-cleared-title{font-size:20px;font-weight:700;color:#69d68b;margin-bottom:12px}.dungeon-cleared-rewards{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.dungeon-reward-row{font-size:14px;color:#c8e6ff}.dungeon-exit-btn{padding:9px 24px;border-radius:8px;border:none;background:linear-gradient(135deg,#2e7d52,#1b5e38);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s}.dungeon-exit-btn:hover{filter:brightness(1.2)}.dungeon-failed-panel{background:linear-gradient(135deg,#c83c3c1f,#64141414);border:1px solid rgba(200,80,80,.35);border-radius:10px;padding:18px 20px;text-align:center}.dungeon-failed-panel.hidden{display:none}.dungeon-failed-title{font-size:20px;font-weight:700;color:#ef5350;margin-bottom:6px}.dungeon-failed-sub{font-size:13px;color:#a0a0a0;margin-bottom:16px;font-style:italic}.dungeon-in-progress-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.dungeon-in-progress-actions.hidden{display:none}.dungeon-fight-hint{text-align:center;font-size:13px;font-weight:600;color:#ffd93d;padding:6px 4px}.dungeon-complete-btn{flex:1;padding:9px 16px;border-radius:8px;border:1px solid rgba(100,200,140,.5);background:#3ca06426;color:#69d68b;font-size:13px;font-weight:600;cursor:pointer;transition:filter .15s}.dungeon-complete-btn:hover{filter:brightness(1.2)}.dungeon-abandon-btn{padding:9px 16px;border-radius:8px;border:1px solid rgba(200,100,80,.4);background:#a03c281f;color:#ff8a65;font-size:13px;font-weight:600;cursor:pointer;transition:filter .15s}.dungeon-abandon-btn:hover{filter:brightness(1.2)}.dungeon-abandon-sm{font-size:12px;padding:7px 12px}