.tp-panel{background:linear-gradient(160deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:8px;margin-top:8px;padding:clamp(10px,1.8vw,14px);display:flex}.tp-header{justify-content:space-between;align-items:center;display:flex}.tp-title{color:var(--gold);letter-spacing:.4px;text-transform:uppercase;font-size:clamp(11px,1.3vw,13px);font-weight:700}.tp-count{color:var(--text-dim);font-size:11px}.tp-progress{height:5px}.tp-bar{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:999px;width:100%;height:100%;overflow:hidden}.tp-fill{background:linear-gradient(90deg, var(--gold-deep), var(--gold));border-radius:999px;height:100%;transition:width .4s}.tp-steps{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tp-step{color:var(--text-soft);border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:clamp(11px,1.2vw,12px);transition:opacity .2s;display:flex}.tp-step.done{opacity:.45;color:var(--text-dim);text-decoration:line-through}.tp-step.current{color:var(--text);background:#ff9d5c12;border-color:#ff9d5c59;box-shadow:0 0 6px #ff9d5c1f}.tp-step-ico{text-align:center;flex-shrink:0;width:18px;font-size:13px}.tp-step-label{word-break:keep-all;line-height:1.3}.tp-hint{color:var(--text-dim);word-break:keep-all;border-left:2px solid var(--line);padding-left:7px;font-size:clamp(10px,1.2vw,11px);line-height:1.45}.tp-cta{background:linear-gradient(135deg, var(--gold-deep), #a06c00);color:#1a1000;cursor:pointer;text-align:center;letter-spacing:.3px;word-break:keep-all;border:none;border-radius:4px;width:100%;padding:7px 10px;font-family:inherit;font-size:clamp(11px,1.3vw,12px);font-weight:700;transition:opacity .15s,transform .1s}.tp-cta:hover{opacity:.9;transform:translateY(-1px)}.tp-cta:active{transform:translateY(0)}.tp-panel.tp-complete{border-color:var(--gold);text-align:center;background:linear-gradient(160deg,#2a1a00,#1a1000);align-items:center;animation:.6s both tutorial-celebrate;box-shadow:0 0 12px #ff9d5c40}@keyframes tutorial-celebrate{0%{opacity:.7;transform:scale(.95)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.tp-celebrate-icon{font-size:clamp(28px,5vw,36px);line-height:1;animation:.6s 50ms both tutorial-celebrate}.tp-complete-header{color:var(--gold);letter-spacing:.5px;font-size:clamp(13px,1.8vw,15px);font-weight:700}.tp-complete-msg{color:var(--text-dim);word-break:keep-all;font-size:clamp(11px,1.3vw,12px);line-height:1.45}.tp-reward-btn{background:linear-gradient(135deg, #c98a00, var(--gold));color:#0e0900;cursor:pointer;letter-spacing:.3px;word-break:keep-all;border:none;border-radius:4px;width:100%;padding:9px 12px;font-family:inherit;font-size:clamp(12px,1.4vw,13px);font-weight:700;transition:opacity .15s,transform .1s,box-shadow .15s;box-shadow:0 0 8px #ff9d5c33}.tp-reward-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 0 16px #ff9d5c73}.tp-reward-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 0 8px #ff9d5c33}.tp-reward-btn:disabled{opacity:.6;cursor:not-allowed}.tp-sidebar{display:flex}.tp-mobile-top{display:none}@media (width<=800px){.tp-sidebar{display:none}.tp-mobile-top{margin:8px 12px 0;display:flex}}.tp-panel{opacity:1;max-height:600px;transition:opacity .6s,max-height .6s;overflow:hidden}.tp-panel.tp-fading{opacity:0;pointer-events:none;max-height:0}.inv-filters{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.inv-search{box-sizing:border-box;background:var(--bg-2);border:1px solid var(--line-soft);width:100%;color:var(--text);border-radius:6px;padding:7px 12px;font-family:inherit;font-size:13px}.inv-search::placeholder{color:var(--text-dim)}.inv-search:focus{border-color:var(--gold-deep);outline:none}.filter-label{color:var(--text-dim);white-space:nowrap;flex-shrink:0;min-width:24px;font-size:11px}.inv-capacity{color:var(--text-dim);align-items:center;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.inv-capacity-bar{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:999px;flex:1;height:6px;overflow:hidden}.inv-capacity-fill{background:linear-gradient(90deg, var(--exp), #4caf50);border-radius:999px;height:100%;transition:width .3s}.inv-capacity-label{white-space:nowrap}.inv-capacity-label span{color:var(--gold);font-weight:600}.inv-layout{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.inv-layout{grid-template-columns:240px 1fr;align-items:start}}.equip-slots{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.equip-char-card{border-bottom:1px solid var(--line-soft);flex-direction:column;align-items:center;gap:10px;padding-bottom:12px;display:flex}.equip-char-avatar{background:radial-gradient(circle at 40% 40%, var(--bg-3), var(--bg-0));border:2px solid var(--gold-deep);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:44px;display:flex;position:relative}.equip-char-class-badge{border:1px solid var(--gold-deep);color:var(--gold);white-space:nowrap;background:linear-gradient(90deg,#4a321c,#6b4a2b);border-radius:999px;padding:2px 8px;font-size:10px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.equip-char-info{text-align:center}.equip-char-name{color:var(--text);font-size:15px;font-weight:700}.equip-char-level{color:var(--text-dim);margin-top:2px;font-size:12px}.equip-exp-row{flex-direction:column;gap:3px;width:100%;display:flex}.equip-exp-bar{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:999px;height:5px;overflow:hidden}.equip-exp-fill{background:linear-gradient(90deg, var(--exp), #4caf50);border-radius:999px;height:100%;transition:width .3s}.equip-exp-text{color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;font-size:10px}.equip-stat-chips{grid-template-columns:1fr 1fr;gap:5px;width:100%;display:grid}.equip-stat-chip{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:5px 8px;display:flex}.esc-label{color:var(--text-dim);font-size:10px}.esc-val{font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.esc-val.hp{color:var(--hp)}.esc-val.mp{color:var(--mp)}.esc-val.atk{color:var(--gold)}.esc-val.def{color:var(--exp)}.equip-slots-title{color:var(--text-dim);letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:700}.slot-tabs{flex-wrap:wrap;gap:6px;display:flex}.slot-tabs button{background:var(--bg-2);min-height:30px;color:var(--text-soft);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:5px 10px;font-family:inherit;font-size:11px;transition:background .12s,color .12s,border-color .12s}.slot-tabs button.active{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border-color:#8b6532}.equip-slot-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.equip-slot{background:var(--bg-2);border:1px solid var(--line-soft);cursor:pointer;text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;transition:border-color .12s,background .12s;display:flex}.equip-slot:hover{border-color:var(--gold-deep);background:var(--bg-3)}.equip-slot-ico{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.equip-slot-ico.empty{opacity:.3}.equip-slot-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.equip-slot-empty-label{color:var(--text-dim);font-size:10px}.equip-slot-type{color:var(--text-dim);font-size:9px}.equip-slot.grade-common{border-top:2px solid var(--line)}.equip-slot.grade-uncommon{border-top:2px solid var(--exp)}.equip-slot.grade-rare{border-top:2px solid var(--mp);box-shadow:0 0 6px #42a5f533}.equip-slot.grade-epic{border-top:2px solid var(--crystal)}.equip-slot.grade-legendary{border-top:2px solid var(--gold);box-shadow:0 0 8px #ff9d5c33}.equip-slot.grade-empty{border-top:2px solid var(--line-soft)}.inv-panel{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.inv-panel-head{justify-content:space-between;align-items:center;display:flex}.inv-panel-title{color:var(--gold);font-size:14px;font-weight:600}.inv-sort{color:var(--text-dim);cursor:pointer;background:var(--bg-2);border:1px solid var(--line-soft);border-radius:4px;padding:3px 8px;font-family:inherit;font-size:11px;transition:color .12s}.inv-sort:hover{color:var(--text-soft)}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px;display:grid}.inv-cell{aspect-ratio:1;cursor:pointer;border:1px solid var(--line-soft);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.inv-cell:hover{outline:1px solid var(--gold-deep);transform:translateY(-2px);box-shadow:0 4px 12px #00000080}.inv-cell.grade-common{background:var(--bg-2);border-color:var(--line)}.inv-cell.grade-uncommon{background:linear-gradient(135deg, var(--bg-2), #66bb6a14);border-color:var(--exp)}.inv-cell.grade-rare{background:linear-gradient(135deg, var(--bg-2), #42a5f51a);border-color:var(--mp);box-shadow:0 0 6px #42a5f533}.inv-cell.grade-epic{background:linear-gradient(135deg, var(--bg-2), #b377ff1a);border-color:var(--crystal);box-shadow:0 0 6px #b377ff33}.inv-cell.grade-legendary{background:linear-gradient(135deg, var(--bg-2), #ff9d5c1a);border-color:var(--gold);box-shadow:0 0 8px #ff9d5c4d}.inv-cell.empty-cell{background:var(--bg-2);border-color:var(--line-soft);opacity:.18;cursor:default}.inv-cell.empty-cell:hover{box-shadow:none;outline:none;transform:none}.inv-cell-ico{font-size:24px;line-height:1}.inv-cell-count{color:var(--gold);font-variant-numeric:tabular-nums;background:#0000008c;border-radius:3px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;position:absolute;bottom:2px;right:3px}.inv-cell-enhance{color:#ff9d5c;background:#0000008c;border-radius:3px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:2px;left:3px}.inv-empty{text-align:center;color:var(--text-dim);padding:32px 16px;font-size:13px;line-height:1.6}.inv-loading{color:var(--text-dim);text-align:center;padding:48px 16px;font-size:14px}.item-modal-backdrop{z-index:200;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.item-modal{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:14px;width:min(420px,100%);max-height:90vh;padding:clamp(16px,4vw,24px);display:flex;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0009}.item-modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-family:inherit;font-size:18px;line-height:1;transition:color .12s;position:absolute;top:10px;right:12px}.item-modal-close:hover{color:var(--text)}.item-modal-header{align-items:center;gap:14px;display:flex}.item-modal-icon{background:var(--bg-0);border:2px solid var(--line);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(56px,14vw,72px);height:clamp(56px,14vw,72px);font-size:clamp(28px,7vw,38px);display:flex}.item-modal-icon.r-rare{border-color:#4f8df0;box-shadow:0 0 8px #4f8df066}.item-modal-icon.r-epic{border-color:#ce93d8;box-shadow:0 0 8px #ce93d866}.item-modal-icon.r-legend{border-color:var(--gold);box-shadow:0 0 10px #ff9d5c80}.item-modal-meta{flex:1;min-width:0}.item-modal-meta .modal-name{color:var(--text);margin-bottom:4px;font-size:clamp(15px,2vw,17px);font-weight:600}.item-modal-meta .modal-name.r-rare{color:#88b4ff}.item-modal-meta .modal-name.r-epic{color:#d8aae8}.item-modal-meta .modal-name.r-legend{color:var(--gold)}.item-modal-meta .modal-desc{color:var(--text-soft);margin-bottom:6px;font-size:12.5px;line-height:1.4}.item-modal-chips{flex-wrap:wrap;gap:6px;display:flex}.item-modal-chip{border:1px solid var(--line);color:var(--text-soft);background:var(--bg-2);border-radius:999px;padding:2px 8px;font-size:11px}.item-modal-chip.r-rare{color:#88b4ff;border-color:#4f8df0}.item-modal-chip.r-epic{color:#d8aae8;border-color:#ce93d8}.item-modal-chip.r-legend{border-color:var(--gold);color:var(--gold)}.item-modal-qty-row{color:var(--text-soft);background:var(--bg-2);border:1px solid var(--line-soft);border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.item-modal-qty-row .qty-val{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.item-modal-sell{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;flex-direction:column;gap:10px;padding:12px;display:flex}.sell-price-row{color:var(--text-soft);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.sell-price-row .price-val{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.sell-qty-row{align-items:center;gap:0;display:flex}.sell-qty-row .sell-qty-btn{background:var(--bg-1);border:1px solid var(--line);width:36px;height:36px;color:var(--text-soft);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:18px;transition:background .1s,color .1s;display:flex}.sell-qty-row .sell-qty-btn:first-child{border-radius:4px 0 0 4px}.sell-qty-row .sell-qty-btn:last-of-type{border-radius:0 4px 4px 0}.sell-qty-row .sell-qty-btn:hover:not(:disabled){background:var(--bg-3);color:var(--text)}.sell-qty-row .sell-qty-btn:disabled{opacity:.35;cursor:default}.sell-qty-row .sell-qty-input{background:var(--bg-0);border:1px solid var(--line);width:64px;height:36px;color:var(--text);text-align:center;font-variant-numeric:tabular-nums;border-left:none;border-right:none;padding:0 6px;font-family:inherit;font-size:14px}.sell-qty-row .sell-qty-input:focus{outline:none}.btn-sell{border:1px solid var(--gold);width:100%;color:var(--gold);cursor:pointer;background:0 0;border-radius:4px;padding:9px 0;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,color .15s}.btn-sell:hover:not(:disabled){background:#ff9d5c1f}.btn-sell:disabled{opacity:.4;cursor:default}.item-modal-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-equip{min-height:24px;color:var(--gold);cursor:pointer;white-space:nowrap;background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532;border-radius:4px;padding:3px 9px;font-family:inherit;font-size:11px;transition:opacity .1s}.btn-equip:hover{opacity:.85}.btn-equip:disabled{opacity:.45;cursor:default}.enhance-badge{color:#ff9d5c;margin-left:4px;font-size:13px;font-weight:700}.enhance-level-row{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;display:flex}.enhance-label{color:var(--text-soft);flex-shrink:0}.enhance-stars{gap:2px;display:flex}.enhance-stars .star{color:var(--text-dim);font-size:15px}.enhance-stars .star.filled{color:var(--gold)}.enhance-level-text{color:var(--gold);font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.btn-enhance-toggle{background:var(--bg-2);min-height:24px;color:var(--text-soft);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:4px;padding:3px 9px;font-family:inherit;font-size:11px;transition:background .12s,color .12s,border-color .12s}.btn-enhance-toggle:hover{border-color:var(--gold);color:var(--gold)}.enhance-max-badge{min-height:24px;color:var(--gold);border:1px solid var(--gold);background:#ff9d5c1f;border-radius:4px;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.enhance-panel{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;flex-direction:column;gap:8px;padding:14px;display:flex}.enhance-panel-title{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600}.enhance-success-pct{color:var(--gold);text-align:center;font-variant-numeric:tabular-nums;font-size:clamp(28px,8vw,40px);font-weight:700;line-height:1}.enhance-success-label{text-align:center;color:var(--text-dim);margin-top:-4px;font-size:11px}.enhance-materials{flex-direction:column;gap:4px;margin-top:4px;display:flex}.enhance-mat-row{color:var(--text-soft);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.enhance-mat-qty{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600}.enhance-warn{color:var(--danger);text-align:center;font-size:11px}.btn-enhance{width:100%;color:var(--gold);cursor:pointer;background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532;border-radius:4px;padding:9px 0;font-family:inherit;font-size:13.5px;font-weight:600;transition:opacity .15s}.btn-enhance:hover:not(:disabled){opacity:.85}.btn-enhance:disabled{opacity:.4;cursor:default}.combat-damaged-badge{background:rgba(var(--danger-rgb,220,53,69), .15);color:var(--danger);border:1px solid var(--danger);border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600}.combat-danger-warn{color:var(--danger);background:rgba(var(--danger-rgb,220,53,69), .08);border:1px solid rgba(var(--danger-rgb,220,53,69), .3);border-radius:4px;padding:6px 10px;font-size:11.5px;line-height:1.5}.btn-restore-toggle{background:rgba(var(--danger-rgb,220,53,69), .1);min-height:24px;color:var(--danger);border:1px solid var(--danger);cursor:pointer;white-space:nowrap;border-radius:4px;padding:3px 9px;font-family:inherit;font-size:11px;transition:background .12s}.btn-restore-toggle:hover{background:rgba(var(--danger-rgb,220,53,69), .2)}.restore-info{color:var(--text-soft);padding:4px 0;font-size:12.5px}.restore-select{background:var(--bg-0);border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;border-radius:4px;min-height:36px;padding:7px 10px;font-family:inherit;font-size:13px}.scroll-stats-row{border:1px solid var(--gold-dim,#ff9d5c59);background:#5a3c142e;border-radius:5px;align-items:flex-start;gap:8px;padding:7px 10px;font-size:12.5px;display:flex}.scroll-stats-label{color:var(--gold);white-space:nowrap;flex-shrink:0;font-weight:600}.scroll-stats-value{color:var(--text-soft)}.btn-scroll-toggle{border:1px solid var(--gold-dim,#ff9d5c66);color:var(--gold);cursor:pointer;white-space:nowrap;background:#5a3c1440;border-radius:4px;padding:5px 10px;font-family:inherit;font-size:11px;transition:background .12s}.btn-scroll-toggle:hover{background:#5a3c1473}.scroll-spec-preview{color:var(--text-dim);padding:4px 0 2px;font-size:11.5px}.item-modal-source-area{flex-direction:column;gap:8px;display:flex}.btn-source{background:var(--bg-2);min-height:28px;color:var(--text-soft);border:1px solid var(--line);cursor:pointer;border-radius:4px;align-self:flex-start;padding:5px 12px;font-family:inherit;font-size:12px;transition:border-color .12s,color .12s}.btn-source:hover{border-color:var(--gold);color:var(--gold)}.source-inline-list{flex-direction:column;gap:4px;display:flex}.source-inline-empty{color:var(--text-dim);padding:6px 0;font-size:12px}.source-inline-item{background:var(--bg-2);border:1px solid var(--line-soft);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:7px 10px;transition:background .1s,border-color .1s;display:flex}.source-inline-item:hover{background:var(--bg-3);border-color:var(--gold)}.scroll-prob-modal{max-width:420px}.scroll-prob-title{color:var(--gold);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:700;display:flex}.scroll-prob-icon{font-size:20px}.scroll-prob-section-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px}.scroll-prob-body{flex-direction:column;gap:6px;display:flex}.scroll-prob-row{background:var(--bg-2);border-left:3px solid var(--line);border-radius:5px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.scroll-prob-row.r-rare{border-left-color:#4a9eff}.scroll-prob-row.r-epic{border-left-color:#a855f7}.scroll-prob-row.r-legend{border-left-color:var(--gold)}.scroll-rarity-chip{background:var(--bg-3);color:var(--text-dim);white-space:nowrap;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:10px}.scroll-rarity-chip.r-rare{color:#4a9eff;background:#4a9eff26}.scroll-rarity-chip.r-epic{color:#a855f7;background:#a855f726}.scroll-rarity-chip.r-legend{color:var(--gold);background:#ffc83226}.scroll-prob-effect{color:var(--text);flex:1}.scroll-prob-chance{color:var(--gold);white-space:nowrap;font-size:12px;font-weight:600}.scroll-prob-note{color:var(--text-dim);background:var(--bg-1);border-radius:4px;margin-top:8px;padding:6px 8px;font-size:11px}.scroll-prob-tier{background:var(--bg-2);border-left:3px solid var(--line);border-radius:5px;padding:8px 10px}.scroll-prob-tier.r-rare{border-left-color:#4a9eff}.scroll-prob-tier.r-epic{border-left-color:#a855f7}.scroll-prob-tier.r-legend{border-left-color:var(--gold)}.scroll-tier-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.scroll-tier-name{color:var(--text);flex:1;font-size:13px}.scroll-tier-opts{color:var(--text-dim);font-size:11px}.scroll-tier-ranges{color:var(--text-dim);gap:16px;font-size:12px;display:flex}.inv-view-toggle{gap:4px;margin-left:8px;display:inline-flex}.inv-view-btn{background:var(--bg-2);width:32px;height:32px;color:var(--text-soft);border:1px solid var(--line-soft);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-family:inherit;font-size:16px;transition:all .15s;display:flex}.inv-view-btn:hover{border-color:var(--gold);color:var(--gold)}.inv-view-btn.active{background:var(--gold);color:var(--bg-0);border-color:var(--gold)}.inv-grouped{flex-direction:column;gap:18px;display:flex}.inv-group{flex-direction:column;gap:8px;display:flex}.inv-group-title{color:var(--gold);border-left:3px solid var(--gold);word-break:keep-all;background:linear-gradient(90deg,#d4a5411f,#0000);border-radius:0 4px 4px 0;align-items:center;gap:8px;padding:6px 10px;font-size:clamp(13px,1.6vw,14px);font-weight:700;display:flex}.inv-group-dot{color:var(--gold);font-size:12px}.inv-group-count{color:var(--text-dim);background:var(--bg-2);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:500}.chat-toggle-btn{z-index:91;background:var(--bg-2);border:2px solid var(--gold);width:48px;height:48px;color:var(--gold);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:22px;transition:background .15s;display:flex;position:fixed;bottom:24px;right:24px;overflow:visible;box-shadow:0 4px 16px #00000080}.chat-toggle-btn:hover{background:var(--bg-3)}.chat-unread-dot{border:2px solid var(--bg-2);pointer-events:none;background:#e05555;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite chat-dot-pulse;position:absolute;top:2px;right:2px}@keyframes chat-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.chat-panel{z-index:90;background:var(--bg-1);border:1px solid var(--line);border-radius:8px;flex-direction:column;width:320px;height:480px;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 8px 32px #0009}.chat-panel-header{background:linear-gradient(180deg, var(--bg-3), var(--bg-2));border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.chat-panel-title{color:var(--gold);letter-spacing:.5px;font-size:13px;font-weight:600}.chat-panel-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px}.chat-panel-close:hover{color:var(--text);background:var(--bg-3)}.chat-tabs{border-bottom:1px solid var(--line);flex-shrink:0;display:flex}.chat-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:6px 0;font-size:12px;transition:color .1s,border-color .1s}.chat-tab:hover{color:var(--text-soft)}.chat-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:var(--bg-1)}.chat-messages::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.chat-msg{flex-direction:column;max-width:85%;display:flex}.chat-msg.mine{align-self:flex-end;align-items:flex-end}.chat-msg.theirs{align-self:flex-start;align-items:flex-start}.chat-msg-name{color:var(--text-dim);margin-bottom:2px;font-size:10px}.chat-msg.mine .chat-msg-name{display:none}.chat-msg-bubble{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text);word-break:break-word;border-radius:8px;padding:5px 9px;font-size:13px;line-height:1.4}.chat-msg.mine .chat-msg-bubble{background:var(--bg-3);border-color:var(--gold-deep)}.chat-msg-time{color:var(--text-dim);margin-top:2px;font-size:9px}.chat-attached-items{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.chat-item-card{background:var(--bg-1);border:1px solid var(--line);color:var(--text-soft);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:11px;transition:border-color .1s;display:flex;position:relative}.chat-item-card:hover{border-color:var(--gold-deep)}.chat-item-card.r-common{border-color:var(--line)}.chat-item-card.r-rare{border-color:#42a5f5}.chat-item-card.r-epic{border-color:#ce93d8}.chat-item-card.r-legend{border-color:var(--gold)}.chat-item-icon{font-size:14px}.chat-item-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.chat-item-enhance{color:var(--gold);font-size:10px}.chat-input-area{border-top:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:6px;padding:8px;display:flex}.chat-attach-preview{flex-wrap:wrap;gap:4px;display:flex}.chat-attach-chip{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-soft);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:inline-flex}.chat-attach-chip button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1}.chat-attach-chip button:hover{color:var(--danger)}.chat-input-row{align-items:flex-end;gap:6px;display:flex}.chat-input{background:var(--bg-2);border:1px solid var(--line);color:var(--text);resize:none;border-radius:6px;outline:none;flex:1;max-height:72px;padding:6px 10px;font-family:inherit;font-size:13px;line-height:1.4}.chat-input:focus{border-color:var(--gold-deep)}.chat-input::placeholder{color:var(--text-dim)}.chat-btn-attach{background:var(--bg-2);border:1px solid var(--line);color:var(--text-dim);cursor:pointer;border-radius:6px;flex-shrink:0;padding:6px 8px;font-size:16px;transition:color .1s,border-color .1s}.chat-btn-attach:hover{color:var(--gold);border-color:var(--gold-deep)}.chat-btn-send{background:var(--gold-deep);border:1px solid var(--gold);color:#1a1000;cursor:pointer;border-radius:6px;flex-shrink:0;padding:6px 10px;font-size:13px;font-weight:600;transition:background .1s}.chat-btn-send:hover:not(:disabled){background:var(--gold)}.chat-btn-send:disabled{opacity:.45;cursor:not-allowed}.chat-rate-error{color:var(--danger);text-align:center;font-size:11px}.chat-attach-modal-overlay{z-index:200;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.chat-attach-modal{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;flex-direction:column;width:min(360px,92vw);max-height:70vh;display:flex;overflow:hidden}.chat-attach-modal-header{border-bottom:1px solid var(--line);color:var(--gold);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.chat-attach-modal-header button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:16px}.chat-attach-modal-list{flex-direction:column;flex:1;gap:4px;padding:8px;display:flex;overflow-y:auto}.chat-attach-item-row{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:background .1s,border-color .1s;display:flex}.chat-attach-item-row:hover{background:var(--bg-2)}.chat-attach-item-row.selected{background:var(--bg-3);border-color:var(--gold-deep)}.chat-attach-item-row.disabled{opacity:.4;cursor:not-allowed}.chat-attach-item-icon{font-size:18px}.chat-attach-item-info{flex:1;min-width:0}.chat-attach-item-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chat-attach-item-name.r-rare{color:#42a5f5}.chat-attach-item-name.r-epic{color:#ce93d8}.chat-attach-item-name.r-legend{color:var(--gold)}.chat-attach-item-meta{color:var(--text-dim);font-size:10px}.chat-attach-modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:8px 14px;display:flex}.chat-attach-confirm-btn{background:var(--gold-deep);border:1px solid var(--gold);color:#1a1000;cursor:pointer;border-radius:6px;padding:5px 14px;font-size:13px;font-weight:600}.chat-attach-confirm-btn:hover{background:var(--gold)}.chat-attach-cancel-btn{background:var(--bg-2);border:1px solid var(--line);color:var(--text-soft);cursor:pointer;border-radius:6px;padding:5px 14px;font-size:13px}@media (width<=767px){.chat-panel{border-radius:0;width:100vw;height:100dvh;bottom:0;right:0}.chat-toggle-btn{width:40px;height:40px;font-size:18px;top:55%;bottom:auto;right:8px}body.chat-open .notif-fab,body.chat-open .hamburger-fab,body.chat-open .activity-fab{display:none!important}}.wm-dimmer{z-index:10000;background:#000000b8;justify-content:center;align-items:center;padding:clamp(12px,3vw,24px);display:flex;position:fixed;inset:0}.wm-box{background:linear-gradient(160deg, var(--bg-2), var(--bg-1));border:1px solid var(--gold);border-radius:10px;width:min(480px,100%);padding:clamp(20px,4vw,32px);animation:.28s ease-out wm-in;position:relative;box-shadow:0 16px 48px #000000b3,0 0 0 1px #ff9d5c14}@keyframes wm-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.wm-close{border:1px solid var(--line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-family:inherit;font-size:14px;line-height:1;display:flex;position:absolute;top:12px;right:12px}.wm-close:hover{color:var(--text);background:var(--bg-3)}.wm-dots{justify-content:center;gap:8px;margin-bottom:clamp(16px,3vw,24px);display:flex}.wm-dot{background:var(--line);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.wm-dot.active{background:var(--gold);transform:scale(1.3)}.wm-slide{text-align:center;flex-direction:column;align-items:center;gap:12px;min-height:180px;display:flex}.wm-ico{font-size:clamp(48px,8vw,64px);line-height:1}.wm-title{color:var(--gold);letter-spacing:.4px;word-break:keep-all;margin:0;font-size:clamp(16px,2.2vw,20px)}.wm-body{color:var(--text-soft);word-break:keep-all;max-width:380px;margin:0;font-size:clamp(13px,1.6vw,15px);line-height:1.65}.wm-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(6px,2vw,14px);margin:4px 0;display:flex}.wm-flow-step{color:var(--text-soft);flex-direction:column;align-items:center;gap:4px;font-size:clamp(12px,1.5vw,14px);display:flex}.wm-flow-ico{background:var(--bg-0);border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;width:clamp(52px,9vw,64px);height:clamp(52px,9vw,64px);font-size:clamp(28px,4vw,36px);display:flex}.wm-flow-arrow{color:var(--gold);flex-shrink:0;font-size:clamp(18px,2.5vw,24px)}.wm-footer{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:clamp(16px,3vw,24px);padding-top:16px;display:flex}.wm-never{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:clamp(12px,1.4vw,13px);display:flex}.wm-never input{accent-color:var(--gold);cursor:pointer}.wm-nav{gap:8px;display:flex}.tutorial-card{background:linear-gradient(135deg, #261c12, var(--bg-1));border:1px solid var(--gold);border-radius:6px;padding:clamp(14px,2vw,18px)}.tutorial-card h3{color:var(--gold);align-items:center;gap:6px;margin:0 0 12px;font-size:clamp(14px,1.7vw,16px);display:flex}.tutorial-steps{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tutorial-step{color:var(--text-soft);background:var(--bg-2);border:1px solid var(--line-soft);border-radius:4px;align-items:center;gap:10px;padding:6px 8px;font-size:clamp(13px,1.5vw,14px);transition:opacity .2s;display:flex}.tutorial-step.done{opacity:.55;color:var(--text-dim);text-decoration:line-through}.tutorial-step .step-ico{text-align:center;flex-shrink:0;width:22px;font-size:16px}.tutorial-complete{border:1px solid var(--exp);text-align:center;background:linear-gradient(135deg,#2a3d1a,#1d2b12);border-radius:6px;padding:clamp(14px,2vw,18px)}.tutorial-complete h3{color:var(--exp);margin:0 0 8px;font-size:clamp(14px,1.7vw,16px)}.tutorial-complete p{color:var(--text-soft);margin:0 0 12px;font-size:clamp(12px,1.4vw,14px)}.tutorial-progress{color:var(--text-dim);align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.tutorial-progress-bar{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:999px;flex:1;height:6px;overflow:hidden}.tutorial-progress-fill{background:linear-gradient(90deg, var(--gold-deep), var(--gold));border-radius:999px;height:100%;transition:width .4s}.page-guide-backdrop{z-index:9000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-guide-modal{background:linear-gradient(160deg, var(--bg-2), var(--bg-1));border:1px solid var(--gold);border-radius:8px;width:92vw;max-width:400px;padding:24px;box-shadow:0 10px 40px #0009}.page-guide-title{color:var(--gold);margin:0 0 12px;font-size:16px;font-weight:700}.page-guide-body{color:var(--text-soft);word-break:keep-all;margin:0 0 18px;font-size:13.5px;line-height:1.6}.page-guide-close{background:linear-gradient(135deg, var(--gold-deep), var(--gold));color:var(--bg-0);cursor:pointer;border:none;border-radius:4px;padding:8px 20px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-block}.page-guide-close:hover{opacity:.85}.village-hero{border:1px solid var(--line);background:linear-gradient(135deg,#2b1a0a 0%,#1a1005 40%,#0f1a1e 100%);border-radius:12px;flex-direction:column;justify-content:flex-end;width:100%;min-height:clamp(100px,18vw,160px);padding:clamp(24px,5vw,48px) clamp(20px,4vw,40px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #00000080}.village-hero:before{content:"";pointer-events:none;background:radial-gradient(at 30% 60%,#b3531f1f 0%,#0000 60%),radial-gradient(at 80% 20%,#42a5f50f 0%,#0000 50%);position:absolute;inset:0}.village-hero-deco{opacity:.15;pointer-events:none;font-size:clamp(48px,8vw,80px);line-height:1;position:absolute;top:16px;right:clamp(16px,4vw,32px)}.village-hero-eyebrow{letter-spacing:1.5px;color:var(--gold-deep);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700;position:relative}.village-hero-name{color:var(--gold);letter-spacing:1px;text-shadow:0 2px 12px #000c;font-size:clamp(22px,4vw,36px);font-weight:700;position:relative}.village-hero-desc{color:var(--text-soft);word-break:keep-all;margin-top:6px;font-size:clamp(11px,1.4vw,13px);position:relative}.dest-section-title{color:var(--gold);align-items:center;gap:8px;margin:0 0 10px;font-size:clamp(13px,1.6vw,15px);font-weight:700;display:flex}.dest-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.dest-card{background:var(--bg-2);border:1px solid var(--line);text-align:center;cursor:pointer;color:var(--text);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:clamp(12px,2vw,18px) clamp(10px,1.5vw,14px);text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.dest-card:hover{border-color:var(--gold-deep);transform:translateY(-3px);box-shadow:0 6px 20px #00000073}.dest-card.highlight{border-color:var(--gold-deep);background:linear-gradient(135deg,#3a2510,#2a1a08);box-shadow:0 0 16px #b3531f33}.dest-card.highlight:hover{border-color:var(--gold);box-shadow:0 6px 24px #b3531f59}.dest-card-ico{font-size:clamp(24px,4vw,32px);line-height:1}.dest-card-name{color:var(--text);word-break:keep-all;font-size:clamp(12px,1.4vw,14px);font-weight:600}.dest-card.highlight .dest-card-name{color:var(--gold)}.dest-card-meta{color:var(--text-dim);word-break:keep-all;font-size:11px}.dest-card.highlight .dest-card-meta{color:var(--gold-deep)}.rumor-feed{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;overflow:hidden}.rumor-feed-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.rumor-feed-title{color:var(--gold);align-items:center;gap:6px;font-size:clamp(13px,1.6vw,15px);font-weight:700;display:flex}.rumor-live-dot{background:var(--exp);width:6px;height:6px;box-shadow:0 0 5px var(--exp);border-radius:50%;animation:1.6s ease-in-out infinite rumor-pulse}@keyframes rumor-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.rumor-item{border-bottom:1px solid var(--line-soft);align-items:flex-start;gap:10px;padding:10px 14px;transition:background .12s;display:flex}.rumor-item:last-child{border-bottom:none}.rumor-item:hover{background:var(--bg-2)}.rumor-item-ico{text-align:center;flex-shrink:0;width:24px;margin-top:1px;font-size:18px}.rumor-item-body{flex:1;min-width:0}.rumor-item-text{color:var(--text-soft);word-break:keep-all;font-size:13px;line-height:1.5}.rumor-item-text strong{color:var(--text)}.rumor-item-time{color:var(--text-dim);margin-top:2px;font-size:11px}.rumor-item-badge{border-radius:999px;flex-shrink:0;margin-top:2px;padding:2px 7px;font-size:10px}.rumor-item-badge.notice{color:var(--gold);background:#ff9d5c1a;border:1px solid #ff9d5c40}.rumor-item-badge.event{color:var(--mp);background:#42a5f51a;border:1px solid #42a5f533}.prf-page{max-width:1100px;margin:0 auto;padding:clamp(14px,3vw,28px) clamp(12px,2vw,24px)}.prf-page-title{margin-bottom:16px}.prf-page-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;font-size:10px}.prf-page-h1{color:var(--gold);margin:0;font-size:clamp(17px,2.5vw,21px)}.prf-layout{grid-template-columns:220px 1fr;align-items:start;gap:clamp(12px,2vw,20px);display:grid}@media (width<=700px){.prf-layout{grid-template-columns:1fr}}.prf-left{flex-direction:column;gap:10px;display:flex}.prf-left-card{background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:clamp(12px,2vw,16px)}.prf-avatar-wrap{text-align:center;border-bottom:1px solid var(--line-soft);margin-bottom:12px;padding-bottom:12px}.prf-avatar-img{border:3px solid var(--gold);background:linear-gradient(135deg,#2e1f0e,#4a321c);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 10px;font-size:38px;display:flex;box-shadow:0 0 16px #d4a54140}.prf-av-name{color:var(--gold);margin-bottom:3px;font-size:clamp(14px,1.8vw,16px);font-weight:700}.prf-av-sub{color:var(--text-dim);margin-bottom:7px;font-size:11px}.prf-av-badge{color:var(--gold-deep);background:var(--bg-2);border:1px solid var(--gold-deep);border-radius:999px;padding:2px 9px;font-size:10px;display:inline-block}.prf-char-exp-wrap{width:100%;margin-top:8px}.prf-char-exp-bar{background:var(--bg-2);border-radius:3px;height:6px;overflow:hidden}.prf-char-exp-fill{background:var(--gold);border-radius:3px;height:100%;transition:width .3s}.prf-char-exp-label{color:var(--text-dim);text-align:center;margin-top:3px;font-size:10px}.prf-left-exp{margin-bottom:10px}.prf-lexp-row{color:var(--text-dim);justify-content:space-between;margin-bottom:4px;font-size:10px;display:flex}.prf-lexp-track{background:var(--bg-3);border-radius:999px;height:7px;overflow:hidden}.prf-lexp-fill{background:linear-gradient(90deg, var(--exp), #8c4);border-radius:999px;height:100%}.prf-left-stats{flex-direction:column;gap:4px;display:flex}.prf-ls-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:3px 0;display:flex}.prf-ls-row:last-child{border-bottom:none}.prf-ls-label{color:var(--text-dim);font-size:11px}.prf-ls-val{color:var(--text);font-size:12px;font-weight:700}.prf-ls-val.gold{color:var(--gold)}.prf-ls-val.hp{color:var(--hp)}.prf-ls-val.mp{color:var(--mp)}.prf-guild-card{background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.prf-guild-head{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:10.5px}.prf-guild-body{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.prf-guild-ico{flex-shrink:0;font-size:20px}.prf-guild-text{flex:1;min-width:0}.prf-guild-name{color:var(--text);font-size:13px;font-weight:600}.prf-guild-meta{color:var(--text-dim);word-break:keep-all;margin-top:2px;font-size:11px}.prf-sec-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);border-bottom:1px solid var(--line-soft);margin-bottom:9px;padding-bottom:6px;font-size:10px}.prf-activities{flex-direction:column;gap:6px;display:flex}.prf-act-compact{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:7px;padding:8px 10px;position:relative;overflow:hidden}@keyframes prf-conic-spin{0%{--prf-conic-angle:0deg}to{--prf-conic-angle:360deg}}@keyframes prf-ico-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes prf-dot-blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes prf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@property --prf-conic-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.prf-act-compact--active{border-color:#0000}.prf-act-compact--active:before{content:"";background:conic-gradient(from var(--prf-conic-angle), transparent 0%, #d4a541b3 20%, transparent 40%);z-index:0;border-radius:9px;animation:3.5s linear infinite prf-conic-spin;position:absolute;inset:-2px}.prf-act-compact--active:after{content:"";background:var(--bg-2);z-index:1;border-radius:6px;position:absolute;inset:1px}.prf-act-compact--active>*{z-index:2;position:relative}.prf-act-compact--active .prf-ac-info{background:linear-gradient(90deg,#0000 0%,#d4a5410f 50%,#0000 100%) 0 0/200% 100%;border-radius:4px;animation:6s ease-in-out infinite prf-shimmer}.prf-act-compact--active .prf-ac-ico{animation:1.5s ease-in-out infinite prf-ico-pulse;display:inline-block}.prf-ac-dot{display:none}.prf-act-compact--active .prf-ac-dot{background:var(--exp);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:5px;animation:1.2s ease-in-out infinite prf-dot-blink;display:inline-block}@media (prefers-reduced-motion:reduce){.prf-act-compact--active:before,.prf-act-compact--active .prf-ac-ico{animation:none}.prf-act-compact--active .prf-ac-dot{opacity:1;animation:none}.prf-act-compact--active .prf-ac-info{animation:none}}.prf-ac-row{align-items:center;gap:7px;margin-bottom:6px;display:flex}.prf-ac-info{flex:1}.prf-ac-name{color:var(--text);word-break:keep-all;font-size:11.5px;font-weight:600}.prf-ac-sub{color:var(--text-dim);font-size:10px}.prf-ac-pct{color:var(--gold);font-size:11px;font-weight:700}.prf-ac-bar{background:var(--bg-3);border-radius:999px;height:4px;overflow:hidden}.prf-ac-fill{background:var(--exp);border-radius:999px;height:100%}.prf-quick-btns{grid-template-columns:1fr 1fr;gap:5px;display:grid}.prf-qb{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-dim);cursor:pointer;word-break:keep-all;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-family:inherit;font-size:11px;transition:background .14s,border-color .14s,color .14s;display:flex}.prf-qb:hover{background:var(--bg-3);border-color:var(--gold-deep);color:var(--gold)}.prf-qb.primary{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border-color:#8b6532}.prf-right{background:var(--bg-1);border:1px solid var(--line);border-radius:10px;overflow:hidden}.prf-tab-bar{background:var(--bg-0);border-bottom:1px solid var(--line);scrollbar-width:none;display:flex;overflow-x:auto}.prf-tab-bar::-webkit-scrollbar{display:none}.prf-tab-btn{min-width:60px;color:var(--text-dim);cursor:pointer;white-space:nowrap;word-break:keep-all;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:12px 8px;font-family:inherit;font-size:clamp(11px,1.4vw,13px);transition:color .14s,border-color .14s}.prf-tab-btn.active{color:var(--gold);border-bottom-color:var(--gold)}.prf-tab-btn:hover:not(.active){color:var(--text-soft)}.prf-tab-content{box-sizing:border-box;grid-template-rows:1fr;grid-template-columns:1fr;padding:clamp(14px,2.5vw,22px);display:grid}.prf-tab-panel{visibility:hidden;opacity:0;pointer-events:none;box-sizing:border-box;grid-area:1/1;width:100%;transition:opacity .15s}.prf-tab-panel.active{visibility:visible;opacity:1;pointer-events:auto}.prf-overview-2col{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=560px){.prf-overview-2col{grid-template-columns:1fr}}.prf-stat-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:7px;display:grid}.prf-stat-box{background:var(--bg-2);border:1px solid var(--line-soft);text-align:center;border-radius:8px;padding:9px 10px}.prf-sb-val{color:var(--gold);font-size:clamp(15px,2vw,19px);font-weight:700}.prf-sb-name{color:var(--text-dim);margin-top:2px;font-size:10px}.prf-sb-sub{color:var(--text-dim);font-size:10px}.prf-ach-row{flex-direction:column;gap:7px;display:flex}.prf-ach-item{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:7px;align-items:center;gap:9px;padding:8px 10px;display:flex}.prf-ai-ico{font-size:18px}.prf-ai-text{flex:1}.prf-ai-name{color:var(--gold);word-break:keep-all;font-size:12px;font-weight:600}.prf-ai-desc{color:var(--text-dim);font-size:10px}.prf-ai-date{color:var(--text-dim);white-space:nowrap;font-size:10px}.prf-growth-section{background:var(--bg-1);border:1px solid var(--line);border-radius:10px;margin-top:clamp(14px,2.5vw,22px);padding:clamp(12px,2.5vw,18px)}.prf-growth-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.prf-growth-title{color:var(--text);font-size:13px;font-weight:600}.prf-growth-sub{color:var(--text-dim);font-size:11px}.prf-growth-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.prf-growth-stat{background:var(--bg-2);border:1px solid var(--line-soft);text-align:center;border-radius:8px;padding:8px 6px}.prf-growth-stat-val{color:var(--gold);font-size:clamp(14px,2vw,16px);font-weight:700}.prf-growth-stat-label{color:var(--text-dim);word-break:keep-all;margin-top:2px;font-size:10.5px}.prf-growth-chart{border-bottom:1px solid var(--line-soft);align-items:flex-end;gap:4px;height:100px;display:flex}.prf-growth-bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.prf-growth-bar-value{color:var(--text-dim);text-align:center;white-space:nowrap;margin-bottom:3px;font-size:clamp(9px,1.1vw,10.5px)}.prf-growth-bar-fill{background:var(--bg-3);border-radius:3px 3px 0 0;width:100%;max-width:36px;min-height:4px}.prf-growth-bar-fill.peak{background:linear-gradient(180deg, #ffd166, var(--gold));box-shadow:0 0 8px #d4a54166}.prf-growth-bar-fill.today{border:2px solid var(--gold);background:linear-gradient(180deg, var(--gold), var(--exp));border-bottom:none}.prf-growth-bar-day{color:var(--text-dim);text-align:center;padding-top:5px;font-size:clamp(9px,1.1vw,10.5px)}.prf-growth-bar-day.today{color:var(--gold);font-weight:700}.prf-activity-log-section{background:var(--bg-1);border:1px solid var(--line);border-radius:10px;margin-top:14px;margin-bottom:18px;padding:clamp(14px,2vw,20px)}.prf-activity-log-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.prf-activity-log-item{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:7px;grid-template-columns:56px 28px 1fr auto;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:grid}.prf-activity-log-item.highlight{border-color:#d4a54166}.prf-al-time{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:10.5px}.prf-al-ico{text-align:center;font-size:16px}.prf-al-text{color:var(--text);word-break:keep-all}.prf-al-text strong{color:var(--gold);font-weight:600}.prf-al-meta{color:var(--text-dim);white-space:nowrap;font-size:10.5px}.prf-activity-log-item.highlight .prf-al-meta{color:var(--gold)}@media (width<=600px){.prf-activity-log-item{grid-template-rows:auto auto;grid-template-columns:48px 24px 1fr}.prf-al-meta{text-align:left;grid-area:2/2/auto/4}}.prf-equip-section{margin-bottom:18px}.prf-equip-section:last-child{margin-bottom:0}.prf-section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--line-soft);margin-bottom:10px;padding-bottom:5px;font-size:11px}.prf-equip-tab-grid{grid-template-columns:1fr 180px 1fr;align-items:center;gap:14px;display:grid}@media (width<=520px){.prf-equip-tab-grid{grid-template-columns:1fr 1fr}}.prf-equip-col{flex-direction:column;gap:9px;display:flex}.prf-eq-item{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:8px;align-items:center;gap:9px;padding:8px 10px;display:flex}.prf-eq-item.rarity-uncommon{border-color:#66bb6a80}.prf-eq-item.rarity-rare{border-color:#4285f480}.prf-eq-item.rarity-epic{border-color:#9c27b099}.prf-eq-item.rarity-legend{border-color:#d4a54199}.prf-ei-ico{flex-shrink:0;font-size:22px}.prf-ei-info{flex:1;min-width:0}.prf-ei-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.prf-ei-slot{color:var(--text-dim);font-size:10px}.prf-equip-center-char{border:2px solid var(--line);text-align:center;background:linear-gradient(#1a1005,#261808,#1a1005);border-radius:12px;padding:20px 10px}.prf-ecc-ico{font-size:clamp(48px,8vw,72px)}.prf-ecc-name{color:var(--gold);margin-top:8px;font-size:12px;font-weight:700}.prf-ecc-lv{color:var(--text-dim);font-size:10px}.prf-equip-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;display:grid}.prf-eq-slot{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:22px;display:flex}.prf-eq-slot span{color:var(--text-dim);font-size:10px}.prf-eq-slot.empty{opacity:.4}.prf-eq-slot.rarity-uncommon{border-color:#66bb6a80}.prf-eq-slot.rarity-rare{border-color:#4285f480}.prf-eq-slot.rarity-epic{border-color:#9c27b080}.prf-equip-effect-list{flex-direction:column;gap:6px;display:flex}.prf-effect-item{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-soft);border-radius:7px;padding:8px 12px;font-size:12px}.prf-detail-stats-group{margin-bottom:14px}.prf-detail-stats-group:last-child{margin-bottom:0}.prf-dsg-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px;font-size:10.5px}.prf-detail-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;display:grid}.prf-ds-card{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:7px;align-items:center;gap:8px;padding:8px 12px;display:flex}.prf-ds-name{color:var(--text-dim);word-break:keep-all;flex:1;font-size:11.5px}.prf-ds-val{color:var(--gold);text-align:right;font-size:13px;font-weight:700}.prf-ds-bonus{color:var(--text-dim);background:var(--bg-3);border:1px solid var(--line-soft);border-radius:999px;padding:1px 6px;font-size:10.5px}.prf-ds-bonus.good{color:var(--exp);border-color:#66bb6a66}.prf-skill-2col{flex-direction:column;gap:20px;display:flex}.prf-skill-group{flex-direction:column;gap:10px;display:flex}.prf-skill-group-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:1.1px;border-bottom:1px solid var(--line-soft);padding-bottom:6px;font-size:11px;font-weight:600}.prf-skill-rows{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}@media (width<=600px){.prf-skill-rows{grid-template-columns:1fr}}.prf-skill-row{align-items:center;gap:8px;display:flex}.prf-ski-ico{text-align:center;flex-shrink:0;width:22px;font-size:16px}.prf-ski-name{color:var(--text);word-break:keep-all;flex:1;font-size:12px}.prf-ski-lv{color:var(--gold);background:var(--bg-2);border:1px solid var(--gold-deep);text-align:center;border-radius:999px;min-width:34px;padding:1px 7px;font-size:11px;font-weight:700}.prf-ski-bar{background:var(--bg-3);border-radius:999px;flex:1.5;height:4px;overflow:hidden}.prf-ski-fill{background:var(--exp);border-radius:999px;height:100%}.prf-ach-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.prf-ac-card{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:8px;padding:11px 13px}.prf-ac-card.locked{opacity:.4}.prf-ac-card.unlocked .prf-acn{color:var(--gold)}.prf-ac-top{align-items:center;gap:8px;margin-bottom:5px;display:flex}.prf-ac-ico{font-size:20px}.prf-acn{word-break:keep-all;color:var(--text);flex:1;font-size:12px;font-weight:600}.prf-ac-badge{color:var(--gold);border:1px solid #d4a54166;border-radius:999px;padding:1px 6px;font-size:10px}.prf-ac-desc{color:var(--text-dim);font-size:11px}.prf-ac-date{color:var(--text-dim);margin-top:3px;font-size:10px}.prf-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.prf-stats-card{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:9px;padding:14px 16px}.prf-slabel{color:var(--text-dim);margin-bottom:4px;font-size:11px}.prf-sval{color:var(--gold);font-size:clamp(19px,2.7vw,25px);font-weight:700}.prf-sunit{color:var(--text-dim);font-size:10px}.prf-page-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.prf-search-row{align-items:center;gap:6px;display:flex}.prf-search-input{background:var(--bg-2);border:1px solid var(--line);min-width:160px;min-height:32px;color:var(--text);border-radius:6px;flex:1;padding:4px 10px;font-family:inherit;font-size:13px}.prf-search-input:focus{border-color:var(--gold);outline:none}.prf-search-btn,.prf-search-btn-reset{background:var(--bg-2);border:1px solid var(--line);min-height:32px;color:var(--text-soft);cursor:pointer;border-radius:6px;flex-shrink:0;padding:4px 12px;font-family:inherit;font-size:12px}.prf-search-btn:hover:not(:disabled),.prf-search-btn-reset:hover{border-color:var(--gold);color:var(--gold)}.prf-search-btn:disabled{opacity:.5;cursor:not-allowed}.prf-viewing-badge{color:var(--gold);background:#d4a5411a;border:1px solid #d4a54166;border-radius:4px;margin-top:8px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-block}@media (width<=560px){.prf-page-title-row{flex-direction:column;align-items:flex-start}.prf-search-row{width:100%}.prf-search-input{min-width:0}}.ccfg-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.ccfg-dialog{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;flex-direction:column;width:min(560px,100%);max-height:90vh;display:flex;box-shadow:0 8px 32px #0009}.ccfg-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px 10px;display:flex}.ccfg-header h2{color:var(--gold);margin:0;font-size:clamp(15px,1.8vw,17px)}.ccfg-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px;line-height:1}.ccfg-close:hover{color:var(--text);background:var(--bg-3)}.ccfg-body{flex-direction:column;gap:18px;padding:14px 18px;display:flex;overflow-y:auto}.ccfg-section h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:13px}.ccfg-slots{flex-direction:column;gap:6px;display:flex}.ccfg-slot{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;align-items:center;gap:10px;min-height:48px;padding:8px 10px;display:flex}.ccfg-slot-icon{text-align:center;flex-shrink:0;width:28px;font-size:22px}.ccfg-slot-info{flex:1;min-width:0}.ccfg-slot-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ccfg-slot-desc{color:var(--text-dim);margin-top:1px;font-size:11px}.ccfg-slot-clear{border:1px solid var(--line);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:12px}.ccfg-slot-clear:hover{color:var(--danger);border-color:var(--danger)}.ccfg-slot-add{border:1px dashed var(--line);color:var(--text-dim);cursor:pointer;text-align:left;background:0 0;border-radius:4px;width:100%;padding:6px 14px;font-family:inherit;font-size:12px}.ccfg-slot-add:hover{border-color:var(--gold-deep);color:var(--gold)}.ccfg-threshold{margin-top:8px}.ccfg-threshold label{color:var(--text-soft);flex-direction:column;gap:4px;font-size:12px;display:flex}.ccfg-threshold input[type=range]{width:100%;accent-color:var(--gold-deep)}.ccfg-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.ccfg-picker-overlay{z-index:300;background:#00000080;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.ccfg-picker{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;flex-direction:column;width:min(440px,100%);max-height:70vh;display:flex;box-shadow:0 8px 32px #0009}.ccfg-picker-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.ccfg-picker-header h3{color:var(--gold);margin:0;font-size:14px}.ccfg-picker-empty{color:var(--text-dim);text-align:center;padding:20px;font-size:13px}.ccfg-picker-list{flex-direction:column;gap:4px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto}.ccfg-picker-item{background:var(--bg-2);border:1px solid var(--line-soft);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.ccfg-picker-item:hover{border-color:var(--gold-deep);background:var(--bg-3)}.ccfg-picker-icon{text-align:center;flex-shrink:0;width:24px;font-size:20px}.ccfg-picker-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.ccfg-picker-desc{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;overflow:hidden}.ccfg-picker-qty{color:var(--gold);flex-shrink:0;font-size:12px}.buff-indicators{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.buff-chip{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--gold);border-radius:4px;padding:2px 8px;font-size:11px}.zone-tabs{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.zone-tab{background:var(--bg-2);min-height:34px;color:var(--text-soft);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:5px;padding:6px 12px;font-family:inherit;font-size:clamp(12px,1.4vw,13px);transition:border-color .15s,background .15s,color .15s}.zone-tab:hover:not(:disabled){background:var(--bg-3);color:var(--text)}.zone-tab.active{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border-color:#8b6532}.zone-tab:disabled{opacity:.45;cursor:not-allowed}.node-card{background:var(--bg-2);border:1px solid var(--line-soft);cursor:pointer;border-radius:5px;flex-direction:column;align-items:center;gap:2px;min-height:70px;padding:6px 4px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.node-card.node-combat-active{background:linear-gradient(135deg, #ef53501a, var(--bg-2));border-color:#ef535080;box-shadow:0 0 0 2px #ef535033}.node-card.node-combat-active:before{content:"";background:var(--hp);width:8px;height:8px;box-shadow:0 0 6px var(--hp);border-radius:50%;animation:1.4s ease-in-out infinite hunt-pulse;position:absolute;top:8px;right:8px}.node-card.node-combat-active .node-name{color:var(--hp)}@keyframes hunt-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.node-ico{font-size:clamp(20px,2.6vw,26px)}.node-name{color:var(--text);word-break:keep-all;text-align:center;font-size:clamp(10.5px,1.2vw,12px);font-weight:700;line-height:1.2}.node-lv{color:var(--text-dim);text-align:center;font-variant-numeric:tabular-nums;font-size:10px}.node-meta{grid-template-columns:1fr 1fr;gap:1px 6px;display:grid}.node-meta-row{justify-content:space-between;align-items:center;gap:2px;font-size:10px;display:flex}.badge-combat-active{color:var(--hp);background:#ef535026;border:1px solid #ef535066}.node-cycle-bar{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:999px;height:4px;margin-top:2px;overflow:hidden}.node-cycle-fill-combat{background:linear-gradient(90deg, #b71c1c, var(--hp));border-radius:999px;height:100%;transition:width .5s ease-out}.battle-scene{background:linear-gradient(180deg, #2a1208, var(--bg-1));border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 56px 1fr;align-items:center;gap:16px;padding:clamp(16px,2.5vw,24px);display:grid;position:relative}@media (width<=600px){.battle-scene{grid-template-columns:1fr}.battle-scene .vs-label{text-align:center}}.combatant{text-align:center;position:relative}.floating-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.floating-num{color:var(--hp);text-shadow:0 1px 4px #000c;white-space:nowrap;font-size:22px;font-weight:700;animation:1.1s ease-out forwards float-up;position:absolute;top:30%;left:50%;transform:translate(-50%)}.floating-num.kind-heal{color:var(--exp)}.floating-num.kind-crit{color:#ffd166;text-shadow:0 0 6px #ffd16699,0 1px 4px #000c;font-size:28px}.floating-num.kind-miss{color:var(--text-dim);font-size:18px}@keyframes float-up{0%{opacity:0;transform:translate(-50%)translateY(0)}15%{opacity:1}60%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-50px)}}.kill-reward-panel{border:2px solid var(--gold);z-index:20;pointer-events:none;background:linear-gradient(#2e1f0ef5,#1c1208f5);border-radius:10px;min-width:200px;padding:16px 20px;animation:2.5s ease-out forwards kill-reward-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #d4a54166}.krp-header{border-bottom:1px solid var(--gold-deep,#7a5c20);align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;display:flex}.krp-ico{color:var(--gold);font-size:18px}.krp-name{color:var(--gold);font-size:14px;font-weight:700}.krp-rewards{flex-direction:column;gap:4px;display:flex}.krp-item{color:var(--text);justify-content:space-between;gap:8px;font-size:12px;display:flex}.krp-label{color:var(--text-dim)}.krp-drop.rarity-uncommon{color:var(--exp)}.krp-drop.rarity-rare{color:var(--mp)}.krp-drop.rarity-epic{color:var(--crystal,#b39ddb)}.krp-drop.rarity-legend{color:var(--gold)}@keyframes kill-reward-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-55%)scale(.95)}}.combatant .portrait{filter:drop-shadow(0 4px 10px #0009);margin-bottom:8px;font-size:clamp(44px,7vw,68px);line-height:1}.combatant .cbt-name{color:var(--gold);margin-bottom:6px;font-size:clamp(13px,1.6vw,15px);font-weight:700}.combatant .cbt-name.enemy{color:var(--hp)}.combatant .cbt-hp-text{color:var(--text-soft);margin-top:4px;font-size:11.5px}.vs-label{color:var(--danger);text-align:center;text-shadow:0 0 16px #ff767680;font-size:clamp(22px,3.5vw,30px);font-weight:900}.combat-log{background:var(--bg-0);border:1px solid var(--line-soft);scrollbar-width:thin;scrollbar-color:var(--line) transparent;border-radius:8px;flex-direction:column;gap:4px;max-height:180px;padding:10px 12px;font-size:12px;display:flex;overflow-y:auto}.log-sys{color:var(--text-dim)}.log-cmb{color:var(--text-soft)}.log-rwd{color:var(--gold);font-weight:600}.reward-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;display:grid}.reward-card{background:var(--bg-2);border:1px solid var(--line-soft);text-align:center;border-radius:8px;padding:10px 8px}.reward-card .rc-num{color:var(--gold);font-variant-numeric:tabular-nums;font-size:clamp(17px,2.2vw,21px);font-weight:700}.reward-card .rc-lbl{color:var(--text-dim);margin-top:2px;font-size:11px}.loot-item-list{flex-wrap:wrap;gap:6px;padding:8px 0 2px;display:flex}.loot-item-chip{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-soft);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:inline-flex}.loot-item-chip .lic-qty{color:var(--gold);font-weight:600}.speed-row .speed-label{color:var(--text-dim);margin-right:4px;font-size:12px}.speed-row button{background:var(--bg-2);border:1px solid var(--line);min-height:28px;color:var(--text-soft);cursor:pointer;border-radius:4px;padding:4px 14px;font-family:inherit;font-size:12px;transition:background .15s,color .15s}.speed-row button.locked{opacity:.55;cursor:not-allowed}.hunt-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.active-buffs{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:6px;flex-direction:column;gap:4px;margin-top:8px;padding:8px;display:flex}.active-buff-row{grid-template-columns:24px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.active-buff-name{color:var(--text);font-weight:600}.active-buff-effect{color:var(--gold);margin-top:1px;font-size:11px}.active-buff-remaining{color:var(--text-dim);white-space:nowrap;font-size:11px}.hunt-progress-wrap{margin-bottom:12px}.hunt-progress-label{color:var(--text-dim);margin-bottom:4px;font-size:13px}.hunt-progress-bar{background:var(--bg-deep,var(--bg-0));border-radius:3px;height:6px;overflow:hidden}.hunt-progress-fill{background:var(--gold);border-radius:3px;height:100%;transition:width .2s}.hunt-target-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hunt-target-row label{color:var(--text-soft);align-items:center;gap:6px;font-size:14px;display:flex}.hunt-target-row input[type=number]{background:var(--bg-2);width:72px;color:var(--text);border:1px solid var(--border,var(--line));border-radius:4px;padding:4px 6px;font-family:inherit;font-size:13px}.hunt-target-row input[type=checkbox]{accent-color:var(--gold)}.activity-grid.running{grid-template-columns:1fr}.activity-grid.running .activity-col-right{order:-1}@media (width<=768px){.activity-grid{grid-template-columns:1fr}}.map-select{flex-direction:column;gap:10px;display:flex}.map-cat-tabs{flex-wrap:wrap;gap:6px;display:flex}.map-cat{background:var(--bg-2);min-height:30px;color:var(--text-dim);border:1px solid var(--line-soft);cursor:pointer;white-space:nowrap;border-radius:4px;padding:5px 11px;font-family:inherit;font-size:clamp(11px,1.3vw,12px);transition:border-color .15s,background .15s,color .15s}.map-cat:hover{background:var(--bg-3);color:var(--text-soft)}.map-cat.active{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border-color:#8b6532}.map-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.map-card{background:var(--bg-2);border:1px solid var(--line-soft);cursor:pointer;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.map-card:hover:not(.locked){border-color:var(--gold);transform:translateY(-1px);box-shadow:0 2px 10px #00000059}.map-card.active{background:linear-gradient(135deg, #ff9d5c14, var(--bg-2));border-color:#ff9d5c99}.map-card.locked{opacity:.5;cursor:not-allowed}.map-card.too-low{opacity:.7}.mc-header{align-items:center;gap:8px;display:flex}.mc-ico{flex-shrink:0;font-size:20px;line-height:1}.mc-title{flex-direction:column;gap:2px;min-width:0;display:flex}.mc-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(12px,1.4vw,13px);font-weight:700;overflow:hidden}.mc-lv{color:var(--text-dim);font-size:10.5px}.mc-info{flex-wrap:wrap;gap:4px;display:flex}.mc-stat{background:var(--bg-1);border:1px solid var(--line-soft);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:10.5px}.mc-stat.member{color:var(--gold);background:#ff9d5c14;border-color:#ff9d5c4d}.mc-stat.current{color:var(--success,#66bb6a);background:#66bb6a14;border-color:#66bb6a4d}.speed-section{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.ss-label{color:var(--text-dim);white-space:nowrap;font-size:12px}.speed-toggle{gap:6px;display:flex}.speed-btn{background:var(--bg-3);border:1px solid var(--line);min-height:30px;color:var(--text-soft);cursor:pointer;border-radius:5px;align-items:center;gap:4px;padding:5px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:flex}.speed-btn.active{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border-color:#8b6532}.speed-btn.locked{opacity:.45;cursor:not-allowed}.speed-btn.member-only:not(.active){border-color:#ff9d5c59}.member-mark{color:var(--gold);font-size:11px}.ss-hint{color:var(--text-dim);white-space:nowrap;font-size:11px}.node-card.node-selected{background:linear-gradient(135deg, #ff9d5c12, var(--bg-2));border-color:#ff9d5c80}.badge-selected{color:var(--gold);background:#ff9d5c26;border:1px solid #ff9d5c66}.btn.danger{color:#ffcdd2;background:linear-gradient(#8b1a1a,#5c1010);border:1px solid #ef535066}.btn.danger:hover{background:linear-gradient(#a52020,#6e1212)}.btn.disabled{opacity:.45;cursor:not-allowed}.drops-section{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:8px;margin-bottom:14px;padding:10px 12px}.drops-label{color:var(--text-dim);margin-bottom:6px;font-size:12px;font-weight:600}.drops-list{flex-wrap:wrap;gap:6px;display:flex}.drop-chip{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-soft);border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;display:inline-flex}.drop-name{font-weight:500}.drop-rate{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:10.5px}.drop-chip.rarity-common{border-color:var(--line)}.drop-chip.rarity-uncommon{color:var(--exp);border-color:#66bb6a66}.drop-chip.rarity-rare{color:var(--mp);border-color:#40c4ff66}.drop-chip.rarity-epic{color:var(--crystal,#b39ddb);border-color:#b39ddb66}.drop-chip.rarity-legendary,.drop-chip.rarity-legend{color:var(--gold);border-color:#ff9d5c73}.milestone-chip.reached .ms-ico{font-size:13px}.sic-tool-row{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.sic-tool-ico{background:var(--bg-0);border:1px solid var(--line);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.sic-tool-label{color:var(--text-soft);word-break:keep-all;flex:1}.sic-tool-name{color:var(--text);font-weight:600}.sic-tool-lv{color:var(--gold);background:var(--bg-0);border:1px solid var(--line-soft);white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:11px}.g-skill-tabs{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:6px;margin-bottom:4px;display:grid}.g-skill-tabs button{background:var(--bg-2);min-height:52px;color:var(--text-soft);border:1px solid var(--line);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;font-family:inherit;font-size:clamp(13px,1.5vw,14px);transition:border-color .15s,background .15s;display:flex}.g-skill-tabs button:hover{background:var(--bg-3);color:var(--text)}.g-skill-tabs button.active{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border-color:#8b6532}.g-skill-tabs button .tab-ico{font-size:22px;line-height:1}.g-skill-tabs button .tab-meta{color:var(--text-dim);font-size:11px}.g-skill-tabs button.active .tab-meta{color:var(--gold-deep)}.node-section-title{color:var(--gold);letter-spacing:.3px;margin:0;font-size:clamp(13px,1.6vw,15px);font-weight:700}.node-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.node-card{background:var(--bg-2);border:1px solid var(--line-soft);cursor:pointer;border-radius:10px;flex-direction:column;gap:8px;padding:clamp(12px,1.8vw,16px);transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.node-card:hover:not(.node-locked){border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 16px #0006}.node-card.node-active{border-color:var(--exp);background:linear-gradient(135deg, #2e7d3226, var(--bg-2));box-shadow:0 0 0 2px #66bb6a33}.node-card.node-locked{opacity:.55;cursor:not-allowed}.node-card .node-ico{font-size:clamp(28px,5vw,36px)}.node-card .node-name{color:var(--text);word-break:keep-all;font-size:clamp(13px,1.6vw,15px);font-weight:700}.node-card.node-active .node-name{color:var(--exp)}.node-meta{flex-direction:column;gap:3px;display:flex}.node-meta-row{justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.node-meta-label{color:var(--text-dim)}.node-meta-val{color:var(--text-soft)}.node-status-badge{border-radius:999px;align-self:flex-start;align-items:center;gap:4px;margin-top:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-active{color:var(--exp);background:#66bb6a2e;border:1px solid #66bb6a66}.badge-available{color:var(--gold);background:#ff9d5c1a;border:1px solid #ff9d5c4d}.badge-locked{background:var(--bg-0);border:1px solid var(--line-soft);color:var(--text-dim)}.member-badge{border:1px solid var(--gold-deep);color:var(--gold);vertical-align:middle;background:#ff9d5c1f;border-radius:999px;align-items:center;gap:3px;margin-left:4px;padding:1px 6px;font-size:10px;display:inline-flex}.node-lock-overlay{pointer-events:none;background:#00000038;border-radius:10px;justify-content:center;align-items:center;font-size:22px;display:flex;position:absolute;inset:0}.node-card.node-active:before{content:"";background:var(--exp);width:8px;height:8px;box-shadow:0 0 6px var(--exp);border-radius:50%;animation:1.4s ease-in-out infinite pulse;position:absolute;top:8px;right:8px}.node-drops{border-top:1px solid var(--line-soft);flex-wrap:wrap;gap:4px;padding-top:6px;display:flex}.node-drop-row{color:var(--text-soft);background:var(--bg-0);border:1px solid var(--line-soft);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:inline-flex}.drop-ico{font-size:13px;line-height:1}.drop-name{color:var(--text)}.drop-chance{color:var(--text-dim);font-variant-numeric:tabular-nums}.drop-chip{border:1px solid var(--line);color:var(--text-dim);border-radius:999px;padding:1px 5px;font-size:10px}.drop-chip.r-rare{color:#88b4ff;border-color:#4f8df0}.drop-chip.r-epic{color:#d8aae8;border-color:#ce93d8}.drop-chip.r-legend{color:var(--gold);border-color:var(--gold)}.gear-warn{border:1px solid var(--danger);color:#ffb0b0;background:#ef535014;border-radius:6px;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:flex}.float-gain{color:var(--gold);pointer-events:none;text-shadow:0 2px 6px #0009;font-size:18px;font-weight:700;animation:1.2s ease-out forwards float-gain-anim;position:absolute}@keyframes float-gain-anim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}.node-card.pulse .node-ico{animation:.4s ease-out rc-shake}@keyframes rc-shake{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.08)rotate(-3deg)}75%{transform:scale(1.05)rotate(3deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.node-detail-card{flex-direction:column;width:clamp(320px,92vw,560px);max-height:88vh;display:flex}.node-detail-header{border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg, var(--bg-2), var(--bg-1));align-items:center;gap:12px;padding:16px 18px;display:flex}.node-detail-ico{flex-shrink:0;font-size:32px;line-height:1}.node-detail-title{color:var(--gold);word-break:keep-all;flex:1;font-size:clamp(15px,1.9vw,18px);font-weight:700}.node-detail-body{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.node-detail-body::-webkit-scrollbar{width:4px}.node-detail-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.node-detail-cols{border-bottom:1px solid var(--line-soft);grid-template-columns:1fr 1fr;gap:0;display:grid}@media (width<=480px){.node-detail-cols{grid-template-columns:1fr}}.node-detail-col{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.node-detail-col+.node-detail-col{border-left:1px solid var(--line-soft)}@media (width<=480px){.node-detail-col+.node-detail-col{border-left:none;border-top:1px solid var(--line-soft)}}.node-info-row{border-bottom:1px dashed var(--line-soft);justify-content:space-between;align-items:center;padding:5px 0;font-size:12.5px;display:flex}.node-info-row:last-child{border-bottom:none}.node-detail-tip{color:var(--text-dim);word-break:keep-all;border-bottom:1px solid var(--line-soft);padding:10px 16px;font-size:11.5px}.node-detail-footer{background:var(--bg-2);border-top:1px solid var(--line-soft);justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.drop-item-row{border-bottom:1px dashed var(--line-soft);align-items:center;gap:8px;padding:6px 0;font-size:12.5px;display:flex}.drop-item-row:last-child{border-bottom:none}.drop-item-ico{flex-shrink:0;font-size:18px}.drop-item-name{word-break:keep-all;flex:1}.drop-grade-normal{color:var(--text-soft)}.drop-grade-good{color:var(--exp)}.drop-grade-rare{color:#60a5fa}.drop-grade-epic{color:#c084fc}.drop-grade-legend{color:var(--gold)}.drop-pct-badge{white-space:nowrap;background:var(--bg-0);border:1px solid var(--line-soft);color:var(--text-dim);border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:11px;font-weight:700}.drop-pct-badge.pct-100{color:var(--exp);border-color:#66bb6a59}.drop-pct-badge.pct-mid{color:var(--gold);border-color:#ff9d5c4d}.drop-pct-badge.pct-rare{color:#60a5fa;border-color:#60a5fa4d}.drop-pct-badge.pct-epic{color:#c084fc;border-color:#c084fc4d}.budget-section{border-top:1px solid var(--line-soft);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.budget-section-label{color:var(--text-soft);font-size:11.5px;font-weight:700}.budget-row{align-items:center;gap:8px;display:flex}.budget-input{background:var(--bg-0);border:1px solid var(--line);width:60px;color:var(--gold);text-align:center;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:700}.budget-input:focus{border-color:var(--gold);outline:none}.budget-max{color:var(--text-dim);font-size:12px}.budget-quick-row{flex-wrap:wrap;gap:6px;display:flex}.budget-quick{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-soft);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px;transition:border-color .1s,color .1s}.budget-quick:hover{border-color:var(--gold);color:var(--gold)}.budget-quick.active{border-color:var(--gold);color:var(--gold);background:#4a321c80}.budget-estimate{color:var(--text-dim);padding-top:2px;font-size:11px}.activity-conflict-warn{color:var(--danger);word-break:keep-all;margin-top:3px;font-size:11px}.dungeon-floors{grid-template-columns:repeat(10,1fr);gap:4px;margin:12px 0;display:grid}@media (width<=600px){.dungeon-floors{grid-template-columns:repeat(5,1fr)}}.dungeon-floor{aspect-ratio:1;background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-dim);-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;font-size:clamp(11px,1.4vw,14px);font-weight:600;display:flex}.dungeon-floor.cleared{color:#fff;background:linear-gradient(#2e7d32,#1b5e20);border-color:#4caf50}.dungeon-floor.current{color:var(--gold);border-color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);animation:1.5s ease-in-out infinite floor-pulse}.dungeon-floor.boss{color:var(--danger);border-color:var(--danger);background:#3a1f1f}@keyframes floor-pulse{0%,to{box-shadow:0 0 #ff9d5c99}50%{box-shadow:0 0 0 6px #ff9d5c00}}.room-detail{background:var(--bg-2);border:1px solid var(--line);text-align:center;border-radius:6px;padding:16px}.room-detail .room-icon{filter:drop-shadow(0 4px 8px #00000080);margin-bottom:8px;font-size:clamp(40px,6vw,56px);line-height:1}.room-detail h3{color:var(--gold);margin:0 0 4px;font-size:clamp(15px,1.8vw,17px)}.room-detail p{color:var(--text-soft);margin:0;font-size:clamp(12px,1.4vw,13px)}.battle-mini{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:4px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.battle-mini .battle-side{flex:1;min-width:140px}.battle-mini .battle-name{color:var(--text-soft);margin-bottom:4px;font-size:13px}.battle-mini .battle-name.enemy{color:#ff9494;margin-top:6px}.battle-mini .battle-vs{color:var(--danger);flex-shrink:0;font-size:18px;font-weight:700}.bar-gap{margin-top:4px}.speed-row{align-items:center;gap:6px;margin-bottom:12px;display:flex}.speed-row .label{color:var(--text-dim);margin-right:4px;font-size:12px}.speed-row button{background:var(--bg-2);border:1px solid var(--line);min-height:28px;color:var(--text-soft);cursor:pointer;border-radius:4px;padding:4px 12px;font-family:inherit;font-size:12px}.speed-row button.active{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border-color:#8b6532}.speed-row button.member-only:not(.active):not(.locked){border-color:#ff9d5c66}.speed-row button.member-only.locked{opacity:.55;cursor:not-allowed}.dungeon-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.dungeon-controls .warn-text{color:var(--text-dim);font-size:clamp(12px,1.4vw,13px)}.dungeon-controls .btn-group{flex-wrap:wrap;gap:8px;display:flex}.member-badge{color:var(--gold);border:1px solid var(--gold-deep);background:#ff9d5c1f;border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.drop-preview{border-top:1px solid var(--line-soft);text-align:left;margin-top:10px;padding-top:8px}.drop-preview-label{color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:10px;display:block}.drop-preview-items{flex-wrap:wrap;gap:4px;display:flex}.drop-chip{white-space:nowrap;border:1px solid #0000;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}.drop-chip.rarity-rare{color:#88b4ff;background:#4f8df01f;border-color:#4f8df0}.drop-chip.rarity-epic{color:#d8aae8;background:#ce93d81f;border-color:#ce93d8}.drop-chip.rarity-legend{color:var(--gold);border-color:var(--gold-deep);background:#ff9d5c1f}.crafting-page{flex-direction:column;gap:16px;display:flex}.skill-info-card{background:var(--bg-1);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:14px;padding:clamp(14px,2vw,20px);display:flex}.sic-exp-row{flex-direction:column;gap:4px;display:flex}.sic-exp-label{color:var(--text-dim);justify-content:space-between;font-size:11.5px;display:flex}.sic-exp-label .exp-pct{color:var(--exp);font-weight:600}.milestone-chip .ms-pct{font-size:12px;font-weight:700}.sic-bonus-row{color:var(--gold);background:#4a321c4d;border:1px solid #ff9d5c33;border-radius:6px;padding:6px 10px;font-size:12px}.craft-layout{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}@media (width>=640px){.craft-layout{grid-template-columns:1fr 1fr}}.recipe-list-panel{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.recipe-list-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:10px 14px;display:flex}.recipe-list-title{color:var(--gold);flex:1;font-size:13px;font-weight:600}.recipe-skill-lv{color:var(--text-dim);background:var(--bg-2);border:1px solid var(--line-soft);border-radius:999px;padding:2px 8px;font-size:11px}.recipe-skill-bar-wrap{border-bottom:1px solid var(--line-soft);flex-direction:column;gap:3px;padding:8px 14px 10px;display:flex}.recipe-skill-bar-label{color:var(--text-dim);justify-content:space-between;font-size:11px;display:flex}.recipe-subcat-buttons{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;gap:6px;padding:10px 14px;display:flex}.recipe-subcat-btn{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:12px;transition:background .12s,color .12s,border-color .12s}.recipe-subcat-btn:hover{background:var(--bg-3);color:var(--text-soft)}.recipe-subcat-btn.active{color:var(--gold);border-color:var(--gold-deep);background:linear-gradient(#4a321ccc,#4a321c66);font-weight:600}.recipe-subcat-btn.disabled,.recipe-subcat-btn:disabled{pointer-events:none;opacity:.4}.subcat-count{opacity:.7;font-weight:400}.recipe-card-items{flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.recipe-card{border-bottom:1px solid var(--line-soft);cursor:pointer;align-items:center;gap:10px;padding:10px 14px;transition:background .12s;display:flex}.recipe-card:last-child{border-bottom:none}.recipe-card:hover{background:var(--bg-2)}.recipe-card.sel{border-left:3px solid var(--gold);background:linear-gradient(90deg,#4a321c80,#4a321c26)}.recipe-card.locked{opacity:.45;cursor:not-allowed}.recipe-card.disabled{pointer-events:none;opacity:.4}.recipe-card-ico{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.recipe-card.sel .recipe-card-ico{border-color:var(--gold-deep)}.recipe-card-body{flex:1;min-width:0}.recipe-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.recipe-card-meta{color:var(--text-dim);margin-top:2px;font-size:11px}.recipe-card-status{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:11px}.recipe-card-status.ok{color:var(--exp);background:#66bb6a1f;border:1px solid #66bb6a4d}.recipe-card-status.lack{color:var(--danger);background:#ff76761a;border:1px solid #ff767640}.recipe-card-status.locked{color:var(--text-dim);background:var(--bg-2);border:1px solid var(--line-soft)}.recipe-detail-panel{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.recipe-detail-hero{background:linear-gradient(135deg, var(--bg-2), var(--bg-1));border-bottom:1px solid var(--line-soft);align-items:flex-start;gap:14px;padding:16px;display:flex}.recipe-detail-ico{background:var(--bg-0);border:2px solid var(--line);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.recipe-detail-info{flex:1;min-width:0}.recipe-detail-name{color:var(--gold);margin:0 0 4px;font-size:clamp(15px,2vw,18px);font-weight:700}.recipe-detail-grade{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--exp);border-radius:999px;margin-bottom:6px;padding:2px 8px;font-size:11px;display:inline-block}.recipe-stat-row{flex-wrap:wrap;gap:8px;display:flex}.recipe-stat{color:var(--text-soft);background:var(--bg-2);border:1px solid var(--line-soft);border-radius:4px;padding:3px 9px;font-size:12px}.recipe-stat strong{color:var(--text)}.recipe-detail-body{flex-direction:column;flex:1;gap:12px;padding:14px 16px;display:flex}.recipe-section-title{color:var(--text-dim);letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700}.recipe-materials{flex-direction:column;gap:6px;display:flex}.recipe-material{background:var(--bg-2);border:1px solid var(--line-soft);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;transition:background .12s,border-color .12s;display:flex}.recipe-material:hover{background:var(--bg-3);border-color:var(--gold)}.recipe-material-ico{text-align:center;flex-shrink:0;width:24px;font-size:18px}.recipe-material-name{color:var(--text);flex:1;font-size:13px}.recipe-material-qty{white-space:nowrap;font-size:12px;font-weight:600}.recipe-material-qty.ok{color:var(--exp)}.recipe-material-qty.lack{color:var(--danger)}.mat-per{opacity:.7;font-weight:400}.recipe-cycle-info{color:var(--text-dim);background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;flex-direction:column;gap:4px;padding:8px 12px;font-size:12px;display:flex}.recipe-cycle-info .ci-row{justify-content:space-between;display:flex}.recipe-cycle-info .ci-val{color:var(--text-soft);font-weight:600}.recipe-cycle-info .ci-val.ok{color:var(--exp)}.recipe-cycle-info .ci-val.warn{color:var(--danger)}.craft-progress-wrap{flex-direction:column;gap:4px;display:flex}.craft-progress-label{color:var(--text-dim);justify-content:space-between;font-size:11.5px;display:flex}.craft-progress-bar{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:999px;height:6px;overflow:hidden}.craft-progress-fill{background:linear-gradient(90deg, var(--exp), #8bc34a);border-radius:999px;width:0%;height:100%;transition:width .2s linear}.recipe-qty-wrap{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.recipe-qty-input{background:var(--bg-2);border:1px solid var(--line-soft);width:60px;color:var(--text);text-align:center;border-radius:6px;padding:6px 8px;font-family:inherit;font-size:13px}.recipe-qty-input:focus{border-color:var(--gold-deep);outline:none}.recipe-qty-btn{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-soft);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px;transition:background .12s,color .12s,border-color .12s}.recipe-qty-btn:hover{background:var(--bg-3);color:var(--text)}.recipe-qty-btn.active{color:var(--gold);border-color:var(--gold-deep);background:linear-gradient(#4a321c,#3a2515)}.recipe-cta{cursor:pointer;word-break:keep-all;text-align:center;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:44px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s;display:flex}.recipe-cta.can-craft{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border-color:#8b6532}.recipe-cta.can-craft:hover{background:#5a3c22}.recipe-cta.cannot-craft{background:var(--bg-2);color:var(--text-dim);border-color:var(--line-soft);cursor:not-allowed}.recipe-cta.crafting{color:var(--exp);background:linear-gradient(#2a3a1c,#1e2d14);border-color:#4a7a2a}.recipe-cta.crafting:hover{filter:brightness(1.1);background:#1e2d14}.ingredient-clickable{cursor:pointer}.source-popup-overlay{z-index:400;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.source-popup{background:var(--bg-1);border:1px solid var(--gold);border-radius:8px;flex-direction:column;width:100%;max-width:400px;max-height:80vh;display:flex;overflow:hidden}.source-popup-header{background:var(--bg-2);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.source-popup-title{color:var(--gold);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.source-popup-close{color:var(--text-soft);cursor:pointer;background:0 0;border:none;padding:2px 8px;font-size:16px}.source-popup-empty{text-align:center;color:var(--text-dim);padding:24px 14px;font-size:13px}.source-popup-list{margin:0;padding:4px 0;list-style:none;overflow-y:auto}.source-popup-item{cursor:pointer;border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:10px 14px;transition:background .1s;display:flex}.source-popup-item:last-child{border-bottom:none}.source-popup-item:hover{background:var(--bg-2)}.source-type-badge{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-soft);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px}.source-type-badge.t-gather{color:#8bc34a;border-color:#4a7a30}.source-type-badge.t-craft{color:var(--gold);border-color:var(--gold-deep)}.source-type-badge.t-crystal-shop{color:#b88dff;border-color:#6d4ba8}.source-text{flex:1;min-width:0}.source-label{color:var(--text);font-size:13px;font-weight:500}.source-detail{color:var(--text-dim);margin-top:2px;font-size:11.5px}.source-arrow{color:var(--text-dim);flex-shrink:0;font-size:18px}.big-tabs{background:var(--bg-1);border:1px solid var(--line);border-radius:6px;gap:6px;margin-bottom:14px;padding:4px;display:flex}.big-tabs button{min-height:44px;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-family:inherit;font-size:clamp(14px,1.7vw,16px);display:inline-flex}.big-tabs button.active{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532}.curve{background:var(--bg-1);border:1px solid var(--line);color:var(--text-soft);border-radius:6px;margin-bottom:14px;padding:14px;font-size:12.5px}.curve b{color:var(--gold)}.curve table{border-collapse:collapse;width:100%;margin-top:8px;font-size:12px}.curve th,.curve td{text-align:center;border-bottom:1px solid var(--line-soft);padding:6px 8px}.curve th{color:var(--gold);font-weight:600}.curve td:first-child,.curve th:first-child{text-align:left;color:var(--text-dim)}.curve .hl{color:var(--gold);font-weight:600}.cat-filter{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.cat-filter button{background:var(--bg-2);min-height:32px;color:var(--text-soft);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:12px}.cat-filter button.active{background:var(--bg-3);color:var(--gold);border-color:var(--gold)}.skill-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:14px;display:grid}@media (width<=768px){.skill-grid{grid-template-columns:1fr}}.skill{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;padding:14px;display:flex;position:relative}.skill.locked{opacity:.65}.skill .top{align-items:center;gap:10px;display:flex}.skill .ico{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.skill h3{color:var(--gold);margin:0;font-size:clamp(15px,1.8vw,17px)}.skill .lvl-badge{background:var(--bg-0);border:1px solid var(--gold-deep);color:var(--gold);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:12px;font-weight:700}.cat-badge{border:1px solid;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.cat-gather{color:#a5d6a7;background:#66bb6a1f;border-color:#4caf50}.cat-craft{color:#ffcc80;background:#ffa7261f;border-color:#ffa726}.cat-farm{color:#e6ee9c;background:#cddc391f;border-color:#cddc39}.cat-social{color:#e1bee7;background:#ce93d81f;border-color:#ce93d8}.skill .exp-row{color:var(--text-dim);font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:4px;font-size:11.5px;display:flex}.gear-row{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:4px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.gear-row .g{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:flex}.gear-row .g.empty{color:var(--danger);border-color:var(--danger);opacity:.7}.gear-row .gear-name{min-width:0;color:var(--text-soft);flex:1}.gear-row .gear-name b{color:var(--text)}.gear-row .gear-name .muted{color:var(--text-dim)}.mastery{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:4px;padding:8px 12px;font-size:12px}.mastery .row{justify-content:space-between;padding:2px 0;display:flex}.mastery .row.total{color:var(--gold);border-top:1px solid var(--line);margin-top:4px;padding-top:6px;font-size:14px;font-weight:700}.mastery .v-up{color:#66bb6a}.mastery .v-down{color:var(--danger)}.ms-section{margin-top:2px}.ms-header{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:11px;display:flex}.ms-header b{color:var(--gold);font-size:13px}.ms-list{flex-direction:column;gap:4px;display:flex}.ms-row{background:var(--bg-2);border-left:3px solid #0000;border-radius:4px;grid-template-columns:22px 48px 22px 1fr auto;align-items:center;gap:10px;padding:8px 10px 8px 8px;font-size:13px;display:grid}.ms-row .mark{text-align:center;font-size:14px;line-height:1}.ms-row .pct{text-align:center;font-variant-numeric:tabular-nums;background:var(--bg-0);border-radius:3px;padding:3px 4px;font-size:12px;font-weight:700}.ms-row .icon{text-align:center;font-size:16px;line-height:1}.ms-row .label{word-break:keep-all;font-size:12.5px;line-height:1.3}.ms-row .progress{color:var(--text-dim);white-space:nowrap;font-size:10.5px}.ms-row.unlocked{background:#4caf5014;border-left-color:#4caf50}.ms-row.unlocked .mark{color:#66bb6a}.ms-row.unlocked .pct{color:#c8e6c9;background:#4caf502e}.ms-row.unlocked .label{color:var(--text)}.ms-row.next{border-left-color:var(--gold);background:#ff9d5c1a;box-shadow:inset 0 0 0 1px #ff9d5c40}.ms-row.next .mark{color:var(--gold);animation:1.4s ease-in-out infinite ms-bounce}.ms-row.next .pct{color:var(--bg-0);background:var(--gold)}.ms-row.next .label,.ms-row.next .progress{color:var(--gold);font-weight:600}@keyframes ms-bounce{0%,to{transform:translate(0)}50%{transform:translate(2px)}}.ms-row.locked{opacity:.55}.ms-row.locked .mark,.ms-row.locked .pct,.ms-row.locked .label{color:var(--text-dim)}.skills-loading{color:var(--text-dim);text-align:center;padding:24px 0}.panel-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.panel-toolbar--end{justify-content:flex-end}.panel-toolbar .cat-filter{margin-bottom:0}.skill-view-toggle{border:1px solid var(--line);border-radius:6px;flex-shrink:0;gap:0;display:flex;overflow:hidden}.skill-view-toggle button{background:var(--bg-1);min-height:30px;color:var(--text-soft);cursor:pointer;border:none;padding:5px 14px;font-family:inherit;font-size:12px;transition:background .15s,color .15s}.skill-view-toggle button:not(:last-child){border-right:1px solid var(--line)}.skill-view-toggle button.active{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c)}.skill-compact-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}@media (width<=900px){.skill-compact-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.skill-compact-grid{grid-template-columns:1fr}}.skill-row.compact{background:var(--bg-1);border:1px solid var(--line);border-radius:6px;grid-template-rows:auto 3px;grid-template-columns:28px 1fr auto auto;align-items:center;gap:4px 8px;padding:8px 10px;display:grid}.skill-row.compact .compact-ico{text-align:center;grid-area:1/1;font-size:18px;line-height:1}.skill-row.compact .compact-name{color:var(--gold);white-space:nowrap;text-overflow:ellipsis;grid-area:1/2;font-size:clamp(12px,1.5vw,13.5px);overflow:hidden}.skill-row.compact .compact-lvl{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/3;font-size:12px;font-weight:700}.skill-row.compact .compact-exp{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;grid-area:1/4;font-size:10.5px}.skill-row.compact .compact-bar{background:var(--bg-2);border-radius:2px;grid-area:2/1/auto/-1;height:3px;overflow:hidden}.skill-row.compact .compact-bar-fill{background:var(--gold);border-radius:2px;height:100%;transition:width .3s}.mship-hero{border:1px solid var(--gold);text-align:center;background:radial-gradient(circle at 20% 30%,#ff9d5c2e,#0000 50%),radial-gradient(circle at 80% 70%,#ce93d81a,#0000 50%),linear-gradient(135deg,#2a1d12,#14201a);border-radius:12px;padding:clamp(28px,4.5vw,56px) clamp(20px,3vw,40px);position:relative;overflow:hidden;box-shadow:inset 0 0 40px #ff9d5c26}.mship-hero:before{content:"";pointer-events:none;background:conic-gradient(#0000,#ff9d5c14,#0000 30%,#0000);animation:12s linear infinite rotate-bg;position:absolute;inset:-50%}@keyframes rotate-bg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mship-hero>*{z-index:1;position:relative}.crown{filter:drop-shadow(0 6px 18px #ff9d5c99);font-size:clamp(56px,8vw,84px);line-height:1;animation:3s ease-in-out infinite crown-bob}@keyframes crown-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}.badge-gold{background:linear-gradient(135deg, var(--gold-deep), var(--gold));color:var(--bg-0);letter-spacing:.5px;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #ff9d5c66}.mship-hero h1{color:var(--gold);letter-spacing:-.5px;margin:8px 0;font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.1}.mship-hero .lede{color:var(--text-soft);word-break:keep-all;max-width:560px;margin:0 auto 20px;font-size:clamp(14px,1.7vw,16.5px)}.live-meta{color:var(--text-soft);flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px;font-size:12.5px;display:inline-flex}.pulse-dot{vertical-align:middle;background:#66bb6a;border-radius:50%;width:8px;height:8px;margin-right:4px;animation:1.4s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.pricing-section{margin-top:24px}.pricing-section h2{text-align:center;color:var(--gold);border:none;margin:0 0 6px;padding:0;font-size:clamp(18px,2.5vw,22px)}.pricing-section .sub{text-align:center;color:var(--text-soft);margin-bottom:18px;font-size:13.5px}.price-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;max-width:720px;margin:0 auto;display:grid}.price-card{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);border-radius:10px;padding:22px 22px 18px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.price-card:hover{border-color:var(--gold);transform:translateY(-3px)}.price-card.featured{border:2px solid var(--gold);background:linear-gradient(#3b2a1c,#2a1d12);box-shadow:0 8px 28px #ff9d5c2e,inset 0 0 0 1px #ff9d5c40}.ribbon{background:linear-gradient(135deg, var(--gold-deep), var(--gold));color:var(--bg-0);letter-spacing:.5px;border-radius:0 0 8px 8px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-1px;right:18px;box-shadow:0 4px 10px #ff9d5c66}.price-card .plan{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px;font-weight:700}.price-card .amount{align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.price-card .currency{color:var(--text-dim);font-size:16px}.price-card .num{color:var(--text);font-variant-numeric:tabular-nums;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1}.price-card .per{color:var(--text-soft);font-size:13px}.price-card .strike{color:var(--text-dim);margin-bottom:4px;font-size:13px;text-decoration:line-through}.price-card .save{color:#66bb6a;margin-bottom:14px;font-size:12px;font-weight:600}.price-card .pay-btn{background:linear-gradient(180deg, var(--gold-deep), var(--gold));width:100%;min-height:48px;color:var(--bg-0);cursor:pointer;border:none;border-radius:6px;margin-top:10px;font-family:inherit;font-size:14px;font-weight:700;transition:filter .15s}.price-card .pay-btn:hover{filter:brightness(1.08)}.price-card .pay-btn.alt{background:var(--bg-3);color:var(--text);border:1px solid var(--line)}.pay-providers{color:var(--text-dim);flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;font-size:11.5px;display:flex}.pay-providers .chip{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:4px;padding:2px 8px}.free-trial-banner{color:#c8e6c9;text-align:center;background:#66bb6a14;border:1px solid #4caf50;border-radius:8px;max-width:720px;margin:18px auto 0;padding:12px 18px;font-size:13.5px}.free-trial-banner b{color:#66bb6a}.compare-section{margin-top:32px}.compare-section h2{text-align:center;color:var(--gold);border:none;margin-bottom:18px;padding:0;font-size:clamp(18px,2.5vw,22px)}.compare-table{background:var(--bg-1);border:1px solid var(--line);border-radius:10px;overflow:hidden}.compare-table .head{background:linear-gradient(180deg, var(--bg-3), var(--bg-2));grid-template-columns:1.6fr 1fr 1fr;font-size:13px;font-weight:600;display:grid}.compare-table .head>div{text-align:center;border-right:1px solid var(--line);padding:14px 16px}.compare-table .head>div:last-child{border-right:none}.compare-table .head .feature-h{text-align:left;color:var(--text-soft)}.compare-table .head .free-h{color:var(--text)}.compare-table .head .mem-h{color:var(--gold);background:linear-gradient(#4a321c,#2a1d12)}.compare-table .row{border-top:1px solid var(--line-soft);grid-template-columns:1.6fr 1fr 1fr;font-size:13px;display:grid}.compare-table .row>div{text-align:center;border-right:1px solid var(--line-soft);justify-content:center;align-items:center;padding:12px 16px;display:flex}.compare-table .row>div:last-child{border-right:none}.compare-table .row .feature{text-align:left;color:var(--text-soft);justify-content:flex-start}.compare-table .row .feature b{color:var(--text)}.compare-table .row .free{color:var(--text-dim)}.compare-table .row .mem{color:var(--gold);background:#ff9d5c0a;font-weight:600}.compare-table .row.no .free:before{content:"✗";color:var(--danger);margin-right:4px}.compare-table .row.no .mem:before{content:"✓";color:#66bb6a;margin-right:4px}.vip-section{margin-top:32px}.vip-section h2{text-align:center;color:var(--gold);border:none;margin-bottom:18px;padding:0;font-size:clamp(18px,2.5vw,22px)}.vip-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.vip-card{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);text-align:center;border-radius:8px;padding:16px;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}.vip-card:hover{border-color:var(--gold);transform:translateY(-2px)}.vip-card .vip-tag{background:linear-gradient(135deg, var(--gold-deep), var(--gold));color:var(--bg-0);letter-spacing:.3px;border-radius:3px;padding:2px 6px;font-size:9.5px;font-weight:700;position:absolute;top:8px;right:8px}.vip-card .ico-big{filter:drop-shadow(0 4px 12px #ff9d5c4d);margin-bottom:8px;font-size:clamp(36px,5vw,48px);line-height:1}.vip-card h3{color:var(--gold);margin:0 0 4px;font-size:13.5px;font-weight:700}.vip-card p{color:var(--text-soft);word-break:keep-all;margin:0;font-size:11.5px;line-height:1.4}.faq-section{margin-top:32px}.faq-section h2{text-align:center;color:var(--gold);border:none;margin-bottom:18px;padding:0;font-size:clamp(18px,2.5vw,22px)}details.faq{background:var(--bg-1);border:1px solid var(--line);cursor:pointer;border-radius:6px;margin-bottom:6px;padding:12px 16px}details.faq[open]{border-color:var(--gold)}details.faq summary{color:var(--text);justify-content:space-between;align-items:center;font-size:13.5px;font-weight:600;list-style:none;display:flex}details.faq summary:after{content:"＋";color:var(--gold);font-size:18px;transition:transform .2s}details.faq[open] summary:after{content:"−"}details.faq p{color:var(--text-soft);margin:10px 0 0;font-size:13px;line-height:1.55}.member-status-panel{border:1px solid var(--gold);background:linear-gradient(160deg,#2a1a00,#1a1000);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;max-width:720px;margin:20px auto;padding:clamp(14px,2vw,20px);display:flex;box-shadow:0 0 12px #ff9d5c33}.ms-header{align-items:center;gap:12px;display:flex}.ms-crown{font-size:32px}.ms-title{color:var(--gold);font-size:15px;font-weight:700}.ms-meta{color:var(--text-dim);margin-top:2px;font-size:12px}@media (width<=600px){.member-status-panel{text-align:center;flex-direction:column;align-items:stretch}.ms-header{justify-content:center}}.cta-final{border:1px solid var(--gold);text-align:center;background:linear-gradient(135deg,#2a1d12,#14201a);border-radius:10px;margin-top:32px;padding:24px}.cta-final h3{color:var(--gold);margin:0 0 6px;font-size:clamp(18px,2.4vw,22px)}.cta-final p{color:var(--text-soft);margin:0 0 14px}.cta-final .btn-row{flex-wrap:wrap;justify-content:center;gap:10px;display:inline-flex}.equip-popover{z-index:100;background:var(--bg-1);border:1px solid var(--line);pointer-events:none;border-radius:8px;width:260px;padding:12px;position:fixed;box-shadow:0 4px 24px #0009}.equip-popover.r-common{border-color:var(--line)}.equip-popover.r-rare{border-color:#4a8cff}.equip-popover.r-epic{border-color:#b86aff}.equip-popover.r-legend{border-color:var(--gold)}.popover-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.popover-icon{flex-shrink:0;font-size:22px;line-height:1}.popover-name{font-size:14px;font-weight:700;line-height:1.3}.popover-name.r-common{color:var(--text)}.popover-name.r-rare{color:#7eb8ff}.popover-name.r-epic{color:#d09aff}.popover-name.r-legend{color:var(--gold)}.popover-damaged{color:var(--danger);margin-bottom:4px;font-size:11px}.popover-enhance{color:var(--gold);margin-bottom:4px;font-size:12px}.popover-bonus{color:var(--text-soft);border-top:1px solid var(--line-soft);margin-bottom:4px;padding-top:6px;font-size:12px}.popover-extra{color:#7eb8ff;margin-bottom:4px;font-size:12px}.popover-proc{color:#d09aff;margin-bottom:4px;font-size:11px}.popover-desc{color:var(--text-dim);border-top:1px solid var(--line-soft);margin-top:6px;padding-top:6px;font-size:11px;line-height:1.5}.popover-skill{color:var(--gold);border-left:2px solid var(--gold);background:#ff9d5c14;border-radius:0 3px 3px 0;margin:4px 0;padding:4px 8px;font-size:12px}.popover-skill-hint{color:var(--text-dim);font-size:10.5px;font-weight:400}.trade-page{max-width:min(1160px,100%)}.fee-info-bar{background:#ff9d5c12;border:1px solid #ff9d5c33;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:9px 14px;display:flex}.fee-info-ico{flex-shrink:0;font-size:16px}.fee-info-text{color:var(--text-soft);word-break:keep-all;flex:1;font-size:12.5px;line-height:1.5}.fee-info-text strong{color:var(--gold)}.fee-info-member{color:var(--gold);border:1px solid var(--gold-deep);cursor:pointer;white-space:nowrap;background:linear-gradient(#6b4a2b,#4a321c);border-radius:6px;padding:4px 12px;font-family:inherit;font-size:12px;text-decoration:none;display:inline-block}.fee-info-member:hover{opacity:.85}.market-tabs{border-bottom:1px solid var(--line-soft);gap:0;margin-bottom:14px;display:flex;overflow-x:auto}.market-tab{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-family:inherit;font-size:13px;transition:color .12s,border-color .12s}.market-tab:hover{color:var(--text-soft)}.market-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.market-toolbar{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.market-search{background:var(--bg-2);border:1px solid var(--line-soft);min-width:140px;color:var(--text);border-radius:6px;outline:none;flex:1;padding:7px 12px;font-family:inherit;font-size:13px;transition:border-color .12s}.market-search::placeholder{color:var(--text-dim)}.market-search:focus{border-color:var(--gold-deep)}.filter-row{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.filter-label{color:var(--text-dim);flex-shrink:0;min-width:24px;font-size:11px}.filter-chip{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:11.5px;transition:background .12s,color .12s}.filter-chip:hover{background:var(--bg-3);color:var(--text-soft)}.filter-chip.active{color:var(--gold);border-color:var(--gold-deep);background:linear-gradient(#4a321c,#3a2515)}.browse-advanced-toggle{align-items:center;gap:8px;width:100%;display:flex}.advanced-toggle-btn{border:1px solid var(--line-soft);color:var(--text-soft);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px;font-family:inherit;font-size:12px;transition:color .12s,border-color .12s}.advanced-toggle-btn:hover,.advanced-toggle-btn.open{color:var(--gold);border-color:var(--gold-deep)}.browse-advanced-filters{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;flex-direction:column;gap:8px;width:100%;margin-top:2px;padding:8px 10px;display:flex}.advanced-filter-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.advanced-filter-label{color:var(--text-soft);flex-direction:column;flex:1;gap:4px;min-width:120px;font-size:12px;display:flex}.advanced-checkbox-label{cursor:pointer;flex-direction:row;align-items:center;gap:6px;padding-top:18px}.advanced-slider-row{align-items:center;gap:8px;display:flex}.advanced-slider-row input[type=range]{accent-color:var(--gold);flex:1}.advanced-slider-val{color:var(--gold);text-align:right;min-width:28px;font-size:13px;font-weight:600}.advanced-price-input{background:var(--bg-1);border:1px solid var(--line);color:var(--text);border-radius:4px;outline:none;width:100%;padding:4px 8px;font-family:inherit;font-size:13px}.advanced-price-input:focus{border-color:var(--gold-deep)}.browse-sort{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:4px;outline:none;flex-shrink:0;padding:4px 8px;font-family:inherit;font-size:12.5px;transition:border-color .12s}.browse-sort:focus{border-color:var(--gold-deep)}.gold-tag{color:var(--gold);background:var(--bg-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:5px 14px;font-size:13.5px;font-weight:600}.market-layout{grid-template-columns:1fr;align-items:start;gap:16px;display:grid}@media (width>=800px){.market-layout{grid-template-columns:1fr 280px}}.listings-panel{background:var(--bg-1);border:1px solid var(--line);border-radius:10px;overflow:hidden}.listings-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:10px 14px;display:flex}.listings-count{color:var(--text-dim);font-size:12px}.new-listing-btn{color:var(--gold);border:1px solid var(--gold-deep);cursor:pointer;white-space:nowrap;background:linear-gradient(#6b4a2b,#4a321c);border-radius:6px;margin-left:auto;padding:5px 12px;font-family:inherit;font-size:12px;transition:opacity .12s}.new-listing-btn:hover{opacity:.85}.listing-table{border-collapse:collapse;width:100%;font-size:12px}.listing-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--line-soft);white-space:nowrap;padding:8px 10px;font-weight:600}.listing-table td{border-bottom:1px solid var(--line-soft);color:var(--text-soft);vertical-align:middle;padding:9px 10px}.listing-table tr:last-child td{border-bottom:none}.listing-table tr:hover td{background:var(--bg-2);cursor:pointer}.listing-table tr.selected td{background:#ff9d5c0f}.item-cell{align-items:center;gap:8px;display:flex}.item-cell-ico{flex-shrink:0;align-items:center;font-size:18px;display:flex}.item-cell-name{color:var(--text);font-weight:600}.item-cell-name.r-rare{color:#88b4ff}.item-cell-name.r-epic{color:#d8aae8}.item-cell-name.r-legend{color:var(--gold)}.grade-chip{background:var(--bg-0);border:1px solid var(--line-soft);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:10px}.grade-chip.uncommon{color:var(--exp);border-color:#66bb6a4d}.grade-chip.rare{color:var(--mp);border-color:#6496ff59}.grade-chip.epic{color:#ce93d8;border-color:#ab47bc66}.price-val{color:var(--gold);font-weight:700}.buy-btn{color:var(--gold);border:1px solid var(--gold-deep);cursor:pointer;white-space:nowrap;background:linear-gradient(#6b4a2b,#4a321c);border-radius:4px;padding:4px 10px;font-family:inherit;font-size:11px;transition:opacity .12s}.buy-btn:hover{opacity:.85}.cancel-listing-btn{color:var(--danger);cursor:pointer;white-space:nowrap;background:linear-gradient(#3a2020,#2a1515);border:1px solid #6b3030;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:11px;transition:opacity .12s}.cancel-listing-btn:hover:not(:disabled){opacity:.85}.cancel-listing-btn:disabled,.buy-btn:disabled{opacity:.38;cursor:default}.time-ago{color:var(--text-dim);font-size:10.5px}.mine-badge{color:var(--gold);border:1px solid var(--gold-deep);white-space:nowrap;background:#2a1e00;border-radius:999px;flex-shrink:0;margin-left:4px;padding:2px 7px;font-size:10px;display:inline-block}.side-panel{flex-direction:column;gap:12px;display:flex;position:sticky;top:16px}.panel-title{color:var(--text-soft);font-size:12px;font-weight:700}.chart-bars{align-items:flex-end;gap:2px;height:60px;display:flex}.chart-bar-item{background:linear-gradient(0deg, var(--gold-deep), var(--gold));cursor:pointer;border-radius:2px 2px 0 0;flex:1;min-height:4px;transition:opacity .12s}.chart-bar-item:hover{opacity:.75}.price-summary{gap:8px;display:flex}.price-box{background:var(--bg-2);border:1px solid var(--line-soft);text-align:center;border-radius:6px;flex:1;padding:6px}.p-label{color:var(--text-dim);font-size:10px}.p-val{color:var(--gold);font-size:13px;font-weight:700}.modal-overlay{z-index:900;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.reg-modal-card{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:clamp(300px,90vw,460px);max-height:88vh;display:flex;overflow-y:auto}.reg-modal-head{border-bottom:1px solid var(--line-soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;display:flex}.reg-modal-body{flex-direction:column;gap:14px;padding:16px 18px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:var(--text-dim);font-size:12px}.form-input{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text);border-radius:6px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px;transition:border-color .12s}.form-input:focus{border-color:var(--gold-deep)}.fee-note{color:var(--text-dim);word-break:keep-all;background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;padding:10px 12px;font-size:11.5px;line-height:1.6}.modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;margin-left:auto;padding:4px 8px;font-size:18px}.modal-close:hover{color:var(--text)}.detail-item-ico{flex-shrink:0;align-items:center;font-size:38px;line-height:1;display:flex}.detail-buy-btn{cursor:pointer;color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532;border-radius:8px;flex:1;padding:10px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .12s}.detail-buy-btn:hover:not(:disabled){opacity:.85}.detail-buy-btn:disabled{opacity:.38;cursor:default}.detail-cancel-btn{cursor:pointer;background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-soft);border-radius:8px;padding:10px 18px;font-family:inherit;font-size:13px;transition:border-color .12s,color .12s}.detail-cancel-btn:hover{border-color:var(--danger);color:var(--danger)}.detail-cancel-btn:disabled{opacity:.38;cursor:default}.buy-dialog-name{color:var(--text);font-size:14px;font-weight:600}.buy-dialog-name.r-rare{color:#88b4ff}.buy-dialog-name.r-epic{color:#d8aae8}.buy-dialog-name.r-legend{color:var(--gold)}.buy-dialog-meta{color:var(--text-dim);margin-top:2px;font-size:11.5px}.buy-dialog-stepper{justify-content:center;align-items:center;gap:8px;display:flex}.buy-dialog-stepper button{background:var(--bg-3);border:1px solid var(--line);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-family:inherit;font-size:18px;transition:opacity .1s;display:flex}.buy-dialog-stepper button:hover:not(:disabled){opacity:.8}.buy-dialog-stepper button:disabled{opacity:.3;cursor:default}.buy-dialog-stepper input[type=number]{text-align:center;background:var(--bg-1);border:1px solid var(--line);width:70px;color:var(--text);border-radius:4px;outline:none;padding:6px 8px;font-family:inherit;font-size:16px}.buy-dialog-stepper input[type=number]:focus{border-color:var(--gold)}.buy-dialog-summary{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;flex-direction:column;gap:4px;padding:10px 14px;font-size:13px;display:flex}.buy-dialog-summary .gold{color:var(--gold);font-weight:600}.buy-dialog-summary .danger{color:var(--danger);font-weight:600}.buy-dialog-summary .afford-ok{color:var(--text-dim);font-size:12px}.buy-dialog-summary .afford-ng{color:var(--danger);font-size:12px}.buy-dialog-actions{flex-wrap:wrap;gap:8px;display:flex}.history-action-chip{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.history-action-chip.action-list{color:var(--exp);background:#1e2a1e;border:1px solid #2e4a2e}.history-action-chip.action-cancel{color:var(--danger);background:#2a1e1e;border:1px solid #4a2e2e}.history-action-chip.action-sold{color:var(--mp);background:#1e2a3a;border:1px solid #2e3a5a}.history-action-chip.action-bought{color:var(--gold);background:#2a1e00;border:1px solid #4a3a00}.history-gold{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px;font-weight:600}.history-gold.gold-pos{color:var(--exp)}.history-gold.gold-neg{color:var(--danger)}.history-gold.gold-zero{color:var(--text-dim)}.price-chart-wrap{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.market-min-price-row{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.market-min-price-label{color:var(--text-dim);white-space:nowrap;font-size:11px}.market-min-price{color:var(--gold);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.market-avg-price{color:var(--text-soft);font-variant-numeric:tabular-nums;font-size:11.5px}.trade-empty{text-align:center;color:var(--text-dim);padding:32px 16px;font-size:13px}.trade-gate{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.trade-gate .gate-icon{font-size:40px}.trade-gate h3{color:var(--text);margin:0;font-size:16px}.trade-gate p{color:var(--text-dim);margin:0;font-size:13px}.trade-gate .btn{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532;border-radius:4px;margin-top:4px;padding:8px 20px;font-size:13px;text-decoration:none;transition:opacity .1s;display:inline-block}.trade-gate .btn:hover{opacity:.85}.listing-table tbody tr.expired-row{opacity:.85;background:#d4a5410a}.expired-badge{color:var(--gold-deep,#b8872a);letter-spacing:.3px;background:#d4a54126;border:1px solid #d4a54159;border-radius:3px;margin-top:2px;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.btn-reclaim{background:linear-gradient(135deg, var(--gold-deep,#b8872a), var(--gold,#d4a541));color:var(--bg-0,#1a1108);cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:filter .15s}.btn-reclaim:hover{filter:brightness(1.1)}.btn-reclaim:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.market-tabs{overflow-x:auto}.listing-table th:nth-child(5),.listing-table td:nth-child(5){display:none}.reg-modal-card{border-radius:10px;width:100%}}.shop-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.cat-chips{flex-wrap:wrap;gap:6px;display:flex}.cat-chips button{background:var(--bg-2);min-height:32px;color:var(--text-soft);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12.5px;transition:background .12s,color .12s,border-color .12s}.cat-chips button:hover{background:var(--bg-3);color:var(--text)}.cat-chips button.active{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border-color:#8b6532}.gold-tag{color:var(--gold);background:var(--bg-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;margin-left:auto;padding:5px 14px;font-size:13.5px;font-weight:600}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;display:grid}.shop-card{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:5px;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s;display:grid}.shop-card:hover{border-color:var(--gold)}.shop-card.locked{opacity:.55;cursor:not-allowed}.shop-card .ico{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.shop-card .ico.r-rare{box-shadow:inset 0 0 0 2px #4f8df0}.shop-card .ico.r-epic{box-shadow:inset 0 0 0 2px #ce93d8}.shop-card .ico.r-legend{box-shadow:inset 0 0 0 2px var(--gold)}.shop-card .info{min-width:0}.shop-card .info .name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;line-height:1.25;overflow:hidden}.shop-card .info .name.r-rare{color:#88b4ff}.shop-card .info .name.r-epic{color:#d8aae8}.shop-card .info .name.r-legend{color:var(--gold);font-weight:600}.shop-card .info .desc{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.shop-card .info .member-tag{color:#d8aae8;margin-top:3px;font-size:11px}.shop-card .price-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.shop-card .price{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600}.shop-card .price-col button{min-width:52px;min-height:28px;color:var(--gold);cursor:pointer;white-space:nowrap;background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532;border-radius:4px;padding:5px 12px;font-family:inherit;font-size:12px;transition:opacity .1s}.shop-card .price-col button:hover:not(:disabled){opacity:.85}.shop-card .price-col button:disabled{opacity:.38;cursor:default}@media (width<=480px){.shop-grid{grid-template-columns:1fr}.gold-tag{margin-left:0}}.shop-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:14px;padding-bottom:0;display:flex}.shop-tabs button{color:var(--text-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:5px 5px 0 0;margin-bottom:-1px;padding:7px 18px;font-family:inherit;font-size:13px;transition:background .12s,color .12s}.shop-tabs button:hover{background:var(--bg-2);color:var(--text)}.shop-tabs button.active{background:var(--bg-2);color:var(--gold);border-color:var(--line);border-bottom-color:var(--bg-2);font-weight:600}.daily-shop-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.daily-reset-info{color:var(--text-soft);background:var(--bg-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:5px 14px;font-size:12.5px}.daily-reset-info strong{color:var(--gold)}.daily-reset-time{color:var(--text-dim)}.daily-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;display:grid}.daily-card{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:5px;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s;display:grid;position:relative;overflow:hidden}.daily-card:hover:not(.sold){border-color:var(--gold)}.daily-card.r-border-common{border-left:3px solid #888}.daily-card.r-border-rare{border-left:3px solid #4f8df0;box-shadow:-2px 0 8px #4f8df026}.daily-card.r-border-epic{border-left:3px solid #ce93d8;box-shadow:-2px 0 8px #ce93d826}.daily-card.r-border-legend{border-left:3px solid var(--gold);animation:2.4s ease-in-out infinite legend-pulse;box-shadow:-2px 0 10px #ff9d5c33}@keyframes legend-pulse{0%,to{box-shadow:-2px 0 10px #ff9d5c33}50%{box-shadow:-2px 0 18px #ff9d5c73}}.daily-ico{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.daily-ico.r-rare{box-shadow:inset 0 0 0 2px #4f8df0}.daily-ico.r-epic{box-shadow:inset 0 0 0 2px #ce93d8}.daily-ico.r-legend{box-shadow:inset 0 0 0 2px var(--gold)}.daily-info{flex-direction:column;gap:2px;min-width:0;display:flex}.daily-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;line-height:1.25;overflow:hidden}.daily-name.r-rare{color:#88b4ff}.daily-name.r-epic{color:#d8aae8}.daily-name.r-legend{color:var(--gold);font-weight:600}.daily-qty{color:var(--text-dim);font-size:11.5px}.daily-rarity-chip{border-radius:999px;width:fit-content;padding:1px 7px;font-size:10.5px;font-weight:600;display:inline-block}.rarity-common{color:#aaa;background:#8888882e}.rarity-rare{color:#88b4ff;background:#4f8df02e}.rarity-epic{color:#d8aae8;background:#ce93d82e}.rarity-legend{color:var(--gold);background:#ff9d5c2e}.daily-price-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.daily-price{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600}.daily-price-col button{min-width:52px;min-height:28px;color:var(--gold);cursor:pointer;white-space:nowrap;background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532;border-radius:4px;padding:5px 12px;font-family:inherit;font-size:12px;transition:opacity .1s}.daily-price-col button:hover:not(:disabled){opacity:.85}.daily-price-col button:disabled{opacity:.38;cursor:default}.daily-card.sold{opacity:.55}.sold-overlay{color:var(--text-soft);letter-spacing:.5px;pointer-events:none;background:#0a070485;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}@media (width<=480px){.daily-grid{grid-template-columns:1fr}.daily-shop-header{flex-direction:column;align-items:flex-start}.daily-reset-info{white-space:normal}}.crystal-buy-header{justify-content:flex-end;margin-bottom:14px;display:flex}.crystal-pkg-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:18px;display:grid}.crystal-pkg-card{background:var(--bg-2);border:2px solid var(--line-soft);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:20px 14px 16px;transition:border-color .15s,background .15s;display:flex}.crystal-pkg-card:hover{border-color:var(--gold);background:var(--bg-3)}.crystal-pkg-card.selected{border-color:var(--gold);background:linear-gradient(#6b4a2b59,#4a321c59)}.pkg-icon{font-size:36px;line-height:1}.pkg-crystals{color:var(--gold);font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:3px;font-size:22px;font-weight:700;display:flex}.pkg-bonus{color:#88b4ff;background:#4f8df026;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.pkg-price{color:var(--text-soft);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.crystal-buy-action{background:var(--bg-2);border:1px solid var(--line);border-radius:6px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.crystal-buy-summary{color:var(--text);flex:1;font-size:14px;font-weight:600}.crystal-buy-btn{color:var(--gold);cursor:pointer;white-space:nowrap;background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532;border-radius:5px;padding:9px 22px;font-family:inherit;font-size:13.5px;font-weight:600;transition:opacity .1s}.crystal-buy-btn:hover:not(:disabled){opacity:.85}.crystal-buy-btn:disabled{opacity:.4;cursor:default}@media (width<=480px){.crystal-pkg-grid{grid-template-columns:repeat(2,1fr)}.crystal-buy-action{flex-direction:column;align-items:stretch}.crystal-buy-btn{text-align:center}}.inn-hero{text-align:center;border-bottom:1px solid var(--line-soft);margin-bottom:16px;padding:28px 16px 20px}.inn-hero .ico{margin-bottom:12px;font-size:clamp(60px,8vw,80px);line-height:1}.inn-hero .greeting{color:var(--gold);margin-bottom:4px;font-size:clamp(15px,1.8vw,17px)}.inn-hero .gold-info{color:var(--text-soft);font-size:13px}.inn-panels{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.inn-panel{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;flex-direction:column;gap:10px;padding:16px;display:flex}.inn-panel h3{color:var(--gold);align-items:center;gap:8px;margin:0;font-size:clamp(14px,1.6vw,16px);display:flex}.inn-panel .desc{color:var(--text-soft);flex:1;font-size:12.5px;line-height:1.5}.inn-panel .price{color:var(--gold-deep);font-size:12px;font-weight:600}.inn-panel .btn{margin-top:auto}.inn-input-row{gap:6px;display:flex}.inn-input-row input{background:var(--bg-0);border:1px solid var(--line);color:var(--text);border-radius:4px;outline:none;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.inn-input-row input:focus{border-color:var(--gold)}.quest-tabs{gap:8px;margin-bottom:16px;display:flex}.quest-tabs button{border:1px solid var(--line);background:var(--bg-2);color:var(--text-soft);cursor:pointer;border-radius:4px;flex:1;padding:10px;font-family:inherit;font-size:clamp(13px,1.5vw,14px);transition:background .15s,color .15s}.quest-tabs button:hover{background:var(--bg-3);color:var(--text)}.quest-tabs button.active{color:var(--gold);border-color:var(--line);background:linear-gradient(#4a3424,#2a1d12)}.quest-list{flex-direction:column;gap:10px;display:flex}.quest-item{background:var(--bg-2);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:8px;padding:clamp(12px,1.8vw,16px);display:flex}.quest-item.completed{border-color:var(--gold)}.quest-item.claimed{opacity:.5}.quest-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.quest-label{color:var(--text);flex:1;font-size:clamp(13px,1.5vw,14px);font-weight:600}.quest-timer{color:var(--text-dim);white-space:nowrap;font-size:11px}.quest-timer.urgent{color:var(--danger)}.quest-progress-row{color:var(--text-dim);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.quest-progress-row .qty{font-size:clamp(12px,1.4vw,13px)}.quest-rewards{color:var(--text-soft);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.quest-rewards .rwd-item{align-items:center;gap:4px;display:flex}.quest-rewards .rwd-item .v{color:var(--gold);font-weight:600}.quest-claim-btn{min-height:36px;color:var(--gold);cursor:pointer;background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532;border-radius:4px;align-self:flex-end;padding:6px 16px;font-family:inherit;font-size:clamp(12px,1.4vw,13px);transition:background .15s}.quest-claim-btn:hover{background:linear-gradient(#7b5a3b,#5a421c)}.quest-claim-btn:disabled{opacity:.5;cursor:not-allowed}.quest-empty{text-align:center;color:var(--text-dim);padding:40px 20px;font-size:clamp(13px,1.5vw,14px)}.quest-loading{text-align:center;color:var(--text-dim);padding:24px}.quest-reset-banner{color:var(--text-soft);margin-bottom:10px;padding:4px 2px;font-size:12px}.quest-reset-banner strong{color:var(--text-soft)}.quest-reset-banner.urgent strong{color:var(--gold)}.quest-reset-time{color:var(--text-dim)}.quest-summary{color:var(--text-dim);margin-bottom:4px;font-size:12px}.guild-search-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.guild-search-row input{background:var(--bg-0);border:1px solid var(--line);min-width:160px;color:var(--text);border-radius:4px;flex:1;padding:8px 12px;font-family:inherit;font-size:clamp(13px,1.5vw,14px)}.guild-search-row input::placeholder{color:var(--text-dim)}.guild-search-row input:focus{border-color:var(--gold-deep);outline:none}.guild-list{flex-direction:column;gap:8px;display:flex}.guild-list-card{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.guild-list-card:hover{border-color:var(--gold-deep);background:var(--bg-3)}.guild-list-card .guild-tag{color:var(--text-dim);background:var(--bg-0);border:1px solid var(--line-soft);white-space:nowrap;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:11px}.guild-list-card .guild-name{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.guild-list-card .guild-meta{color:var(--text-dim);white-space:nowrap;flex-shrink:0;font-size:12px}.guild-list-card .guild-join-btn{flex-shrink:0;min-height:32px;padding:4px 12px;font-size:13px}.guild-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.guild-header .guild-title{color:var(--gold);margin:0;font-size:clamp(16px,2vw,20px);font-weight:700}.guild-header .guild-tag-badge{color:var(--text-dim);background:var(--bg-0);border:1px solid var(--line-soft);border-radius:3px;padding:2px 8px;font-size:12px}.guild-header .guild-stats{color:var(--text-soft);font-size:13px}.guild-header-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.guild-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.guild-tab{color:var(--text-soft);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-family:inherit;font-size:clamp(13px,1.5vw,14px);transition:color .15s,border-color .15s}.guild-tab:hover{color:var(--text)}.guild-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.member-list{flex-direction:column;gap:6px;display:flex}.member-row{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:4px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.member-row .member-name{color:var(--text);flex:1;min-width:80px;font-weight:600}.member-row .member-role{background:var(--bg-0);border:1px solid var(--line-soft);color:var(--text-dim);white-space:nowrap;border-radius:3px;padding:2px 8px;font-size:11px}.member-row .member-role.leader{color:var(--gold);border-color:var(--gold-deep)}.member-row .member-role.officer{color:#9fd0ff;border-color:#4a6880}.member-row .member-contrib{color:var(--text-dim);white-space:nowrap;font-size:12px}.member-row .member-joined{color:var(--text-dim);white-space:nowrap;font-size:11px}.member-row .member-actions{flex-wrap:wrap;gap:6px;display:flex}.member-row .member-actions button{min-height:28px;padding:3px 10px;font-size:12px}.notice-list{flex-direction:column;gap:8px;display:flex}.notice-card{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:4px;padding:12px 14px}.notice-card.pinned{border-color:var(--gold-deep);background:#b3531f0f}.notice-card .notice-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.notice-card .notice-title{color:var(--gold);flex:1;min-width:0;font-weight:600}.notice-card .notice-pin-badge{color:var(--gold);border:1px solid var(--gold-deep);white-space:nowrap;background:#b3531f26;border-radius:3px;padding:1px 6px;font-size:11px}.notice-card .notice-body{color:var(--text-soft);white-space:pre-wrap;word-break:keep-all;margin-bottom:8px;font-size:clamp(12px,1.45vw,13.5px)}.notice-card .notice-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.notice-card .notice-actions{gap:6px;margin-left:auto;display:flex}.notice-card .notice-actions button{min-height:24px;padding:2px 8px;font-size:12px}.guild-info-section{flex-direction:column;gap:12px;display:flex}.guild-info-field{flex-direction:column;gap:4px;display:flex}.guild-info-field label{color:var(--text-dim);font-size:12px}.guild-info-field .field-value{color:var(--text);word-break:break-all;font-size:clamp(13px,1.5vw,14px)}.guild-info-field .field-value a{color:var(--link)}.guild-info-edit-form{flex-direction:column;gap:10px;display:flex}.guild-info-edit-form input,.guild-info-edit-form textarea{background:var(--bg-0);border:1px solid var(--line);color:var(--text);border-radius:4px;width:100%;padding:8px 10px;font-family:inherit;font-size:clamp(13px,1.5vw,14px)}.guild-info-edit-form input:focus,.guild-info-edit-form textarea:focus{border-color:var(--gold-deep);outline:none}.guild-info-edit-form textarea{resize:vertical;min-height:80px}.guild-form-row{flex-wrap:wrap;gap:8px;display:flex}.guild-form-row button{flex-shrink:0}.guild-dialog-overlay{z-index:200;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.guild-dialog{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:14px;width:100%;max-width:440px;padding:clamp(16px,3vw,24px);display:flex}.guild-dialog h3{color:var(--gold);margin:0;font-size:clamp(15px,1.8vw,17px)}.guild-dialog .dialog-field{flex-direction:column;gap:4px;display:flex}.guild-dialog .dialog-field label{color:var(--text-dim);font-size:12px}.guild-dialog .dialog-field input,.guild-dialog .dialog-field textarea{background:var(--bg-0);border:1px solid var(--line);color:var(--text);border-radius:4px;padding:8px 10px;font-family:inherit;font-size:clamp(13px,1.5vw,14px)}.guild-dialog .dialog-field input:focus,.guild-dialog .dialog-field textarea:focus{border-color:var(--gold-deep);outline:none}.guild-dialog .dialog-field textarea{resize:vertical;min-height:64px}.guild-dialog .dialog-cost{color:var(--text-soft);background:var(--bg-0);border:1px solid var(--line-soft);border-radius:4px;padding:8px 10px;font-size:13px}.guild-dialog .dialog-cost strong{color:var(--gold)}.guild-dialog .dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.guild-empty{color:var(--text-dim);text-align:center;padding:28px 0;font-size:14px}@media (width<=768px){.member-row{flex-wrap:wrap;gap:6px}.member-row .member-name{width:100%}.guild-header-actions{width:100%;margin-left:0}.notice-card .notice-meta{flex-direction:column;align-items:flex-start;gap:4px}.notice-card .notice-actions{margin-left:0}}.ach-header{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:4px;display:flex}.ach-score{color:var(--gold);font-size:clamp(18px,2.5vw,24px);font-weight:700}.ach-count{color:var(--text-soft);font-size:clamp(13px,1.5vw,14px)}.ach-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.ach-tabs button{border:1px solid var(--line);background:var(--bg-2);color:var(--text-soft);cursor:pointer;white-space:nowrap;border-radius:4px;padding:7px 14px;font-family:inherit;font-size:clamp(12px,1.4vw,13px);transition:background .15s,color .15s}.ach-tabs button:hover{background:var(--bg-3);color:var(--text)}.ach-tabs button.active{color:var(--gold);border-color:var(--line);background:linear-gradient(#4a3424,#2a1d12)}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.ach-card{background:var(--bg-2);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:8px;padding:clamp(12px,1.8vw,16px);transition:border-color .2s;display:flex}.ach-card.achieved{border-color:var(--gold);background:linear-gradient(135deg,#2a1d10,#1d1509)}.ach-card-top{align-items:flex-start;gap:10px;display:flex}.ach-icon{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:clamp(22px,3vw,28px);line-height:1;display:flex}.ach-card.achieved .ach-icon{border-color:var(--gold-deep);background:linear-gradient(135deg,#4a3424,#2a1d12)}.ach-info{flex:1;min-width:0}.ach-label{color:var(--text);font-size:clamp(13px,1.5vw,14px);font-weight:600;line-height:1.3}.ach-card.achieved .ach-label{color:var(--gold)}.ach-desc{color:var(--text-soft);word-break:keep-all;margin-top:2px;font-size:clamp(11px,1.3vw,12px)}.ach-check{color:var(--gold);flex-shrink:0;align-self:center;font-size:16px}.ach-progress-row{color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:2px;font-size:11px;display:flex}.ach-progress-row .qty{font-size:11px}.ach-footer{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.ach-score-badge{color:var(--text-dim);background:var(--bg-1);border:1px solid var(--line-soft);border-radius:999px;padding:2px 8px;font-size:11px}.ach-card.achieved .ach-score-badge{color:var(--gold);border-color:var(--gold-deep)}.ach-title-badge{color:#d8aae8;background:#ce93d81f;border:1px solid #ce93d84d;border-radius:999px;padding:2px 8px;font-size:11px}.ach-title-panel{background:var(--bg-2);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:12px;padding:clamp(14px,2vw,18px);display:flex}.ach-title-panel h3{color:var(--gold);margin:0;font-size:clamp(14px,1.7vw,15px)}.ach-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ach-title-select{background:var(--bg-1);border:1px solid var(--line);min-width:160px;color:var(--text);cursor:pointer;border-radius:4px;flex:1;padding:8px 10px;font-family:inherit;font-size:clamp(13px,1.5vw,14px)}.ach-title-select option{background:var(--bg-1);color:var(--text)}.ach-active-title{color:var(--text-soft);font-size:clamp(13px,1.5vw,14px)}.ach-active-title strong{color:#d8aae8}.ach-empty{text-align:center;color:var(--text-dim);padding:40px 20px;font-size:clamp(13px,1.5vw,14px)}.ach-loading{text-align:center;color:var(--text-dim);padding:24px}.ach-chain-card{cursor:pointer}.ach-chain-card:hover{border-color:var(--gold-deep)}.ach-chain-badge{flex-shrink:0;align-items:center;display:flex}.ach-step-indicator{color:var(--text-dim);background:var(--bg-1);border:1px solid var(--line-soft);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px}.ach-card.achieved .ach-step-indicator{color:var(--gold);border-color:var(--gold-deep)}.ach-step-dots{gap:5px;padding:2px 0;display:flex}.ach-dot{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:50%;width:8px;height:8px;transition:background .2s;display:inline-block}.ach-dot.done{background:var(--gold);border-color:var(--gold-deep)}.ach-dot.active{background:var(--gold-deep);border-color:var(--gold);box-shadow:0 0 4px var(--gold-deep)}.ach-modal-backdrop{z-index:200;background:#000000b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ach-modal{background:var(--bg-2);border:1px solid var(--gold-deep);border-radius:8px;flex-direction:column;gap:0;width:min(520px,100%);max-height:80vh;display:flex;overflow-y:auto;box-shadow:0 8px 40px #0009}.ach-modal-header{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:clamp(14px,2vw,20px);display:flex}.ach-modal-icon{border:1px solid var(--gold-deep);background:linear-gradient(135deg,#4a3424,#2a1d12);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;line-height:1;display:flex}.ach-modal-title{flex:1;min-width:0}.ach-modal-name{color:var(--gold);font-size:clamp(15px,2vw,17px);font-weight:700}.ach-modal-desc{color:var(--text-soft);margin-top:4px;font-size:clamp(12px,1.4vw,13px)}.ach-modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px 8px;font-size:16px;line-height:1;transition:color .15s}.ach-modal-close:hover{color:var(--text)}.ach-modal-steps{flex-direction:column;gap:0;padding:clamp(10px,1.5vw,16px);display:flex}.ach-modal-step{border:1px solid var(--line-soft);background:var(--bg-1);opacity:.6;border-radius:6px;margin-bottom:8px;padding:12px 14px;transition:opacity .2s,border-color .2s}.ach-modal-step.done{opacity:1;border-color:var(--gold-deep);background:linear-gradient(135deg,#2a1d10,#1d1509)}.ach-modal-step.active{opacity:1;border-color:var(--gold);background:var(--bg-2)}.ach-modal-step-top{align-items:center;gap:10px;display:flex}.ach-modal-step-num{color:var(--text-dim);text-align:center;flex-shrink:0;width:20px;font-size:13px;font-weight:700}.ach-modal-step.done .ach-modal-step-num,.ach-modal-step.active .ach-modal-step-num{color:var(--gold)}.ach-modal-step-info{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.ach-modal-step-goal{color:var(--text-soft);font-size:clamp(12px,1.4vw,13px)}.ach-modal-step.done .ach-modal-step-goal{color:var(--text)}.ach-modal-step.active .ach-modal-step-goal{color:var(--text);font-weight:600}.ach-modal-nav{border-top:1px solid var(--line);align-items:center;gap:12px;padding:clamp(10px,1.5vw,14px) clamp(14px,2vw,20px);display:flex}.ach-modal-nav-btn{border:1px solid var(--line);background:var(--bg-3);color:var(--text-soft);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-width:160px;padding:7px 14px;font-family:inherit;font-size:clamp(12px,1.4vw,13px);transition:background .15s,color .15s;overflow:hidden}.ach-modal-nav-btn:hover:not(:disabled){background:var(--bg-3);color:var(--gold);border-color:var(--gold-deep)}.ach-modal-nav-btn:disabled{opacity:.35;cursor:not-allowed}.ach-modal-nav-hint{text-align:center;color:var(--text-dim);flex:1;font-size:11px}@media (width<=600px){.ach-grid{grid-template-columns:1fr}.ach-modal-nav-btn{max-width:100px;font-size:11px}}.cs-panel{max-width:940px;box-shadow:none;background:0 0;border:none;padding:0}.cs-loading{color:var(--text-soft);text-align:center;padding:32px 0}.cs-book{background:var(--parchment,#2e1e0f);border:2px solid var(--gold-deep,#7a5c20);background-image:radial-gradient(at 20% 30%,#50280026 0%,#0000 50%),radial-gradient(at 80% 70%,#3c1e001f 0%,#0000 50%),linear-gradient(#2e1e0f 0%,#261608 50%,#2e1e0f 100%);border-radius:6px;width:100%;min-height:clamp(460px,70vh,680px);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 6px #1e1208,0 0 0 7px #7a5c2066,0 8px 40px #000c,-4px 0 20px #0009}.cs-book:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(270deg,#0000004d,#0000);width:clamp(20px,4vw,40px);position:absolute;top:0;bottom:0;right:0}.cs-book:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#00000040,#0000);width:clamp(20px,4vw,40px);position:absolute;top:0;bottom:0;left:0}.cs-spine{background:linear-gradient(90deg,#1e1208,#7a5c204d,#1e1208);border-right:1px solid #7a5c2066;flex-shrink:0;width:clamp(12px,2vw,20px);position:relative}.cs-spine:before{content:"RUNEHEARTH";white-space:nowrap;color:var(--gold-deep,#7a5c20);letter-spacing:.15em;opacity:.6;font-size:clamp(7px,1vw,10px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.cs-page-left{border-right:2px solid #7a5c2059;flex-direction:column;flex:1;gap:clamp(12px,2vw,18px);padding:clamp(16px,3vw,32px) clamp(14px,2.5vw,28px);display:flex;position:relative}.cs-page-right{flex-direction:column;flex:1.1;gap:clamp(12px,2vw,18px);padding:clamp(16px,3vw,32px) clamp(14px,2.5vw,28px);display:flex;position:relative}.cs-page-num{color:var(--text-dim);letter-spacing:.1em;font-family:sans-serif;font-size:10px;position:absolute;bottom:clamp(10px,2vw,16px);left:50%;transform:translate(-50%)}.cs-manuscript-heading{align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.cs-drop-cap{color:var(--gold);text-shadow:0 0 8px #d4a5414d;flex-shrink:0;margin-right:2px;font-family:Georgia,serif;font-size:clamp(36px,6vw,52px);font-weight:700;line-height:.85}.cs-heading-rest{color:var(--text-soft);letter-spacing:.08em;align-self:flex-end;font-family:Georgia,serif;font-size:clamp(13px,2vw,17px);line-height:1.2}.cs-heading-sub{color:var(--text-dim);letter-spacing:.06em;margin-top:2px;font-family:Georgia,serif;font-size:clamp(10px,1.4vw,12px);font-style:italic}.cs-rule{background:linear-gradient(90deg, transparent, var(--gold-deep,#7a5c20), transparent);height:1px;margin:2px 0}.cs-char-entry{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:clamp(8px,1.5vw,14px);padding:clamp(8px,1.5vw,12px);transition:background .15s,border-color .15s;display:flex;position:relative}.cs-char-entry:hover{background:#d4a5410f;border-color:#7a5c2066}.cs-char-entry.selected{background:#d4a54117;border-color:#7a5c2099}.cs-char-entry.selected:before{content:"";background:var(--gold);border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.cs-entry-icon{text-align:center;flex-shrink:0;width:clamp(36px,6vw,50px);font-size:clamp(24px,4vw,36px)}.cs-entry-info{flex:1}.cs-entry-name{color:var(--gold);margin-bottom:2px;font-family:Georgia,serif;font-size:clamp(13px,2vw,16px);font-weight:700}.cs-entry-meta{color:var(--text-soft);font-family:sans-serif;font-size:clamp(10px,1.4vw,12px)}.cs-entry-active-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 6px #d4a54199}.cs-new-entry{border-style:dashed;border-color:#7a5c204d}.cs-new-entry:hover{border-color:var(--gold-deep,#7a5c20)}.cs-new-entry .cs-entry-icon{color:var(--text-dim)}.cs-new-entry .cs-entry-name{color:var(--text-soft);font-style:italic;font-weight:400}.cs-locked-entry{opacity:.5;cursor:default;border-style:dashed;border-color:#3a241880}.cs-locked-entry:hover{background:0 0;border-color:#3a241880}.cs-locked-label{color:var(--text-dim)}.cs-detail-header{border-bottom:1px solid #7a5c2059;align-items:center;gap:clamp(12px,2vw,18px);padding-bottom:clamp(10px,2vw,16px);display:flex}.cs-detail-portrait{border:1px solid var(--gold-deep,#7a5c20);background:linear-gradient(#50280066 0%,#140a0099 100%);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:clamp(64px,10vw,88px);height:clamp(80px,13vw,110px);font-size:clamp(28px,5vw,44px);display:flex;position:relative;overflow:hidden}.cs-detail-portrait:after{content:"";pointer-events:none;background:linear-gradient(135deg,#d4a54114 0%,#0000 60%);position:absolute;inset:0}.cs-detail-heading{flex:1}.cs-detail-name{color:var(--gold);letter-spacing:.04em;font-family:Georgia,serif;font-size:clamp(18px,3vw,26px);font-weight:700}.cs-detail-lv{color:var(--text-soft);margin-top:2px;font-family:sans-serif;font-size:clamp(11px,1.6vw,13px)}.cs-detail-active-badge{background:var(--gold);color:#1a1410;letter-spacing:.06em;border-radius:2px;margin-top:4px;padding:2px 7px;font-family:sans-serif;font-size:9px;font-weight:800;display:inline-block}.cs-detail-section-title{color:var(--gold-deep,#7a5c20);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-family:sans-serif;font-size:clamp(10px,1.4vw,12px)}.cs-stat-row{border-bottom:1px solid #3a241859;justify-content:space-between;align-items:center;padding:5px 0;font-size:clamp(11px,1.6vw,13px);display:flex}.cs-stat-label{color:var(--text-dim);font-family:sans-serif}.cs-stat-value{color:var(--text-soft);font-family:sans-serif;font-weight:600}.cs-stat-value.gold{color:var(--gold)}.cs-activity-block{background:#1a141080;border:1px solid #7a5c2059;border-radius:4px;padding:clamp(8px,1.5vw,14px)}.cs-act-row{color:var(--text-soft);align-items:center;gap:8px;font-family:sans-serif;font-size:clamp(12px,1.8vw,14px);display:flex}.cs-act-icon{font-size:clamp(16px,2.5vw,20px)}.cs-act-cycles{color:var(--gold);font-weight:700}.cs-act-empty{color:var(--text-dim)}.cs-detail-actions{gap:8px;margin-top:auto;display:flex}.cs-btn-select{background:var(--gold);color:#1a1410;cursor:pointer;letter-spacing:.04em;border:none;border-radius:4px;flex:1;padding:clamp(7px,1.2vw,10px);font-family:sans-serif;font-size:clamp(12px,1.6vw,14px);font-weight:700;transition:opacity .15s}.cs-btn-select:disabled{opacity:.6;cursor:default}.cs-btn-delete{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #3a241899;border-radius:4px;padding:clamp(7px,1.2vw,10px) clamp(10px,1.5vw,16px);font-family:sans-serif;font-size:clamp(11px,1.4vw,13px);transition:border-color .15s,color .15s}.cs-btn-delete:hover{border-color:var(--danger,#ef5350);color:var(--danger,#ef5350)}.cs-btn-delete:disabled{opacity:.5;cursor:default}.cs-create-input{width:100%;color:var(--text);background:#1a141099;border:1px solid #7a5c2080;border-radius:4px;outline:none;margin-bottom:8px;padding:clamp(8px,1.5vw,12px);font-family:Georgia,serif;font-size:clamp(13px,1.8vw,15px)}.cs-create-input:focus{border-color:var(--gold-deep,#7a5c20)}.cs-create-input::placeholder{color:var(--text-dim)}.cs-create-hint{color:var(--text-dim);margin:0;font-family:sans-serif;font-size:12px}.cs-empty-detail{height:100%;color:var(--text-dim);justify-content:center;align-items:center;font-family:Georgia,serif;font-size:clamp(13px,2vw,15px);font-style:italic;display:flex}.cs-footer{margin-top:clamp(12px,2vw,20px)}@media (width<=680px){.cs-book{flex-direction:column}.cs-page-left{border-bottom:2px solid #7a5c2059;border-right:none}.cs-page-right{flex:1}.cs-spine{display:none}}.login-page{background:radial-gradient(ellipse at 20% 30%, #ff9d5c14, transparent 50%), radial-gradient(ellipse at 80% 70%, #66bb6a0d, transparent 50%), var(--bg-0);flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100vh;padding:0;display:flex}.wrap{flex:1;grid-template-columns:1.1fr 1fr;width:100%;max-width:1100px;min-height:0;margin:0 auto;display:grid}@media (width<=880px){.wrap{grid-template-columns:1fr}}.hero-side{border-right:1px solid var(--line);background:linear-gradient(#1a1410,#0f0a06);flex-direction:column;justify-content:center;padding:clamp(24px,4vw,48px);display:flex;position:relative;overflow:hidden}@media (width<=880px){.hero-side{border-right:none;border-bottom:1px solid var(--line);padding:clamp(28px,6vw,40px)}}.hero-side:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#ff9d5c26,#0000 60%);width:60%;position:absolute;inset:-20% -20% auto auto}.hero-title{color:var(--gold);letter-spacing:-1px;margin:0 0 6px;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.1}.hero-sub{color:var(--text-soft);margin:0 0 24px;font-size:clamp(14px,1.6vw,16px)}.hero-art{text-align:center;filter:drop-shadow(0 8px 24px #ff9d5c4d);margin:24px 0;font-size:clamp(72px,12vw,120px);line-height:1}.hero-features{flex-direction:column;gap:10px;margin-top:20px;display:flex}.hero-feat{color:var(--text);align-items:center;gap:10px;font-size:clamp(13px,1.5vw,14.5px);display:flex}.hero-feat .icon{background:linear-gradient(135deg, var(--bg-3), var(--bg-2));border:1px solid var(--line);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.live-meta{border-top:1px solid var(--line);color:var(--text-dim);flex-wrap:wrap;gap:18px;margin-top:24px;padding-top:20px;font-size:12.5px;display:flex}.live-meta b{color:var(--gold)}.form-side{background:var(--bg-1);flex-direction:column;justify-content:center;padding:clamp(24px,4vw,48px);display:flex}.form-tabs{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.form-tabs button{min-height:40px;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;font-family:inherit;font-size:14px}.form-tabs button.active{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c)}.pane{display:none}.pane.active{display:block}.field{margin-bottom:14px}.field label{color:var(--text-soft);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.field .input-wrap{background:var(--bg-0);border:1px solid var(--line);border-radius:6px;align-items:center;display:flex;position:relative;overflow:hidden}.field .input-wrap:focus-within{border-color:var(--gold)}.field .input-wrap .ico{color:var(--text-dim);border-right:1px solid var(--line);align-self:stretch;align-items:center;padding:0 12px;font-size:16px;display:flex}.field input{min-width:0;min-height:44px;color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:0 12px;font-family:inherit;font-size:14px}.field .helper{color:var(--text-dim);margin-top:4px;font-size:11px}.field .helper.ok{color:#66bb6a}.field .helper.warn{color:var(--danger)}.row-line{justify-content:space-between;align-items:center;margin:10px 0 16px;font-size:12.5px;display:flex}.row-line label{color:var(--text-soft);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.row-line a{color:var(--link);text-decoration:none}.row-line a:hover{text-decoration:underline}.submit-btn{width:100%;min-height:48px;color:var(--gold);cursor:pointer;background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532;border-radius:6px;font-family:inherit;font-size:15px;font-weight:700;transition:filter .15s;box-shadow:0 2px 8px #6b4a2b66}.submit-btn:hover{filter:brightness(1.1)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;filter:none}.divider{text-align:center;color:var(--text-dim);margin:18px 0;font-size:12px;position:relative}.divider:before,.divider:after{content:"";background:var(--line);width:calc(50% - 24px);height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}.social-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=400px){.social-list{grid-template-columns:1fr}}.social-list button{background:var(--bg-2);border:1px solid var(--line);min-height:44px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-family:inherit;font-size:13px;display:inline-flex}.social-list button:hover{background:var(--bg-3)}.social-list .ico{font-size:16px}.social-list .google .ico{color:#fff}.social-list .discord .ico{color:#5865f2}.social-list .kakao{color:#1a1410;background:#fee500;border-color:#fee500}.social-list .kakao:hover{filter:brightness(.95);background:#fee500}.social-list .apple{color:#fff}.terms{color:var(--text-dim);text-align:center;margin-top:14px;font-size:11.5px;line-height:1.5}.terms a{color:var(--link)}.nick-state{border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-flex}.nick-state.ok{color:#a5d6a7;background:#66bb6a26;border:1px solid #4caf50}.nick-state.warn{color:#ffb0b0;border:1px solid var(--danger);background:#ef535026}.nick-state.checking{background:var(--bg-3);color:var(--text-dim);border:1px solid var(--line)}.pricing-page{max-width:900px;color:var(--text);word-break:keep-all;flex-direction:column;gap:40px;margin:0 auto;padding:clamp(16px,3vw,32px) clamp(12px,2.5vw,24px);font-family:inherit;display:flex}.pricing-hero{border:1px solid var(--gold);text-align:center;background:radial-gradient(circle at 20% 30%,#ff9d5c2e,#0000 50%),radial-gradient(circle at 80% 70%,#ce93d81a,#0000 50%),linear-gradient(135deg,#2a1d12,#14201a);border-radius:12px;padding:clamp(28px,4.5vw,56px) clamp(20px,3vw,40px);position:relative;overflow:hidden;box-shadow:inset 0 0 40px #ff9d5c26}.pricing-hero:before{content:"";pointer-events:none;background:conic-gradient(#0000,#ff9d5c14,#0000 30%,#0000);animation:12s linear infinite pricing-rotate-bg;position:absolute;inset:-50%}@keyframes pricing-rotate-bg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pricing-hero>*{z-index:1;position:relative}.pricing-hero h1{color:var(--gold);letter-spacing:-.5px;margin:0 0 10px;font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.1}.pricing-hero .hero-sub{color:var(--text-soft);max-width:560px;margin:0 auto 24px;font-size:clamp(14px,1.7vw,16.5px);line-height:1.6}.pricing-hero .badge{background:linear-gradient(135deg, var(--gold-deep), var(--gold));color:var(--bg-0);letter-spacing:.5px;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #ff9d5c66}.pricing-hero .cta-btn{background:linear-gradient(180deg, var(--gold-deep), var(--gold));color:var(--bg-0);cursor:pointer;border:none;border-radius:8px;padding:14px 32px;font-family:inherit;font-size:clamp(14px,1.8vw,16px);font-weight:700;text-decoration:none;transition:filter .15s,transform .15s;display:inline-block}.pricing-hero .cta-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.pricing-section-title{text-align:center;color:var(--gold);border:none;margin:0 0 18px;padding:0;font-size:clamp(18px,2.5vw,22px);font-weight:700}.pricing-section-sub{text-align:center;color:var(--text-soft);margin:-10px 0 18px;font-size:13.5px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.feature-card{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:12px;padding:18px 16px;transition:transform .15s,border-color .15s;display:flex}.feature-card:hover{border-color:var(--gold);transform:translateY(-2px)}.feature-card .fc-icon{filter:drop-shadow(0 3px 8px #ff9d5c4d);flex-shrink:0;font-size:clamp(28px,3.5vw,36px);line-height:1}.feature-card .fc-body h3{color:var(--gold);margin:0 0 4px;font-size:13.5px;font-weight:700}.feature-card .fc-body p{color:var(--text-soft);margin:0;font-size:12.5px;line-height:1.45}.membership-pricing-wrap .price-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;max-width:680px;margin:0 auto 20px;display:grid}.membership-signup-note{border:1px solid var(--gold);text-align:center;max-width:680px;color:var(--text-soft);background:#ff9d5c0f;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 auto;padding:14px 18px;font-size:13.5px;display:flex}.membership-signup-note a,.membership-signup-note .link-btn{background:linear-gradient(180deg, var(--gold-deep), var(--gold));color:var(--bg-0);cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:700;text-decoration:none;transition:filter .15s;display:inline-block}.membership-signup-note .link-btn:hover{filter:brightness(1.08)}.crystal-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.crystal-table{border-collapse:collapse;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;width:100%;min-width:420px;font-size:13.5px;overflow:hidden}.crystal-table thead tr{background:linear-gradient(180deg, var(--bg-3), var(--bg-2))}.crystal-table th{text-align:center;color:var(--gold);border-bottom:1px solid var(--line);padding:12px 14px;font-size:12.5px;font-weight:700}.crystal-table th:first-child{text-align:left}.crystal-table td{text-align:center;border-top:1px solid var(--line-soft);color:var(--text);padding:11px 14px}.crystal-table td:first-child{text-align:left;font-weight:600}.crystal-table .bonus-cell{color:#66bb6a;font-weight:600}.crystal-table .total-cell{color:var(--gold);font-weight:700}.crystal-table .price-cell{color:var(--text);font-weight:700}.crystal-table tbody tr:hover td{background:#ff9d5c08}.pkg-badge{background:var(--bg-3);width:32px;height:20px;color:var(--text-soft);vertical-align:middle;border-radius:4px;justify-content:center;align-items:center;margin-right:6px;font-size:10px;font-weight:700;display:inline-flex}.pkg-badge.best{background:linear-gradient(135deg, var(--gold-deep), var(--gold));color:var(--bg-0)}.crystal-notice{color:var(--text-soft);background:#66bb6a12;border:1px solid #66bb6a66;border-radius:8px;margin-top:14px;padding:14px 18px;font-size:13px;line-height:1.6}.crystal-notice strong{color:#66bb6a}.payment-info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.payment-info-card{background:linear-gradient(180deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);border-radius:10px;padding:16px 18px}.payment-info-card h3{color:var(--gold);margin:0 0 8px;font-size:13.5px;font-weight:700}.payment-info-card p{color:var(--text-soft);margin:0;font-size:12.5px;line-height:1.6}.payment-info-card a{color:var(--gold);text-decoration:underline}.legal-info-section{background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:clamp(16px,2.5vw,28px)}.legal-info-section h2{color:var(--gold);margin:0 0 14px;font-size:clamp(15px,2vw,17px);font-weight:700}.company-info{color:var(--text-soft);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 16px;margin-bottom:18px;font-size:12.5px;display:grid}.company-info dt{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1px;font-size:11px;font-weight:600}.company-info dd{color:var(--text-soft);margin:0 0 8px}.policy-links{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.policy-links a{color:var(--text-soft);background:var(--bg-2);border:1px solid var(--line);border-radius:5px;padding:4px 10px;font-size:12.5px;text-decoration:none;transition:border-color .15s,color .15s}.policy-links a:hover{border-color:var(--gold);color:var(--gold)}.pricing-cta-final{text-align:center;border:1px solid var(--gold);background:linear-gradient(135deg,#2a1d12,#14201a);border-radius:12px;padding:clamp(24px,4vw,40px) clamp(20px,3vw,40px);box-shadow:inset 0 0 30px #ff9d5c1f}.pricing-cta-final h2{color:var(--gold);margin:0 0 8px;font-size:clamp(20px,3vw,26px);font-weight:800}.pricing-cta-final p{color:var(--text-soft);margin:0 0 20px;font-size:clamp(13px,1.6vw,15px)}.pricing-cta-final .cta-btn{background:linear-gradient(180deg, var(--gold-deep), var(--gold));color:var(--bg-0);cursor:pointer;border:none;border-radius:8px;padding:16px 40px;font-family:inherit;font-size:clamp(14px,1.8vw,16px);font-weight:700;text-decoration:none;transition:filter .15s,transform .15s;display:inline-block}.pricing-cta-final .cta-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.login-footer{border-top:1px solid var(--line-soft);text-align:center;background:var(--bg-1);flex-shrink:0;padding:14px clamp(16px,4vw,32px)}.login-footer-links{flex-wrap:wrap;justify-content:center;gap:4px 10px;display:flex}.login-footer-links a{color:var(--text-dim);font-size:11.5px;text-decoration:none;transition:color .15s}.login-footer-links a:hover{color:var(--gold)}.login-footer-links .sep{color:var(--line);-webkit-user-select:none;user-select:none;font-size:11px}.login-footer-meta{color:var(--text-dim);text-align:center;word-break:keep-all;margin-top:8px;font-size:11px;line-height:1.6}@media (width<=600px){.pricing-page{gap:28px}.payment-info-grid,.feature-grid,.membership-pricing-wrap .price-cards,.company-info{grid-template-columns:1fr}}@media (width<=768px){.activity-grid{grid-template-columns:1fr}}.farm-plot-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.farm-plot-title{color:var(--gold);margin:0;font-size:clamp(13px,1.6vw,15px);font-weight:700}.farm-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.farm-slot{aspect-ratio:1;border:2px dashed var(--line-soft);background:var(--bg-2);cursor:pointer;box-sizing:border-box;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.farm-slot:hover{border-color:var(--gold);box-shadow:0 4px 16px #0006}.farm-slot.slot-empty{color:var(--text-dim);font-size:11px}.farm-slot.slot-empty .slot-plus{opacity:.35;font-size:24px}.farm-slot.slot-growing{border-color:var(--exp);background:linear-gradient(135deg, #2e7d321f, var(--bg-2));border-style:solid}.farm-slot.slot-ready{border-color:var(--gold);background:linear-gradient(135deg, #ff9d5c1f, var(--bg-2));border-style:solid;box-shadow:0 0 12px #ff9d5c33}.slot-crop-ico{font-size:28px;line-height:1}.slot-crop-name{color:var(--text-dim);text-align:center;word-break:keep-all;font-size:10px}.slot-progress-bar{background:var(--bg-0);border-radius:999px;width:100%;height:4px;overflow:hidden}.slot-progress-fill{background:linear-gradient(90deg, #2e7d32, var(--exp));border-radius:999px;height:100%;transition:width .5s}.slot-time{color:var(--text-dim);font-size:10px}.slot-ready-badge{color:var(--gold);background:#ff9d5c26;border:1px solid #ff9d5c4d;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.slot-harvest-overlay{opacity:0;background:#00000073;border-radius:8px;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.farm-slot.slot-ready:hover .slot-harvest-overlay{opacity:1}.harvest-btn{color:var(--bg-0);background:var(--gold);cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700}.farm-slot-change-seed{border:1px solid var(--line-soft);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-family:inherit;font-size:12px;line-height:1;display:flex;position:absolute;top:4px;right:4px}.farm-slot-change-seed:hover{background:var(--bg-3);color:var(--text)}.member-hint{color:var(--gold);word-break:keep-all;background:#ff9d5c14;border:1px solid #ff9d5c33;border-radius:8px;margin-top:10px;padding:10px 14px;font-size:12px}.seed-inv-row{align-items:center;gap:10px;display:flex}.seed-inv-ico{font-size:20px}.seed-inv-name{color:var(--text-soft);flex:1;font-size:12.5px}.seed-inv-qty{color:var(--gold);font-size:12px;font-weight:600}.stat-row-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.stat-mini{background:var(--bg-2);border:1px solid var(--line-soft);text-align:center;border-radius:6px;padding:8px}.stat-mini-val{font-size:17px;font-weight:700}.stat-mini-label{color:var(--text-dim);margin-top:1px;font-size:10.5px}.drop-row{align-items:center;gap:8px;padding:3px 0;font-size:12px;display:flex}.drop-time{color:var(--text-dim);min-width:36px;font-size:10px}.drop-name{color:var(--text-soft);flex:1}.drop-qty{color:var(--gold);font-weight:600}.seed-picker-overlay{z-index:400;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.seed-picker-card{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:clamp(300px,90vw,500px);max-height:85vh;display:flex;overflow-y:auto}.seed-picker-head{border-bottom:1px solid var(--line-soft);background:var(--bg-1);justify-content:space-between;align-items:center;padding:16px 18px;display:flex;position:sticky;top:0}.seed-picker-title{color:var(--gold);font-size:15px;font-weight:700}.seed-list{flex-direction:column;display:flex}.seed-row{border-bottom:1px solid var(--line-soft);cursor:pointer;align-items:center;gap:12px;padding:12px 18px;transition:background .12s;display:flex}.seed-row:hover:not(.locked){background:var(--bg-2)}.seed-row:last-child{border-bottom:none}.seed-row.locked{opacity:.45;cursor:not-allowed}.seed-ico-big{flex-shrink:0;font-size:28px}.seed-info{flex:1;min-width:0}.seed-name{color:var(--text);font-size:13px;font-weight:700}.seed-meta{color:var(--text-dim);word-break:keep-all;margin-top:2px;font-size:11.5px}.seed-price-badge{color:var(--gold);background:var(--bg-2);border:1px solid var(--line-soft);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 9px;font-size:12px;font-weight:600}.seed-price-badge.locked-badge{color:var(--text-dim);border-color:var(--line-soft)}.caravan-slots{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.cv-slot-card{background:var(--bg-1);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;transition:border-color .14s,transform .14s,box-shadow .14s;display:flex}.cv-slot-card:hover:not(.cv-locked){border-color:var(--gold-deep);transform:translateY(-1px)}.cv-slot-card.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;background:linear-gradient(135deg, #4a321c59, var(--bg-1))}.cv-slot-card.cv-locked{opacity:.55;cursor:not-allowed;background:var(--bg-0)}.cv-slot-head{color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.cv-slot-name{flex:1}.cv-member-badge{color:#ce93d8;background:#ab47bc2e;border:1px solid #ab47bc66;border-radius:999px;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.cv-status-pill{white-space:nowrap;border:1px solid;border-radius:999px;padding:2px 8px;font-size:11px}.cv-status-pill.idle{border-color:var(--line-soft);color:var(--text-dim);background:var(--bg-2)}.cv-status-pill.traveling{color:var(--mp);background:#15549d1f;border-color:#4285f466}.cv-status-pill.arrived{color:var(--exp);background:#2e7d3224;border-color:#66bb6a66}.cv-slot-body{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.cv-slot-loc{color:var(--text);font-weight:700}.cv-slot-eta{color:var(--text-dim);font-size:11px}.cv-mini-bar{background:var(--bg-3);border-radius:999px;flex:1;min-width:60px;height:5px;overflow:hidden}.cv-mini-fill{background:linear-gradient(90deg, var(--mp), #64b5f6);border-radius:999px;height:100%}.cv-lock-note{color:var(--text-dim);font-size:11px}.caravan-tabs{border-bottom:1px solid var(--line-soft);gap:0;margin-bottom:18px;display:flex;overflow-x:auto}.caravan-tab{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px;font-family:inherit;font-size:clamp(12px,1.5vw,14px);transition:color .12s,border-color .12s}.caravan-tab:hover{color:var(--text-soft)}.caravan-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.tab-badge{background:var(--exp);color:#fff;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:10px}.tab-panel{display:none}.tab-panel.active{display:block}.dispatch-blocked{background:var(--bg-1);border:1px solid var(--line-soft);text-align:center;color:var(--text-dim);word-break:keep-all;border-radius:10px;padding:24px;font-size:13px}.dispatch-blocked strong{color:var(--gold)}.prices-refresh-bar{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:flex}.prices-refresh-bar strong{color:var(--text)}.refresh-note{color:var(--text-dim);align-items:center;gap:5px;font-size:10.5px;display:flex}.refresh-note .rt{color:var(--text-soft)}.city-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.city-card{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:10px;flex-direction:column;gap:10px;padding:clamp(12px,1.8vw,16px);transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.city-card:hover:not(.city-locked){border-color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 16px #0006}.city-card.city-current{border-color:var(--exp);background:linear-gradient(135deg, #2e7d321a, var(--bg-2))}.city-card.city-locked{opacity:.5}.city-header{align-items:center;gap:10px;display:flex}.city-ico{flex-shrink:0;font-size:28px;line-height:1}.city-name-block{flex:1}.city-name{color:var(--text);font-size:14px;font-weight:700}.city-meta{color:var(--text-dim);font-size:11px}.city-status-chip{border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.city-status-chip.current{color:var(--exp);background:#66bb6a2e;border:1px solid #66bb6a66}.city-status-chip.available{color:var(--gold);background:#ff9d5c1a;border:1px solid #ff9d5c4d}.city-status-chip.locked{background:var(--bg-0);border:1px solid var(--line-soft);color:var(--text-dim)}.city-specialty{color:#ce93d8;word-break:keep-all;background:#ab47bc1a;border:1px solid #ab47bc4d;border-radius:5px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;display:flex}.price-table{border-collapse:collapse;width:100%;font-size:12px}.price-table th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--line-soft);padding:4px 6px;font-weight:600}.price-table td{color:var(--text-soft);border-bottom:1px solid #3a281480;padding:5px 6px}.price-table tr:last-child td{border-bottom:none}.price-up{color:var(--exp);font-weight:700}.price-down{color:var(--danger)}.price-locked{color:var(--text-dim)}.unlock-btn{cursor:pointer;background:var(--bg-3);border:1px solid var(--line-soft);color:var(--text-dim);border-radius:4px;padding:2px 7px;font-family:inherit;font-size:10px;transition:border-color .12s,color .12s}.unlock-btn:hover{border-color:var(--gold-deep);color:var(--gold)}.price-update-countdown{color:var(--text-dim);margin-bottom:6px;font-size:12px}.village-select-tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.village-select-tab{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-soft);cursor:pointer;border-radius:4px;padding:5px 11px;font-family:inherit;font-size:12px;transition:border-color .12s,color .12s}.village-select-tab:hover{border-color:var(--gold-deep);color:var(--text)}.village-select-tab.active{border-color:var(--gold);color:var(--gold);background:#ff9d5c0f;font-weight:600}.village-tab-dist{color:var(--text-dim)}.village-locked-row{background:var(--bg-1);border:1px solid var(--line-soft);color:var(--text-dim);border-radius:6px;align-items:center;gap:8px;margin-bottom:6px;padding:10px 12px;font-size:13px;display:flex}.village-unlock-btn{border:1px solid var(--gold-deep);color:var(--gold);cursor:pointer;background:0 0;border-radius:4px;margin-left:auto;padding:4px 10px;font-family:inherit;font-size:12px;transition:background .12s}.village-unlock-btn:hover{background:#ff9d5c14}.village-prices-section{margin-bottom:18px}.village-prices-header{color:var(--gold);border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;margin-bottom:8px;padding:6px 0 6px 2px;font-size:14px;font-weight:600;display:flex}.village-prices-header .village-coords{color:var(--text-dim);font-size:11px;font-weight:400}.specialty-section{margin-bottom:14px}.specialty-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding:2px 4px;font-size:11px;font-weight:600}.specialty-label.buy-label{color:var(--mp)}.specialty-label.sell-label{color:var(--exp)}.prices-table-wrap{overflow-x:auto}.prices-table{border-collapse:collapse;width:100%;font-size:13px}.prices-table th{background:var(--bg-2);color:var(--text-soft);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:7px 10px}.prices-table td{border-bottom:1px solid var(--line-soft);color:var(--text);white-space:nowrap;padding:7px 10px}.prices-table tr:last-child td{border-bottom:none}.price-pct{font-weight:600}.price-pct.high{color:var(--gold)}.price-pct.low{color:var(--exp)}.price-pct.mid{color:var(--text-soft)}.dispatch-grid{grid-template-columns:1fr 280px;align-items:start;gap:16px;display:grid}@media (width<=720px){.dispatch-grid{grid-template-columns:1fr}}.cargo-section{background:var(--bg-1);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.cargo-header{align-items:center;gap:10px;display:flex}.cargo-title{color:var(--text-soft);font-size:13px;font-weight:700}.cap-bar-row{color:var(--text-dim);align-items:center;gap:8px;font-size:12px;display:flex}.cap-track{background:var(--bg-3);border-radius:999px;flex:1;height:7px;overflow:hidden}.cap-fill{background:linear-gradient(90deg, var(--gold-deep), var(--gold));border-radius:999px;height:100%;transition:width .2s}.cap-val{color:var(--gold);white-space:nowrap;font-weight:700}.goods-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:9px 0;display:flex}.goods-row:last-child{border-bottom:none}.goods-ico{flex-shrink:0;font-size:22px}.goods-info{flex:1}.goods-name{color:var(--text);font-size:13px}.goods-sub{color:var(--text-dim);font-size:11px}.goods-locked{opacity:.5}.qty-ctrl{align-items:center;gap:4px;display:flex}.qty-btn{background:var(--bg-3);border:1px solid var(--line-soft);width:26px;height:26px;color:var(--text-soft);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-family:inherit;font-size:14px;transition:background .12s,border-color .12s;display:flex}.qty-btn:hover:not(:disabled){background:var(--bg-2);border-color:var(--gold-deep)}.qty-btn:disabled{opacity:.35;cursor:not-allowed}.qty-val{text-align:center;min-width:28px;color:var(--text);font-size:13px;font-weight:700}.dispatch-side-panel{flex-direction:column;gap:12px;display:flex}.panel-title{color:var(--text-soft);text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:700}.dest-select{background:var(--bg-2);border:1px solid var(--line-soft);width:100%;color:var(--text);border-radius:6px;padding:7px 10px;font-family:inherit;font-size:13px}.dest-select:focus{border-color:var(--gold-deep);outline:none}.route-info-row{color:var(--text-soft);justify-content:space-between;font-size:12px;display:flex}.route-info-row span:last-child{color:var(--text)}.origin-pill{color:var(--text-soft);background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.origin-pill strong{color:var(--gold)}.horse-assign-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:7px 0;display:flex}.horse-assign-row:last-child{border-bottom:none}.ha-info{color:var(--text);flex:1;font-size:12.5px}.ha-meta{color:var(--text-dim);font-size:11px}.ha-bonus{color:var(--exp);margin-top:1px;font-size:11px}.profit-box{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.profit-row{color:var(--text-soft);justify-content:space-between;font-size:12.5px;display:flex}.profit-row.total{border-top:1px solid var(--line-soft);margin-top:2px;padding-top:6px}.profit-row.total span:last-child{color:var(--exp);font-size:14px;font-weight:700}.dispatch-btn{cursor:pointer;width:100%;color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532;border-radius:8px;padding:12px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s}.dispatch-btn:hover:not(:disabled){background:linear-gradient(#7a5532,#5a3c22)}.dispatch-btn:disabled{opacity:.45;cursor:not-allowed}.horse-slot-info{color:var(--text-soft);background:var(--bg-2);border-left:3px solid var(--gold);border-radius:5px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.fatigue-info-banner{background:linear-gradient(160deg, var(--bg-2), var(--bg-1));border:1px solid var(--line-soft);border-left:3px solid var(--gold);color:var(--text);border-radius:4px;padding:8px 12px;font-size:12px}.fatigue-info-banner b{color:var(--gold)}.fatigue-info-banner small{color:var(--text-dim);margin-top:3px;font-size:11px;display:block}.horse-pick-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin-top:8px;display:grid}.horse-pick-card-wrap{flex-direction:column;gap:4px;display:flex}.horse-pick-card-wrap .horse-pick-card{width:100%}.horse-pick-card{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text);cursor:pointer;text-align:left;border-radius:5px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:12px;transition:border-color .12s,background .12s;display:flex;position:relative}.horse-pick-card:hover:not(:disabled){border-color:var(--gold)}.horse-pick-card.selected{border-color:var(--gold);background:#4a321c80}.horse-pick-card.busy{opacity:.55;filter:grayscale(.4);cursor:not-allowed}.horse-pick-card.fatigue-exceeded{opacity:.6;cursor:not-allowed;border-color:#d99020}.horse-pick-icon{flex-shrink:0;font-size:18px}.horse-pick-info{flex:1;min-width:0}.horse-pick-name{color:var(--text);font-weight:600}.horse-pick-meta{color:var(--text-dim);margin-top:1px;font-size:11px}.horse-pick-check{color:var(--gold);font-weight:700}.horse-fatigue{color:var(--text-dim);margin-top:2px;font-size:11px}.horse-fatigue.high{color:#d9a020;font-weight:600}.horse-refill-btn{cursor:pointer;background:var(--bg-2);color:#d99020;border:1px solid #d99020;border-radius:4px;width:100%;min-height:28px;padding:4px 8px;font-family:inherit;font-size:11px;transition:background .12s,border-color .12s,color .12s}.horse-refill-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold);background:#d990201f}.horse-refill-btn:disabled{opacity:.4;cursor:not-allowed}.cap-formula{color:var(--text-dim);font-size:11px}.caravans-list{flex-direction:column;gap:14px;display:flex}.caravan-progress-card{background:var(--bg-1);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.caravan-progress-card.idle-card{border-style:dashed;border-color:var(--line-soft);background:var(--bg-0)}.cpcard-header{align-items:center;gap:10px;display:flex}.cpcard-num{color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.cpcard-route{color:var(--text);flex:1;font-size:14px;font-weight:700}.cpcard-status{border:1px solid;border-radius:999px;padding:4px 10px;font-size:12px}.cpcard-status.traveling{color:var(--mp);background:#15549d1a;border-color:#4285f466}.cpcard-status.arrived{color:var(--exp);background:#2e7d321f;border-color:#66bb6a66}.cpcard-status.idle{border-color:var(--line-soft);color:var(--text-dim)}.progress-bar-row{align-items:center;gap:8px;display:flex}.prog-track{background:var(--bg-3);border-radius:999px;flex:1;height:8px;overflow:hidden}.prog-fill{background:linear-gradient(90deg, var(--mp), #64b5f6);border-radius:999px;height:100%;transition:width .5s}.prog-pct{color:var(--text-dim);white-space:nowrap;font-size:12px}.stage-row{color:var(--text-dim);align-items:center;gap:5px;font-size:12px;display:flex}.stage-dot{background:var(--line);border-radius:50%;flex-shrink:0;width:8px;height:8px}.stage-dot.done{background:var(--gold)}.stage-dot.active{background:var(--exp);box-shadow:0 0 5px var(--exp)}.stage-line{background:var(--line-soft);flex:1;height:2px}.stage-line.done{background:var(--gold)}.stage-name{white-space:nowrap;font-size:11px}.cargo-preview{flex-wrap:wrap;gap:6px;display:flex}.cargo-chip{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-soft);border-radius:5px;padding:3px 8px;font-size:11px}.sell-btn{cursor:pointer;color:var(--gold);background:linear-gradient(#4a321c,#3a2515);border:1px solid #8b6532;border-radius:7px;align-self:flex-end;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:background .14s}.sell-btn:hover:not(:disabled){background:linear-gradient(#6b4a2b,#4a321c)}.sell-btn:disabled{opacity:.45;cursor:not-allowed}.idle-cta-btn{cursor:pointer;color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532;border-radius:7px;align-self:flex-start;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .14s}.idle-cta-btn:hover{background:linear-gradient(#7a5532,#5a3c22)}.caravan-empty{text-align:center;color:var(--text-dim);padding:32px 0;font-size:14px}@media (width<=560px){.caravan-slots{grid-template-columns:1fr}}.page-title{color:var(--gold);letter-spacing:.5px;margin:0 0 4px;font-size:clamp(18px,2.5vw,24px);font-weight:700}.page-subtitle{color:var(--text-soft);word-break:keep-all;margin:0 0 16px;font-size:clamp(12px,1.4vw,13.5px)}.location-bar{color:var(--text-dim);align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.location-bar .loc-sep{color:var(--line)}.location-bar .loc-cur{color:var(--text-soft)}.skill-info-card{background:var(--bg-1);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:14px;margin-bottom:16px;padding:clamp(14px,2vw,20px);display:flex}.sic-header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sic-icon{background:var(--bg-2);border:2px solid var(--line);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:flex}.sic-title-block{flex:1;min-width:0}.sic-name{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;font-size:clamp(16px,2vw,20px);font-weight:700;display:flex}.sic-lv-badge{border:1px solid var(--gold-deep);color:var(--gold);white-space:nowrap;background:linear-gradient(90deg,#4a321c,#6b4a2b);border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.sic-mastery{color:var(--text-dim);margin-top:3px;font-size:12px}.sic-mastery span{color:var(--gold)}.sic-exp-bar-wrap{align-items:center;gap:10px;display:flex}.sic-exp-bar{background:var(--bg-3);border-radius:999px;flex:1;height:7px;overflow:hidden}.sic-exp-fill{background:linear-gradient(90deg, var(--exp), #8c4);border-radius:999px;height:100%;transition:width .3s}.sic-exp-label{color:var(--text-dim);white-space:nowrap;font-size:11px}.sic-milestones{flex-wrap:wrap;gap:6px;display:flex}.milestone-chip{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-dim);word-break:keep-all;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;display:flex}.milestone-chip.reached{color:var(--gold);background:#4a321c80;border-color:#ff9d5c66}.stable-header-bar{background:var(--bg-1);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:14px 16px;display:flex}.stable-cap-block{flex:1;align-items:center;gap:10px;min-width:180px;display:flex}.stable-cap-label{color:var(--text-dim);white-space:nowrap;font-size:12px}.stable-cap-track{background:var(--bg-3);border-radius:999px;flex:1;min-width:80px;height:8px;overflow:hidden}.stable-cap-fill{background:linear-gradient(90deg, var(--gold-deep), var(--gold));border-radius:999px;height:100%}.stable-cap-val{color:var(--gold);white-space:nowrap;font-size:13px;font-weight:700}.hay-badge{color:var(--text-soft);background:var(--bg-2);border:1px solid var(--line-soft);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:flex}.stable-header-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-act{cursor:pointer;border:1px solid var(--line-soft);background:var(--bg-2);color:var(--text-soft);white-space:nowrap;border-radius:6px;padding:7px 14px;font-family:inherit;font-size:12.5px;transition:background .14s,border-color .14s,color .14s}.btn-act:hover{background:var(--bg-3);border-color:var(--gold-deep);color:var(--gold)}.btn-act.prim{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border-color:#8b6532}.btn-act.prim:hover{background:linear-gradient(#7a5532,#5a3c22)}.activity-layout{max-width:960px;margin:0 auto}.activity-grid{grid-template-columns:1fr minmax(0,280px);align-items:start;gap:16px;display:grid}@media (width<=768px){.activity-grid{grid-template-columns:1fr}}.horse-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.horse-card{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:10px;flex-direction:column;gap:8px;padding:14px;transition:border-color .15s,box-shadow .15s;display:flex}.horse-card:hover{border-color:var(--gold-deep);box-shadow:0 4px 14px #00000059}.horse-card.busy{border-color:var(--line);opacity:.9}.hc-top{align-items:center;gap:8px;display:flex}.horse-tier-badge{background:#00000040;border:1.5px solid;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.horse-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.horse-gender{color:var(--text-dim);flex-shrink:0;font-size:14px}.horse-quality{color:var(--text-dim);font-size:11px}.horse-quality span{color:var(--text-soft)}.horse-stats{flex-wrap:wrap;gap:5px;display:flex}.stat-chip{background:var(--bg-3);color:var(--text-dim);border:1px solid var(--line-soft);border-radius:4px;padding:3px 7px;font-size:11px}.stat-chip span{color:var(--text-soft);font-weight:600}.fatigue-bar-row{align-items:center;gap:6px;display:flex}.fatigue-label{color:var(--text-dim);white-space:nowrap;font-size:11px}.fatigue-track{background:var(--bg-0);border-radius:999px;flex:1;height:5px;overflow:hidden}.fatigue-fill{background:var(--exp);border-radius:999px;height:100%}.fatigue-fill.warn{background:#ffa726}.fatigue-fill.dngr{background:var(--danger)}.fatigue-val{white-space:nowrap;text-align:right;min-width:28px;font-size:11px}.horse-status-badge{background:var(--bg-3);border:1px solid var(--line-soft);color:var(--text-dim);border-radius:999px;align-self:flex-start;padding:3px 9px;font-size:11px}.horse-status-badge.idle{color:var(--exp);background:#2e7d321f;border-color:#66bb6a66}.horse-status-badge.training{color:var(--mp);background:#15549d1f;border-color:#4285f466}.horse-status-badge.breeding{color:#ce93d8;background:#6a1b9a1f;border-color:#ab47bc66}.horse-status-badge.listed{color:#ffa726;background:#e651001a;border-color:#ffa72666}.horse-status-badge.working{color:var(--gold);background:#4a321c4d;border-color:#ff9d5c66}.hc-actions{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.hc-btn{cursor:pointer;background:var(--bg-3);border:1px solid var(--line-soft);color:var(--text-soft);border-radius:5px;padding:5px 8px;font-family:inherit;font-size:11.5px;transition:background .12s,border-color .12s,color .12s}.hc-btn:hover{background:var(--bg-2);border-color:var(--gold-deep);color:var(--gold)}.hc-btn:disabled{opacity:.4;cursor:not-allowed}.hc-btn.prim{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border-color:#8b6532}.hc-btn.prim:hover{background:linear-gradient(#7a5532,#5a3c22)}.hc-btn.dngr{color:var(--danger);border-color:#ef535066}.hc-btn.dngr:hover{background:#ef53501a}.panel-card{background:var(--bg-1);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.panel-title{color:var(--text-soft);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.panel-title .ptcount{color:var(--text-dim);font-weight:400}.breed-slot{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:8px;flex-direction:column;gap:7px;padding:10px 12px;display:flex}.breed-slot.empty-slot{cursor:pointer;border-style:dashed;justify-content:center;align-items:center;min-height:56px;transition:border-color .14s}.breed-slot.empty-slot:hover{border-color:var(--gold-deep)}.breed-pair{align-items:center;gap:6px;font-size:12.5px;display:flex}.bs-tier{border:1px solid;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.breed-pb{background:var(--bg-3);border-radius:999px;height:5px;overflow:hidden}.breed-pb-fill{background:linear-gradient(90deg, #ce93d8, var(--crystal));border-radius:999px;height:100%;transition:width .5s}.payout-row{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:7px;align-items:center;gap:10px;padding:8px 10px;display:flex}.payout-amount{color:var(--exp);font-size:13px;font-weight:600}.payout-claim-btn{cursor:pointer;color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532;border-radius:4px;padding:4px 10px;font-family:inherit;font-size:11.5px}.payout-horse-name{color:var(--text);font-size:13px;font-weight:600}.payout-list{flex-direction:column;gap:6px;display:flex}.payout-summary{border:1px solid var(--gold);color:var(--text-soft);background:linear-gradient(160deg,#2a1a00,#1a1000);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.payout-tab{flex-direction:column;gap:12px;display:flex}.stable-modal-backdrop{z-index:900;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.stable-modal{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:clamp(300px,90vw,520px);max-height:88vh;display:flex;overflow-y:auto}.stable-modal-header{border-bottom:1px solid var(--line-soft);flex-shrink:0;align-items:center;gap:10px;padding:16px 18px;display:flex}.stable-modal-header h3{color:var(--gold);flex:1;margin:0;font-size:clamp(14px,1.8vw,16px)}.stable-modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px}.stable-modal-close:hover{color:var(--text)}.stable-modal-body{flex-direction:column;flex:1;gap:12px;padding:16px 18px;display:flex;overflow-y:auto}.stable-modal-footer{border-top:1px solid var(--line-soft);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.modal-btn{cursor:pointer;border-radius:6px;padding:8px 18px;font-family:inherit;font-size:13px}.modal-btn.cancel{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-soft)}.modal-btn.confirm{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532}.modal-btn:disabled{opacity:.45;cursor:not-allowed}.modal-sec-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:11px}.modal-info-row{color:var(--text-soft);justify-content:space-between;font-size:12.5px;display:flex}.modal-info-row span:last-child{color:var(--text)}.horse-select-row{border:1.5px solid var(--line-soft);cursor:pointer;border-radius:7px;align-items:center;gap:8px;margin-bottom:6px;padding:9px 10px;transition:border-color .12s,background .12s;display:flex}.horse-select-row:hover{border-color:var(--gold-deep);background:var(--bg-2)}.horse-select-row.selected{border-color:var(--gold);background:#4a321c66}.horse-select-row.disabled{opacity:.4;cursor:not-allowed}.horse-select-row.disabled:hover{border-color:var(--line-soft);background:0 0}.hsr-name{color:var(--text);flex:1;font-size:13px}.hsr-meta{color:var(--text-dim);font-size:11px}.listing-price-input{align-items:center;gap:8px;display:flex}.listing-price-input input{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text);border-radius:5px;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.listing-price-input input:focus{border-color:var(--gold-deep);outline:none}.status-badge{white-space:nowrap;background:#0003;border:1px solid;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:11px}.buy-horse-panel{max-width:400px}.buy-horse-panel p{color:var(--text-soft);margin:0 0 12px;font-size:13px;line-height:1.6}.buy-horse-cost{background:var(--bg-2);border:1px solid var(--line);border-radius:6px;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.buy-horse-cost .ico{font-size:36px}.buy-horse-cost .info{flex:1}.buy-horse-cost .info .label{color:var(--text-soft);font-size:13px}.buy-horse-cost .info .price{color:var(--gold);font-size:18px;font-weight:700}.breeding-slots{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.breeding-slot{background:var(--bg-2);border:1px solid var(--line);border-radius:6px;align-items:center;gap:12px;padding:14px;display:flex}.breeding-slot.empty{border-style:dashed;border-color:var(--line-soft);cursor:pointer;justify-content:center}.breeding-slot.empty:hover{border-color:var(--gold-deep);background:var(--bg-3)}.breeding-slot-info{flex:1;min-width:0}.breeding-slot-title{color:var(--text);margin-bottom:4px;font-size:13px;font-weight:600}.breeding-slot-time{color:var(--text-dim);font-size:12px}.breeding-slot-ready{color:var(--gold);font-size:12px;font-weight:600}.market-horse-card{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:14px 12px;display:flex}.market-horse-card.mine{border-color:var(--gold-deep)}.market-horse-seller{color:var(--text-dim);font-size:11px}.market-horse-price{color:var(--gold);font-size:15px;font-weight:700}@media (width<=560px){.stable-header-bar{flex-direction:column;align-items:stretch}.stable-cap-block{min-width:0}.payout-summary{flex-direction:column;align-items:stretch}.payout-row{flex-direction:column;align-items:stretch;gap:8px}}.storage-page{flex-direction:column;gap:12px;display:flex}.storage-page h2 small{color:var(--text-dim);margin-left:8px;font-size:13px;font-weight:400}.storage-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.storage-tab{border:1px solid var(--line-soft);color:var(--text-soft);cursor:pointer;background:0 0;border-bottom:none;border-radius:4px 4px 0 0;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s}.storage-tab:hover{background:var(--bg-2);color:var(--text)}.storage-tab.active{background:var(--bg-1);border-color:var(--gold);color:var(--gold)}.storage-list{flex-direction:column;gap:4px;max-height:600px;display:flex;overflow-y:auto}.storage-row{background:var(--bg-1);border:1px solid var(--line-soft);border-radius:4px;grid-template-columns:32px 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.storage-row.r-rare{border-color:#5082dc66}.storage-row.r-epic{border-color:#aa50dc66}.storage-row.r-legend{border-color:#ff9d5c80;box-shadow:0 0 6px #ff9d5c26}.storage-name{color:var(--text);font-size:13px}.storage-qty{color:var(--text-dim);font-size:12px}.empty-state{text-align:center;color:var(--text-dim);padding:32px 14px;font-size:13px}@media (width<=600px){.storage-row{grid-template-rows:auto auto;grid-template-columns:28px 1fr auto;gap:6px}.storage-row>.storage-qty{grid-area:2/2}.storage-row>button{grid-area:1/3/3;align-self:center}}.gold-storage-panel{border:1px solid var(--gold);background:linear-gradient(160deg,#2a1a00,#1a1000);border-radius:6px;margin-bottom:12px;padding:14px 16px;box-shadow:0 0 8px #ff9d5c26}.gold-storage-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.gold-storage-label{color:var(--gold);font-size:14px;font-weight:700}.gold-storage-amount{color:var(--gold);font-size:16px;font-weight:700}.gold-storage-actions{flex-wrap:wrap;gap:6px;display:flex}.gold-storage-actions input{background:var(--bg-0);border:1px solid var(--line-soft);min-width:100px;color:var(--text);border-radius:4px;flex:1;padding:6px 10px;font-family:inherit}.gold-storage-shortcuts{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.gold-storage-shortcuts button{border:1px solid var(--line-soft);color:var(--text-soft);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:11px}.gold-storage-shortcuts button:hover{background:var(--bg-2);color:var(--text)}.qty-dialog-backdrop{z-index:500;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.qty-dialog{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;width:100%;max-width:400px;padding:16px;box-shadow:0 8px 24px #00000080}.qty-dialog-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.qty-dialog-header h3{color:var(--gold);margin:0;font-size:14px}.qty-item-name{color:var(--text);text-align:center;margin-bottom:12px;font-weight:600}.qty-controls{align-items:center;gap:4px;margin-bottom:8px;display:flex}.qty-controls button{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text);cursor:pointer;border-radius:4px;padding:6px 10px;font-family:inherit;font-size:12px}.qty-controls input{text-align:center;background:var(--bg-0);border:1px solid var(--line-soft);color:var(--text);border-radius:4px;flex:1;padding:6px;font-family:inherit}.qty-slider{width:100%;margin-bottom:8px}.qty-shortcuts{gap:4px;margin-bottom:12px;display:flex}.qty-shortcuts button{border:1px solid var(--line-soft);color:var(--text-soft);cursor:pointer;background:0 0;border-radius:4px;flex:1;padding:6px;font-family:inherit;font-size:12px}.qty-shortcuts button:hover{background:var(--bg-2);color:var(--text)}.qty-dialog-footer{display:flex}.qty-dialog-footer button{width:100%;min-height:40px}@media (width<=600px){.gold-storage-actions input{flex-basis:100%;min-width:0}}.inv-cat-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;padding-bottom:4px;display:flex}.cat-chip{border:1px solid var(--line-soft);color:var(--text-soft);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:5px 10px;font-family:inherit;font-size:12px;transition:all .12s}.cat-chip:hover{background:var(--bg-2);color:var(--text)}.cat-chip.active{background:linear-gradient(135deg, var(--gold-deep), var(--gold));color:#1a1000;border-color:var(--gold);font-weight:600}@media (width<=600px){.inv-cat-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}}.settings-panel{max-width:980px}.settings-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px;margin-top:16px;display:grid}.settings-card{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:14px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.settings-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 0 18px 2px #d4a5412e}.settings-card-ico{margin-bottom:10px;font-size:28px}.settings-card-title{color:var(--gold);margin-bottom:8px;font-size:15px;font-weight:700}.settings-card-preview{color:var(--text-dim);word-break:keep-all;font-size:12px;line-height:1.6}.settings-card-preview strong{color:var(--text-soft)}.settings-card-arrow{color:var(--text-dim);font-size:18px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.settings-logout-btn{border:1px solid var(--danger);width:100%;color:var(--danger);cursor:pointer;background:0 0;border-radius:10px;margin-top:16px;padding:13px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,color .15s}.settings-logout-btn:hover{background:#ef53501a}.settings-modal-overlay{z-index:var(--modal-z);background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.settings-modal-card{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;width:100%;max-width:480px;max-height:85vh;animation:.2s settings-fadeUp;overflow-y:auto}@keyframes settings-fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.settings-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.settings-modal-head-title{color:var(--gold);font-size:16px;font-weight:700}.settings-modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-family:inherit;font-size:20px;line-height:1}.settings-modal-close:hover{color:var(--text)}.settings-modal-body{padding:20px 24px}.settings-modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 24px 20px;display:flex}.settings-row{border-bottom:1px solid var(--bg-3);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-label{color:var(--text);flex:1;min-width:120px;font-size:13.5px}.settings-row-sub{color:var(--text-dim);margin-top:2px;font-size:11.5px}.settings-slider-wrap{align-items:center;gap:8px;display:flex}.settings-slider-wrap input[type=range]{width:120px;accent-color:var(--gold)}.settings-slider-val{color:var(--gold);min-width:32px;font-size:13px;font-weight:600}.settings-toggle{background:var(--bg-3);cursor:pointer;border:1px solid var(--line);border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s,border-color .2s;position:relative}.settings-toggle.on{background:var(--gold-deep);border-color:var(--gold)}.settings-toggle:after{content:"";background:var(--text-dim);border-radius:50%;width:16px;height:16px;transition:left .2s,background .2s;position:absolute;top:3px;left:3px}.settings-toggle.on:after{background:var(--gold);left:21px}.settings-radio-group{flex-wrap:wrap;gap:5px;display:flex}.settings-radio-btn{border:1px solid var(--line);background:var(--bg-3);color:var(--text-soft);cursor:pointer;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:12px;transition:background .15s,border-color .15s,color .15s}.settings-radio-btn.active{background:var(--gold-deep);border-color:var(--gold);color:var(--gold)}.settings-radio-btn:disabled{opacity:.45;cursor:not-allowed}.settings-seg{border:1px solid var(--line);border-radius:8px;display:flex;overflow:hidden}.settings-seg-btn{background:var(--bg-3);color:var(--text-soft);cursor:pointer;border-right:1px solid var(--line);border:none;border-right:1px solid var(--line);padding:6px 12px;font-family:inherit;font-size:12px;transition:background .15s,color .15s}.settings-seg-btn:last-child{border-right:none}.settings-seg-btn.active{background:var(--gold-deep);color:var(--gold);font-weight:600}.settings-btn{border:1px solid var(--line);background:var(--bg-3);color:var(--text-soft);cursor:pointer;border-radius:7px;padding:7px 14px;font-family:inherit;font-size:13px;transition:border-color .15s,color .15s}.settings-btn:hover{border-color:var(--gold);color:var(--gold)}.settings-btn-primary{border:1px solid var(--gold-deep);background:var(--gold-deep);color:var(--gold);cursor:pointer;border-radius:7px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .15s}.settings-btn-primary:hover{opacity:.85}.settings-input-row{gap:8px;display:flex}.settings-input-row input{background:var(--bg-3);border:1px solid var(--line);color:var(--text);border-radius:6px;outline:none;flex:1;padding:7px 10px;font-family:inherit;font-size:13px}.settings-input-row input:focus{border-color:var(--gold)}.settings-read-only{color:var(--text-dim);font-family:monospace;font-size:13px}.settings-link-btn{border:1px solid var(--gold-deep);color:var(--gold);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:12px;transition:opacity .15s}.settings-link-btn:hover{opacity:.8}.settings-check-connected{color:#4caf50;font-size:13px;font-weight:700}.settings-info-link{color:var(--text-soft);font-size:13.5px;text-decoration:none}.settings-info-link:hover{color:var(--gold)}.settings-badge-disabled{background:var(--bg-3);color:var(--text-dim);border-radius:4px;margin-left:4px;padding:2px 6px;font-size:10px}@media (width<=600px){.settings-grid{grid-template-columns:1fr}}:root{--bg-0:#0c0a08;--bg-1:#141110;--bg-2:#1c1816;--bg-3:#25201d;--line:#3a302a;--line-soft:#2a221e;--text:#ece4dc;--text-soft:#b3a496;--text-dim:#7d6f63;--gold:#ff9d5c;--gold-deep:#b3531f;--hp:#ef5350;--mp:#42a5f5;--exp:#66bb6a;--danger:#ff7676;--link:#9fd0ff;--crystal:#c9a06a;--side-w:280px;--side-bg:#0f0c0a;--fab-z:800;--modal-z:900;--overlay-z:850}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-0);color:var(--text);scrollbar-width:thin;scrollbar-color:var(--bronze) var(--bg-0);min-height:100vh;font-family:Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:clamp(14px,1.6vw,16px);line-height:1.55}body::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-track{background:var(--bg-0)}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--bronze), var(--copper));border:2px solid var(--bg-0);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--bronze), var(--copper));border:2px solid var(--bg-0);border-radius:5px}body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--gold), var(--bronze))}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--gold), var(--bronze))}.app{grid-template-columns:var(--side-w) minmax(0, 1fr);grid-template-areas:"side main";gap:0;max-width:none;min-height:100vh;margin:0;padding:0;display:grid}.hamburger-fab{background:var(--bg-2);border:1px solid var(--line);width:42px;height:42px;color:var(--text-soft);cursor:pointer;z-index:var(--fab-z);border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-size:20px;transition:background .12s,color .12s;display:none;position:fixed;top:14px;left:14px;box-shadow:0 4px 16px #00000080}.hamburger-fab:hover{background:var(--bg-3);color:var(--gold)}@media (width>=901px){.hamburger-fab{display:none!important}}@media (width<=900px){.hamburger-fab{display:flex}}.right-stack{z-index:var(--fab-z);flex-direction:column;gap:8px;width:clamp(200px,22vw,272px);display:flex;position:fixed;top:clamp(12px,2vw,20px);right:clamp(12px,2vw,20px)}.right-stack .activity-fab{width:100%;top:unset;right:unset;z-index:unset;position:static}@media (width<=900px){.right-stack{width:clamp(160px,48vw,220px);top:12px;right:12px}}.activity-fab{background:linear-gradient(135deg, var(--bg-2), var(--bg-1));border:1px solid var(--line);width:clamp(200px,22vw,272px);z-index:var(--fab-z);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:fixed;top:clamp(12px,2vw,20px);right:clamp(12px,2vw,20px);box-shadow:0 8px 28px #0000008c}.right-stack .activity-fab{top:unset;right:unset;z-index:unset;width:100%;position:static}.activity-fab .af-header{justify-content:space-between;align-items:center;display:flex}.activity-fab .af-mode{color:var(--gold);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.activity-fab .af-mode .af-dot{background:var(--exp);width:7px;height:7px;box-shadow:0 0 6px var(--exp);border-radius:50%;flex-shrink:0;animation:1.4s ease-in-out infinite af-pulse}@keyframes af-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.activity-fab .af-cancel{color:var(--text-dim);cursor:pointer;background:var(--bg-0);border:1px solid var(--line-soft);border-radius:4px;padding:2px 8px;font-family:inherit;font-size:11px;transition:color .12s,border-color .12s}.activity-fab .af-cancel:hover{color:var(--danger);border-color:var(--danger)}.activity-fab .af-node{color:var(--text-soft);word-break:keep-all;font-size:12px}.activity-fab .af-bar-wrap{flex-direction:column;gap:3px;display:flex}.activity-fab .af-bar-label{color:var(--text-dim);justify-content:space-between;font-size:10.5px;display:flex}.activity-fab .af-bar{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:999px;height:6px;overflow:hidden}.activity-fab .af-fill{background:linear-gradient(90deg, var(--gold-deep), var(--gold));height:100%;transition:width 80ms linear}.activity-fab .af-eta{color:var(--text-dim);justify-content:space-between;font-size:11px;display:flex}.activity-fab .af-eta .af-eta-val{color:var(--text-soft)}@media (width<=900px){.activity-fab{gap:6px;width:clamp(160px,48vw,220px);padding:9px 11px;top:12px;right:12px}}.loot-feed{background:var(--bg-1);border:1px solid var(--line);border-radius:8px;width:100%;padding:8px 10px}.loot-feed-head{color:var(--text-dim);text-align:left;margin-bottom:4px;font-size:11px}.loot-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.loot-row{align-items:center;gap:8px;font-size:12px;display:flex}.loot-ico{text-align:center;flex-shrink:0;width:16px}.loot-name{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.loot-count{color:var(--gold);flex-shrink:0;font-weight:600}@media (width<=900px){.loot-row{font-size:11px}}.loot-toast-stack{pointer-events:none;flex-direction:column;align-items:stretch;gap:4px;display:flex}@keyframes loot-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.loot-toast{background:var(--bg-1);border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;transition:opacity .4s,transform .4s;animation:.25s ease-out loot-toast-in;display:flex}.loot-toast.fading{opacity:0;transform:translate(20px)}.loot-toast.grade-common{border-color:var(--line)}.loot-toast.grade-uncommon{border-color:var(--exp)}.loot-toast.grade-rare{border-color:var(--mp)}.loot-toast.grade-epic{border-color:var(--crystal)}.loot-toast.grade-legendary{border-color:var(--gold);box-shadow:0 0 12px #ff9d5c66}.side{background:var(--side-bg);border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line) transparent;z-index:700;flex-direction:column;grid-area:side;height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden auto}.side::-webkit-scrollbar{width:4px}.side::-webkit-scrollbar-track{background:0 0}.side::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.player-card{border-bottom:1px solid var(--line-soft);flex-direction:column;gap:8px;padding:clamp(14px,2.5vw,20px) clamp(12px,2vw,16px) 12px;display:flex}.player-card .avatar-row{align-items:center;gap:10px;display:flex}.player-card .avatar{background:var(--bg-2);border:2px solid var(--line);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.player-card .name-block{flex:1;min-width:0}.player-card .nickname{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(13px,1.6vw,15px);font-weight:700;overflow:hidden}.player-card .level{color:var(--text-dim);font-size:12px}.char-exp-bar-wrap{width:100%;margin-top:4px}.char-exp-track{background:var(--bg-2);border-radius:2px;height:4px;overflow:hidden}.char-exp-fill{background:var(--gold);border-radius:2px;height:100%;transition:width .3s}.badge-member{border:1px solid var(--gold-deep);color:var(--gold);background:linear-gradient(90deg,#4a321c,#6b4a2b);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-guest{background:var(--bg-2);border:1px solid var(--line-soft);color:var(--text-dim);border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;display:inline-flex}.player-card .exp-row{flex-direction:column;gap:3px;display:flex}.player-card .exp-label-row{color:var(--text-dim);justify-content:space-between;font-size:11px;display:flex}.player-card .currency-row{flex-direction:column;gap:4px;margin-top:2px;display:flex}.player-card .currency{color:var(--gold);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.player-card .cur-ico{font-size:13px}.guest-banner{border:1px solid var(--gold-deep);background:linear-gradient(135deg,#261c08,#1d1508);border-radius:6px;flex-direction:column;gap:8px;margin:10px clamp(10px,2vw,14px);padding:clamp(10px,1.8vw,14px) clamp(12px,2vw,16px);display:flex;box-shadow:0 0 12px #b3531f2e,inset 0 0 18px #ff9d5c0a}.guest-banner .banner-title{color:var(--gold);word-break:keep-all;font-size:clamp(12px,1.4vw,13px);font-weight:700}.guest-banner .banner-desc{color:var(--text-soft);word-break:keep-all;font-size:11.5px;line-height:1.45}.guest-banner .banner-btn{color:var(--gold);cursor:pointer;background:linear-gradient(#6b4a2b,#4a321c);border:1px solid #8b6532;border-radius:4px;justify-content:center;align-items:center;padding:7px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.guest-banner .banner-btn:hover{background:#5a3c22}.nav-cat{border-bottom:1px solid var(--line-soft)}.nav-cat:last-of-type{border-bottom:none}.nav-cat-header{width:100%;color:var(--text-dim);letter-spacing:.8px;text-transform:uppercase;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:8px;padding:9px clamp(12px,2vw,16px);font-family:inherit;font-size:clamp(11px,1.3vw,12px);font-weight:700;transition:background .12s,color .12s;display:flex}.nav-cat-header:hover{background:var(--bg-2);color:var(--text-soft)}.nav-cat-header .nch-ico{font-size:14px;line-height:1}.nav-cat-header .nch-label{flex:1}.nav-cat-header .nch-caret{color:var(--text-dim);flex-shrink:0;font-size:10px;transition:transform .2s}.nav-cat.collapsed .nch-caret{transform:rotate(-90deg)}.nav-cat-items{flex-direction:column;max-height:800px;transition:max-height .25s ease-out;display:flex;overflow:hidden}.nav-cat.collapsed .nav-cat-items{max-height:0;transition:max-height .2s ease-in}.nav-item{color:var(--text-soft);cursor:pointer;word-break:keep-all;border-left:3px solid #0000;align-items:center;gap:10px;min-height:0;padding:8px clamp(12px,2vw,16px) 8px clamp(16px,2.5vw,22px);font-size:clamp(12.5px,1.45vw,14px);text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:flex}.nav-item:hover{background:var(--bg-2);color:var(--text)}.nav-item.active{color:var(--gold);border-left-color:var(--gold);background:linear-gradient(90deg,#4a321c99,#0000)}.nav-item.nav-locked{opacity:.5;cursor:default}.nav-item .ni-ico{text-align:center;flex-shrink:0;width:20px;font-size:15px}.nav-item .ni-lv{color:var(--gold);background:var(--bg-2);white-space:nowrap;border-radius:999px;flex-shrink:0;margin-left:auto;padding:1px 6px;font-size:11px}.nav-item .ni-badge{background:var(--bg-3);border:1px solid var(--line-soft);color:var(--text-dim);white-space:nowrap;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px}.nav-lock-badge{background:var(--bg-0);border:1px solid var(--line-soft);color:var(--text-dim);white-space:nowrap;border-radius:4px;margin-left:auto;padding:1px 5px;font-size:10px}.nav-divider{border:none;border-top:1px solid var(--line-soft);margin:4px clamp(16px,2.5vw,22px)}.side-footer-legal{border-top:1px solid var(--line-soft);flex-direction:column;gap:6px;margin-top:auto;padding:12px clamp(10px,2vw,14px);display:flex}.side-footer-logo{color:var(--gold);letter-spacing:.5px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.side-footer-logo img{object-fit:contain;width:auto;height:18px}.side-footer-company{color:var(--text-dim);word-break:keep-all;font-size:9.5px;line-height:1.45}.side-footer-links{flex-wrap:wrap;gap:2px 8px;font-size:10px;display:flex}.side-footer-links a{color:var(--text-dim);text-decoration:none}.side-footer-links a:hover{color:var(--gold)}.side-footer-links .sep{color:var(--line)}.main{flex-direction:column;grid-area:main;gap:12px;width:100%;min-width:0;max-width:1280px;margin:0 auto;padding:clamp(12px,2vw,24px) clamp(150px,18vw,230px) clamp(12px,2vw,24px) clamp(12px,2vw,24px);display:flex;overflow-x:hidden}.panel{background:var(--bg-1);border:1px solid var(--line);border-radius:6px;min-width:0;padding:clamp(14px,2vw,18px)}.panel h2{color:var(--gold);border-bottom:1px solid var(--line);letter-spacing:.5px;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 12px;padding-bottom:8px;font-size:clamp(15px,1.8vw,17px);display:flex}.panel h2 small{color:var(--text-dim);letter-spacing:0;font-size:12px;font-weight:400}.bar{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:999px;height:14px;position:relative;overflow:hidden}.bar.thin{height:8px}.bar.thick{height:22px}.bar>.fill{height:100%;transition:width .3s}.bar>.label{color:var(--text);text-shadow:0 1px 2px #000000b3;letter-spacing:.5px;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.fill-hp{background:linear-gradient(90deg,#c62828,#ef5350)}.fill-mp{background:linear-gradient(90deg,#1565c0,#42a5f5)}.fill-exp{background:linear-gradient(90deg,#2e7d32,#66bb6a)}.fill-gold{background:linear-gradient(90deg, var(--gold-deep), var(--gold))}.btn{border:1px solid var(--line);background:linear-gradient(180deg, #3b2a1c, var(--bg-2));min-height:40px;color:var(--text);cursor:pointer;border-radius:4px;padding:8px 14px;font-family:inherit;font-size:clamp(13px,1.5vw,14px)}.btn:hover{background:#4a3424}.btn.primary{color:var(--gold);background:linear-gradient(#6b4a2b,#4a321c);border-color:#8b6532}.btn.danger{color:#ffb0b0;border-color:#6a3030}.btn.ghost{color:var(--text-soft);background:0 0}.cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.card{background:var(--bg-2);border:1px solid var(--line);cursor:pointer;border-radius:6px;flex-direction:column;gap:8px;padding:clamp(14px,1.8vw,18px);transition:transform .15s,border-color .15s;display:flex}.card:hover{border-color:var(--gold);transform:translateY(-2px)}.card .ico-big{font-size:clamp(28px,4vw,36px)}.card h3{color:var(--gold);margin:0;font-size:clamp(14px,1.7vw,16px)}.card p{color:var(--text-soft);word-break:keep-all;margin:0;font-size:clamp(12px,1.4vw,13px)}.card .meta{color:var(--text-dim);margin-top:auto;font-size:12px}ul.list{margin:0;padding:0;list-style:none}ul.list li{border-bottom:1px dashed var(--line-soft);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:clamp(13px,1.5vw,14px);display:flex}ul.list li:last-child{border-bottom:none}.qty{color:var(--gold);font-variant-numeric:tabular-nums}.muted{color:var(--text-dim)}.log{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:4px;max-height:220px;padding:12px;font-size:clamp(12px,1.45vw,13.5px);overflow-y:auto}.log p{word-break:keep-all;margin:0 0 4px}.log .narr{color:var(--text-soft)}.log .sys{color:var(--gold)}.log .cmb{color:#ff9494}.log .rwd{color:var(--gold)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.cycle-bar{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:999px;height:8px;overflow:hidden}.cycle-bar>.cycle-fill{background:linear-gradient(90deg, var(--gold-deep), var(--gold));width:0%;height:100%;transition:width 80ms linear}.cycle-bar.no-anim>.cycle-fill{transition:none}.hamburger{background:var(--bg-1);border:1px solid var(--gold-deep);width:36px;height:36px;color:var(--gold);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:18px;transition:background .15s,border-color .15s;display:none}.hamburger:hover{background:var(--bg-2);border-color:var(--gold)}.hamburger:active{background:var(--bg-3)}.side-backdrop{display:none}@media (width<=900px){.app{grid-template-columns:1fr;grid-template-areas:"main"}.side{z-index:1200;width:min(var(--side-w), 88vw);border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-flow:column;align-self:stretch;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 32px #000000b3}.side.open{transform:translate(0)}.side-backdrop{z-index:1190;background:#0000008c;display:block;position:fixed;inset:0}.main{max-width:100%;margin-left:0;padding-top:64px;padding-right:clamp(12px,4vw,24px)}.grid-2,.grid-3{grid-template-columns:1fr}}.app-footer{border-top:1px solid var(--line-soft);text-align:center;color:var(--text-dim);margin-top:32px;padding:16px 12px;font-size:11px}.app-footer-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:8px;display:flex}.app-footer-row a{color:var(--text-soft);text-decoration:none}.app-footer-row a:hover{color:var(--gold)}.app-footer-meta{line-height:1.6}.legal-page h3{color:var(--gold);margin-top:20px;margin-bottom:6px;font-size:14px}.legal-page ul,.legal-page ol{margin:4px 0 8px 18px;padding:0}.legal-page li{margin-bottom:3px}.legal-page a{color:var(--gold)}.toast-stack{pointer-events:auto;flex-direction:column;gap:6px;width:100%;display:flex}.toast{background:linear-gradient(135deg, var(--bg-2), var(--bg-1));border:1px solid var(--gold);border-left:3px solid var(--gold);pointer-events:auto;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 10px;animation:.28s ease-out toast-in,.4s ease-in 2.4s forwards toast-out;display:flex;box-shadow:0 4px 14px #0000008c}@keyframes toast-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{to{opacity:0;transform:translate(120%)}}.toast .ico{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;display:flex}.toast .body{flex:1;min-width:0}.toast .title{color:var(--gold);word-break:keep-all;font-size:12px;font-weight:600;line-height:1.25}.toast .meta{color:var(--text-soft);margin-top:1px;font-size:10.5px;line-height:1.3}.toast.rare{border-color:#4f8df0}.toast.rare .title{color:#88b4ff}.toast.epic{border-color:#ce93d8}.toast.epic .title{color:#d8aae8}.toast.legend{border-color:var(--gold);border-left-color:var(--gold);animation:.28s ease-out toast-in,1s ease-in-out infinite alternate toast-glow,.4s ease-in 2.4s forwards toast-out}@keyframes toast-glow{0%{box-shadow:0 6px 18px #00000080,0 0 #ff9d5c8c}to{box-shadow:0 6px 18px #00000080,0 0 0 6px #ff9d5c00}}.toast.exp{border-color:#66bb6a}.toast.exp .title{color:#c8e6c9}.toast.warn{border-color:var(--danger);border-left-color:var(--danger)}.toast.warn .title{color:#ffb0b0}.header-exp-bar{background:var(--bg-0);border:1px solid var(--line-soft);vertical-align:middle;border-radius:999px;width:60px;height:4px;margin-left:6px;display:inline-block;overflow:hidden}.header-exp-fill{background:linear-gradient(90deg, var(--gold-deep), var(--gold));height:100%;transition:width .4s;display:block}.header-exp-text{color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:4px;font-size:clamp(10px,1.2vw,11px)}@media (width<=600px){.header-exp-bar{width:40px}.header-exp-text{display:none}}.char-exp-row{align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.char-exp-label{color:var(--text-dim)}.char-exp-bar{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:999px;flex:1;height:5px;overflow:hidden}.char-exp-fill{background:linear-gradient(90deg, var(--gold-deep), var(--gold));height:100%;transition:width .4s;display:block}.char-exp-text{color:var(--text-soft);white-space:nowrap}.modal-overlay{z-index:var(--overlay-z);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b8;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-1);border:1px solid var(--line);width:clamp(320px,90vw,580px);max-height:90vh;z-index:var(--modal-z);border-radius:12px;flex-direction:column;animation:.22s cubic-bezier(.34,1.56,.64,1) modal-in;display:flex;overflow:hidden;box-shadow:0 24px 60px #000000bf}@keyframes modal-in{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg, var(--bg-2), var(--bg-1));align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-header h3{color:var(--gold);word-break:keep-all;flex:1;margin:0;font-size:clamp(15px,1.8vw,17px)}.modal-close{background:var(--bg-0);border:1px solid var(--line-soft);width:32px;height:32px;color:var(--text-dim);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:color .12s,border-color .12s;display:flex}.modal-close:hover{color:var(--text);border-color:var(--line)}.item-modal-header{border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg, var(--bg-2), var(--bg-1));flex-shrink:0;align-items:flex-start;gap:14px;padding:18px 20px 14px;display:flex}.item-icon-big{background:var(--bg-0);border:2px solid var(--line);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:36px;display:flex}.item-icon-big.r-rare{border-color:#4f8df0;box-shadow:0 0 8px #4f8df066}.item-icon-big.r-epic{border-color:#ce93d8;box-shadow:0 0 8px #ce93d866}.item-icon-big.r-legend{border-color:var(--gold);box-shadow:0 0 10px #ff9d5c80}.item-info{flex:1;min-width:0}.item-name{word-break:keep-all;margin-bottom:5px;font-size:clamp(15px,2vw,18px);font-weight:700}.item-badges{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.item-badge{background:var(--bg-0);border:1px solid var(--line-soft);color:var(--text-dim);border-radius:999px;padding:2px 8px;font-size:11px}.item-badge.r-rare{color:#93c5fd;border-color:#3b82f6}.item-badge.r-epic{color:#d8b4fe;border-color:#a855f7}.item-badge.r-legend{border-color:var(--gold);color:var(--gold)}.item-req{color:var(--text-dim);font-size:11.5px}.modal-tabs{border-bottom:1px solid var(--line-soft);background:var(--bg-2);scrollbar-width:none;flex-shrink:0;display:flex;overflow-x:auto}.modal-tabs::-webkit-scrollbar{display:none}.modal-tab{color:var(--text-dim);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 18px;font-size:clamp(12px,1.4vw,13.5px);transition:color .12s,border-color .12s}.modal-tab:hover{color:var(--text-soft)}.modal-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.modal-body{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;padding:18px 20px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.tab-pane{flex-direction:column;gap:14px;display:none}.tab-pane.active{display:flex}.section-title{color:var(--text-dim);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.stat-box{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.stat-box .s-label{color:var(--text-dim);font-size:11px}.stat-box .s-val{color:var(--gold);font-size:15px;font-weight:700}.material-row{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:9px 0;display:flex}.material-row:last-child{border-bottom:none}.material-ico{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.material-name{color:var(--text);word-break:keep-all;flex:1;font-size:13px}.material-qty{font-size:13px;font-weight:600}.material-qty.ok{color:var(--exp)}.material-qty.lack{color:var(--danger)}.chart-bars{border-bottom:1px solid var(--line-soft);border-left:1px solid var(--line-soft);align-items:flex-end;gap:3px;height:70px;padding:0 4px;display:flex}.chart-bar-item{background:linear-gradient(180deg, var(--gold-deep), #b3531f4d);cursor:crosshair;border-radius:2px 2px 0 0;flex:1;min-height:4px;transition:background .15s;position:relative}.chart-bar-item:hover{background:linear-gradient(180deg, var(--gold), #ff9d5c66)}.chart-tooltip{background:var(--bg-1);border:1px solid var(--gold-deep);color:var(--gold);pointer-events:none;white-space:nowrap;z-index:9999;opacity:0;border-radius:5px;padding:5px 9px;font-size:11.5px;transition:opacity .1s;position:fixed;box-shadow:0 4px 14px #0009}.chart-tooltip.show{opacity:1}.modal-footer-actions{border-top:1px solid var(--line-soft);background:var(--bg-2);flex-direction:column;flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.player-card .nickname-row{align-items:center;gap:6px;min-width:0;display:flex}.player-card .nickname-row .nickname{flex:1}.char-switch-btn{border:1px solid var(--line-soft);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:1px 5px;font-family:inherit;font-size:12px;line-height:1.4;transition:color .12s,border-color .12s,box-shadow .12s}.char-switch-btn:hover{color:var(--gold);border-color:var(--gold);box-shadow:0 0 6px #ff9d5c4d}.stamina-section{border-top:1px solid var(--line-soft);flex-direction:column;gap:5px;padding-top:6px;display:flex}.stamina-bar{align-items:center;gap:6px;display:flex}.stamina-ico{text-align:center;flex-shrink:0;width:16px;font-size:13px}.stamina-track{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:999px;flex:1;height:5px;overflow:hidden}.stamina-fill-life{background:linear-gradient(90deg, #2e7d32, var(--exp));border-radius:999px;height:100%}.stamina-fill-combat{background:linear-gradient(90deg, #c62828, var(--hp));border-radius:999px;height:100%}.stamina-num{color:var(--text-dim);white-space:nowrap;text-align:right;min-width:42px;font-size:10.5px}.stamina-charge-btn{background:var(--bg-2);border:1px solid var(--line-soft);width:16px;height:16px;color:var(--text-dim);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:11px;line-height:1;transition:color .12s,border-color .12s;display:flex}.stamina-charge-btn:hover{color:var(--gold);border-color:var(--gold)}.player-card .currency-row{border-top:1px solid var(--line-soft);flex-direction:column;align-items:flex-start;gap:6px;margin-top:0;padding-top:6px;font-size:12px;font-weight:600;display:flex}.cur-gold{color:var(--gold)}.cur-crystal{color:var(--crystal)}.player-card .currency-row .cur-sep{display:none}.tutorial-btn{background:var(--bg-2);border:1px solid var(--line-soft);border-left:3px solid var(--exp);cursor:pointer;color:var(--text-soft);text-align:left;word-break:keep-all;align-items:center;gap:8px;width:100%;padding:9px clamp(12px,2vw,16px);font-family:inherit;font-size:clamp(12px,1.4vw,13px);transition:background .12s,color .12s;display:flex}.tutorial-btn:hover{background:var(--bg-3);color:var(--text)}.tutorial-btn .tut-btn-ico{flex-shrink:0;font-size:15px}.tutorial-btn .tut-btn-label{flex:1}.tutorial-btn .tut-count{color:var(--gold);background:var(--bg-0);border:1px solid var(--line-soft);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:11px}.guide-btn{background:var(--bg-2);border:1px solid var(--line-soft);border-left:3px solid var(--gold-deep);cursor:pointer;color:var(--text-soft);text-align:left;word-break:keep-all;align-items:center;gap:8px;width:100%;padding:9px clamp(12px,2vw,16px);font-family:inherit;font-size:clamp(12px,1.4vw,13px);transition:background .12s,color .12s;display:flex}.guide-btn:hover{background:var(--bg-3);color:var(--text)}.guide-btn .guide-btn-ico{flex-shrink:0;font-size:15px}.guide-btn .guide-btn-label{flex:1}.side-footer-legal{text-align:center}.side-footer-legal .sfl-logo{justify-content:center;align-items:center;padding:8px 0 12px;display:flex}.side-footer-legal .sfl-logo-img{object-fit:contain;width:100%;max-width:160px;height:auto;display:block}.side-footer-legal .sfl-mark{color:var(--gold);filter:drop-shadow(0 2px 8px #d4a54159);font-size:48px;line-height:1}.side-footer-legal .sfl-company{color:var(--text-dim);word-break:keep-all;font-size:10px;line-height:1.7}.side-footer-legal .sfl-links{flex-wrap:wrap;justify-content:center;gap:0;font-size:10px;display:flex}.side-footer-legal .sfl-links a{color:var(--text-dim);padding:1px 4px;text-decoration:none;transition:color .12s}.side-footer-legal .sfl-links a:hover{color:var(--text-soft)}.side-footer-legal .sfl-links .sep{color:var(--line)}.side-player-card{border-bottom:1px solid var(--line-soft);flex-direction:column;gap:8px;padding:clamp(12px,1.8vw,16px) clamp(10px,1.5vw,14px) 10px;display:flex}.spc-avatar-row{align-items:center;gap:10px;display:flex}.spc-avatar{background:var(--bg-2);border:2px solid var(--line);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.spc-name-block{flex:1;min-width:0}.spc-name{color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;font-size:clamp(13px,1.6vw,15px);font-weight:700;display:flex}.spc-member-badge{border:1px solid var(--gold-deep);color:var(--gold);white-space:nowrap;background:linear-gradient(90deg,#4a321c,#6b4a2b);border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-flex}.spc-level{color:var(--text-dim);font-size:12px}.spc-exp-row{flex-direction:column;gap:3px;display:flex}.spc-exp-bar{background:var(--bg-0);border:1px solid var(--line-soft);border-radius:999px;height:6px;overflow:hidden}.spc-exp-fill{background:linear-gradient(90deg, #2e7d32, var(--exp));border-radius:999px;height:100%;transition:width .4s}.spc-exp-label{color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;font-size:10.5px}.spc-currency-row{flex-direction:column;gap:4px;margin-top:2px;display:flex}.spc-currency{color:var(--gold);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.spc-cur-ico{font-size:13px}.side-actions{border-bottom:1px solid var(--line-soft);justify-content:space-around;align-items:stretch;gap:2px;padding:6px clamp(6px,1vw,10px) 8px;display:flex}.side-actions .sa-cell{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.side-actions .sa-btn{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:3px;min-height:0;padding:7px 4px;font-family:inherit;font-size:10.5px;transition:background .12s,color .12s;display:flex}.side-actions .sa-btn:hover{background:var(--bg-2);color:var(--text-soft)}.side-actions .sa-btn.danger:hover{color:var(--danger)}.side-actions .sa-btn .sa-ico{font-size:17px;line-height:1}.notif-fab{z-index:800;background:var(--bg-2);border:1px solid var(--line);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-family:inherit;font-size:18px;transition:background .12s,color .12s;display:none;position:fixed;top:14px;right:14px;overflow:visible;box-shadow:0 4px 16px #00000080}.notif-fab:hover{background:var(--bg-3);color:var(--gold)}@media (width>=901px){.notif-fab{display:none!important}}@media (width<=900px){.notif-fab{display:flex}}.notif-dot--fab{border:1.5px solid var(--bg-2);pointer-events:none;background:#e05555;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;right:6px}.notif-dot{border:2px solid var(--bg-1);pointer-events:none;z-index:2;background:#e05555;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-5px;box-shadow:0 0 4px #e0555599}.sa-btn,.sa-btn .sa-ico{overflow:visible}.notif-modal-overlay{z-index:10500;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.notif-modal-card{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;flex-direction:column;width:clamp(300px,90vw,460px);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 12px 36px #0009}.notif-modal-head{background:var(--bg-2);border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:14px 16px;display:flex}.notif-modal-head h3{color:var(--gold);flex:1;margin:0;font-size:14px;font-weight:700}.notif-refresh{border:1px solid var(--line-soft);color:var(--text-soft);cursor:pointer;background:0 0;border-radius:4px;padding:3px 9px;font-family:inherit;font-size:12px;transition:border-color .12s,color .12s}.notif-refresh:hover{color:var(--gold);border-color:var(--gold-deep)}.notif-refresh:disabled{opacity:.4;cursor:wait}.notif-modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-family:inherit;font-size:18px}.notif-modal-close:hover{color:var(--text);background:var(--bg-3)}.notif-modal-body{flex:1;min-height:80px;overflow-y:auto}.notif-empty{color:var(--text-dim);text-align:center;padding:32px 16px;font-size:13px}.notif-list{margin:0;padding:4px 0;list-style:none}.notif-item{cursor:pointer;border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;padding:12px 16px;transition:background .1s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-2)}.notif-icon{flex-shrink:0;font-size:22px}.notif-text{flex:1;min-width:0}.notif-title{color:var(--text);word-break:keep-all;font-size:13px;font-weight:600}.notif-meta{color:var(--text-dim);word-break:keep-all;margin-top:2px;font-size:11.5px}.notif-arrow{color:var(--text-dim);flex-shrink:0;font-size:18px}