@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary: #0d0d12;--bg-secondary: #14141e;--bg-tertiary: #1a1a28;--bg-card: #1e1e2e;--bg-hover: #252538;--bg-active: #2a2a42;--text-primary: #e8e6e0;--text-secondary: #a09c94;--text-muted: #6b6760;--text-accent: #c5a55a;--color-gold: #c5a55a;--color-gold-dim: #8a7340;--color-crimson: #8b2020;--color-crimson-light: #c43c3c;--color-blue: #3a6ea5;--color-green: #3a8a5a;--color-purple: #7a4a9a;--color-hp: #c43c3c;--color-mp: #4a7adc;--color-stamina: #f1c40f;--border-color: #2a2a3a;--border-gold: #4a3f28;--sidebar-width: 260px;--sidebar-collapsed: 60px;--header-height: 56px;--game-max-width: 1280px;--font-display: "Cinzel", serif;--font-body: "Crimson Text", serif;--font-mono: "JetBrains Mono", monospace;--transition: .2s ease}.light-mode{--bg-primary: #f5f3ef;--bg-secondary: #ebe8e2;--bg-tertiary: #e0ddd6;--bg-card: #ffffff;--bg-hover: #d8d5ce;--bg-active: #ccc9c2;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #888880;--text-accent: #8a6a20;--color-gold: #8a6a20;--color-gold-dim: #c0a060;--border-color: #d0cec8;--border-gold: #c0a060;--border-dim: #d8d5ce}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:#08080c;color:var(--text-primary);line-height:1.6;overflow:hidden;height:100vh}#root{height:100vh;display:flex;justify-content:center}a{color:var(--color-gold);text-decoration:none}a:hover{color:var(--text-accent);text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.auth-page{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1a28,#0d0d12 70%)}.auth-card{background:var(--bg-card);border:1px solid var(--border-gold);border-radius:8px;padding:2.5rem 2rem;width:100%;max-width:400px;box-shadow:0 8px 32px #00000080}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-icon{font-size:2.5rem;display:block;margin-bottom:.5rem}.auth-header h1{font-family:var(--font-display);color:var(--color-gold);font-size:1.5rem;letter-spacing:.05em}.auth-header p{color:var(--text-secondary);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{font-family:var(--font-display);font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-group input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.6rem .8rem;color:var(--text-primary);font-size:.95rem;transition:border-color var(--transition)}.form-group input:focus{outline:none;border-color:var(--color-gold-dim)}.auth-button{background:linear-gradient(135deg,var(--color-gold-dim) 0%,var(--color-gold) 100%);border:none;border-radius:4px;padding:.7rem;font-family:var(--font-display);font-size:.9rem;font-weight:600;color:#0d0d12;text-transform:uppercase;letter-spacing:.08em;transition:all var(--transition);margin-top:.5rem}.auth-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:#8b202033;border:1px solid var(--color-crimson);border-radius:4px;padding:.5rem .75rem;color:var(--color-crimson-light);font-size:.85rem}.auth-footer{text-align:center;margin-top:1.25rem;font-size:.85rem;color:var(--text-muted)}.game-wrapper{display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%;max-width:var(--game-max-width);background:var(--bg-primary);border-left:1px solid var(--border-gold);border-right:1px solid var(--border-gold);box-shadow:0 0 60px #0009}.sr-topbar{height:32px;min-height:32px;background:#1a1d24;border-bottom:1px solid #2a2d35;display:flex;align-items:center;padding:0 .75rem;gap:.5rem;font-size:.75rem;flex-shrink:0;z-index:50}.sr-topbar-left{display:flex;gap:.1rem;align-items:center}.sr-topbar-link{color:#a0a8b8;text-decoration:none;padding:.2rem .45rem;border-radius:3px;transition:color .15s,background .15s;white-space:nowrap}.sr-topbar-link:hover{color:#e0e4ec;background:#ffffff0f}.sr-topbar-search{display:flex;align-items:center;background:#12141a;border:1px solid #2a2d35;border-radius:4px;overflow:hidden;height:22px;margin-left:auto}.sr-topbar-search-input{background:transparent;border:none;color:#ccc;font-size:.72rem;padding:0 .4rem;width:120px;outline:none}.sr-topbar-search-input::placeholder{color:#555}.sr-topbar-search-btn{background:none;border:none;color:#666;padding:0 .3rem;cursor:pointer;display:flex;align-items:center}.sr-topbar-search-btn:hover{color:#aaa}.sr-topbar-search-cat{background:#1e2028;border:none;border-left:1px solid #2a2d35;color:#a0a8b8;font-size:.7rem;padding:0 1rem 0 .4rem;height:100%;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.sr-topbar-search-chevron{color:#555;margin-left:-.85rem;margin-right:.2rem;pointer-events:none}.sr-topbar-right{display:flex;align-items:center;gap:.25rem;margin-left:.5rem}.sr-topbar-clock{color:#8a9bb0;font-family:Courier New,monospace;font-size:.72rem;padding:0 .3rem;letter-spacing:.03em}.sr-topbar-icon-btn{background:none;border:none;color:#666;cursor:pointer;padding:.2rem;border-radius:3px;display:flex;align-items:center;transition:color .15s,background .15s}.sr-topbar-icon-btn:hover{color:#b0b8c8;background:#ffffff0f}.sr-topbar-profile{position:relative}.sr-topbar-avatar-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.sr-topbar-avatar{width:24px;height:24px;border-radius:4px;background:linear-gradient(135deg,#3a3d4a,#2a2d35);border:1px solid #444;color:#c0c8d8;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.sr-topbar-avatar-btn:hover .sr-topbar-avatar{border-color:#888}.sr-topbar-menu{position:absolute;top:calc(100% + 4px);right:0;background:#1e2028;border:1px solid #3a3d45;border-radius:6px;min-width:160px;box-shadow:0 8px 24px #0006;z-index:1200;padding:.25rem 0;animation:topbar-menu-in .12s ease-out}@keyframes topbar-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sr-topbar-menu-header{padding:.5rem .75rem;border-bottom:1px solid #2a2d35;display:flex;flex-direction:column;gap:.1rem}.sr-topbar-menu-header strong{color:#e0e4ec;font-size:.8rem}.sr-topbar-menu-header span{color:#666;font-size:.7rem}.sr-topbar-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .75rem;background:none;border:none;color:#a0a8b8;font-size:.78rem;cursor:pointer;text-align:left;transition:background .12s,color .12s}.sr-topbar-menu button:hover{background:#ffffff0f;color:#e0e4ec}.sr-topbar-menu-divider{height:1px;background:#2a2d35;margin:.25rem 0}.sr-topbar-menu-danger{color:#e74c3c!important}.sr-topbar-menu-danger:hover{background:#e74c3c1a!important}.sr-topbar-menu-toggle{margin-left:auto;font-size:.65rem;font-weight:600;padding:.1rem .3rem;border-radius:3px;background:#ffffff0f;color:#666}.sr-ticker{height:24px;min-height:24px;background:linear-gradient(90deg,#1c2230,#1e2535,#1c2230);border-bottom:1px solid #252a36;display:flex;align-items:center;padding:0 .75rem;gap:.4rem;font-size:.72rem;flex-shrink:0;overflow:hidden}.sr-ticker-icon{font-size:.7rem;flex-shrink:0}.sr-ticker-text{color:#8a9bb8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease}.sr-ticker-text a,.sr-ticker-text strong{color:#b0c4de}.sr-ticker-fade-in{opacity:1}.sr-ticker-fade-out{opacity:0}.game-layout{display:flex;flex:1;overflow:hidden}.game-main{flex:1;display:flex;flex-direction:column;min-width:0}.game-content{flex:1;overflow-y:auto;padding:1.5rem}.sidebar{position:sticky;top:0;width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-gold);display:flex;flex-direction:column;transition:width var(--transition);z-index:100;overflow-y:auto;overflow-x:hidden;flex-shrink:0}.sr-title-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .5rem;border-bottom:1px solid var(--border-gold);background:linear-gradient(180deg,rgba(212,175,55,.08) 0%,transparent 100%)}.sr-title-icon{font-size:1.1rem}.sr-title-text{font-family:var(--font-display);font-size:.85rem;color:var(--color-gold);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.sr-status-icons{display:flex;justify-content:center;gap:2px;padding:.3rem;min-height:28px;border-bottom:1px solid var(--border-color);background:#00000026;flex-wrap:wrap}.sr-status-icon{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:var(--text-muted);cursor:default;transition:all .15s}.sr-status-icon:hover{color:var(--color-gold);background:#d4af371a}.sr-status-icon .sr-status-tooltip{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1a1c22;border:1px solid var(--border-color);border-radius:4px;padding:.35rem .5rem;font-size:.7rem;white-space:nowrap;color:var(--text-primary);z-index:100;pointer-events:none}.sr-status-icon:hover .sr-status-tooltip{display:block}.sr-player-panel{border-bottom:1px solid var(--border-gold);background:#00000014}.sr-player-identity{padding:.4rem .65rem}.sr-player-row{display:flex;align-items:baseline;gap:.35rem;font-size:.8rem;line-height:1.5}.sr-label{color:var(--text-muted);font-size:.75rem}.sr-player-name{color:var(--color-gold);font-weight:600;text-decoration:none}.sr-player-name:hover{text-decoration:underline}.sr-player-id{color:var(--text-muted);font-weight:400;font-size:.75rem}.sr-gold{color:#f1c40f;font-weight:600}.sr-level{color:var(--text-primary);font-weight:600}.sr-title-value{color:var(--text-secondary);font-style:italic}.sr-bars{padding:.3rem .65rem .4rem;display:flex;flex-direction:column;gap:3px}.sr-bar-header{display:flex;align-items:center;gap:3px;margin-bottom:1px}.sr-bar-icon{flex-shrink:0}.sr-bar-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.sr-bar-values{font-size:.65rem;color:var(--text-secondary);margin-left:auto}.sr-bar-track{height:8px;background:#ffffff0f;border-radius:2px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.sr-bar-fill{height:100%;border-radius:1px;transition:width .5s ease}.sr-location{display:flex;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.7rem;color:var(--text-muted);border-top:1px solid var(--border-color)}.sr-nav{flex:1;padding:.25rem 0;overflow-y:auto}.sr-nav-category{margin-bottom:1px}.sr-cat-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:.3rem .65rem;color:var(--text-muted);font-family:var(--font-display);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:color .15s}.sr-cat-header:hover{color:var(--text-secondary)}.sr-nav-entry{display:flex;align-items:center;gap:.5rem;padding:.3rem .65rem .3rem .85rem;color:var(--text-secondary);font-size:.78rem;text-decoration:none;transition:all .12s;white-space:nowrap;border-left:2px solid transparent}.sr-nav-entry:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.sr-nav-entry.active{background:var(--bg-active);color:var(--color-gold);border-left-color:var(--color-gold)}.sr-nav-icon{flex-shrink:0;opacity:.7}.sr-nav-entry.active .sr-nav-icon{opacity:1}.sr-nav-label{overflow:hidden;text-overflow:ellipsis}.sr-shortcut-bar{display:flex;gap:.25rem;padding:.35rem .5rem;border-top:1px solid #2a2d35}.sr-shortcut-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.3rem 0;background:#ffffff08;border:1px solid #2a2d35;border-radius:4px;color:#888;font-size:.7rem;text-decoration:none;transition:background .15s,color .15s}.sr-shortcut-btn:hover{background:#c0a0601a;color:#c0a060;border-color:#3a3520}.sr-sidebar-footer{padding:.4rem .65rem;border-top:1px solid var(--border-color)}.sr-logout-btn{display:flex;align-items:center;gap:.4rem;width:100%;background:none;border:none;padding:.35rem .25rem;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:color .15s;border-radius:4px}.sr-logout-btn:hover{color:#e74c3c;background:#e74c3c14}.game-header{height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 1.25rem;flex-shrink:0}.header-page-title{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.page{max-width:1100px;margin:0 auto}.page-title{font-family:var(--font-display);font-size:1.3rem;color:var(--color-gold);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.page-loading{color:var(--text-muted);padding:2rem;text-align:center;font-style:italic}.section-title{font-family:var(--font-display);font-size:1rem;color:var(--text-accent);margin-bottom:.75rem}.profile-card{display:flex;gap:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.profile-avatar{width:100px;height:100px;background:var(--bg-tertiary);border:2px solid var(--border-gold);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-gold-dim);flex-shrink:0}.profile-info{flex:1}.profile-name{font-family:var(--font-display);color:var(--color-gold);font-size:1.3rem;margin-bottom:.5rem}.profile-detail{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary);margin-bottom:.3rem}.profile-detail .label{color:var(--text-muted);min-width:50px}.profile-detail .value{font-family:var(--font-mono);color:var(--text-primary)}.profile-xp{margin:.5rem 0}.xp-bar-track{height:10px;background:var(--bg-primary);border-radius:5px;overflow:hidden;margin-bottom:.25rem}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-gold-dim),var(--color-gold));border-radius:5px;transition:width .3s ease}.xp-text{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.profile-vitals{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.vital-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:1rem;text-align:center}.vital-card-label{font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.5rem}.vital-card-bar{height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden;margin-bottom:.3rem}.vital-card-fill{height:100%;border-radius:4px;transition:width .3s ease}.vital-card-text{font-size:.8rem;font-family:var(--font-mono);color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:1rem;text-align:center;transition:border-color var(--transition)}.stat-card:hover{border-color:var(--color-gold-dim)}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-gold)}.stat-label{font-family:var(--font-display);font-size:.85rem;color:var(--text-primary);margin-bottom:.25rem}.stat-desc{font-size:.7rem;color:var(--text-muted);line-height:1.3}.chat-page{display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - 3rem);max-width:100%}.chat-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.chat-status{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-dot.online{background:var(--color-green)}.status-dot.offline{background:var(--color-crimson)}.chat-messages{flex:1;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px 6px 0 0;padding:.75rem;display:flex;flex-direction:column;gap:.3rem}.chat-empty{color:var(--text-muted);text-align:center;padding:2rem;font-style:italic}.chat-msg{display:flex;gap:.5rem;font-size:.85rem;line-height:1.4;padding:.2rem 0}.chat-msg.own .msg-sender{color:var(--color-gold)}.chat-msg.system{color:var(--text-muted);font-style:italic}.msg-sender{font-weight:600;color:var(--color-blue);flex-shrink:0}.msg-sender:after{content:":"}.msg-content{color:var(--text-primary);word-break:break-word}.msg-time{font-size:.65rem;color:var(--text-muted);margin-left:auto;flex-shrink:0;font-family:var(--font-mono)}.chat-input-bar{display:flex;gap:0}.chat-input-bar input{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 0 6px;padding:.6rem .8rem;color:var(--text-primary);font-size:.9rem}.chat-input-bar input:focus{outline:none;border-color:var(--color-gold-dim)}.chat-send-btn{background:var(--color-gold-dim);border:1px solid var(--color-gold-dim);border-top:none;border-radius:0 0 6px;padding:.6rem .8rem;color:var(--bg-primary);display:flex;align-items:center;transition:all var(--transition)}.chat-send-btn:hover:not(:disabled){background:var(--color-gold)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.location-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.location-region{font-size:.75rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.15rem .5rem;border-radius:3px;font-family:var(--font-mono)}.location-description{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:1.25rem;margin-bottom:1.5rem;line-height:1.7;color:var(--text-secondary);font-size:.95rem}.connections-list{display:flex;flex-direction:column;gap:.5rem}.connection-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:.75rem 1rem;color:var(--text-primary);font-size:.9rem;transition:all var(--transition);width:100%;text-align:left}.connection-card:hover:not(:disabled){border-color:var(--color-gold-dim);background:var(--bg-hover)}.connection-card:disabled{opacity:.5}.connection-info{display:flex;align-items:center;gap:.5rem}.connection-name{font-family:var(--font-display);font-size:.9rem}.connection-time{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.regions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.region-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;transition:border-color var(--transition)}.region-card:hover{border-color:var(--color-gold-dim)}.region-card.current-region{border-color:var(--color-gold);box-shadow:0 0 12px #c5a55a26}.region-name{font-family:var(--font-display);font-size:1rem;color:var(--color-gold);display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.region-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:.75rem}.region-meta{display:flex;gap:.75rem;font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.pvp-tag{background:#8b20204d;color:var(--color-crimson-light);padding:.1rem .4rem;border-radius:3px;font-weight:600}.settings-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.settings-actions{display:flex;gap:.5rem}.settings-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.settings-desc strong{color:var(--text-secondary)}.setting-btn{display:flex;align-items:center;gap:.3rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:.35rem .65rem;color:var(--text-secondary);font-size:.78rem;cursor:pointer;transition:all .15s}.setting-btn:hover{border-color:var(--color-gold-dim);color:var(--text-primary)}.setting-btn:disabled{opacity:.4;cursor:default}.save-btn.has-changes{border-color:var(--color-gold);color:var(--color-gold)}.save-btn.saved{border-color:#2ecc71;color:#2ecc71}.dnd-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-height:400px}.dnd-column{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.dnd-column-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dnd-col-active{background:#2ecc7114;border-bottom:2px solid rgba(46,204,113,.3);color:#2ecc71}.dnd-col-hidden{background:#ffffff08;border-bottom:2px solid rgba(255,255,255,.08);color:var(--text-muted)}.dnd-count{font-size:.7rem;background:#ffffff0f;padding:.15rem .4rem;border-radius:10px;font-family:var(--font-mono)}.dnd-column-body{flex:1;padding:.4rem;overflow-y:auto;min-height:200px;transition:background .15s}.dnd-col-highlight{background:#d4af370a}.dnd-empty{display:flex;align-items:center;justify-content:center;height:60px;color:var(--text-muted);font-size:.75rem;font-style:italic;border:1px dashed var(--border-color);border-radius:4px;margin:.25rem}.dnd-entry{display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem;margin:2px 0;border-radius:4px;background:var(--bg-tertiary);border:1px solid transparent;cursor:grab;transition:all .12s;-webkit-user-select:none;user-select:none}.dnd-entry:hover{background:var(--bg-hover);border-color:var(--border-color)}.dnd-entry:active{cursor:grabbing}.dnd-entry.dragging{opacity:.3}.dnd-entry-hidden{opacity:.6}.dnd-grip{color:var(--text-muted);flex-shrink:0;opacity:.4}.dnd-entry:hover .dnd-grip{opacity:.8}.dnd-entry-label{flex:1;font-size:.8rem;color:var(--text-primary)}.dnd-entry-hidden .dnd-entry-label{color:var(--text-secondary)}.dnd-entry-cat{font-size:.6rem;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:#ffffff0a;padding:.1rem .35rem;border-radius:3px}.dnd-drop-indicator{height:2px;background:var(--color-gold);border-radius:1px;margin:0 .25rem;box-shadow:0 0 6px #d4af3766}@media(max-width:700px){.dnd-columns{grid-template-columns:1fr}}.torn-list-page{max-width:800px}.torn-status-banner{padding:.5rem .75rem;border-radius:4px;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.torn-status-banner.hospital{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.torn-toast{padding:.4rem .75rem;border-radius:4px;margin-bottom:.5rem;font-size:.78rem;background:#2ecc7114;border:1px solid rgba(46,204,113,.3);color:#2ecc71}.torn-toast.error{background:#e74c3c14;border-color:#e74c3c4d;color:#e74c3c}.torn-list-table{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.torn-list-header{padding:.6rem .75rem;border-bottom:1px solid var(--border-color);background:#ffffff05}.torn-list-title{font-weight:600;font-size:.85rem;color:var(--text-primary)}.torn-list-cols{display:grid;grid-template-columns:2fr 70px 50px 2fr 40px;padding:.35rem .75rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);font-weight:600}.torn-list-row{display:grid;grid-template-columns:2fr 70px 50px 2fr 40px;padding:.45rem .75rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.03);transition:background .1s;font-size:.8rem}.torn-list-row:hover{background:var(--bg-hover)}.torn-list-row:last-child{border-bottom:none}.torn-list-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.8rem;font-style:italic}.torn-player-name{color:var(--color-gold);font-weight:600}.torn-player-id{color:var(--text-muted);font-size:.7rem}.torn-col-time{color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem}.torn-col-level{text-align:center;color:var(--text-secondary)}.torn-col-reason{color:var(--text-muted);font-size:.75rem}.torn-action-btn{width:28px;height:28px;border-radius:4px;background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;transition:all .12s;padding:0}.torn-action-btn:hover{border-color:var(--color-gold-dim);background:var(--bg-hover)}.skills-stats-section{margin-bottom:1rem}.stats-compact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.stat-compact-card{display:flex;align-items:center;gap:.35rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;padding:.3rem .5rem;font-size:.75rem;white-space:nowrap;overflow:hidden}.stat-compact-card .stat-icon{color:var(--color-gold-dim);flex-shrink:0}.stat-compact-card .stat-label{color:var(--text-secondary);flex:1;text-transform:uppercase;font-size:.7rem;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis}.stat-compact-card .stat-effective{color:var(--text-primary);font-weight:600;flex-shrink:0}.stat-compact-card .stat-bonus.positive{color:#4a9;font-size:.7rem;flex-shrink:0}.stat-compact-card .stat-bonus.negative{color:#e74c3c;font-size:.7rem;flex-shrink:0}.skill-filters{display:flex;gap:.35rem;margin-bottom:.75rem;flex-wrap:wrap}.skill-filter-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);padding:.3rem .65rem;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .1s}.skill-filter-btn.active{border-color:var(--color-gold);color:var(--color-gold);background:#d4af370f}.skill-cat-section{margin-bottom:1rem}.skill-cat-title{font-size:.85rem;margin:0 0 .4rem;color:var(--text-muted);letter-spacing:.03em}.skill-main-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.skill-main-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:5px;overflow:hidden;transition:border-color .15s;min-width:0}.skill-main-card.expanded{border-color:var(--color-gold-dim);grid-column:1 / -1}.skill-main-header{padding:.35rem .5rem;cursor:pointer}.skill-main-header:hover{background:var(--bg-hover)}.skill-main-info{display:flex;justify-content:space-between;align-items:baseline}.skill-main-name{font-weight:700;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-main-level{font-size:.75rem;color:var(--color-gold);font-family:var(--font-mono);flex-shrink:0}.skill-main-desc{font-size:.65rem;color:var(--text-muted);margin:.1rem 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-main-bar{height:3px;background:#333;border-radius:2px;overflow:hidden}.skill-main-fill{height:100%;background:var(--color-gold);border-radius:2px;transition:width .3s}.skill-sub-list{border-top:1px solid var(--border-color);padding:.5rem .75rem;background:#00000026}.skill-sub-header-row{display:grid;grid-template-columns:1.5fr .6fr .5fr 1.3fr;gap:.5rem;font-size:.68rem;color:var(--text-muted);padding-bottom:.3rem;border-bottom:1px solid #333;text-transform:uppercase;letter-spacing:.03em}.skill-sub-row{display:grid;grid-template-columns:1.5fr .6fr .5fr 1.3fr;gap:.5rem;font-size:.78rem;padding:.25rem 0;align-items:center}.skill-sub-name{color:var(--text-primary)}.skill-sub-weight{color:#8af;font-family:var(--font-mono);font-size:.73rem}.skill-sub-level{color:var(--text-secondary);font-family:var(--font-mono)}.skill-sub-bar-wrap{display:flex;align-items:center;gap:.35rem}.skill-sub-bar{flex:1;height:4px;background:#333;border-radius:2px;overflow:hidden}.skill-sub-fill{height:100%;background:#2ecc71;border-radius:2px}.skill-sub-xp{font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.skill-sub-source{font-size:.68rem;color:var(--text-muted);margin-top:.4rem;font-style:italic}.academy-page{max-width:850px}.acad-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border-radius:5px;margin-bottom:.75rem;background:#3498db14;border:1px solid rgba(52,152,219,.3);font-size:.8rem}.acad-claim-btn{background:var(--color-gold);color:#000;border:none;padding:.3rem .75rem;border-radius:4px;font-weight:600;cursor:pointer;font-size:.75rem}.acad-abort-btn{background:transparent;color:#f88;border:1px solid #f884;padding:.2rem .6rem;border-radius:4px;font-size:.7rem;cursor:pointer;margin-left:auto}.acad-abort-btn:hover{background:#f882}.acad-abort-confirm{display:flex;align-items:center;gap:.5rem;margin-left:auto}.acad-abort-yes{background:#c43c3c;color:#fff;border:none;padding:.2rem .6rem;border-radius:4px;font-size:.7rem;cursor:pointer}.acad-abort-no{background:transparent;color:#aaa;border:1px solid #444;padding:.2rem .6rem;border-radius:4px;font-size:.7rem;cursor:pointer}.acad-time{color:var(--text-muted);font-family:var(--font-mono);font-size:.75rem}.acad-toast{padding:.5rem .75rem;border-radius:4px;margin-bottom:.75rem;font-size:.8rem;background:#2ecc7114;border:1px solid rgba(46,204,113,.3);color:#2ecc71}.acad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.5rem;margin-bottom:.75rem}.acad-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:5px;padding:.6rem;cursor:pointer;transition:all .15s;text-align:center}.acad-card:hover{border-color:var(--color-gold-dim)}.acad-card.active{border-color:var(--color-gold);background:#d4af370d}.acad-card-title{font-size:.7rem;font-weight:700;letter-spacing:.05em;color:var(--text-primary);margin-bottom:.35rem}.acad-card-icon{font-size:1.5rem;margin-bottom:.35rem}.acad-card-bar{display:flex;align-items:center;justify-content:center;gap:.35rem}.acad-pips{display:flex;gap:2px}.acad-pip{width:10px;height:6px;border-radius:1px;background:#333;display:inline-block}.acad-pip.filled{background:#2ecc71}.acad-count{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.acad-tree{display:grid;grid-template-columns:1fr 1.2fr;gap:.75rem;border:1px solid var(--border-color);border-radius:5px;background:var(--bg-card);overflow:hidden}.acad-tree-list{padding:.75rem;border-right:1px solid var(--border-color)}.acad-node{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem;cursor:pointer;border-radius:3px;font-size:.8rem;position:relative;margin-left:.75rem;transition:background .1s}.acad-node:hover{background:var(--bg-hover)}.acad-node.selected{background:#d4af3714}.acad-node-line{position:absolute;left:-.35rem;top:-.5rem;width:1px;height:1rem;background:#444}.acad-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.acad-dot.green{background:#2ecc71}.acad-dot.blue{background:#3498db}.acad-dot.gray{background:#555}.acad-node.locked{opacity:.5}.acad-node-text{color:var(--text-primary)}.acad-detail{padding:.75rem}.acad-detail-warn{padding:.5rem;border-radius:4px;margin-bottom:.5rem;font-size:.78rem;background:#f1c40f14;border:1px solid rgba(241,196,15,.3);color:#f1c40f}.acad-detail h3{margin:0 0 .3rem;font-size:.95rem}.acad-detail-desc{color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem}.acad-detail-section{margin-bottom:.5rem;font-size:.8rem}.acad-detail-section strong{display:block;margin-bottom:.2rem;color:var(--text-primary)}.acad-outcome,.acad-param{color:var(--text-secondary);padding-left:.5rem;font-size:.78rem}.acad-enroll-btn{background:var(--color-gold);color:#000;border:none;padding:.6rem 1.2rem;border-radius:4px;font-weight:700;cursor:pointer;font-size:.82rem;margin-top:.5rem;width:100%;transition:background .15s}.acad-enroll-btn:hover{background:var(--color-gold-dim)}.acad-enroll-btn:disabled{opacity:.5;cursor:not-allowed}.acad-done-badge{color:#2ecc71;font-weight:600;font-size:.8rem;margin-top:.25rem}.acad-locked-badge{color:#999;font-size:.78rem;margin-top:.5rem;font-style:italic}.scheme-page{max-width:850px}.scheme-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.scheme-header h2{margin:0;font-size:1.1rem}.scheme-resolve{font-size:.8rem;color:var(--text-muted)}.scheme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.scheme-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:5px;padding:.75rem;cursor:pointer;transition:all .15s;text-align:center}.scheme-card:hover{border-color:var(--color-gold-dim);transform:translateY(-1px)}.scheme-card.locked{opacity:.4;cursor:default}.scheme-card.locked:hover{transform:none;border-color:var(--border-color)}.scheme-card-icon{font-size:1.8rem;margin-bottom:.3rem}.scheme-card-lock{font-size:1.5rem;margin-bottom:.3rem;opacity:.5}.scheme-card-mastery{margin-bottom:.35rem}.scheme-card-bar{height:3px;background:#333;border-radius:2px;overflow:hidden}.scheme-card-fill{height:100%;background:linear-gradient(90deg,#f39c12,#e74c3c);border-radius:2px;transition:width .3s}.scheme-card-title{font-size:.7rem;font-weight:700;letter-spacing:.05em}.scheme-sub-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.scheme-sub-header h2{margin:0;font-size:1rem;flex:1}.scheme-back-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem}.scheme-result{padding:.6rem .75rem;border-radius:5px;margin-bottom:.75rem;font-size:.8rem}.scheme-result.success{background:#2ecc7114;border:1px solid rgba(46,204,113,.3)}.scheme-result.fail{background:#f1c40f14;border:1px solid rgba(241,196,15,.3)}.scheme-result.crit{background:#e74c3c14;border:1px solid rgba(231,76,60,.3)}.scheme-result-detail{font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.scheme-streak{color:#f1c40f}.scheme-list{display:flex;flex-direction:column;gap:.25rem}.scheme-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:5px;overflow:hidden;transition:border-color .1s}.scheme-row.selected{border-color:var(--color-gold-dim)}.scheme-row-main{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;cursor:pointer}.scheme-row-main:hover{background:var(--bg-hover)}.scheme-row-left{display:flex;flex-direction:column;gap:.1rem}.scheme-name{font-weight:600;font-size:.85rem}.scheme-mastery-label{font-size:.7rem;color:var(--text-muted)}.scheme-row-right{display:flex;align-items:center;gap:.5rem}.scheme-mastery-bar{width:60px;height:4px;background:#333;border-radius:2px;overflow:hidden}.scheme-mastery-fill{height:100%;background:#f0a030;border-radius:2px}.scheme-commit-btn{background:var(--color-gold);color:#000;border:none;padding:.25rem .6rem;border-radius:3px;font-weight:600;cursor:pointer;font-size:.75rem;white-space:nowrap}.scheme-commit-btn:disabled{opacity:.4;cursor:default}.scheme-row-detail{padding:.5rem .75rem;border-top:1px solid var(--border-color);background:#ffffff03;font-size:.78rem}.scheme-row-detail p{margin:0 0 .3rem;color:var(--text-muted)}.scheme-stats-row{display:flex;gap:1rem;font-size:.73rem;color:var(--text-secondary)}.scheme-stockade{padding:1.5rem;border:2px solid #a44;border-radius:6px;background:#aa44440d;text-align:center}.scheme-stockade h2{margin:0 0 .75rem}.scheme-stockade p{margin:.25rem 0;font-size:.85rem}.scheme-bail-btn{background:var(--color-gold);color:#000;border:none;padding:.4rem 1rem;border-radius:4px;font-weight:600;cursor:pointer;font-size:.8rem;margin-top:.5rem}.training-page{max-width:800px}.train-bars{display:flex;gap:1rem;margin-bottom:1rem}.train-bar-item{flex:1;display:flex;align-items:center;gap:.5rem}.train-bar-label{font-size:.75rem;font-weight:600;color:var(--text-muted);min-width:50px}.train-bar-track{flex:1;height:10px;background:#ffffff0f;border-radius:3px;overflow:hidden}.train-bar-fill{height:100%;border-radius:3px;transition:width .3s}.train-bar-val{font-size:.7rem;color:var(--text-secondary);font-family:var(--font-mono);min-width:65px;text-align:right}.train-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.4rem;margin-bottom:1rem}.train-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:.4rem;text-align:center;cursor:pointer;transition:all .12s}.train-stat-card:hover{border-color:var(--color-gold-dim)}.train-stat-card.selected{background:#d4af370f;border-width:2px}.train-stat-name{font-size:.65rem;text-transform:capitalize;color:var(--text-muted)}.train-stat-val{font-size:1rem;font-weight:700;font-family:var(--font-mono)}.train-section-title{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.train-grounds{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.train-ground-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:6px;padding:.65rem;cursor:pointer;transition:all .12s}.train-ground-card:hover{border-color:var(--color-gold-dim)}.train-ground-card.selected{border-color:var(--color-gold);background:#d4af370a}.train-ground-card.locked{opacity:.45;cursor:not-allowed}.train-ground-header{display:flex;justify-content:space-between;align-items:baseline}.train-ground-name{font-weight:600;font-size:.85rem}.train-ground-cost{font-size:.75rem;color:var(--text-muted)}.train-ground-desc{font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.train-ground-stats{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.4rem}.train-ground-stat{display:flex;align-items:center;gap:.3rem;font-size:.7rem}.tgs-name{text-transform:capitalize;color:var(--text-secondary);min-width:55px}.tgs-dots{font-family:var(--font-mono);font-size:.55rem;letter-spacing:-1px}.tgs-gain{color:#2ecc71;font-weight:600}.train-controls{display:flex;align-items:flex-end;gap:.75rem;margin-bottom:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:.75rem}.train-control-group{display:flex;flex-direction:column;gap:.2rem}.train-control-group label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.train-control-group select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:.3rem .5rem;color:var(--text-primary);font-size:.8rem}.train-btn{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid var(--color-gold);border-radius:4px;padding:.4rem 1rem;color:var(--color-gold);font-weight:600;font-size:.8rem;cursor:pointer;transition:all .15s}.train-btn:hover{background:#d4af3740}.train-btn:disabled{opacity:.4;cursor:not-allowed}.train-result{padding:.6rem .75rem;border-radius:4px;font-size:.8rem;margin-bottom:.5rem}.train-result.success{background:#2ecc7114;border:1px solid rgba(46,204,113,.3);color:#2ecc71}.train-result.error{background:#e74c3c14;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.train-gain{color:#2ecc71;font-weight:700}.category-label{flex:1}.header-loading{color:var(--text-muted);font-style:italic;font-size:.85rem}.location-connections{margin-top:1rem}.coming-soon{text-align:center;padding:3rem;color:var(--text-muted)}.coming-soon h2{font-family:var(--font-display);color:var(--color-gold-dim);margin-bottom:.5rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-dim)}@media(max-width:768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width);position:fixed;top:0;left:0}.sidebar.collapsed{transform:translate(0);width:var(--sidebar-collapsed)}.game-main{margin-left:0}.game-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed)}.header-vitals{display:none}.profile-card{flex-direction:column;align-items:center}.profile-vitals{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}.combat-arena{display:flex;align-items:center;gap:1.5rem;background:var(--color-surface);padding:1.5rem;border-radius:var(--radius);margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.combatant{flex:1;min-width:200px}.combatant-name{font-weight:700;font-size:1.1rem;display:block;margin-bottom:.5rem}.combat-vs{font-size:1.5rem;font-weight:900;color:var(--color-danger)}.hp-bar-container{position:relative;height:24px;background:var(--color-bg);border-radius:12px;overflow:hidden;border:1px solid var(--color-border)}.hp-bar{height:100%;transition:width .3s ease;border-radius:12px}.hp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--color-text)}.combat-log{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;max-height:300px;overflow-y:auto;margin-bottom:1rem;font-family:monospace;font-size:.85rem}.combat-log-entry{padding:2px 0;border-bottom:1px solid var(--color-border)}.combat-actions{display:flex;gap:1rem;margin-bottom:1rem}.btn-attack{font-size:1.1rem;padding:.75rem 2rem}.combat-result{text-align:center;padding:2rem;border-radius:var(--radius);margin-bottom:1rem}.combat-result.victory{background:#22c55e1a;border:1px solid var(--color-success)}.combat-result.defeat{background:#ef44441a;border:1px solid var(--color-danger)}.combat-result.fled{background:#eab3081a;border:1px solid var(--color-warning)}.death-notice{background:#ef444426;border:1px solid var(--color-danger);padding:1.5rem;border-radius:var(--radius);text-align:center;margin-bottom:1rem}.creature-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.creature-card{background:var(--color-surface);padding:1rem;border-radius:var(--radius);border:1px solid var(--color-border)}.creature-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.creature-name{font-weight:700;font-size:1rem}.creature-level{font-size:.85rem;color:var(--color-gold);font-weight:600}.creature-type{font-size:.75rem;padding:2px 6px;border-radius:4px;background:var(--color-bg)}.creature-desc{font-size:.85rem;color:var(--color-muted);margin-bottom:.5rem}.creature-stats-mini{display:flex;gap:.75rem;font-size:.8rem;margin-bottom:.5rem}.aggressive-tag{color:var(--color-danger);font-weight:600}.skill-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.skill-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.skill-card{background:var(--color-surface);padding:1rem;border-radius:var(--radius);border:1px solid var(--color-border)}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.skill-name{font-weight:700}.skill-level{color:var(--color-gold);font-weight:700}.skill-desc{font-size:.8rem;color:var(--color-muted);margin-bottom:.5rem}.xp-bar-container{position:relative;height:18px;background:var(--color-bg);border-radius:9px;overflow:hidden;border:1px solid var(--color-border);margin-bottom:.5rem}.xp-bar{height:100%;background:var(--color-primary);border-radius:9px;transition:width .3s}.xp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.skill-category-label{font-size:.7rem;color:var(--color-muted);margin-bottom:.5rem}.inv-page{max-width:900px}.inv-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px 6px 0 0;padding:.5rem .75rem}.inv-title{font-weight:600;font-size:.85rem;color:var(--text-primary)}.inv-slots{font-size:.7rem;color:var(--text-muted);margin-left:auto}.inv-search{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;color:var(--text-primary);width:120px}.inv-tabs{display:flex;flex-wrap:wrap;gap:1px;margin-bottom:.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-top:none;border-radius:0 0 6px 6px;padding:.3rem .5rem}.inv-tab{display:flex;align-items:center;justify-content:center;width:30px;height:28px;border-radius:3px;background:none;border:1px solid transparent;cursor:pointer;transition:all .12s;font-size:.85rem}.inv-tab:hover{background:#ffffff0d;border-color:var(--border-color)}.inv-tab.active{background:#d4af371a;border-color:var(--color-gold)}.inv-tab.empty{opacity:.3}.inv-tab.empty:hover{opacity:.5}.inv-tab.empty.active{opacity:.7}.inv-tab-icon{line-height:1}.inv-toast{padding:.4rem .75rem;border-radius:4px;margin-bottom:.5rem;background:#2ecc7114;border:1px solid rgba(46,204,113,.3);font-size:.78rem;color:#2ecc71}.inv-list{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.inv-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.8rem;font-style:italic}.inv-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border-bottom:1px solid rgba(255,255,255,.04);background:var(--bg-card);transition:background .1s}.inv-row:hover{background:var(--bg-hover)}.inv-row:last-child{border-bottom:none}.inv-row-equipped{background:#2ecc7114;border-left:3px solid #2ecc71}.inv-row-equipped:hover{background:#2ecc7124}.inv-equipped-badge{display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;font-size:.55rem;font-weight:800;background:#2ecc71;color:#111;border-radius:3px;margin-right:5px;vertical-align:middle}.inv-row-main{flex:1;min-width:0}.inv-item-name{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-qty{font-weight:700;color:var(--text-primary)}.inv-row-stats{display:flex;gap:.4rem}.inv-stat{font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono)}.inv-row-bonuses{display:flex;gap:.2rem}.inv-bonus{font-size:.6rem;padding:0 .3rem;border-radius:2px;background:#8a5cf51f;border:1px solid rgba(138,92,245,.3);color:#c9b0ff}.inv-row-cond{display:flex;gap:2px}.inv-cond-dot{width:8px;height:8px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.inv-cond-dot.filled{background:#2ecc71;border-color:#27ae60}.inv-row-value{font-size:.72rem;color:#f1c40f;font-weight:600;min-width:70px;text-align:right}.inv-row-actions{display:flex;gap:3px}.inv-action-btn{width:26px;height:26px;border-radius:4px;background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.7rem;cursor:pointer;transition:all .12s;padding:0}.inv-action-btn:hover{border-color:var(--color-gold-dim);background:var(--bg-hover)}.inv-action-btn:disabled{opacity:.4;cursor:default}.inv-action-btn.equip:hover{border-color:#2ecc71}.inv-action-btn.unequip{border-color:#2ecc7166;color:#2ecc71}.inv-action-btn.unequip:hover{border-color:#e67e22;color:#e67e22;background:#e67e221a}.inv-action-btn.drop:hover{border-color:#e74c3c}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.item-name{font-weight:700}.item-qty{background:var(--color-bg);padding:1px 6px;border-radius:4px;font-size:.8rem}.item-price{color:var(--color-gold);font-weight:700}.item-desc{font-size:.8rem;color:var(--color-muted);margin-bottom:.5rem}.item-meta{display:flex;gap:.5rem;font-size:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.rarity-badge{padding:1px 6px;border-radius:4px;font-weight:600;text-transform:capitalize}.rarity-badge.rarity-common{background:#444}.rarity-badge.rarity-uncommon{background:#166534}.rarity-badge.rarity-rare{background:#1e40af}.rarity-badge.rarity-epic{background:#6b21a8}.rarity-badge.rarity-legendary{background:#854d0e}.rarity-badge.rarity-mythic{background:#7f1d1d}.item-stats{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.stat-chip{font-size:.75rem;background:var(--color-bg);padding:2px 6px;border-radius:4px}.condition-bar-container{position:relative;height:10px;background:var(--color-bg);border-radius:5px;overflow:hidden;margin-bottom:.5rem}.condition-bar-container.small{height:6px;margin-bottom:.25rem}.condition-bar{height:100%;border-radius:5px;transition:width .3s;background:var(--color-success)}.condition-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.6rem}.item-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.9}.eq-page{max-width:900px}.eq-layout{display:grid;grid-template-columns:1fr 280px;gap:1rem;align-items:start}@media(max-width:768px){.eq-layout{grid-template-columns:1fr}}.eq-left{display:flex;flex-direction:column;gap:.75rem}.eq-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.eq-panel-header{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.6rem 1rem;background:#ffffff08;border-bottom:1px solid var(--color-border);color:var(--color-gold)}.eq-body-grid{padding:1rem;display:flex;flex-direction:column;gap:.4rem;align-items:center}.eq-body-row{display:flex;gap:.4rem;justify-content:center}.eq-cell{width:72px;height:72px;border-radius:6px;border:1.5px solid #333;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}.eq-cell-empty{visibility:hidden}.eq-cell-vacant{opacity:.5}.eq-cell-vacant:hover{opacity:.8;border-color:#555}.eq-cell-filled:hover{border-color:#888!important;transform:scale(1.04)}.eq-cell-selected{border-color:#e8a832!important;box-shadow:0 0 8px #e8a83259;transform:scale(1.04)}.eq-cell-icon{font-size:1.3rem;opacity:.35}.eq-cell-label{font-size:.5rem;text-transform:uppercase;letter-spacing:.04em;color:#999;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px;text-align:center}.eq-cell-filled .eq-cell-label{color:#ccc}.eq-cell-cond{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0006}.eq-cell-cond-fill{height:100%;transition:width .3s}.eq-loadout-row{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-top:1px solid var(--color-border);background:#ffffff05}.eq-loadout-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.04em;margin-right:.3rem}.eq-loadout-btn{width:28px;height:28px;border-radius:4px;border:1px solid #444;background:#1a1a1a;color:#aaa;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s}.eq-loadout-btn:hover{border-color:#666;color:#fff}.eq-loadout-btn.active{border-color:var(--color-gold);color:var(--color-gold);background:#e8a83214}.eq-slot-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.eq-detail-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.8rem;font-weight:700;border-bottom:1px solid var(--color-border);background:#ffffff08}.eq-detail-close{background:none;border:none;color:#888;cursor:pointer;font-size:1rem;padding:0;line-height:1}.eq-detail-close:hover{color:#fff}.eq-detail-equipped{padding:.75rem;border-bottom:1px solid var(--color-border)}.eq-detail-item-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.eq-detail-cond{font-size:.7rem;color:#888;margin-left:auto}.eq-detail-stats{display:flex;flex-wrap:wrap;gap:.3rem .75rem;font-size:.75rem;color:#bbb;margin-bottom:.4rem}.eq-detail-stat strong{color:#2ecc71}.eq-detail-bonuses{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.4rem}.eq-wb-tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:.65rem;background:#2a1a3a;border:1px solid #8a5cf5;color:#c9b0ff}.eq-detail-unequip{font-size:.7rem;padding:.25rem .6rem;border-radius:4px;border:1px solid #555;background:#e74c3c1a;color:#e74c3c;cursor:pointer;transition:all .15s}.eq-detail-unequip:hover{background:#e74c3c33;border-color:#e74c3c}.eq-detail-available{padding:.5rem .75rem}.eq-detail-avail-label{font-size:.7rem;color:#888;text-transform:uppercase;margin-bottom:.3rem}.eq-detail-avail-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem .5rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background .15s}.eq-detail-avail-row:hover{background:#ffffff0f}.eq-right .eq-panel{position:sticky;top:1rem}.eq-stats-section{padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.eq-stats-section:last-child{border-bottom:none}.eq-stats-section-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:#888;font-weight:700;margin-bottom:.3rem}.eq-stat-row{display:flex;justify-content:space-between;align-items:center;padding:.15rem 0;font-size:.78rem}.eq-stat-name{color:#bbb}.eq-stat-val{color:#666;font-weight:600;font-family:var(--font-mono)}.eq-stat-val.positive{color:#2ecc71}.eq-wb-name{color:#c9b0ff}.eq-wb-val{color:#8a5cf5}.vendor-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.vendor-card{background:var(--color-surface);padding:1.5rem;border-radius:var(--radius);border:1px solid var(--color-border);cursor:pointer;transition:border-color .2s}.vendor-card:hover{border-color:var(--color-gold)}.vendor-name{font-weight:700;font-size:1.1rem;display:block;margin-bottom:.25rem}.vendor-desc{font-size:.85rem;color:var(--color-muted)}.add-friend{display:flex;gap:.5rem;margin-bottom:1.5rem}.add-friend input{flex:1}.friend-section{margin-bottom:1.5rem}.section-header{font-size:.9rem;font-weight:700;color:var(--color-muted);margin-bottom:.5rem;text-transform:uppercase}.friend-card{display:flex;align-items:center;gap:.75rem;background:var(--color-surface);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:.5rem;border:1px solid var(--color-border)}.friend-name{font-weight:700;flex:1}.friend-level{color:var(--color-muted);font-size:.85rem}.mail-actions{display:flex;gap:.5rem;margin-bottom:1rem}.compose-form{display:flex;flex-direction:column;gap:.75rem;background:var(--color-surface);padding:1rem;border-radius:var(--radius);margin-bottom:1rem}.compose-form textarea{resize:vertical;min-height:80px}.gold-attach{display:flex;align-items:center;gap:.5rem}.gold-attach input{width:100px}.mail-inbox{display:flex;flex-direction:column;gap:.25rem}.mail-row{display:flex;align-items:center;gap:.75rem;background:var(--color-surface);padding:.75rem 1rem;border-radius:var(--radius);cursor:pointer;border:1px solid var(--color-border);transition:border-color .2s}.mail-row:hover{border-color:var(--color-primary)}.mail-row.unread{border-left:3px solid var(--color-primary);font-weight:600}.mail-from{min-width:100px;font-weight:600}.mail-subject{flex:1}.mail-gold{color:var(--color-gold);font-weight:700}.mail-date{font-size:.8rem;color:var(--color-muted)}.unread-badge{background:var(--color-danger);color:#fff;font-size:.75rem;padding:2px 8px;border-radius:10px;font-weight:700}.mail-detail{background:var(--color-surface);padding:1.5rem;border-radius:var(--radius)}.mail-meta{font-size:.85rem;color:var(--color-muted);margin-bottom:1rem}.mail-gold-detail{color:var(--color-gold);font-weight:700;margin-bottom:1rem}.mail-body{white-space:pre-wrap;line-height:1.6}.toast-message{background:var(--color-surface);border:1px solid var(--color-primary);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem}.page-subtitle{color:var(--color-muted);margin-bottom:1rem}.empty-state{color:var(--color-muted);font-style:italic;padding:2rem;text-align:center}.skills-page{max-width:1100px}.skills-summary{display:flex;gap:1rem;margin-bottom:1rem}.skills-stat{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:.6rem 1rem;display:flex;align-items:baseline;gap:.4rem}.skills-stat-value{font-size:1.1rem;font-weight:700;color:var(--color-gold)}.skills-stat-label{font-size:.75rem;color:var(--text-muted)}.skills-filter{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1rem}.skills-filter-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;padding:.25rem .5rem;font-size:.7rem;color:var(--text-secondary);cursor:pointer;transition:all .12s}.skills-filter-btn:hover{border-color:var(--color-gold-dim);color:var(--text-primary)}.skills-filter-btn.active{background:#d4af371a;border-color:var(--color-gold);color:var(--color-gold)}.skill-category{margin-bottom:1.25rem}.skill-cat-title{font-family:var(--font-display);font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border-color)}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.skill-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:.5rem .6rem;transition:border-color .15s}.skill-card:hover{border-color:var(--color-gold-dim)}.skill-trained{border-left:2px solid var(--color-gold-dim)}.skill-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.3rem}.skill-name{font-size:.8rem;font-weight:600;color:var(--text-primary)}.skill-level{font-size:.7rem;font-weight:700;color:var(--color-gold);font-family:var(--font-mono)}.skill-xp-bar{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-bottom:.25rem}.skill-xp-fill{height:100%;background:var(--color-gold);border-radius:2px;transition:width .3s}.skill-card-footer{display:flex;justify-content:space-between;font-size:.6rem;color:var(--text-muted)}.skill-source{font-style:italic}.settings-page{max-width:900px}.settings-section{margin-bottom:1rem}.settings-section-title{font-size:.9rem;color:var(--color-gold);margin-bottom:.5rem;font-weight:700}.settings-divider{border:none;border-top:1px solid var(--color-border);margin:1rem 0}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .6rem;border-radius:var(--radius);cursor:pointer;transition:background .1s}.settings-toggle-row:hover{background:var(--bg-hover)}.settings-toggle-label{font-size:.82rem;color:var(--text-primary)}.settings-checkbox{width:16px;height:16px;accent-color:var(--color-gold);cursor:pointer}.town-desc{color:var(--text-muted);margin-bottom:1.25rem;font-size:.85rem;line-height:1.5}.town-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.town-card{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);text-decoration:none;color:var(--text-primary);transition:all .15s}.town-card:hover{border-color:var(--color-gold-dim);background:var(--bg-hover);transform:translateY(-1px)}.town-card-icon{color:var(--color-gold);flex-shrink:0}.town-card-info{display:flex;flex-direction:column;min-width:0}.town-card-name{font-weight:700;font-size:.85rem}.town-card-desc{font-size:.72rem;color:var(--text-muted);margin-top:2px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:color-mix(in srgb,var(--color-primary) 80%,#fff)}.btn-secondary{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary)}.btn-sm{padding:.3rem .75rem;font-size:.8rem}.vendor-shop{display:flex;flex-direction:column;gap:.5rem}.rewards{background:var(--color-surface);border:1px solid var(--color-gold);border-radius:var(--radius);padding:1rem;margin-top:1rem}.bank-message{padding:.6rem 1rem;border-radius:6px;font-size:.85rem;margin-bottom:1rem}.bank-message.success{background:#4caf5026;border:1px solid rgba(76,175,80,.3);color:var(--color-success)}.bank-message.error{background:#f4433626;border:1px solid rgba(244,67,54,.3);color:var(--color-danger)}.bank-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.bank-tab{padding:.6rem 1.25rem;background:none;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition)}.bank-tab.active{color:var(--color-gold);border-bottom-color:var(--color-gold)}.bank-tab:hover:not(.active){color:var(--text-primary)}.bank-balances{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.balance-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem}.balance-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.balance-value{font-size:1.4rem;font-family:var(--font-display)}.balance-value.gold{color:var(--color-gold)}.balance-value.bank{color:var(--color-success)}.gold-controls{display:flex;flex-direction:column;gap:.75rem}.gold-input{width:100%;padding:.6rem .8rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;font-family:var(--font-mono)}.gold-input:focus{border-color:var(--color-gold-dim);outline:none}.gold-quick-buttons{display:flex;gap:.5rem}.gold-quick-buttons .btn{flex:1}.gold-actions{display:flex;gap:.75rem}.gold-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem}.storage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.storage-count{font-size:.9rem;color:var(--text-secondary);font-family:var(--font-mono)}.btn-gold{background:#c5a55a33;border:1px solid var(--color-gold-dim);color:var(--color-gold)}.btn-gold:hover:not(:disabled){background:#c5a55a59}.bank-items-section{margin-bottom:1.5rem}.bank-items-list{display:flex;flex-direction:column;gap:.4rem}.bank-item-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:.6rem 1rem}.bank-item-card.rarity-uncommon{border-left:3px solid #2e7d32}.bank-item-card.rarity-rare{border-left:3px solid #1565c0}.bank-item-card.rarity-epic{border-left:3px solid #6a1b9a}.bank-item-card.rarity-legendary{border-left:3px solid #e65100}.bank-item-card.rarity-mythic{border-left:3px solid #e74c3c}.bank-item-info{display:flex;flex-direction:column;gap:.15rem}.bank-item-name{font-size:.9rem;color:var(--text-primary)}.bank-item-meta{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.profile-level-badge{position:absolute;bottom:-4px;right:-4px;background:var(--color-gold);color:var(--bg-primary);font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:3px;font-family:var(--font-mono)}.profile-avatar{position:relative}.profile-region{font-size:.7rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.1rem .4rem;border-radius:3px;font-family:var(--font-mono);margin-left:.5rem}.profile-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:.9rem 1rem;display:flex;align-items:center;gap:.75rem}.summary-icon{flex-shrink:0}.summary-icon.gold{color:var(--color-gold)}.summary-icon.bank{color:var(--color-success)}.summary-icon.combat{color:var(--color-crimson-light)}.summary-icon.inv{color:var(--color-mp)}.summary-data{display:flex;flex-direction:column}.summary-value{font-size:1rem;font-family:var(--font-display);color:var(--text-primary)}.summary-label{font-size:.7rem;color:var(--text-muted)}.profile-section{margin-bottom:1.5rem}.profile-equipment-list,.profile-skills-list{display:flex;flex-direction:column;gap:.3rem}.profile-equip-item{display:flex;justify-content:space-between;align-items:center;padding:.45rem .75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;font-size:.85rem}.profile-equip-item.rarity-uncommon{border-left:3px solid #2e7d32}.profile-equip-item.rarity-rare{border-left:3px solid #1565c0}.profile-equip-item.rarity-epic{border-left:3px solid #6a1b9a}.profile-equip-item.rarity-legendary{border-left:3px solid #e65100}.profile-equip-item.rarity-mythic{border-left:3px solid #e74c3c}.equip-slot{font-size:.7rem;color:var(--text-muted);text-transform:capitalize;font-family:var(--font-mono);min-width:80px}.equip-name{color:var(--text-primary)}.profile-skill-item{display:flex;justify-content:space-between;align-items:center;padding:.4rem .75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;font-size:.85rem}.skill-name{color:var(--text-primary);text-transform:capitalize}.skill-level{font-family:var(--font-mono);color:var(--color-gold);font-size:.8rem}.page-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:1.25rem}.stats-subtitle{font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.stat-card-enhanced{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.35rem}.stat-card-header{display:flex;align-items:center;gap:.4rem}.stat-icon{color:var(--color-gold-dim)}.stat-card-values{display:flex;align-items:baseline;gap:.4rem}.stat-effective{font-size:1.5rem;font-family:var(--font-display);color:var(--text-primary);line-height:1}.stat-bonus{font-size:.8rem;font-family:var(--font-mono)}.stat-bonus.positive{color:#4caf50}.stat-bonus.negative{color:#f44336}.stat-bar-track{height:4px;background:var(--bg-tertiary);border-radius:2px;position:relative;overflow:hidden}.stat-bar-base{position:absolute;top:0;left:0;height:100%;background:var(--color-gold-dim);border-radius:2px}.stat-bar-bonus{position:absolute;top:0;height:100%;background:#4caf50;border-radius:2px}.travel-in-progress{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;gap:.75rem}.travel-spinner{animation:spin 1.5s linear infinite;color:var(--color-gold)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.travel-heading{font-family:var(--font-display);color:var(--color-gold);font-size:1.3rem;margin:0}.travel-route{font-size:.95rem;color:var(--text-secondary)}.travel-countdown{display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.countdown-value{font-size:2rem;font-family:var(--font-mono);font-weight:700;color:var(--color-gold)}.travel-progress-track{width:100%;max-width:300px;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.travel-progress-fill{height:100%;background:var(--color-gold);border-radius:3px;transition:width .5s linear}.travel-cancel-btn{margin-top:.5rem;display:flex;align-items:center;gap:.35rem}.location-action-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.9rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px}.btn-heal{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.25rem;background:#4caf5033;border:1px solid rgba(76,175,80,.4);border-radius:6px;color:#4caf50;font-size:.9rem;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn-heal:hover:not(:disabled){background:#4caf5059}.btn-heal:disabled{opacity:.5}.heal-hint{font-size:.75rem;color:var(--text-muted)}.map-regions{display:flex;flex-direction:column;gap:.75rem}.map-region-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.map-region-card.current-region{border-color:var(--color-gold-dim)}.map-region-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;cursor:pointer;transition:background var(--transition)}.map-region-header:hover{background:var(--bg-tertiary)}.map-region-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1rem;color:var(--text-primary)}.you-are-here{display:flex;align-items:center;gap:.25rem;font-size:.65rem;color:var(--color-gold);background:#d4af3726;padding:.1rem .45rem;border-radius:3px;font-family:var(--font-mono)}.map-region-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--text-muted)}.map-level-range{font-family:var(--font-mono)}.map-region-desc{font-size:.8rem;color:var(--text-secondary);padding:0 1rem .75rem;line-height:1.45;margin:0}.map-locations-list{border-top:1px solid var(--border-color);display:flex;flex-direction:column}.map-location-row{display:flex;justify-content:space-between;align-items:center;padding:.55rem 1rem;border-bottom:1px solid var(--bg-tertiary);font-size:.85rem}.map-location-row:last-child{border-bottom:none}.map-location-row.current-location{background:#d4af3714}.map-loc-info{display:flex;align-items:center;gap:.5rem}.map-loc-icon{font-size:1rem}.map-loc-text{display:flex;flex-direction:column}.map-loc-name{display:flex;align-items:center;gap:.35rem;color:var(--text-primary)}.here-pin{color:var(--color-gold)}.map-loc-type{font-size:.65rem;color:var(--text-muted);text-transform:capitalize}.map-loc-connections{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono)}.combat-loader{display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - 2rem);gap:0;padding:0!important;overflow:hidden}.cl-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);flex-shrink:0}.cl-hdr-left,.cl-hdr-right{flex:1}.cl-hdr-right{text-align:right}.cl-hdr-center{text-align:center}.cl-title{font-family:var(--font-display);font-size:1.1rem;color:var(--color-gold);margin:0;letter-spacing:.05em}.cl-round{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary)}.cl-round strong{color:var(--text-primary)}.cl-timer{font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--text-primary);padding:.15rem .6rem;border-radius:4px;background:var(--bg-secondary);border:1px solid var(--border-color)}.cl-timer.cl-timer-low{color:var(--color-gold);border-color:var(--color-gold-dim)}.cl-timer.cl-timer-crit{color:var(--color-crimson-light);border-color:var(--color-crimson);animation:timer-pulse .5s infinite alternate}@keyframes timer-pulse{to{opacity:.6}}.cl-timer-track{height:3px;background:var(--bg-secondary);flex-shrink:0}.cl-timer-fill{height:100%;background:var(--color-gold);transition:width .25s linear}.cl-timer-fill.cl-timer-low{background:var(--color-gold)}.cl-timer-fill.cl-timer-crit{background:var(--color-crimson-light)}.cl-arena{display:flex;align-items:stretch;gap:.75rem;padding:.75rem 1rem;flex-shrink:0}.cl-panel{flex:1;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:.75rem;transition:transform .1s}.cl-panel.cl-atk{border-left:3px solid var(--color-green)}.cl-panel.cl-def{border-left:3px solid var(--color-crimson-light)}.cl-panel-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.cl-name{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-primary)}.cl-lvl{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.cl-vs{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.2rem;font-weight:900;color:var(--color-crimson-light);flex-shrink:0;min-width:40px}.cl-bars{display:flex;flex-direction:column;gap:4px}.cl-bar{position:relative;height:20px;background:var(--bg-secondary);border-radius:3px;overflow:hidden;border:1px solid var(--border-color)}.cl-bar-fill{position:absolute;top:0;left:0;bottom:0;transition:width .3s ease;border-radius:2px}.cl-bar-txt{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8);z-index:1}.cl-bar-mp .cl-bar-fill{background:var(--color-mp)}.cl-bar-sta .cl-bar-fill{background:var(--color-stamina)}.cl-fx-row{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.cl-fx{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border:1px solid;border-radius:3px;font-size:.75rem;background:#0000004d}.cl-fx small{font-family:var(--font-mono);font-size:.65rem}.cl-shake{animation:cl-shake .3s ease}@keyframes cl-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.cl-log{flex:1 1 0;min-height:40px;max-height:250px;overflow-y:auto;background:var(--bg-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:.5rem 1rem;font-family:var(--font-mono);font-size:.78rem;line-height:1.5}.cl-log-e{padding:1px 0;display:flex;align-items:baseline;gap:6px}.cl-log-t{flex-shrink:0;color:var(--text-muted);font-size:.65rem;min-width:24px}.cl-log-m{color:var(--text-secondary)}.cl-log-e.log-atk .cl-log-m{color:#7ac47a}.cl-log-e.log-def .cl-log-m{color:#c47a7a}.cl-log-e.log-sys .cl-log-m{color:var(--text-muted)}.cl-log-e.log-success .cl-log-m{color:#4adc6a;font-weight:600}.cl-log-e.log-danger .cl-log-m{color:#dc4a4a;font-weight:600}.cl-log-e.log-warning .cl-log-m{color:var(--color-gold)}.cl-log-e.log-crit .cl-log-m{color:#e8a020;font-weight:600}.cl-log-e.log-status .cl-log-m{color:#7a7adc}.cl-log-e.log-miss .cl-log-m{color:var(--text-muted);font-style:italic}.cl-log-e.log-boss .cl-log-m{color:#dc7adc;font-weight:600}.cl-act{flex-shrink:0;max-height:280px;overflow-y:auto;background:var(--bg-tertiary);border-top:1px solid var(--border-color);padding:.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.cl-weapons{display:flex;gap:4px;overflow-x:auto}.cl-wep{display:flex;flex-direction:column;align-items:center;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-size:.7rem;cursor:pointer;transition:all var(--transition);min-width:60px;font-family:var(--font-body)}.cl-wep:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-gold-dim)}.cl-wep.cl-wep-active{background:var(--bg-active);border-color:var(--color-gold);color:var(--color-gold)}.cl-wep.cl-wep-empty{opacity:.3;cursor:not-allowed}.cl-wep-icon{font-size:1rem}.cl-wep-lbl{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.cl-wep-name{font-size:.6rem;color:var(--text-muted);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-btns{display:flex;gap:.5rem}.cl-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:4px;font-family:var(--font-display);font-size:.85rem;cursor:pointer;transition:all var(--transition);background:var(--bg-secondary);color:var(--text-primary)}.cl-btn:hover:not(:disabled){background:var(--bg-hover)}.cl-btn:disabled{opacity:.4;cursor:not-allowed}.cl-btn-atk{flex:2;background:var(--color-crimson);border-color:var(--color-crimson-light);color:#fff;font-size:1rem}.cl-btn-atk:hover:not(:disabled){background:var(--color-crimson-light)}.cl-btn-abi{flex:1;background:var(--bg-card);border-color:var(--color-purple);color:var(--color-purple)}.cl-btn-abi:hover:not(:disabled){background:var(--color-purple);color:#fff}.cl-btn-flee{flex:1;background:var(--bg-card);border-color:var(--color-gold-dim);color:var(--color-gold)}.cl-btn-flee:hover:not(:disabled){background:var(--color-gold-dim);color:#fff}.cl-btn-flee.cl-btn-locked{opacity:.35;color:var(--text-muted);border-color:var(--border-color)}.cl-btn-cont{background:var(--color-gold-dim);border-color:var(--color-gold);color:#fff;margin-top:1rem;padding:.6rem 2rem}.cl-btn-cont:hover{background:var(--color-gold)}.cl-abi-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px;max-height:140px;overflow-y:auto}.cl-abi{display:flex;flex-direction:column;padding:6px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;text-align:left;cursor:pointer;transition:all var(--transition);font-family:var(--font-body);color:var(--text-primary)}.cl-abi:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-purple)}.cl-abi.cl-abi-off{opacity:.35;cursor:not-allowed}.cl-abi-name{font-weight:600;font-size:.8rem}.cl-abi-info{display:flex;gap:6px;font-size:.65rem;color:var(--text-muted);margin-top:2px}.cl-abi-mp{color:var(--color-mp)}.cl-abi-sta{color:var(--color-stamina)}.cl-abi-pow{color:var(--color-gold)}.cl-abi-cd{color:var(--color-crimson-light)}.cl-result{text-align:center;padding:1.5rem;margin:.5rem 1rem;border-radius:6px;flex-shrink:0}.cl-result h2{font-family:var(--font-display);font-size:1.6rem;margin-bottom:.5rem}.cl-win{background:#22c55e14;border:1px solid var(--color-green)}.cl-win h2{color:#4adc6a}.cl-lose{background:#ef444414;border:1px solid var(--color-crimson)}.cl-lose h2{color:var(--color-crimson-light)}.cl-fled{background:#c5a55a14;border:1px solid var(--color-gold-dim)}.cl-fled h2{color:var(--color-gold)}.cl-rewards{font-size:.95rem;color:var(--text-secondary)}.cl-rewards p{margin:.25rem 0}.cl-loot{color:var(--color-gold)}.event-calendar-page{max-width:900px}.ec-active-banner{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.ec-active-event{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:#ffffff08;border:1px solid;border-radius:6px;cursor:pointer;transition:background .15s}.ec-active-event:hover{background:#ffffff0f}.ec-active-icon{font-size:1.4rem}.ec-active-info{display:flex;flex-direction:column;flex:1;min-width:0}.ec-active-name{font-weight:700;font-size:.85rem}.ec-active-status{font-size:.7rem;color:#4ade80;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.ec-active-bonuses{display:flex;gap:.35rem;flex-wrap:wrap}.ec-bonus-tag{font-size:.65rem;padding:.15rem .4rem;border:1px solid;border-radius:3px;background:#ffffff08;font-weight:600;white-space:nowrap}.ec-month-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.ec-nav-btn{background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);padding:.25rem .4rem;cursor:pointer;display:flex;align-items:center;transition:all .15s}.ec-nav-btn:hover{border-color:var(--color-gold-dim);color:var(--color-gold)}.ec-month-title{display:flex;align-items:center;gap:.4rem;font-weight:700;font-size:.95rem;color:var(--text-primary);flex:1;justify-content:center}.ec-today-btn{font-size:.7rem;padding:.2rem .5rem;background:#c5a55a1a;border:1px solid var(--color-gold-dim);border-radius:3px;color:var(--color-gold);cursor:pointer;font-weight:600}.ec-today-btn:hover{background:#c5a55a33}.ec-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:1rem}.ec-day-header{background:#ffffff0a;padding:.4rem 0;text-align:center;font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.ec-day{background:var(--bg-secondary, #111);min-height:70px;padding:.25rem;display:flex;flex-direction:column;position:relative;transition:background .1s}.ec-day-empty{background:#0000004d}.ec-day.ec-has-events:hover{background:#ffffff0a}.ec-day-number{font-size:.7rem;color:var(--text-muted);font-weight:600;padding:.1rem .25rem;line-height:1}.ec-today-number{background:var(--color-gold);color:#000;border-radius:3px;padding:.1rem .3rem;font-weight:700}.ec-day-events{display:flex;flex-direction:column;gap:1px;margin-top:.2rem;flex:1;overflow:hidden}.ec-day-dot{border-radius:2px;padding:.1rem .2rem;cursor:pointer;overflow:hidden;transition:opacity .15s}.ec-day-dot:hover{opacity:.8}.ec-dot-label{font-size:.55rem;color:#000;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ec-legend,.ec-upcoming{background:#ffffff05;border:1px solid var(--border);border-radius:6px;padding:.75rem;margin-bottom:.75rem}.ec-legend-title{font-size:.8rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.ec-legend-list{display:flex;flex-direction:column;gap:.4rem}.ec-legend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}@media(max-width:700px){.ec-legend-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:450px){.ec-legend-grid{grid-template-columns:1fr}}.ec-legend-card{display:flex;flex-direction:column;gap:.2rem;padding:.4rem .5rem;border-radius:4px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .15s}.ec-legend-card:hover{background:#ffffff0d}.ec-legend-card-top{display:flex;align-items:center;gap:.35rem}.ec-legend-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:4px;cursor:pointer;transition:background .15s}.ec-legend-item:hover{background:#ffffff0a}.ec-legend-active{background:#ffffff08;border-color:#ffffff1f}.ec-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ec-legend-icon{font-size:.9rem}.ec-legend-info{display:flex;flex-direction:column}.ec-legend-name{font-size:.75rem;font-weight:600;color:var(--text-primary)}.ec-legend-dates{font-size:.65rem;color:var(--text-muted)}.ec-legend-live{color:#4ade80;font-weight:700;font-size:.6rem;text-transform:uppercase;margin-left:auto}.ec-upcoming-list{display:flex;flex-direction:column;gap:.3rem}.ec-upcoming-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:4px;cursor:pointer;transition:background .15s}.ec-upcoming-item:hover{background:#ffffff0a}.ec-upcoming-name{font-size:.8rem;font-weight:600;color:var(--text-primary);flex:1}.ec-upcoming-countdown{font-size:.7rem;color:var(--color-gold);font-weight:600;font-family:var(--font-mono)}.ec-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.ec-modal{background:var(--bg-primary, #0d0d0d);border:1px solid var(--border);border-radius:8px;max-width:480px;width:100%;box-shadow:0 8px 32px #0009}.ec-modal-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:2px solid}.ec-modal-icon{font-size:1.3rem}.ec-modal-close{margin-left:auto;background:none;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer;padding:0 .25rem;line-height:1}.ec-modal-close:hover{color:var(--text-primary)}.ec-modal-body{padding:.75rem 1rem}.ec-modal-desc{color:var(--text-secondary);font-size:.82rem;margin:0 0 .75rem;line-height:1.5}.ec-modal-dates{font-size:.78rem;color:var(--text-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ec-modal-live{color:#4ade80;font-weight:700;font-size:.75rem}.ec-modal-bonuses{margin-bottom:.75rem}.ec-modal-bonuses strong{font-size:.78rem;color:var(--text-primary)}.ec-modal-bonus-list{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.35rem}.ec-modal-note{font-size:.75rem;color:var(--text-muted);font-style:italic;margin:.5rem 0 0}@media(max-width:600px){.ec-day{min-height:50px}.ec-dot-label{font-size:.45rem}.ec-day-number{font-size:.6rem}.ec-active-bonuses{display:none}}.home-page{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;max-width:1000px;align-items:start}.home-column{display:flex;flex-direction:column;gap:.5rem;min-height:100px}@media(max-width:700px){.home-page{grid-template-columns:1fr}}.home-block{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);overflow:hidden}.home-block-header{display:flex;align-items:center;gap:.4rem;padding:.45rem .6rem;background:#1a1c22;border-bottom:1px solid var(--color-border);cursor:grab;-webkit-user-select:none;user-select:none}.home-block-header:active{cursor:grabbing}.home-block-grip{color:#555;flex-shrink:0}.home-block-title{flex:1;font-size:.8rem;font-weight:700;color:var(--text-primary)}.home-block-toggle{background:none;border:none;color:#888;cursor:pointer;padding:2px;display:flex}.home-block-toggle:hover{color:var(--text-primary)}.home-block-body{padding:.5rem .65rem}.home-block[data-block-id].dragging{opacity:.5}.home-info-grid{display:flex;flex-direction:column;gap:0}.home-info-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.8rem}.home-info-row:last-child{border-bottom:none}.home-info-key{color:#888;min-width:100px}.home-info-val{color:var(--text-primary);text-align:right}.home-xp-track{flex:1;height:6px;background:#222;border-radius:3px;overflow:hidden;max-width:120px}.home-xp-fill{height:100%;background:var(--color-gold);border-radius:3px;transition:width .3s}.home-vitals-block{display:flex;flex-direction:column;gap:.35rem}.home-vital{display:flex;align-items:center;gap:.4rem}.home-vital-label{width:55px;font-size:.75rem;color:#888;text-align:right}.home-vital-track{flex:1;height:10px;background:#1a1a1a;border-radius:5px;overflow:hidden;border:1px solid #333}.home-vital-fill{height:100%;border-radius:5px;transition:width .3s}.home-vital-val{font-size:.72rem;color:var(--text-primary);min-width:70px;text-align:right}.home-equip-list{display:flex;flex-direction:column;gap:0}.home-equip-row{display:flex;justify-content:space-between;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.8rem}.home-equip-row:last-child{border-bottom:none}.home-equip-slot{color:#888;text-transform:capitalize;font-size:.75rem}.home-equip-name{color:var(--text-primary)}.home-attr-grid{display:flex;flex-direction:column;gap:0}.home-attr-row{display:flex;align-items:center;gap:.4rem;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.8rem}.home-attr-row:last-child{border-bottom:none}.home-attr-icon{color:#666;flex-shrink:0}.home-attr-label{flex:1;color:var(--text-primary);text-transform:capitalize;white-space:nowrap;overflow:visible}.home-attr-val{color:var(--color-gold);font-weight:600;font-size:.72rem;min-width:46px;text-align:right;flex-shrink:0}.home-attr-bonus{font-size:.7rem;min-width:40px;text-align:right}.home-attr-bonus.pos{color:var(--color-success)}.home-attr-bonus.neg{color:var(--color-danger)}.home-attr-total{border-top:1px solid var(--color-border);padding-top:.35rem;margin-top:.15rem}.home-events-list{display:flex;flex-direction:column;gap:0}.home-event-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.78rem;gap:.5rem}.home-event-row:last-child{border-bottom:none}.home-event-row.unread .home-event-text{color:#4fc3f7}.home-event-text{color:var(--text-primary);flex:1;line-height:1.3}.home-event-time{color:#666;font-size:.7rem;white-space:nowrap}.home-messages-list{display:flex;flex-direction:column;gap:0}.home-msg-row{display:grid;grid-template-columns:auto 1fr auto;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.78rem;gap:.5rem;cursor:pointer}.home-msg-row:hover{background:#ffffff05}.home-msg-from{color:var(--color-gold);font-weight:600}.home-msg-subject{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-msg-time{color:#666;font-size:.7rem}.home-skill-tabs{display:flex;gap:.25rem;margin-bottom:.5rem;overflow-x:auto;padding-bottom:.25rem}.home-skill-tab{padding:.25rem .5rem;border-radius:var(--radius);border:1px solid transparent;background:none;color:#888;cursor:pointer;font-size:.72rem;white-space:nowrap}.home-skill-tab:hover{color:var(--text-primary)}.home-skill-tab.active{border-color:var(--color-gold-dim);color:var(--color-gold);background:#c0a06014}.home-skills-list{display:flex;flex-direction:column;gap:0}.home-skill-row{display:flex;justify-content:space-between;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.8rem}.home-skill-row:last-child{border-bottom:none}.home-skill-name{color:var(--text-primary);text-transform:capitalize}.home-skill-level{color:var(--color-gold);font-weight:600}.home-empty{color:#666;font-size:.78rem;padding:.5rem 0;text-align:center}.home-link{color:var(--color-gold);cursor:pointer}.home-link:hover{text-decoration:underline}.home-block-link{text-align:center;color:#888;font-size:.72rem;padding:.4rem 0;cursor:pointer}.home-block-link:hover{color:var(--color-gold)}