:root{--btn-sm-px: 10px;--btn-sm-py: 4px;--btn-sm-fs: 11px;--btn-sm-r: 7px;--btn-md-px: 14px;--btn-md-py: 7px;--btn-md-fs: 12px;--btn-md-r: 8px;--btn-lg-px: 20px;--btn-lg-py: 11px;--btn-lg-fs: 14px;--btn-lg-r: 10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Noto Sans KR,-apple-system,sans-serif;background:#0a0e14;color:#e6edf3;touch-action:manipulation}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff42}.login-page{height:100dvh;display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(88,166,255,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(188,140,255,.07) 0%,transparent 60%),linear-gradient(160deg,#080d14,#0e1620,#080d14);overflow-y:auto;padding:24px 16px}.login-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;z-index:0}.login-card{position:relative;z-index:1;background:#101620e6;border:1px solid rgba(48,54,61,.8);border-radius:20px;padding:44px 40px;width:100%;max-width:480px;box-shadow:0 0 0 1px #58a6ff0f,0 24px 80px #0009,inset 0 1px #ffffff0a;margin:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-title{font-size:30px;font-weight:800;text-align:center;margin-bottom:6px;background:linear-gradient(135deg,#7ec8ff,#a78bfa 60%,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.login-subtitle{text-align:center;color:#6b7480;margin-bottom:30px;font-size:13px}.avatar-preview-container{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;gap:8px}.avatar-preview{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #ffffff14,0 8px 24px #00000080;border:2px solid rgba(255,255,255,.15);transition:background-color .3s ease,box-shadow .3s ease}.avatar-preview-name{font-size:13px;color:#6b7480;min-height:18px}.avatar-emoji{font-size:42px;line-height:1}.login-form{display:flex;flex-direction:column;gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;font-weight:600;color:#6b7480;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:6px}.form-hint{font-size:10px;color:#3d444d;text-transform:none;letter-spacing:0;font-weight:400}.form-input{background:#0a0e14cc;border:1px solid #21262d;border-radius:10px;padding:11px 14px;color:#e6edf3;font-size:15px;font-family:inherit;transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff1f}.form-input::placeholder{color:#3d444d}.color-grid{display:flex;gap:10px;flex-wrap:wrap}.color-btn{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s}.color-btn:hover{transform:scale(1.12)}.color-btn.selected{border-color:#fff;box-shadow:0 0 0 3px #fff3;transform:scale(1.15)}.style-grid{display:flex;gap:8px;flex-wrap:wrap}.style-btn{flex:1;min-width:68px;background:#0a0e14b3;border:1px solid #21262d;border-radius:12px;padding:10px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:border-color .2s,background .2s,transform .15s;color:#6b7480;font-family:inherit}.style-btn:hover{border-color:#58a6ff;background:#58a6ff0f;transform:translateY(-1px)}.style-btn.selected{border-color:#58a6ff;background:#58a6ff1f;color:#7ec8ff;box-shadow:0 0 12px #58a6ff26}.style-emoji{font-size:26px}.style-label{font-size:11px}.form-error{color:#f87171;font-size:12px;text-align:center;background:#ef444414;padding:10px 12px;border-radius:8px;border:1px solid rgba(239,68,68,.25)}.session-expired-msg{color:#fbbf24;font-size:13px;text-align:center;background:#fbbf2414;padding:10px 12px;border-radius:8px;border:1px solid rgba(251,191,36,.3);margin-bottom:4px}.btn-primary{background:linear-gradient(135deg,#1a7a3a,#22c55e);color:#fff;border:none;border-radius:var(--btn-lg-r);padding:var(--btn-lg-py) var(--btn-lg-px);font-size:var(--btn-lg-fs);font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 16px #22c55e40}.btn-primary:hover{opacity:.93;transform:translateY(-1px);box-shadow:0 6px 20px #22c55e59}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.auth-tabs{display:flex;margin-bottom:26px;background:#0a0e1499;border-radius:10px;overflow:hidden;border:1px solid #21262d;padding:3px;gap:2px}.auth-tab{flex:1;background:transparent;border:none;padding:var(--btn-md-py) 0;font-size:var(--btn-md-fs);font-weight:600;color:#6b7480;cursor:pointer;font-family:inherit;border-radius:var(--btn-md-r);transition:background .2s,color .2s}.auth-tab:hover{background:#ffffff0a;color:#c9d1d9}.auth-tab.active{background:#58a6ff26;color:#7ec8ff}.game-page{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.game-header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;height:46px;background:#080c14fa;border-bottom:1px solid rgba(48,54,61,.7);flex-shrink:0;gap:6px;flex-wrap:nowrap;z-index:10;overflow:hidden;position:relative;box-shadow:0 2px 16px #0009}.game-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(88,166,255,.4) 20%,rgba(167,139,250,.4) 55%,rgba(244,114,182,.25) 80%,transparent 100%)}.game-logo{font-size:15px;font-weight:800;white-space:nowrap;flex-shrink:0;background:linear-gradient(135deg,#7ec8ff,#a78bfa 55%,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.3px}.header-center{display:flex;align-items:center;gap:6px;flex:1;justify-content:center}.header-info{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;flex-shrink:0}.online-badge{background:#22c55e17;border:1px solid rgba(34,197,94,.3);color:#4ade80;padding:3px 9px;border-radius:20px;font-size:11px;white-space:nowrap;font-weight:600}.header-lv-badge{background:#fbbf241a;border:1px solid rgba(251,191,36,.35);color:#fbbf24;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}.header-lv-badge:hover{background:#fbbf242e;border-color:#fbbf2499}.header-gold-badge{background:#fb923c17;border:1px solid rgba(251,146,60,.3);color:#fb923c;padding:3px 10px;border-radius:20px;font-size:12px;white-space:nowrap;font-weight:600}.username-badge{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;overflow:hidden;min-width:0;color:#c9d1d9;padding:3px 8px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(48,54,61,.5);max-width:120px}.username-badge span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-color-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.header-btn-group{display:flex;align-items:center;gap:3px;padding-left:8px;margin-left:2px;border-left:1px solid rgba(48,54,61,.55)}.header-btn-group button{display:flex;align-items:center;gap:4px;border-radius:var(--btn-sm-r);padding:var(--btn-sm-py) var(--btn-sm-px);font-size:var(--btn-sm-fs);font-weight:600;cursor:pointer;font-family:inherit;transition:all .18s;white-space:nowrap;border:1px solid transparent;background:#ffffff0a;color:#8b949e;position:relative;overflow:visible}.header-btn-group button:hover{color:#c9d1d9;background:#ffffff17;border-color:#ffffff1f;transform:translateY(-1px)}.header-btn-group button:active{transform:translateY(0)}.btn-job{color:#ffc844!important;border-color:#ffb40047!important;background:#ffb40012!important}.btn-job:hover{background:#ffb40026!important;border-color:#ffb4008c!important;box-shadow:0 3px 10px #ffb4002e!important}.btn-job.job-available{border-color:#ffb40099!important}.btn-job.job-available:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:radial-gradient(ellipse at center,rgba(255,180,0,.45) 0%,transparent 70%);pointer-events:none;animation:job-pulse 1.8s ease-in-out infinite}@keyframes job-pulse{0%,to{opacity:.3}50%{opacity:1}}.btn-skill{color:#c084fc!important;border-color:#a855f747!important;background:#a855f712!important}.btn-skill:hover{background:#a855f726!important;border-color:#a855f78c!important;box-shadow:0 3px 10px #a855f733!important}.btn-skill.has-sp{border-color:#a855f799!important}.btn-skill.has-sp:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:radial-gradient(ellipse at center,rgba(168,85,247,.45) 0%,transparent 70%);pointer-events:none;animation:sp-pulse 1.8s ease-in-out infinite}@keyframes sp-pulse{0%,to{opacity:.3}50%{opacity:1}}.btn-quest{color:#fbbf24!important;border-color:#fbbf2447!important;background:#fbbf240f!important}.btn-quest:hover{background:#fbbf2424!important;border-color:#fbbf248c!important;box-shadow:0 3px 10px #fbbf242e!important}.btn-char{color:#7ec8ff!important;border-color:#58a6ff47!important;background:#58a6ff0f!important}.btn-char:hover{background:#58a6ff24!important;border-color:#58a6ff8c!important;box-shadow:0 3px 10px #58a6ff2e!important}.btn-inventory{color:#34d399!important;border-color:#34d39947!important;background:#34d3990f!important}.btn-inventory:hover{background:#34d39924!important;border-color:#34d3998c!important;box-shadow:0 3px 10px #34d3992e!important}.btn-logout{color:#6b7480!important;border-color:#30363d99!important;background:transparent!important}.btn-logout:hover{color:#f87171!important;border-color:#ef444480!important;background:#ef444412!important}.game-content{flex:1;position:relative;overflow:hidden;background:#0a0e14;min-height:0}.phaser-container{position:absolute;top:0;right:0;bottom:0;left:0}.phaser-container canvas{display:block!important;width:100%!important;height:100%!important}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 30% 60%,rgba(58,143,200,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 70% 40%,rgba(122,212,240,.06) 0%,transparent 60%),#080d14;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeInOverlay .2s ease}.loading-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.loading-overlay.loading-fadeout{opacity:0;transition:opacity .45s ease;pointer-events:none}.loading-box{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:1}.loading-title{font-size:30px;font-weight:800;background:linear-gradient(135deg,#7ec8ff,#a78bfa 60%,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.3px;filter:drop-shadow(0 0 20px rgba(126,200,255,.3))}.loading-sub{font-size:12px;color:#5a7a8a;letter-spacing:.5px}.loading-bar-track{width:280px;height:6px;background:#1e3040cc;border-radius:6px;overflow:hidden;border:1px solid rgba(42,64,96,.6);box-shadow:inset 0 1px 3px #00000080}.loading-bar-fill{height:100%;background:linear-gradient(90deg,#1a5a80,#3a8fc8,#7ec8ff,#a78bfa,#1a5a80);background-size:300% 100%;border-radius:6px;transition:width .4s ease;overflow:hidden;position:relative}.loading-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);width:60%;animation:shimmerBar 1.5s linear infinite}@keyframes shimmerBar{0%{transform:translate(-100%)}to{transform:translate(280%)}}.loading-phase{font-size:11px;color:#4a7090;letter-spacing:.3px}.loading-dots{display:flex;gap:6px}.loading-dots span{width:6px;height:6px;border-radius:50%;background:#3a8fc8;animation:dotPulse 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s;background:#7ec8ff}.loading-dots span:nth-child(3){animation-delay:.4s;background:#a78bfa}@keyframes dotPulse{0%,80%,to{opacity:.2;transform:scale(.75)}40%{opacity:1;transform:scale(1.1)}}.chat-overlay{position:fixed;bottom:0;right:16px;width:320px;z-index:500;display:flex;flex-direction:column;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 -4px 32px #0000008c,0 0 0 1px #30363d80;background:#080c14f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(48,54,61,.65);border-bottom:none;transition:width .2s ease}.chat-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;cursor:pointer;background:#10161ef7;border-bottom:1px solid rgba(48,54,61,.5);user-select:none;-webkit-user-select:none;transition:background .15s}.chat-overlay-header:hover{background:#161e28f7}.chat-overlay-title{font-size:12px;font-weight:700;color:#c9d1d9;display:flex;align-items:center;gap:6px;letter-spacing:.3px}.chat-unread{background:#ef4444;color:#fff;border-radius:10px;font-size:10px;font-weight:700;padding:1px 6px;min-width:18px;text-align:center;animation:badgePop .25s ease}@keyframes badgePop{0%{transform:scale(.7)}to{transform:scale(1)}}.chat-overlay-toggle{font-size:11px;color:#6b7480}.chat-overlay-messages{max-height:260px;overflow-y:auto;padding:12px 12px 6px;display:flex;flex-direction:column;gap:10px}.chat-row{display:flex;align-items:flex-end;gap:7px;max-width:100%}.chat-row.mine{flex-direction:row-reverse}.chat-row.theirs{flex-direction:row}.chat-avatar-dot{width:27px;height:27px;border-radius:50%;flex-shrink:0;margin-bottom:2px;border:1.5px solid rgba(255,255,255,.1);box-shadow:0 2px 6px #0006}.chat-bubble-wrap{display:flex;flex-direction:column;gap:2px;max-width:74%}.chat-row.mine .chat-bubble-wrap{align-items:flex-end}.chat-row.theirs .chat-bubble-wrap{align-items:flex-start}.chat-bubble-name{font-size:10px;font-weight:600;color:#6b7480;padding-left:4px}.chat-bubble{padding:8px 13px;border-radius:18px;font-size:13px;line-height:1.5;word-break:break-word;white-space:pre-wrap;position:relative}.chat-bubble.mine{background:linear-gradient(135deg,#1d6fb5,#1e5a9e);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #1d6fb54d}.chat-bubble.theirs{background:#1e2530f2;color:#e6edf3;border-bottom-left-radius:4px;border:1px solid rgba(48,54,61,.6)}.chat-bubble-time{font-size:10px;color:#3d444d;padding:0 4px}.chat-msg-system{text-align:center;font-size:11px;color:#4a5568;font-style:italic;padding:2px 8px;background:#ffffff05;border-radius:20px}.chat-msg-whisper{display:flex;flex-direction:column;gap:2px;padding:6px 10px;margin:0 2px;background:#582cc81f;border-left:2px solid #7c3aed;border-radius:0 8px 8px 0}.whisper-tag{font-size:10px;color:#a78bfa;font-weight:600}.whisper-text{font-size:13px;color:#ddd6fe}.chat-emoji-picker{background:#10161efa;border:1px solid rgba(48,54,61,.6);border-radius:10px 10px 0 0;padding:10px;border-bottom:none;user-select:none;-webkit-user-select:none}.emoji-categories{display:flex;gap:2px;margin-bottom:6px;border-bottom:1px solid rgba(48,54,61,.5);padding-bottom:6px}.emoji-cat-btn{flex:1;background:transparent;border:none;border-radius:6px;padding:5px 2px;font-size:16px;cursor:pointer;transition:background .15s}.emoji-cat-btn:hover{background:#ffffff0f}.emoji-cat-btn.active{background:#58a6ff1f;outline:1px solid rgba(88,166,255,.3)}.emoji-cat-label{font-size:10px;color:#3d444d;margin-bottom:5px;text-align:center}.emoji-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;max-height:140px;overflow-y:auto}.emoji-item{background:transparent;border:none;border-radius:5px;font-size:18px;padding:3px;cursor:pointer;line-height:1;transition:background .1s,transform .1s}.emoji-item:hover{background:#ffffff14;transform:scale(1.2)}.chat-overlay-input{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#10161efa;border-top:1px solid rgba(48,54,61,.5)}.emoji-toggle-btn{background:transparent;border:1px solid rgba(48,54,61,.7);border-radius:50%;width:34px;height:34px;font-size:16px;cursor:pointer;line-height:1;transition:background .2s,border-color .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.emoji-toggle-btn:hover{background:#ffffff0f}.emoji-toggle-btn.active{background:#58a6ff1a;border-color:#58a6ff80}.chat-input-wrap{flex:1;position:relative;display:flex;align-items:center}.chat-input{width:100%;background:#0a0e14e6;border:1px solid rgba(48,54,61,.7);border-radius:20px;padding:8px 14px;color:#e6edf3;font-size:13px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.chat-input:focus{border-color:#58a6ff80;box-shadow:0 0 0 2px #58a6ff14}.chat-input::placeholder{color:#3d444d}.chat-char-count{position:absolute;right:10px;font-size:10px;pointer-events:none;-webkit-user-select:none;user-select:none}.chat-char-count.near-limit{color:#f0a500}.chat-char-count.at-limit{color:#f85149;font-weight:700}.chat-send-btn{background:linear-gradient(135deg,#1a7a3a,#22c55e);color:#fff;border:none;border-radius:20px;padding:var(--btn-md-py) var(--btn-md-px);font-size:var(--btn-md-fs);font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .1s;white-space:nowrap;min-width:48px;box-shadow:0 2px 8px #22c55e33}.chat-send-btn:hover{opacity:.88;transform:translateY(-1px)}.chat-send-btn:active{opacity:.75;transform:translateY(0)}.chat-tabs{display:flex;align-items:center;gap:0;background:#0c121afa;border-bottom:1px solid rgba(48,54,61,.5);padding:0 8px}.chat-tab-btn{position:relative;background:transparent;border:none;border-bottom:2px solid transparent;color:#4a5568;font-size:var(--btn-sm-fs);font-weight:600;font-family:inherit;padding:var(--btn-md-py) var(--btn-md-px);cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.chat-tab-btn:hover{color:#9ca3af}.chat-tab-btn.active{color:#58a6ff;border-bottom-color:#58a6ff}.chat-tab-badge{position:absolute;top:3px;right:3px;background:#ef4444;color:#fff;border-radius:8px;font-size:9px;font-weight:700;padding:0 4px;min-width:14px;text-align:center;line-height:14px;height:14px}.chat-zone-label{margin-left:auto;font-size:10px;color:#3d444d;padding-right:6px}.chat-zone-tag{font-size:9px;color:#3d444d;margin-left:4px;font-weight:400}.chat-cmd-hint{background:#10161efa;border-top:1px solid rgba(48,54,61,.4);display:flex;flex-direction:column}.chat-hint-item{display:flex;align-items:center;gap:10px;background:transparent;border:none;border-bottom:1px solid rgba(48,54,61,.3);padding:6px 14px;cursor:pointer;text-align:left;font-family:inherit;transition:background .12s}.chat-hint-item:last-child{border-bottom:none}.chat-hint-item:hover{background:#58a6ff0f}.hint-cmd{font-size:12px;color:#58a6ff;font-weight:600;min-width:100px}.hint-desc{font-size:11px;color:#4a5568}.chat-empty{text-align:center;font-size:11px;color:#2d333b;padding:20px 0;font-style:italic}.board-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayIn .15s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.board-modal{background:#101620f7;border:1px solid rgba(48,54,61,.8);border-radius:18px;width:100%;max-width:660px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 0 0 1px #58a6ff0d,0 32px 96px #000c;overflow:hidden;animation:modalIn .2s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.board-header{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#0a0e1499;border-bottom:1px solid rgba(48,54,61,.5);flex-shrink:0}.board-title{font-size:14px;font-weight:700;color:#e6edf3;flex:1;margin:0}.board-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.board-btn-write{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.3);border-radius:var(--btn-md-r);padding:var(--btn-md-py) var(--btn-md-px);font-size:var(--btn-md-fs);font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s}.board-btn-write:hover{background:#22c55e33;border-color:#22c55e80}.board-btn-close{background:transparent;border:1px solid rgba(48,54,61,.7);color:#6b7480;border-radius:var(--btn-md-r);padding:var(--btn-md-py) var(--btn-md-px);font-size:var(--btn-md-fs);cursor:pointer;font-family:inherit;transition:color .2s,border-color .2s}.board-btn-close:hover{color:#f87171;border-color:#ef444466}.board-btn-back{background:transparent;border:none;color:#7ec8ff;font-size:var(--btn-md-fs);font-weight:600;cursor:pointer;font-family:inherit;padding:var(--btn-sm-py) var(--btn-sm-px);flex-shrink:0;transition:opacity .2s}.board-btn-back:hover{opacity:.75}.board-btn-delete{background:transparent;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:var(--btn-md-r);padding:var(--btn-md-py) var(--btn-md-px);font-size:var(--btn-md-fs);cursor:pointer;font-family:inherit;margin-left:auto;transition:background .2s}.board-btn-delete:hover{background:#ef44441a}.board-btn-delete:disabled{opacity:.45;cursor:not-allowed}.board-body{flex:1;overflow-y:auto}.board-empty{text-align:center;color:#6b7480;padding:48px 20px;font-size:13px}.board-error{color:#f87171!important}.board-list{list-style:none}.board-list-item{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;border-bottom:1px solid rgba(48,54,61,.35);transition:background .15s}.board-list-item:hover{background:#ffffff06}.board-item-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.board-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.board-item-title{font-size:13px;color:#e6edf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-item-meta{font-size:11px;color:#6b7480}.board-item-arrow{color:#3d444d;font-size:16px;flex-shrink:0}.board-detail{padding:20px 22px}.board-detail-title{font-size:17px;font-weight:700;color:#e6edf3;margin:0 0 10px}.board-detail-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#6b7480;margin-bottom:14px}.board-detail-date{margin-left:4px}.board-divider{border:none;border-top:1px solid rgba(48,54,61,.4);margin:0 0 16px}.board-detail-content{font-size:14px;color:#c9d1d9;line-height:1.7;white-space:pre-wrap;word-break:break-word}.board-write-form{padding:20px 22px;display:flex;flex-direction:column;gap:16px}.board-field{display:flex;flex-direction:column;gap:6px}.board-field label{font-size:11px;font-weight:600;color:#6b7480;text-transform:uppercase;letter-spacing:.6px}.board-input{background:#0a0e14cc;border:1px solid #21262d;border-radius:8px;padding:10px 14px;color:#e6edf3;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.board-input:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff1a}.board-textarea{background:#0a0e14cc;border:1px solid #21262d;border-radius:8px;padding:10px 14px;color:#e6edf3;font-size:14px;font-family:inherit;outline:none;resize:vertical;min-height:180px;transition:border-color .2s,box-shadow .2s;line-height:1.6}.board-textarea:focus{border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff1a}.board-char-count{font-size:10px;color:#3d444d;text-align:right}.board-write-actions{display:flex;justify-content:flex-end;gap:10px}.board-btn-cancel{background:transparent;border:1px solid rgba(48,54,61,.8);color:#6b7480;border-radius:var(--btn-md-r);padding:var(--btn-md-py) var(--btn-md-px);font-size:var(--btn-md-fs);cursor:pointer;font-family:inherit;transition:border-color .2s,color .2s}.board-btn-cancel:hover{border-color:#6b7480;color:#c9d1d9}.board-btn-submit{background:linear-gradient(135deg,#1d6fb5,#1e5a9e);color:#fff;border:none;border-radius:var(--btn-md-r);padding:var(--btn-md-py) var(--btn-lg-px);font-size:var(--btn-md-fs);font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .1s;box-shadow:0 2px 8px #1d6fb540}.board-btn-submit:hover{opacity:.88;transform:translateY(-1px)}.board-btn-submit:disabled{opacity:.45;cursor:not-allowed;transform:none}.inv-panel{position:fixed;right:16px;top:54px;width:400px;max-height:calc(100dvh - 62px);background:linear-gradient(180deg,#1c1508f7,#120e06fa);border:1px solid rgba(120,90,18,.6);border-radius:14px;color:#e8d5a0;font-family:inherit;z-index:500;box-shadow:0 0 0 1px #f0c8400f,0 20px 60px #000000d9,inset 0 1px #ffdc500f;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none;animation:panelSlideIn .18s ease}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.inv-header{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#0006;border-bottom:1px solid rgba(74,56,8,.7)}.inv-title{font-size:14px;font-weight:700;color:#f0c840;flex:1;letter-spacing:.3px}.inv-key-hint{font-size:10px;color:#5a4020}.inv-close{background:none;border:1px solid rgba(74,56,8,.8);border-radius:6px;color:#6a5030;font-size:12px;cursor:pointer;padding:2px 8px;transition:all .2s;line-height:1.4}.inv-close:hover{border-color:#c8503099;color:#ff7040;background:#c83c1e0f}.inv-section-label{font-size:10px;color:#8a6030;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:8px 14px 4px}.inv-top-row{display:flex;gap:0;border-bottom:1px solid rgba(58,44,8,.8)}.inv-equip-col{flex:0 0 200px;border-right:1px solid rgba(58,44,8,.8);display:flex;flex-direction:column}.inv-equip-slot{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-left:3px solid transparent;border-bottom:1px solid rgba(42,32,8,.7);transition:background .15s,border-color .15s}.inv-equip-slot.occupied{cursor:grab}.inv-equip-slot:last-child{border-bottom:none}.inv-equip-slot:hover{background:#ffc8500d}.inv-equip-slot.active{background:#ffc8501a;border-left-color:#f0c840}.inv-equip-slot.occupied{border-left-color:#5896dc80}.inv-eq-icon{font-size:22px;line-height:1;flex-shrink:0}.inv-eq-info{display:flex;flex-direction:column;gap:2px;min-width:0}.inv-eq-slot-name{font-size:9px;color:#7a5030;text-transform:uppercase;letter-spacing:.4px}.inv-eq-item-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-eq-empty{font-size:11px;color:#3a2a15;font-style:italic}.inv-stats-col{flex:1;display:flex;flex-direction:column}.inv-stats-list{display:flex;flex-direction:column;gap:0;padding:4px 12px 8px}.inv-stat-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgba(42,32,8,.6);font-size:12px}.inv-stat-row:last-child{border-bottom:none}.inv-stat-val{font-weight:700;color:#f0d080}.inv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:4px 10px 10px}.inv-slot{aspect-ratio:1;background:#0000004d;border:1px solid rgba(58,44,10,.8);border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;cursor:default;transition:border-color .15s,background .15s,transform .1s}.inv-slot.has-item{cursor:grab}.inv-slot.has-item:hover{background:#ffc85012;border-color:#7a5a20cc;transform:scale(1.04)}.inv-slot.active{background:#ffc85029!important;border-color:#f0c840!important;outline:2px solid rgba(240,200,64,.25);outline-offset:1px}.inv-slot.drag-source{opacity:.45;border-color:#ffc8504d!important;transform:scale(.96)}.inv-slot.drop-target{background:#7ec8ff1f!important;border-color:#7ec8ff!important;outline:2px solid rgba(126,200,255,.35);outline-offset:1px;transform:scale(1.06)}.inv-slot.drop-zone-empty:hover{border-color:#7ec8ff59;background:#7ec8ff0a}.inv-equip-slot.drop-zone{border-left-color:#7ec8ff66!important;background:#7ec8ff0a}.inv-equip-slot.drop-target{background:#7ec8ff24!important;border-left-color:#7ec8ff!important;outline:2px solid rgba(126,200,255,.3);outline-offset:-2px}.inv-slot-icon{font-size:22px;line-height:1}.inv-slot-qty{position:absolute;bottom:2px;right:3px;font-size:9px;font-weight:700;color:#f0d080;text-shadow:0 0 4px #000,0 1px 2px #000}.inv-detail{border-top:1px solid rgba(58,44,8,.8);padding:10px 14px 12px;background:#00000040;flex-shrink:0}.inv-detail-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin-bottom:4px}.inv-detail-rarity{font-size:10px;font-weight:400;opacity:.85}.inv-detail-desc{font-size:11px;color:#9a8060;margin-bottom:7px;line-height:1.5}.inv-detail-stats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.inv-detail-stat{background:#ffc85014;border:1px solid rgba(90,68,16,.8);border-radius:5px;padding:2px 8px;font-size:11px;color:#f0d080}.inv-detail-actions{display:flex;gap:7px;flex-wrap:wrap}.inv-btn{border:none;border-radius:var(--btn-md-r);padding:var(--btn-md-py) var(--btn-md-px);font-size:var(--btn-md-fs);font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .1s}.inv-btn:hover{opacity:.84;transform:translateY(-1px)}.inv-btn:active{transform:translateY(0)}.inv-btn-equip{background:#1d6fb5e6;color:#fff;box-shadow:0 2px 6px #1d6fb540}.inv-btn-unequip{background:#5a4010e6;color:#f0c840;border:1px solid rgba(139,105,20,.6)}.inv-btn-use{background:#1a6a2ae6;color:#86efac;box-shadow:0 2px 6px #22c55e26}.inv-btn-drop{background:#4a1010e6;color:#fca5a5;border:1px solid rgba(106,32,32,.6)}.inv-btn-quickbar{background:#1a3050e6;color:#93c5fd;border:1px solid rgba(42,74,112,.6)}.inv-quickbar-picker{margin-top:8px;background:#00000080;border:1px solid rgba(51,68,102,.7);border-radius:8px;padding:8px;width:100%}.inv-qb-picker-label{font-size:10px;color:#7090b0;margin-bottom:6px;letter-spacing:.4px}.inv-qb-picker-slots{display:flex;gap:5px;flex-wrap:wrap}.inv-qb-slot{width:38px;height:38px;background:#0d1a2ae6;border:1px solid rgba(51,68,102,.8);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s,transform .1s;position:relative}.inv-qb-slot:hover{background:#1a2e44e6;border-color:#5588bbb3;transform:scale(1.05)}.inv-qb-slot.occupied{border-color:#44aaff80}.inv-qb-slot-num{font-size:9px;color:#5a6a80;font-weight:700;line-height:1}.inv-qb-slot-icon{font-size:16px;line-height:1}.inv-qb-slot-empty{font-size:12px;color:#345c;line-height:1}.inv-qb-picker-hint{font-size:9px;color:#3a4555;margin-top:5px}.shop-modal{position:fixed;right:16px;top:54px;width:360px;max-height:560px;background:linear-gradient(145deg,#1a1208f7,#241b0dfa);border:1px solid rgba(106,74,20,.7);border-radius:14px;box-shadow:0 0 0 1px #ffd7000d,0 20px 60px #000c;display:flex;flex-direction:column;z-index:400;overflow:hidden;font-size:13px;color:#e8d8a0;user-select:none;-webkit-user-select:none;animation:panelSlideIn .18s ease}.shop-header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#00000059;border-bottom:1px solid rgba(90,62,16,.7)}.shop-title{font-size:14px;font-weight:700;color:#ffd080;letter-spacing:.3px}.shop-gold-bar{padding:7px 14px;background:#0003;border-bottom:1px solid rgba(74,48,16,.7);font-size:12px}.shop-tabs{display:flex;border-bottom:1px solid rgba(74,48,16,.7)}.shop-tab{flex:1;padding:var(--btn-md-py) var(--btn-md-px);background:transparent;border:none;color:#7a6040;font-size:var(--btn-md-fs);cursor:pointer;font-family:inherit;transition:background .2s,color .2s}.shop-tab.active{background:#ffc85014;color:gold;border-bottom:2px solid #ffd700}.shop-tab:hover:not(.active){background:#ffffff08;color:#c4903a}.shop-list{flex:1;overflow-y:auto;padding:4px 0}.shop-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(90,60,16,.2)}.shop-item:hover{background:#ffc8500f}.shop-item.selected{background:#ffc8501f;border-left:3px solid #ffd700;padding-left:11px}.shop-item.cannot-afford{opacity:.4;cursor:not-allowed}.shop-item-icon{font-size:22px;flex-shrink:0}.shop-item-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.shop-item-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-item-desc{font-size:10px;color:#806040;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-item-price{font-size:12px;font-weight:700;color:#c4a020;white-space:nowrap}.shop-item-price.no-gold{color:#f87171}.shop-item-price-col{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.shop-unit-price{font-size:10px;color:#7a6020;white-space:nowrap}.shop-consumable-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;background:#44ff881f;border:1px solid rgba(68,255,136,.3);color:#4f8}.shop-detail{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0000004d;border-top:1px solid rgba(90,62,16,.6);gap:10px}.shop-btn-buy{background:linear-gradient(135deg,#1d6fb5,#1557a0);color:#fff;border:none;border-radius:var(--btn-lg-r);padding:var(--btn-lg-py) var(--btn-lg-px);font-size:var(--btn-lg-fs);font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .1s;white-space:nowrap;box-shadow:0 2px 8px #1d6fb540}.shop-btn-buy:hover{opacity:.88;transform:translateY(-1px)}.shop-btn-buy:disabled{opacity:.38;cursor:not-allowed;transform:none}.shop-qty-row{display:flex;align-items:center;gap:6px}.shop-qty-btn{width:24px;height:24px;border-radius:6px;background:#1d6fb540;border:1px solid rgba(29,111,181,.5);color:#7ab8f5;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;transition:background .15s}.shop-qty-btn:hover:not(:disabled){background:#1d6fb573}.shop-qty-btn:disabled{opacity:.35;cursor:not-allowed}.shop-qty-val{min-width:28px;text-align:center;font-size:14px;font-weight:700;color:#e6edf3}.shop-btn-sell{background:linear-gradient(135deg,#8a6010,#6e4c0c);color:gold;border:none;border-radius:var(--btn-lg-r);padding:var(--btn-lg-py) var(--btn-lg-px);font-size:var(--btn-lg-fs);font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .1s;white-space:nowrap}.shop-btn-sell:hover{opacity:.88;transform:translateY(-1px)}.shop-empty{padding:28px;text-align:center;color:#5a4030;font-size:13px}.char-modal{position:fixed;left:16px;top:54px;width:400px;background:linear-gradient(145deg,#0c141cf7,#121a24fa);border:1px solid rgba(30,48,80,.8);border-radius:14px;box-shadow:0 0 0 1px #58a6ff0d,0 20px 60px #000c;display:flex;flex-direction:column;z-index:400;overflow:hidden;overflow-y:auto;max-height:calc(100dvh - 62px);font-size:13px;color:#c9d9f0;user-select:none;-webkit-user-select:none;animation:panelSlideIn .18s ease}.char-header{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#00000059;border-bottom:1px solid rgba(30,48,80,.7)}.char-title{font-size:14px;font-weight:700;color:#93c5fd;letter-spacing:.3px}.char-profile{display:flex;align-items:center;gap:14px;padding:14px;background:#0000002e;border-bottom:1px solid rgba(26,42,64,.7)}.char-avatar-preview{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.12);flex-shrink:0;box-shadow:0 0 12px #00000080}.char-profile-info{display:flex;flex-direction:column;gap:5px;flex:1}.char-username{font-size:16px;font-weight:700;color:#e6edf3}.char-profile-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.char-level-badge{font-size:12px;color:#fbbf24;font-weight:600}.char-job-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:#0000004d}.char-job-none{color:#3a5070;border-color:#1e305080}.char-gold{font-size:12px;color:#fb923c}.char-sp-badge{font-size:11px;color:#a78bfa;font-weight:700;background:#a78bfa1f;padding:2px 7px;border-radius:20px;border:1px solid rgba(167,139,250,.3);position:relative;overflow:visible}.char-sp-badge:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;background:radial-gradient(ellipse at center,rgba(167,139,250,.5) 0%,transparent 70%);pointer-events:none;animation:sp-pulse 1.2s ease-in-out infinite}.char-exp-section{padding:10px 14px;border-bottom:1px solid rgba(26,42,64,.6)}.char-exp-label{display:flex;justify-content:space-between;font-size:11px;color:#4a6a90;margin-bottom:6px}.char-exp-bar{height:8px;background:#0e1828e6;border-radius:4px;overflow:hidden;border:1px solid rgba(30,48,80,.7)}.char-exp-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:4px;transition:width .5s ease;box-shadow:0 0 6px #fbbf244d}.char-stats-section{padding:10px 14px;border-bottom:1px solid rgba(26,42,64,.6)}.char-section-label{font-size:10px;color:#4a6a90;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:7px}.char-stats-grid{display:flex;flex-direction:column;gap:4px}.char-stats-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px}.char-stat{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#7090b0;padding:3px 0;border-bottom:1px solid rgba(26,42,64,.3)}.char-stats-grid-2col .char-stat{border-bottom:none}.char-stat strong{color:#e6edf3;font-weight:700}.char-skill-section{padding:10px 14px;border-bottom:1px solid rgba(26,42,64,.6)}.char-skill-grid{display:flex;flex-direction:column;gap:5px}.char-skill-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#7090b0;padding:2px 0}.char-skill-key{width:18px;text-align:center;font-weight:800;font-size:11px;color:#4a6a90;background:#0e1828cc;border:1px solid rgba(30,48,80,.6);border-radius:4px;flex-shrink:0;line-height:18px}.char-skill-name{flex:1;font-size:11px;color:#8aaccc}.char-skill-pips{display:flex;gap:3px}.char-skill-pip{width:10px;height:10px;border-radius:50%;background:#1e305099;border:1px solid rgba(30,48,80,.8);transition:background .2s}.char-skill-pip.on{background:linear-gradient(135deg,#818cf8,#a78bfa);border-color:#a78bfa44;box-shadow:0 0 4px #a78bfa80}.char-skill-lv{font-size:11px;color:#a78bfa;font-weight:700;width:30px;text-align:right}.char-statalloc-section{padding:10px 14px;border-bottom:1px solid rgba(26,42,64,.6)}.char-statpts-badge{margin-left:8px;font-size:10px;font-weight:700;color:#fbbf24;background:#fbbf2426;border:1px solid rgba(251,191,36,.35);border-radius:20px;padding:1px 7px;text-transform:none;letter-spacing:0;position:relative;overflow:visible}.char-statpts-badge:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;background:radial-gradient(ellipse at center,rgba(251,191,36,.45) 0%,transparent 70%);pointer-events:none;animation:sp-pulse 1.2s ease-in-out infinite}.char-stat-error{font-size:11px;color:#f87171;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:6px;padding:5px 10px;margin-bottom:6px}.char-statalloc-grid{display:flex;flex-direction:column;gap:4px}.char-statalloc-row{display:flex;align-items:center;gap:7px;padding:4px 0;font-size:12px}.char-sa-icon{font-size:14px;flex-shrink:0;width:18px;text-align:center}.char-sa-info{flex:1;display:flex;flex-direction:column;gap:1px}.char-sa-label{font-size:11px;font-weight:700}.char-sa-bonus{font-size:10px;color:#3a5070}.char-sa-pts{min-width:26px;text-align:center;font-weight:800;font-size:13px;flex-shrink:0}.char-sa-btn{padding:var(--btn-sm-py) var(--btn-sm-px);font-size:var(--btn-sm-fs);font-weight:700;background:#1e3050b3;border:1px solid rgba(88,166,255,.25);color:#93c5fd;border-radius:var(--btn-sm-r);cursor:pointer;transition:background .15s,border-color .15s;flex-shrink:0}.char-sa-btn:hover:not(:disabled){background:#58a6ff2e;border-color:#58a6ff80}.char-sa-btn:disabled{opacity:.3;cursor:not-allowed}.char-sa-btn-5{color:#fbbf24;border-color:#fbbf244d}.char-sa-btn-5:hover:not(:disabled){background:#fbbf2426;border-color:#fbbf2499}.char-sa-reset-btn{margin-top:8px;width:100%;padding:var(--btn-sm-py) 0;font-size:var(--btn-sm-fs);background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#f87171;border-radius:var(--btn-md-r);cursor:pointer;transition:background .15s,border-color .15s}.char-sa-reset-btn:hover{background:#ef44442e;border-color:#ef444480}.char-equip-section{padding:10px 14px}.char-equip-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(26,42,64,.4);font-size:12px}.char-equip-row:last-child{border-bottom:none}.char-equip-slot-label{width:52px;color:#3a5070;font-size:10px;flex-shrink:0;text-transform:uppercase;letter-spacing:.4px}.char-equip-item{display:flex;align-items:center;gap:5px}.char-equip-empty{color:#1e3050;font-style:italic}.char-enhance-badge{font-size:10px;font-weight:800;color:#fbbf24;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:4px;padding:0 5px;line-height:16px}.quest-panel{position:fixed;right:16px;top:54px;width:320px;max-height:70vh;background:linear-gradient(180deg,#0a1826f7,#08121cfa);border:1px solid rgba(30,61,96,.8);border-radius:14px;box-shadow:0 0 0 1px #58a6ff0a,0 20px 60px #000c;display:flex;flex-direction:column;z-index:300;overflow:hidden;animation:panelSlideIn .18s ease}.quest-header{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#1e3d6066;border-bottom:1px solid rgba(30,61,96,.7);-webkit-user-select:none;user-select:none}.quest-title{font-size:13px;font-weight:700;color:#fbbf24;letter-spacing:.3px}.quest-list{padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:7px}.quest-item{background:#0e1a2ad9;border:1px solid rgba(30,61,96,.7);border-radius:10px;padding:10px 12px;transition:border-color .2s,background .2s}.quest-item.done{border-color:#44cc8880;background:#081810d9;box-shadow:0 0 8px #44cc880f}.quest-item-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.quest-item-title{font-size:12px;font-weight:600;color:#b8c8e0}.quest-item.done .quest-item-title{color:#4ade80}.quest-item-reward{font-size:10px;color:#d4a830;white-space:nowrap;margin-left:8px;flex-shrink:0}.quest-item-desc{font-size:11px;color:#4a6a80;margin-bottom:6px;line-height:1.4}.quest-progress-row{display:flex;align-items:center;gap:6px}.quest-progress-bar{flex:1;height:5px;background:#0a141ee6;border-radius:3px;overflow:hidden;border:1px solid rgba(26,48,80,.7)}.quest-progress-fill{height:100%;border-radius:3px;transition:width .4s ease}.quest-progress-text{font-size:10px;color:#3a6070;white-space:nowrap;font-weight:600}.quest-claim-btn{width:100%;margin-top:8px;background:linear-gradient(135deg,#166534,#22c55e);color:#f0fff4;border:1px solid rgba(68,204,102,.4);border-radius:var(--btn-md-r);padding:var(--btn-md-py) 0;font-size:var(--btn-md-fs);font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s;box-shadow:0 2px 8px #22c55e33}.quest-claim-btn:hover{opacity:.88;transform:translateY(-1px)}.quest-claim-btn:active{transform:translateY(0)}.quest-notify{position:fixed;top:54px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#04140af7,#081e10fa);border:1px solid rgba(74,222,128,.45);border-radius:16px;z-index:9999;padding:16px 32px;text-align:center;min-width:240px;box-shadow:0 0 0 1px #4ade8012,0 8px 36px #000000bf,0 0 50px #4ade801f,inset 0 1px #4ade8014;animation:questNotifyIn .45s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.quest-notify:before{content:"";position:absolute;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,rgba(74,222,128,.8),transparent);border-radius:2px}.quest-notify-title{font-size:16px;font-weight:800;color:#4ade80;letter-spacing:.4px;text-shadow:0 0 12px rgba(74,222,128,.5)}.quest-notify-name{font-size:13px;color:#bbf7d0;margin-top:5px;font-weight:600}.quest-notify-reward{font-size:12px;color:#fbbf24;margin-top:6px;font-weight:700;text-shadow:0 0 8px rgba(251,191,36,.4)}@keyframes questNotifyIn{0%{opacity:0;transform:translate(-50%) translateY(-24px) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media (max-width: 768px){.game-header{padding:0 8px;height:40px;gap:4px}.game-logo{font-size:14px}.header-center{gap:4px}.header-lv-badge,.header-gold-badge{font-size:10px;padding:2px 7px}.username-badge,.online-badge{display:none}.header-btn-group{padding-left:5px;gap:2px}.header-btn-group button{padding:var(--btn-sm-py) 7px;font-size:var(--btn-sm-fs)}.chat-overlay.mobile{width:100%;right:0;left:0;border-radius:14px 14px 0 0;transform:translateY(0);transition:transform .28s cubic-bezier(.32,.72,0,1);box-shadow:0 -8px 32px #0009,0 0 0 1px #30363d80}.chat-overlay.mobile .chat-overlay-header:before{content:"";display:block;position:absolute;top:6px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#ffffff2e;border-radius:2px}.chat-overlay.mobile .chat-overlay-header{position:relative;padding:16px 14px 8px}.chat-overlay.mobile.open .chat-overlay-messages{max-height:calc(52dvh - 140px);padding:8px 10px 4px;gap:6px}.chat-overlay.mobile .chat-emoji-picker{max-height:200px;overflow-y:auto}.chat-overlay.mobile .chat-emoji-picker .emoji-grid{max-height:100px}.chat-overlay.mobile .chat-overlay-title{font-size:12px}.chat-overlay.mobile .chat-tabs{padding:0 4px}.chat-overlay.mobile .chat-tab-btn{padding:5px 10px;font-size:11px}.chat-overlay.mobile .chat-msg-system{font-size:10px}.chat-overlay.mobile .chat-bubble{font-size:12px;padding:6px 10px}.chat-overlay.mobile .chat-bubble-name{font-size:10px}.chat-overlay.mobile .chat-bubble-time{font-size:9px}.chat-overlay.mobile .chat-overlay-input{padding:6px 10px;gap:6px}.chat-overlay.mobile .emoji-toggle-btn{width:34px;height:34px;font-size:16px}.chat-overlay.mobile .chat-input{font-size:14px;padding:8px 14px}.chat-overlay.mobile .chat-send-btn{padding:8px 14px;font-size:13px}.inv-panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-height:100dvh!important;border-radius:0!important;overflow-y:auto}.inv-top-row{flex-direction:column}.inv-equip-col{flex:none;border-right:none;border-bottom:1px solid rgba(58,44,8,.8)}.inv-stats-col{flex:none}.inv-grid{padding:6px 10px 14px}.inv-slot{min-height:50px}.inv-slot-icon{font-size:20px}.inv-btn{min-height:40px;font-size:var(--btn-md-fs);padding:var(--btn-lg-py) var(--btn-lg-px)}.inv-qb-slot{min-height:46px;min-width:46px}.shop-modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-height:100dvh!important;border-radius:0!important}.shop-item{padding:10px 14px}.shop-item-icon{font-size:26px}.shop-btn-buy,.shop-btn-sell{min-height:44px;font-size:var(--btn-lg-fs)}.char-modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-height:100dvh!important;border-radius:0!important;overflow-y:auto}.quest-panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-height:100dvh!important;border-radius:0!important}.quest-list{padding:10px;gap:9px}.quest-item{padding:12px 14px}.quest-item-title{font-size:13px}.board-overlay{padding:0;align-items:flex-end}.board-modal{max-width:100%;max-height:90dvh;border-radius:18px 18px 0 0}.login-card{padding:24px 18px}.login-title{font-size:24px}.color-btn{width:40px;height:40px}}.enhance-modal{position:fixed;left:50%;top:54px;transform:translate(-50%);width:600px;max-height:calc(100dvh - 62px);background:linear-gradient(160deg,#0f1523,#111827);border:1px solid rgba(255,140,0,.25);border-radius:14px;box-shadow:0 8px 40px #000000b3,0 0 0 1px #ff8c0014;display:flex;flex-direction:column;overflow:hidden;z-index:300;font-family:inherit}.enhance-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(90deg,#b450002e,#ff8c0014);border-bottom:1px solid rgba(255,140,0,.15)}.enhance-title{font-size:15px;font-weight:700;color:#ffb347;letter-spacing:.5px}.enhance-body{display:flex;gap:0;flex:1;overflow:hidden}.enhance-item-list{width:200px;min-width:200px;border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;padding:8px 0}.enhance-list-label{font-size:10px;color:#666;padding:4px 12px 6px;text-transform:uppercase;letter-spacing:.5px}.enhance-empty{font-size:12px;color:#555;padding:12px;text-align:center}.enhance-item-row{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-left:2px solid transparent;transition:background .15s}.enhance-item-row:hover{background:#ffffff0a}.enhance-item-row.selected{background:#ff8c0014;border-left-color:#ff8c00}.enhance-item-icon{font-size:20px}.enhance-item-info{flex:1;min-width:0}.enhance-panel{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.enhance-hint{flex:1;display:flex;align-items:center;justify-content:center;color:#444;font-size:13px}.enhance-item-preview{display:flex;align-items:flex-start;gap:12px;background:#ffffff0a;border-radius:10px;padding:12px;border:1px solid rgba(255,255,255,.06)}.enhance-preview-icon{font-size:32px}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.enhance-item-preview.shake{animation:shake .45s ease}.enhance-level-bar{display:flex;align-items:center;gap:4px}.enhance-level-pip{flex:1;height:6px;border-radius:3px;transition:background .3s}.enhance-level-text{font-size:12px;font-weight:700;white-space:nowrap;margin-left:6px}.enhance-stats-compare{display:flex;align-items:flex-start;gap:8px;background:#00000040;border-radius:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.05)}.enhance-stats-col{flex:1}.enhance-stats-header{font-size:10px;font-weight:700;color:#adf;text-transform:uppercase;margin-bottom:6px;letter-spacing:.5px}.enhance-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#aaa;padding:2px 0}.enhance-arrow{align-self:center;color:#ff8c00;font-size:18px;font-weight:700;padding:0 4px}.enhance-cost-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#0003;border-radius:8px;padding:8px 12px;font-size:12px;color:#aaa}.enhance-result{text-align:center;font-size:14px;font-weight:700;padding:8px 12px;border-radius:8px}.enhance-result.success{background:#00b45026;color:#4f8;border:1px solid rgba(0,180,80,.3)}.enhance-result.fail{background:#b4000026;color:#f66;border:1px solid rgba(180,0,0,.3)}.enhance-btn{width:100%;padding:var(--btn-lg-py) var(--btn-lg-px);background:linear-gradient(135deg,#c50,#ff8c00);color:#fff;font-size:var(--btn-lg-fs);font-weight:700;border:none;border-radius:var(--btn-lg-r);cursor:pointer;font-family:inherit;letter-spacing:.5px;box-shadow:0 4px 14px #ff8c004d;transition:opacity .2s,transform .1s}.enhance-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.enhance-btn:active:not(:disabled){transform:translateY(0)}.inv-slot-enhance{position:absolute;bottom:1px;right:2px;font-size:9px;font-weight:800;line-height:1}.inv-btn-enhance{background:#b44600e6;color:#ffb347;border:1px solid rgba(220,100,0,.5)}.inv-grid-header{display:flex;align-items:center;gap:8px;padding:6px 14px 4px}.inv-sort-btns{display:flex;gap:4px;margin-left:auto}.inv-sort-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--btn-sm-r);color:#89a;font-size:var(--btn-sm-fs);padding:2px var(--btn-sm-px);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.inv-sort-btn:hover{background:#ffffff17;color:#cde}.inv-sort-btn.active{background:#4a90e240;border-color:#4a90e299;color:#8cf}.inv-drop-confirm{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#8c14142e;border:1px solid rgba(220,60,60,.35);border-radius:8px;padding:6px 10px}.inv-drop-confirm-msg{font-size:11px;color:#faa;flex:1 0 100%;margin-bottom:4px}.inv-btn-drop-confirm{background:#c82828d9;color:#fff;border:none}.inv-btn-drop-cancel{background:#3c3c50cc;color:#ccc;border:1px solid rgba(255,255,255,.1)}@media (min-width: 769px) and (max-width: 1024px){.chat-overlay{width:320px}.inv-panel{width:380px}.shop-modal{width:340px}.enhance-modal{width:520px}}@media (max-width: 900px) and (orientation: landscape){.game-header{height:36px;padding:0 8px;gap:4px}.game-logo,.online-badge{display:none}.header-lv-badge,.header-gold-badge{font-size:10px;padding:2px 6px}.username-badge{font-size:10px;max-width:58px}.header-btn-group{gap:3px;padding-left:5px;margin-left:3px}.btn-skill,.btn-quest,.btn-char,.btn-inventory,.btn-logout{font-size:var(--btn-sm-fs);padding:var(--btn-sm-py) 7px}.chat-overlay{bottom:0}.chat-overlay-messages{max-height:110px}.inv-panel,.shop-modal,.char-modal,.quest-panel{max-height:calc(100dvh - 44px);top:36px}}.portrait-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#080c12f7;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 900px) and (orientation: portrait){.portrait-overlay{display:flex}}.portrait-overlay-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 28px;background:#101620f2;border:1px solid rgba(88,166,255,.18);border-radius:22px;box-shadow:0 0 0 1px #58a6ff0f,0 24px 80px #0009;max-width:320px;width:90%}.portrait-phone-icon{font-size:56px;animation:portraitRotate 2s ease-in-out infinite}@keyframes portraitRotate{0%{transform:rotate(0)}35%{transform:rotate(-90deg)}65%{transform:rotate(-90deg)}to{transform:rotate(0)}}.portrait-title{font-size:18px;font-weight:700;color:#e6edf3;letter-spacing:-.3px}.portrait-sub{font-size:13px;color:#6b7480;line-height:1.6}.btn-job{background:linear-gradient(135deg,#ffb40012,#ffb40021);border:1px solid rgba(255,180,0,.32);color:#ffc844;border-radius:var(--btn-md-r);padding:var(--btn-sm-py) var(--btn-md-px);font-size:var(--btn-md-fs);font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap;position:relative;overflow:hidden}.btn-job:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 60%);pointer-events:none}.btn-job:hover{background:linear-gradient(135deg,#ffb4002e,#ffb40042);border-color:#ffb4009e;transform:translateY(-1px);box-shadow:0 4px 14px #ffb40038}.btn-job:active{transform:translateY(0)}.btn-job.job-available{border-color:#ffb400b3}.job-modal{position:fixed;right:16px;top:54px;width:580px;max-height:calc(100dvh - 62px);overflow-y:auto;background:linear-gradient(160deg,#0e1320,#080c14);border:1px solid rgba(255,180,0,.22);border-radius:14px;box-shadow:0 8px 40px #000000a6,inset 0 1px #ffffff0a;z-index:400;display:flex;flex-direction:column}.job-header{display:flex;align-items:center;gap:10px;padding:12px 16px 10px;border-bottom:1px solid rgba(255,180,0,.14);flex-shrink:0}.job-title{font-size:15px;font-weight:700;color:#ffc844;flex:1}.job-current-badge{font-size:12px;font-weight:700;background:#ffb4001f;border:1px solid rgba(255,180,0,.28);border-radius:20px;padding:2px 10px}.job-notice{margin:8px 12px 0;padding:7px 12px;border-radius:8px;font-size:12px;text-align:center;font-weight:500}.job-notice.ok{background:#44ff8814;border:1px solid rgba(68,255,136,.22);color:#4d8}.job-notice.warn{background:#ff643214;border:1px solid rgba(255,100,50,.22);color:#f86}.job-error{margin:6px 12px 0;padding:6px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.26);border-radius:8px;font-size:12px;color:#f87171;text-align:center}.job-body{display:flex;gap:0;padding:10px 12px 12px;flex:1;min-height:0}.job-list{display:flex;flex-direction:column;gap:6px;width:160px;flex-shrink:0;padding-right:10px;border-right:1px solid rgba(255,255,255,.06);margin-right:14px}.job-list-item{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:8px 10px;cursor:pointer;text-align:left;transition:all .18s;font-family:inherit}.job-list-item:hover{background:#ffffff12}.job-list-item.active{box-shadow:0 0 0 1px currentColor}.job-list-item.current{opacity:.8}.job-list-icon{font-size:20px;flex-shrink:0}.job-list-info{display:flex;flex-direction:column;gap:2px;min-width:0}.job-list-name{font-size:13px;font-weight:700;color:#c8d0da;display:flex;align-items:center;gap:5px}.job-list-flavor{font-size:9px;color:#5a6270;line-height:1.3}.job-current-tag{font-size:8px;font-weight:800;background:#44ff8826;border:1px solid rgba(68,255,136,.3);color:#4f8;padding:1px 4px;border-radius:3px}.job-detail{flex:1;display:flex;flex-direction:column;gap:10px}.job-detail-empty{color:#4a5260;font-size:12px;margin-top:40px;text-align:center}.job-detail-top{display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.job-detail-icon{font-size:36px;flex-shrink:0}.job-detail-name{font-size:18px;font-weight:800;margin-bottom:4px}.job-detail-desc{font-size:11px;color:#7a8290;line-height:1.4}.job-section-label{font-size:10px;font-weight:700;color:#7a8290;text-transform:uppercase;letter-spacing:.5px}.job-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.job-stat-item{display:flex;justify-content:space-between;align-items:center;background:#0003;border-radius:6px;padding:4px 8px;font-size:11px}.job-stat-name{color:#7a8290}.job-stat-val{font-weight:800}.job-skill-bonuses{display:flex;flex-direction:column;gap:4px}.job-skill-row{display:flex;justify-content:space-between;align-items:center;background:#0003;border-radius:6px;padding:5px 8px;font-size:11px}.job-skill-name{color:#9aa3b0}.job-skill-bonus{font-weight:700}.job-action{margin-top:auto;padding-top:8px}.job-select-btn{width:100%;padding:var(--btn-lg-py) var(--btn-lg-px);border-radius:var(--btn-lg-r);font-size:var(--btn-md-fs);font-weight:700;cursor:pointer;font-family:inherit;background:#ffb40014;border:1.5px solid rgba(80,80,100,.35);color:#5a6270;transition:all .2s}.job-select-btn:not(:disabled):hover{background:#ffb40029;transform:translateY(-1px);box-shadow:0 4px 14px #ffb4002e}.job-select-btn:disabled{cursor:not-allowed;opacity:.45}.job-confirm{display:flex;flex-direction:column;gap:8px}.job-confirm-msg{text-align:center;font-size:12px;color:#c8d0da;line-height:1.6;background:#0003;border-radius:8px;padding:10px}.job-confirm-btns{display:flex;gap:8px}.job-confirm-yes,.job-confirm-no{flex:1;padding:var(--btn-md-py) var(--btn-md-px);border-radius:var(--btn-md-r);font-size:var(--btn-md-fs);font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.job-confirm-yes{background:#ffb40014;border:1.5px solid rgba(255,180,0,.4)}.job-confirm-yes:hover{background:#ffb4002e}.job-confirm-no{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.12);color:#7a8290}.job-confirm-no:hover{background:#ffffff14;color:#c8d0da}@media (max-width: 620px){.job-modal{width:calc(100vw - 16px);right:8px;top:48px}.job-body{flex-direction:column}.job-list{width:100%;flex-direction:row;flex-wrap:wrap;padding-right:0;border-right:none;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:10px;margin-right:0;margin-bottom:10px}.job-list-item{flex:1 1 45%}.btn-job{font-size:var(--btn-sm-fs);padding:var(--btn-sm-py) 7px}}.skill-modal{position:fixed;right:16px;top:54px;width:480px;max-height:calc(100dvh - 62px);overflow-y:auto;background:linear-gradient(160deg,#0e1320,#080c14);border:1px solid rgba(168,85,247,.28);border-radius:14px;box-shadow:0 8px 40px #000000a6,0 0 0 1px #a855f71a,inset 0 1px #ffffff0a;z-index:400;display:flex;flex-direction:column}.skill-header{display:flex;align-items:center;gap:10px;padding:12px 16px 10px;border-bottom:1px solid rgba(168,85,247,.18);flex-shrink:0}.skill-title{font-size:15px;font-weight:700;color:#c084fc;flex:1;text-shadow:0 0 12px rgba(168,85,247,.5)}.skill-sp-badge{display:flex;align-items:center;gap:6px;background:#a855f71f;border:1px solid rgba(168,85,247,.3);border-radius:20px;padding:2px 10px}.skill-sp-label{font-size:11px;color:#9c6fcc;font-weight:600}.skill-sp-value{font-size:14px;font-weight:800;color:#9b7cc0;transition:color .3s;position:relative}.skill-sp-value.has-sp{color:#c084fc}.skill-sp-value.has-sp:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:6px;background:radial-gradient(ellipse at center,rgba(168,85,247,.55) 0%,transparent 70%);pointer-events:none;animation:sp-glow 1.4s ease-in-out infinite}@keyframes sp-glow{0%,to{opacity:.35}50%{opacity:1}}.skill-sp-notice{margin:8px 12px 0;padding:7px 12px;background:#a855f71f;border:1px solid rgba(168,85,247,.28);border-radius:8px;font-size:12px;color:#c084fc;font-weight:600;text-align:center}.skill-error-msg{margin:8px 12px 0;padding:6px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.28);border-radius:8px;font-size:12px;color:#f87171;text-align:center}.skill-list{padding:10px 12px;display:flex;flex-direction:column;gap:10px}.skill-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px;transition:border-color .2s}.skill-card:hover{background:#ffffff0d}.skill-card-top{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.skill-card-icon{position:relative;width:52px;height:52px;flex-shrink:0;border-radius:10px;border:1.5px solid;display:flex;align-items:center;justify-content:center}.skill-icon-emoji{font-size:24px}.skill-key-badge{position:absolute;bottom:-5px;right:-5px;font-size:9px;font-weight:800;color:#fff;padding:1px 5px;border-radius:5px;line-height:1.4}.skill-card-info{flex:1}.skill-card-name{font-size:14px;font-weight:700;margin-bottom:2px}.skill-card-desc{font-size:11px;color:#7a8290;margin-bottom:6px;line-height:1.4}.skill-level-pips{display:flex;gap:4px;margin-bottom:3px}.skill-level-pip{width:22px;height:5px;border-radius:3px;transition:background .3s}.skill-lv-text{font-size:11px;font-weight:700}.skill-effects-row{display:flex;align-items:center;gap:8px;background:#0003;border-radius:7px;padding:8px 10px;margin-bottom:8px;flex-wrap:wrap}.skill-effects-col{flex:1;min-width:100px}.skill-effects-label{font-size:10px;font-weight:700;color:#7a8290;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.skill-effect-item{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#9aa3b0;padding:1px 0}.skill-effect-name{color:#7a8290}.skill-effect-val{font-weight:700}.skill-effect-up{color:#4f8;font-size:9px;margin-left:3px}.skill-effects-arrow{font-size:16px;color:#5a6270;font-weight:700;flex-shrink:0}.skill-max-badge{font-size:13px;font-weight:800;color:#f80;text-shadow:0 0 8px rgba(255,136,0,.5);margin-left:auto}.skill-upgrade-btn{width:100%;padding:var(--btn-md-py) 0;border-radius:var(--btn-md-r);font-size:var(--btn-md-fs);font-weight:700;cursor:pointer;font-family:inherit;border:1.5px solid rgba(80,80,100,.35);background:#ffffff08;color:#5a6270;transition:all .2s}.skill-upgrade-btn.can-upgrade{background:#a855f714;box-shadow:0 0 0 1px #a855f726 inset}.skill-upgrade-btn.can-upgrade:hover{background:#a855f72e;transform:translateY(-1px);box-shadow:0 4px 14px #a855f738}.skill-upgrade-btn.can-upgrade:active{transform:translateY(0)}.skill-upgrade-btn:disabled{cursor:not-allowed;opacity:.5}.skill-hint{text-align:center;font-size:10px;color:#4a5260;padding:8px 12px 12px;flex-shrink:0}@media (max-width: 500px){.skill-modal{width:calc(100vw - 16px);right:8px;top:48px}.btn-skill{font-size:var(--btn-sm-fs);padding:var(--btn-sm-py) 7px}}