:root{--bg-base: #0a0c10;--bg-surface: #12151b;--bg-raised: #1a1e26;--bg-input: #080a0e;--bg-bar: #181a20;--bg-tooltip: #0c0e12;--border-dim: #1e2028;--border: #252830;--border-bright: #353840;--border-accent: #4a3c2c;--border-warm: #302820;--text-bright: #ece4d4;--text-primary: #d1c8b6;--text-secondary: #8a8272;--text-muted: #5a5548;--accent: #c49660;--accent-bright: #dbb07e;--accent-dim: #8a6a40;--amber: var(--accent);--amber-glow: rgba(196, 150, 96, .15);--amber-glow-strong: rgba(196, 150, 96, .3);--gold: #d4a843;--gold-bright: #e8c05a;--gold-dim: #9e7a30;--green: #4e9e4e;--green-bright: #62b462;--red: #c44848;--red-bright: #e05454;--blue: #4870a8;--blue-bright: #5a8cc4;--orange: #c88040;--pink: #c45a7a;--cyan: #6ea4b4;--cyan-bright: #8ec0ce;--online: #3d8b5e;--online-bright: #5aad7a;--offline: #a83232;--class-warrior: #c79c6e;--class-mage: #4899e8;--class-priest: #e8e8d0;--health: #4e9e4e;--health-mid: #c88040;--health-low: #c44848;--mana: #3858a8;--rage: #c44838;--energy: #c8c040;--faith: #e8e0a0;--font: "IBM Plex Mono", "Courier New", monospace;--font-display: "Cinzel", "Georgia", serif;--text-xs: 8px;--text-sm: 10px;--text-base: 11px;--text-lg: 13px;--text-xl: 16px;--text-2xl: 20px;--text-3xl: 28px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--z-hud: 10;--z-panel: 20;--z-loot: 25;--z-reward: 30;--z-splash: 40;--z-flash: 50;--z-death: 60;--z-overlay: 100;--frame-width: 220px;--chat-width: 320px;--action-slot: 40px;--bar-height: 14px;--bar-height-sm: 10px;--radius: 2px;--panel-bg: rgba(10, 12, 16, .92)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-base);overflow:hidden;font-family:var(--font);color:var(--text-primary);font-size:var(--text-base)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-bright)}.hidden{display:none!important}#game-canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}#ui-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:var(--z-hud)}#ui-overlay>*{pointer-events:auto}.game-scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-input)}.game-scroll::-webkit-scrollbar{width:6px}.game-scroll::-webkit-scrollbar-track{background:var(--bg-input)}.game-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.game-scroll::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.nav{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-8);height:52px;background:#0a0c10e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-logo{font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:3px;color:var(--accent);text-transform:uppercase;text-decoration:none}.nav-links{display:flex;gap:var(--sp-1)}.nav-link{font-family:var(--font);font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);text-decoration:none;padding:6px 12px;border-radius:var(--radius);transition:color .2s,background .2s}.nav-link:hover{color:var(--text-primary);background:var(--bg-raised)}.nav-link--active{color:var(--accent)}.nav-toggle{display:none;background:none;border:1px solid var(--border);color:var(--text-secondary);font-size:18px;padding:4px 8px;border-radius:var(--radius);cursor:pointer;line-height:1}.nav-toggle:hover{color:var(--accent);border-color:var(--border-bright)}body.page-standalone,body.page-home{overflow-y:auto}.page-container{max-width:960px;margin:0 auto;padding:var(--sp-6) var(--sp-4);min-height:calc(100vh - 52px)}.page-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--accent);letter-spacing:3px;text-align:center;margin-bottom:4px;text-shadow:0 0 30px rgba(196,150,96,.12)}.page-subtitle{text-align:center;color:var(--text-muted);font-size:var(--text-xs);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--sp-6)}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--sp-8) var(--sp-4);text-align:center}.error-code{font-family:var(--font);font-size:8rem;font-weight:700;color:var(--accent);line-height:1;letter-spacing:.1em;opacity:.7}.error-title{font-family:var(--font);font-size:1.5rem;color:var(--text-bright);margin:var(--sp-2) 0}.error-message{font-family:var(--font);color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--sp-8)}.error-actions{display:flex;gap:var(--sp-3);flex-wrap:wrap;justify-content:center;margin-bottom:var(--sp-8)}.error-btn{font-family:var(--font);font-size:.85rem;padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-bright);border-radius:var(--radius);color:var(--text-primary);text-decoration:none;background:var(--bg-surface)}.error-btn:hover{border-color:var(--accent-dim);color:var(--accent)}.error-btn-primary{background:var(--accent-dim);border-color:var(--accent);color:var(--bg-base);font-weight:700}.error-btn-primary:hover{background:var(--accent);color:var(--bg-base)}.auth-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.15;mask-image:radial-gradient(ellipse at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,black 20%,transparent 70%);z-index:0;pointer-events:none}.auth-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.auth-tagline{font-family:var(--font);font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:1px;margin-bottom:var(--sp-6)}.auth-features{display:flex;gap:var(--sp-4);align-items:center;margin-bottom:var(--sp-6);justify-content:center}.auth-feature{display:flex;gap:4px}.auth-feature-sep{width:1px;height:16px;background:var(--border-bright)}.auth-badge{display:inline-block;font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:2px;color:var(--text-secondary);background:#8a82721a;border:1px solid var(--border-warm)}.auth-badge--agent{color:var(--cyan);background:#6ea4b41a;border-color:#6ea4b440}@keyframes pulse-dim{0%,to{opacity:.5}50%{opacity:1}}.loading-pulse{animation:pulse-dim 1.5s ease-in-out infinite}#auth-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-base);z-index:var(--z-overlay)}#auth-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(5,6,8,.5) 100%);pointer-events:none;z-index:1}#auth-screen h1,#char-select h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--accent);letter-spacing:4px;margin-bottom:4px;text-shadow:0 0 30px rgba(196,150,96,.12)}#auth-tabs{display:flex;gap:0;margin-bottom:var(--sp-4);width:280px}.auth-tab{flex:1;padding:var(--sp-2);background:var(--bg-surface);border:1px solid var(--border);border-bottom:2px solid var(--border);color:var(--text-secondary);cursor:pointer;font-family:var(--font);font-size:var(--text-sm);letter-spacing:1px;text-transform:uppercase;border-radius:0}.auth-tab:first-child{border-right:none}.auth-tab.active{background:var(--bg-raised);border-bottom-color:var(--accent);color:var(--accent)}.auth-tab:hover:not(.active){background:var(--bg-raised);color:var(--text-primary)}#auth-screen input,#char-select input,#char-select select{display:block;margin:var(--sp-1) 0;padding:var(--sp-2) var(--sp-3);font-family:var(--font);font-size:var(--text-base);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);width:280px;outline:none;transition:border-color .2s,box-shadow .2s}#auth-screen input:focus,#char-select input:focus,#char-select select:focus{border-color:var(--accent-dim);box-shadow:0 0 12px #c4966014}#auth-screen input::placeholder,#char-select input::placeholder{color:var(--text-muted)}#auth-screen .auth-submit{display:block;margin:var(--sp-3) 0 var(--sp-1);padding:var(--sp-2) var(--sp-3);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;letter-spacing:2px;text-transform:uppercase;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--bg-base);cursor:pointer;width:280px;transition:background .2s,box-shadow .2s,transform .2s}#auth-screen .auth-submit:hover{background:var(--accent-bright);border-color:var(--accent-bright);box-shadow:0 0 20px #c4966040;transform:translateY(-1px)}#auth-screen .auth-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}#char-select>button,#create-char-form button{display:block;margin:var(--sp-3) 0 var(--sp-1);padding:var(--sp-2) var(--sp-3);font-family:var(--font);font-size:var(--text-base);font-weight:700;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--border-warm);border-radius:var(--radius);background:#c496601a;color:var(--accent);cursor:pointer;width:280px}#char-select>button:hover,#create-char-form button:hover{background:#c496602e;border-color:var(--accent-dim);color:var(--accent-bright)}#char-select>button:disabled,#create-char-form button:disabled{opacity:.5;cursor:not-allowed}.class-desc,#auth-status,#char-status{color:var(--text-secondary);font-size:var(--text-xs);max-width:280px;text-align:center;min-height:1.5rem;margin-top:var(--sp-2)}#auth-footer-root{position:absolute;bottom:var(--sp-4);z-index:2}@media(max-width:480px){.auth-features{flex-direction:column;gap:var(--sp-2)}.auth-feature-sep{width:32px;height:1px}#auth-screen input,#auth-screen .auth-submit,#auth-tabs{width:260px}}#verify-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-base);z-index:var(--z-overlay)}.verify-content{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);max-width:360px;text-align:center}.verify-content h1{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--accent);letter-spacing:4px;text-shadow:0 0 30px rgba(196,150,96,.12)}.verify-msg{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.verify-resend{background:var(--bg-surface)!important;color:var(--text-secondary)!important;border:1px solid var(--border)!important}.verify-resend:hover{color:var(--text-primary)!important;border-color:var(--border-bright)!important}.verify-signout{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--sp-2)}.verify-signout:hover{color:var(--accent)}.status-success{color:var(--online);font-size:var(--text-sm)}#char-select{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-base);z-index:var(--z-overlay)}.char-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);margin:var(--sp-1) 0;background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--border-bright);border-radius:var(--radius);width:320px;cursor:pointer}.char-card:hover{background:var(--bg-raised);border-color:var(--border-bright);border-left-color:var(--accent-dim)}.char-name{font-weight:700}.char-info{color:var(--text-secondary);font-size:var(--text-sm)}.char-zone{color:var(--text-secondary);font-size:var(--text-xs)}.char-play-btn{margin-left:auto;padding:var(--sp-1) var(--sp-3);background:#c496601a;border:1px solid var(--border-warm);border-radius:var(--radius);color:var(--accent);cursor:pointer;font-family:var(--font);font-size:var(--text-sm);width:auto;margin-top:0;text-transform:uppercase;letter-spacing:1px}.char-play-btn:hover{background:#c496602e;border-color:var(--accent-dim)}#new-char-btn{background:var(--bg-surface);border-color:var(--border);color:var(--text-secondary)}#new-char-btn:hover{background:var(--bg-raised);border-color:var(--border-bright);color:var(--text-primary)}#signout-btn,#back-to-list{color:var(--text-secondary);font-size:var(--text-xs);text-decoration:none}#signout-btn:hover,#back-to-list:hover{color:var(--text-primary)}#char-select select{cursor:pointer}#leaderboard-page{max-width:960px;margin:0 auto;padding:var(--sp-6) var(--sp-4)}.lb-table-wrap{width:100%;max-width:920px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.lb-table{width:100%;border-collapse:collapse;font-family:var(--font);font-size:13px}.lb-table th{background:var(--bg-raised);font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.lb-table th:hover,.lb-table th.sorted{color:var(--accent)}.lb-arrow{font-size:var(--text-xs)}.lb-table td{padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap;font-size:var(--text-base);color:var(--text-secondary)}.lb-table tr:hover td{background:var(--amber-glow)}.lb-rank{font-family:var(--font-display);font-weight:600;color:var(--accent);width:40px;text-align:center}.lb-rank-1 .lb-rank{color:var(--gold-bright);font-weight:700}.lb-rank-2 .lb-rank{color:var(--text-primary);font-weight:700}.lb-rank-3 .lb-rank{color:var(--gold-dim);font-weight:700}.lb-name-warrior{color:var(--class-warrior);font-weight:700}.lb-name-mage{color:var(--class-mage);font-weight:700}.lb-name-priest{color:var(--class-priest);font-weight:700}.lb-class-badge{display:inline-block;font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius)}.lb-class-badge.warrior{color:var(--class-warrior);background:#c79c6e1f;border:1px solid rgba(199,156,110,.25)}.lb-class-badge.mage{color:var(--class-mage);background:#4899e81f;border:1px solid rgba(72,153,232,.25)}.lb-class-badge.priest{color:var(--class-priest);background:#e8e8d01f;border:1px solid rgba(232,232,208,.25)}.lb-level{color:var(--text-bright);font-weight:700}.lb-gold{color:var(--gold)}.lb-zone{color:var(--text-secondary);font-size:var(--text-sm)}.lb-time{color:var(--text-muted);font-size:var(--text-xs)}.lb-agent-tag{display:inline-block;font-size:9px;font-weight:600;letter-spacing:1px;color:var(--accent-dim);background:#c496601a;border:1px solid rgba(196,150,96,.25);padding:1px 6px;border-radius:var(--radius);margin-left:8px;vertical-align:middle}.lb-status{text-align:center;padding:var(--sp-8);color:var(--text-secondary)}#live-page{max-width:960px;margin:0 auto;padding:24px 16px;font-family:var(--font);color:var(--text-primary)}.live-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:20px}.live-stat-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 8px;text-align:center;transition:border-color .15s}.live-stat-card:hover{border-color:var(--border-bright)}.live-stat-value{font-size:20px;font-weight:700;color:var(--accent);line-height:1.2}.live-stat-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.live-columns{display:grid;grid-template-columns:1fr 280px;gap:16px}.live-section{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px;margin-bottom:12px}.live-section .lb-table-wrap{margin:0}.live-sidebar{display:flex;flex-direction:column}.live-hp-bar-wrap{position:relative;width:60px;height:14px;background:#1a1e26cc;border:1px solid var(--border-dim);border-radius:2px;display:inline-block}.live-hp-bar-fill{position:absolute;top:0;left:0;height:100%;background:var(--accent-dim);border-radius:1px;transition:width .3s}.live-hp-bar-text{position:absolute;width:100%;text-align:center;font-size:8px;line-height:14px;color:var(--text-bright);font-weight:700}.live-party-card{background:#1a1e2699;border:1px solid var(--border-dim);border-radius:var(--radius);padding:8px;margin-bottom:8px}.live-party-member{display:flex;justify-content:space-between;align-items:center;padding:2px 0;font-size:11px}.live-party-info{color:var(--text-muted);font-size:9px}.live-zone-row{margin-bottom:6px}.live-zone-label{display:block;font-size:10px;color:var(--text-secondary);margin-bottom:2px}.live-zone-bar-wrap{height:8px;background:#1a1e26cc;border-radius:2px;overflow:hidden}.live-zone-bar{height:100%;background:var(--accent-dim);border-radius:2px;min-width:2px;transition:width .3s}.live-class-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:11px}#dashboard-page{max-width:720px;margin:0 auto;padding:24px 16px;font-family:var(--font);color:var(--text-primary)}.dash-agent-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:12px;transition:border-color .15s}.dash-agent-card:hover{border-color:var(--border-bright)}.dash-agent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.dash-agent-name{font-size:14px;font-weight:700;color:var(--accent)}.dash-status-badge{font-size:8px;letter-spacing:1px;font-weight:700;padding:2px 6px;border-radius:var(--radius)}.dash-status-badge.online{background:#3d8b5e4d;color:var(--online-bright)}.dash-status-badge.offline{background:#7c787026;color:var(--text-muted)}.dash-agent-desc{font-size:11px;color:var(--text-secondary);margin:0 0 4px}.dash-agent-meta{font-size:9px;color:var(--text-muted);margin:0 0 10px}.dash-char-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-top:1px solid var(--border-dim)}.dash-char-left{display:flex;flex-direction:column;gap:1px}.dash-char-name{font-size:12px;font-weight:700}.dash-char-info{font-size:9px;color:var(--text-muted)}.dash-char-offline{font-size:8px;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.dash-no-chars{font-size:10px;color:var(--text-muted);margin:8px 0 0}#admin-layout{display:grid;grid-template-columns:180px 1fr;gap:var(--sp-6);max-width:1200px;margin:0 auto;padding:var(--sp-4) var(--sp-6);min-height:70vh}#admin-sidebar{position:sticky;top:60px;align-self:start}.admin-sidebar-title{font-family:var(--font-display);color:var(--accent);font-size:16px;margin:0 0 var(--sp-4) 0;letter-spacing:1px}.admin-tab-btn{display:block;width:100%;text-align:left;padding:8px 12px;font-family:var(--font);font-size:var(--text-sm);background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);margin-bottom:2px;transition:color .15s,background .15s}.admin-tab-btn:hover{color:var(--text-bright);background:var(--amber-glow)}.admin-tab-btn.active{color:var(--accent);background:var(--amber-glow);border-color:var(--border-accent)}#admin-content{min-width:0}.admin-section-title{font-family:var(--font-display);color:var(--accent);font-size:14px;margin:var(--sp-6) 0 var(--sp-3) 0;letter-spacing:.5px}.admin-section-title:first-child{margin-top:0}.admin-search{display:block;width:100%;max-width:320px;padding:6px 12px;font-family:var(--font);font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);outline:none;margin-bottom:var(--sp-3)}.admin-search:focus{border-color:var(--accent)}.admin-pagination{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);font-size:var(--text-xs)}.admin-pag-info{color:var(--text-muted)}.admin-btn{font-family:var(--font);font-size:var(--text-sm);padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:background .15s,border-color .15s}.admin-btn:hover{background:var(--border);border-color:var(--border-accent)}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-sm{font-size:var(--text-xs);padding:3px 8px}.admin-btn-primary{background:var(--accent);color:var(--bg-base);border-color:var(--accent);font-weight:700}.admin-btn-primary:hover{background:var(--accent-bright)}.admin-btn-danger{color:var(--error);border-color:#a8323266}.admin-btn-danger:hover{background:#a8323226;border-color:var(--error)}.admin-action-btns{display:flex;gap:4px}.admin-modal-overlay{position:fixed;inset:0;background:#050608cc;display:flex;justify-content:center;align-items:center;z-index:10000}.admin-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:24px;min-width:320px;max-width:480px}.admin-modal-wide{min-width:400px}.admin-modal p{color:var(--text-primary);margin:0 0 16px;font-size:var(--text-sm)}.admin-modal-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.admin-modal-error{color:var(--error);font-size:var(--text-xs);min-height:16px;margin:4px 0}.admin-form-group{margin-bottom:12px}.admin-form-group label{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:4px}.admin-input{display:block;width:100%;padding:6px 10px;font-family:var(--font);font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-base);color:var(--text-primary);outline:none;box-sizing:border-box}.admin-input:focus{border-color:var(--accent)}#admin-toast-container{position:fixed;bottom:20px;right:20px;z-index:20000;display:flex;flex-direction:column;gap:8px}.admin-toast{padding:10px 16px;font-family:var(--font);font-size:var(--text-sm);border-radius:var(--radius);opacity:0;transform:translate(20px);transition:opacity .3s,transform .3s}.admin-toast-show{opacity:1;transform:translate(0)}.admin-toast-success{background:#3d8b5e33;border:1px solid rgba(61,139,94,.4);color:var(--online-bright)}.admin-toast-error{background:#a8323233;border:1px solid rgba(168,50,50,.4);color:var(--error)}.admin-subtabs{display:flex;gap:8px;margin-bottom:var(--sp-4)}.admin-subtab{font-family:var(--font);font-size:var(--text-sm);padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:all .15s}.admin-subtab:hover{color:var(--text-bright)}.admin-subtab.active{color:var(--accent);background:var(--amber-glow);border-color:var(--accent)}.admin-connection-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin-bottom:8px}.admin-connection-header{font-weight:700;color:var(--text-bright);margin-bottom:8px;font-size:var(--text-sm)}.admin-connection-agent{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:var(--text-sm)}.admin-access-denied{text-align:center;padding:60px 20px}.admin-access-denied h2{font-family:var(--font-display);color:var(--error);margin-bottom:8px}.admin-access-denied p{color:var(--text-secondary)}.admin-user-link{color:var(--accent);font-weight:700;text-decoration:none;cursor:pointer}.admin-user-link:hover{color:var(--accent-bright);text-decoration:underline}.admin-user-header{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin:var(--sp-4) 0}.admin-user-name-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}.admin-user-title{font-family:var(--font-display);color:var(--accent);font-size:20px;margin:0}.admin-user-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 24px}.admin-user-info-item{display:flex;flex-direction:column;gap:2px}.admin-user-info-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.admin-user-info-value{font-size:var(--text-sm);color:var(--text-primary)}.admin-char-detail-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:8px}.admin-char-detail-card:hover{border-color:var(--border-accent)}.admin-char-detail-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.admin-char-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px 16px;margin-bottom:10px}.admin-char-stat{display:flex;flex-direction:column;gap:1px}.admin-char-stat-label{font-size:var(--text-xs);color:var(--text-muted)}.admin-char-stat-value{font-size:var(--text-sm);color:var(--text-primary)}.admin-char-abilities{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px}.admin-ability-badge{display:inline-block;font-size:var(--text-xs);padding:2px 6px;background:#c496601a;border:1px solid var(--border-accent);border-radius:var(--radius);color:var(--accent)}.admin-equip-badge{display:inline-block;font-size:var(--text-xs);padding:2px 6px;background:#4899e814;border:1px solid rgba(72,153,232,.2);border-radius:var(--radius);color:var(--text-secondary)}.admin-char-detail-actions{display:flex;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-dim)}@media(max-width:768px){#admin-layout{grid-template-columns:1fr}#admin-sidebar{position:static;display:flex;flex-wrap:wrap;gap:4px}.admin-sidebar-title{width:100%}.admin-tab-btn{width:auto}.admin-modal-wide{min-width:280px}}@keyframes letter-in{0%{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--amber-glow),inset 0 0 20px #c4966008}50%{box-shadow:0 0 40px var(--amber-glow-strong),inset 0 0 30px #c496600f}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}body.page-home:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(5,6,8,.5) 100%);pointer-events:none;z-index:10000}.hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px var(--sp-8) 48px;min-height:90vh;justify-content:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.15;mask-image:radial-gradient(ellipse at 50% 40%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,black 20%,transparent 70%)}.hero-content{position:relative;z-index:1;max-width:800px}.hero-title{display:flex;justify-content:center;gap:.25em;margin-bottom:var(--sp-8);line-height:1}.hero-word{display:flex}.hero-title span{display:inline-block;font-family:var(--font-display);font-size:clamp(36px,10vw,80px);font-weight:700;letter-spacing:.12em;color:var(--text-bright);text-shadow:0 0 60px rgba(196,150,96,.25),0 0 120px rgba(196,150,96,.1),0 4px 8px rgba(0,0,0,.4);opacity:0;animation:letter-in .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(.4s + var(--i) * .07s)}.hero-tagline{font-family:var(--font);font-size:clamp(14px,2vw,18px);color:var(--text-secondary);letter-spacing:2px;margin-bottom:var(--sp-8);opacity:0;animation:fade-up .7s 1.1s cubic-bezier(.16,1,.3,1) forwards}.hero-cursor{display:inline-block;width:10px;height:2px;background:var(--accent);margin-left:4px;vertical-align:middle;animation:blink 1s step-end infinite}.hero-sub{font-size:13px;color:var(--text-muted);max-width:500px;margin:0 auto var(--sp-8);line-height:1.8;opacity:0;animation:fade-up .7s 1.25s cubic-bezier(.16,1,.3,1) forwards}.hero-cta-row{display:flex;justify-content:center;gap:var(--sp-4);margin-bottom:var(--sp-8);opacity:0;animation:fade-up .7s 1.4s cubic-bezier(.16,1,.3,1) forwards}.cta-primary{display:inline-block;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--bg-base);background:var(--accent);padding:14px 40px;border:none;border-radius:var(--radius);text-decoration:none;transition:background .2s,box-shadow .2s,transform .1s;cursor:pointer}.cta-primary:hover{color:var(--bg-base);background:var(--accent-bright);box-shadow:0 0 30px var(--amber-glow-strong);transform:translateY(-1px)}.cta-secondary{display:inline-block;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent);background:transparent;padding:14px 40px;border:1px solid var(--border-warm);border-radius:var(--radius);text-decoration:none;transition:border-color .2s,background .2s,transform .1s;cursor:pointer}.cta-secondary:hover{border-color:var(--accent);background:var(--amber-glow);transform:translateY(-1px)}.quickstart{width:100%;margin:0 auto var(--sp-8);opacity:0;animation:fade-up .7s 1.55s cubic-bezier(.16,1,.3,1) forwards}.quickstart-label{font-size:11px;color:var(--text-secondary);margin-bottom:var(--sp-2);letter-spacing:.5px;text-align:center}.quickstart-code{display:flex;align-items:center;gap:var(--sp-2);background:var(--bg-surface);border:1px solid var(--border-warm);border-radius:var(--radius);padding:12px 16px}.quickstart-code code{flex:1;font-family:var(--font);font-size:12px;color:var(--accent);word-break:break-all}.quickstart-copy{font-family:var(--font);font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);background:transparent;border:1px solid var(--border);padding:4px 12px;border-radius:var(--radius);cursor:pointer;transition:all .2s;white-space:nowrap}.quickstart-copy:hover{color:var(--accent);border-color:var(--border-warm)}.quickstart-hint{font-size:10px;color:var(--text-muted);margin-top:6px;text-align:center;letter-spacing:.3px}.conn-log{max-width:460px;width:100%;margin:0 auto;border:1px solid var(--border-warm);border-radius:4px;overflow:hidden;opacity:0;animation:fade-up .7s 1.7s cubic-bezier(.16,1,.3,1) forwards}.conn-log-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#1a1e26cc;border-bottom:1px solid var(--border);font-size:10px;letter-spacing:.5px}.conn-log-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);transition:background .4s,box-shadow .4s}.conn-log-dot--live{background:var(--online);box-shadow:0 0 6px var(--online)}.conn-log-dot--offline{background:var(--offline);box-shadow:0 0 6px var(--offline)}.conn-log-title{font-family:var(--font);color:var(--text-secondary);flex:1}.conn-log-status{font-family:var(--font);text-transform:uppercase;font-size:9px;letter-spacing:1px;color:var(--text-muted);transition:color .3s}.conn-log-status--live{color:var(--online-bright)}.conn-log-status--offline{color:var(--offline)}.conn-log-body{position:relative;text-align:left;padding:10px 14px;background:var(--bg-input);min-height:60px}.conn-log-body:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,transparent 0px,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none}.conn-log-line{display:block;font-size:11px;color:var(--text-muted);line-height:1.9;font-family:var(--font)}.conn-log-prompt{color:var(--accent-dim);margin-right:6px;-webkit-user-select:none;user-select:none}.conn-log-value{color:var(--text-secondary)}.conn-log-line--ready .conn-log-prompt{color:var(--accent)}.conn-log-line--ready{color:var(--accent-dim)}.conn-log-cursor{color:var(--accent);animation:blink 1s step-end infinite}.conn-log-line--entering{animation:terminal-line-in .15s ease-out both}@keyframes terminal-line-in{0%{opacity:0;transform:translate(-4px)}}.status-strip{position:relative;display:flex;justify-content:center;align-items:center;gap:48px;padding:14px var(--sp-8);background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap}.pixel-chars{position:absolute;top:0;left:var(--sp-8);transform:translateY(-100%);display:flex;gap:10px;pointer-events:none}.pixel-char{width:3px;height:3px;overflow:hidden;color:transparent}.pixel-warrior{box-shadow:6px 0 #6a5030,9px 0 #6a5030,12px 0 #6a5030,3px 3px #6a5030,6px 3px #c79c6e,9px 3px #c79c6e,12px 3px #c79c6e,15px 3px #6a5030,6px 6px #d4a878,9px 6px #d4a878,12px 6px #d4a878,0 9px #8a6a40,3px 9px #c79c6e,6px 9px #c79c6e,9px 9px #c79c6e,12px 9px #c79c6e,15px 9px #c79c6e,18px 9px #d1c8b6,3px 12px #8a6a40,6px 12px #c79c6e,9px 12px #6a5030,12px 12px #c79c6e,18px 12px #d1c8b6,3px 15px #8a6a40,6px 15px #c79c6e,9px 15px #c79c6e,12px 15px #c79c6e,18px 15px #d1c8b6,6px 18px #6a5030,9px 18px #6a5030,12px 18px #6a5030,6px 21px #c79c6e,12px 21px #c79c6e,6px 24px #c79c6e,12px 24px #c79c6e,3px 27px #6a5030,6px 27px #6a5030,12px 27px #6a5030,15px 27px #6a5030}.pixel-mage{box-shadow:9px -6px #2868b0,6px -3px #2868b0,9px -3px #2868b0,3px 0 #1e4a80,6px 0 #2868b0,9px 0 #2868b0,12px 0 #2868b0,15px 0 #1e4a80,6px 3px #d4a878,9px 3px #d4a878,12px 3px #d4a878,0 6px #a88040,3px 6px #4899e8,6px 6px #4899e8,9px 6px #4899e8,12px 6px #4899e8,15px 6px #4899e8,0 9px #a88040,3px 9px #4899e8,6px 9px #1e4a80,9px 9px #4899e8,12px 9px #1e4a80,15px 9px #4899e8,0 12px #a88040,3px 12px #4899e8,6px 12px #4899e8,9px 12px #4899e8,12px 12px #4899e8,15px 12px #4899e8,0 15px #8ec0ce,3px 15px #4899e8,6px 15px #4899e8,9px 15px #1e4a80,12px 15px #4899e8,15px 15px #4899e8,3px 18px #1e4a80,6px 18px #4899e8,9px 18px #4899e8,12px 18px #4899e8,15px 18px #1e4a80,3px 21px #1e4a80,6px 21px #1e4a80,12px 21px #1e4a80,15px 21px #1e4a80}.pixel-priest{box-shadow:6px -3px #c8c8b8,9px -3px #c8c8b8,12px -3px #c8c8b8,3px 0 #a0a090,6px 0 #c8c8b8,9px 0 #c8c8b8,12px 0 #c8c8b8,15px 0 #a0a090,6px 3px #d4a878,9px 3px #d4a878,12px 3px #d4a878,3px 6px #e8e8d0,6px 6px #e8e8d0,9px 6px #e8e8d0,12px 6px #e8e8d0,15px 6px #e8e8d0,3px 9px #e8e8d0,6px 9px #e8e8d0,9px 9px #5aad7a,12px 9px #e8e8d0,15px 9px #e8e8d0,3px 12px #e8e8d0,6px 12px #5aad7a,9px 12px #5aad7a,12px 12px #5aad7a,15px 12px #e8e8d0,3px 15px #a0a090,6px 15px #e8e8d0,9px 15px #5aad7a,12px 15px #e8e8d0,15px 15px #a0a090,3px 18px #a0a090,6px 18px #e8e8d0,9px 18px #e8e8d0,12px 18px #e8e8d0,15px 18px #a0a090,3px 21px #a0a090,6px 21px #a0a090,12px 21px #a0a090,15px 21px #a0a090}.status-item{display:flex;align-items:center;gap:var(--sp-2);font-size:11px;letter-spacing:1px;text-transform:uppercase}.status-label{color:var(--text-muted)}.status-value{color:var(--text-primary);font-weight:500}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--online);animation:status-pulse 2s ease-in-out infinite}.status-dot--offline{background:var(--offline);animation:none}.status-tag{font-weight:600;color:var(--online);font-size:10px;letter-spacing:2px}.status-tag--offline{color:var(--offline)}.page-section{max-width:960px;margin:0 auto;padding:80px var(--sp-8)}.section-header{display:flex;align-items:center;gap:20px;margin-bottom:var(--sp-8)}.section-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-warm),transparent)}.section-title{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--accent);white-space:nowrap}.section-link{text-align:right;margin-top:var(--sp-4);font-size:12px}.section-link a:after{content:" →";color:var(--text-muted)}.map-section{max-width:960px;margin:0 auto;padding:80px var(--sp-8)}.map-stats{display:flex;justify-content:center;gap:var(--sp-2);margin-bottom:var(--sp-8);flex-wrap:wrap}.map-stat{display:flex;align-items:center;gap:8px;background:var(--bg-surface);border:1px solid var(--border);padding:6px 16px;font-family:var(--font);transition:border-color .2s}.map-stat:hover{border-color:var(--border-warm)}.map-stat-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted)}.map-stat-value{font-size:13px;font-weight:500;color:var(--text-bright)}.map-center{max-width:420px;margin:0 auto}.map-frame{position:relative;border:1px solid var(--border-warm);padding:6px;background:var(--bg-base);animation:pulse-glow 4s ease-in-out infinite}.map-corner{position:absolute;width:20px;height:20px;z-index:2}.map-corner--tl{top:-1px;left:-1px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.map-corner--tr{top:-1px;right:-1px;border-top:2px solid var(--accent);border-right:2px solid var(--accent)}.map-corner--bl{bottom:-1px;left:-1px;border-bottom:2px solid var(--accent);border-left:2px solid var(--accent)}.map-corner--br{bottom:-1px;right:-1px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}.map-inner{position:relative;border:1px solid var(--accent-dim);overflow:hidden;line-height:0}.map-inner:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:1}.map-canvas{display:block;width:100%;height:auto;image-rendering:auto}.map-bar{display:flex;align-items:center;gap:var(--sp-2);padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border-warm);border-top:none;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.map-bar-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-dim)}.map-bar-dot--live{background:var(--online);animation:status-pulse 2s ease-in-out infinite}.map-legend{display:flex;gap:var(--sp-4);padding:8px 12px;font-size:11px;color:var(--text-muted)}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-secondary)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-8)}.step{position:relative;padding:var(--sp-8);background:var(--bg-surface);border:1px solid var(--border);border-top:2px solid var(--accent-dim);transition:border-color .3s,box-shadow .3s}.step:hover{border-top-color:var(--accent);box-shadow:0 0 30px var(--amber-glow)}.step-num{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--accent);opacity:.4;line-height:1;margin-bottom:var(--sp-2)}.step-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--text-bright);margin-bottom:var(--sp-2)}.step-desc{font-size:12px;color:var(--text-secondary);line-height:1.7}.step-desc a{color:var(--accent)}.agent-intro{font-size:13px;color:var(--text-secondary);margin-bottom:var(--sp-8);line-height:1.8}.code-block{margin-bottom:var(--sp-4)}.code-label{font-size:11px;font-weight:500;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--sp-1);text-transform:uppercase}.code-content{background:var(--bg-input);border:1px solid var(--border);border-left:3px solid var(--accent-dim);padding:16px 20px;font-family:var(--font);font-size:12px;color:var(--accent);line-height:1.8;overflow-x:auto;white-space:pre}.code-content .comment{color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.feature-card{padding:var(--sp-8);background:var(--bg-surface);border:1px solid var(--border);transition:border-color .3s,box-shadow .3s}.feature-card:hover{border-color:var(--border-warm);box-shadow:0 0 30px var(--amber-glow)}.feature-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-bright);margin-bottom:var(--sp-2)}.feature-badges,.feature-zones{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:wrap}.zone-tag{font-size:10px;letter-spacing:1px;padding:3px 10px;border:1px solid var(--border-warm);color:var(--text-secondary)}.feature-desc{font-size:12px;color:var(--text-secondary);line-height:1.7}.footer{position:relative;text-align:center;padding:32px var(--sp-8) 24px;margin-top:auto}.footer:before{content:"";display:block;width:120px;height:1px;margin:0 auto 24px;background:linear-gradient(90deg,transparent,var(--border-warm),transparent)}.footer-brand{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--accent-dim);display:block;margin-bottom:12px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0;font-size:11px;letter-spacing:.5px}.footer-sep{color:var(--border-bright);margin:0 10px;-webkit-user-select:none;user-select:none}.footer a{color:var(--text-muted);transition:color .2s}.footer a:hover{color:var(--accent)}body.page-standalone{line-height:1.6;min-height:100vh;scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-input)}body.page-standalone::-webkit-scrollbar{width:6px}body.page-standalone::-webkit-scrollbar-track{background:var(--bg-input)}body.page-standalone::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}body.page-standalone::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.wiki-wrap{max-width:860px;margin:0 auto;padding:var(--sp-8) var(--sp-6)}.wiki-breadcrumbs{font-size:12px;color:var(--text-muted);margin-bottom:var(--sp-4)}.wiki-breadcrumbs a{color:var(--text-secondary)}.wiki-wrap h1{color:var(--accent);font-family:var(--font-display);font-size:24px;margin-bottom:var(--sp-2);letter-spacing:1px}.wiki-wrap h2{color:var(--text-bright);font-size:var(--text-xl);margin:28px 0 12px;border-bottom:1px solid var(--border-dim);padding-bottom:var(--sp-1)}.wiki-wrap h3{color:var(--text-primary);font-size:14px;margin:20px 0 var(--sp-2)}.wiki-wrap p{margin-bottom:12px}.wiki-desc{color:var(--text-secondary);font-size:var(--text-lg);margin-bottom:20px}.wiki-wrap table{width:100%;border-collapse:collapse;margin-bottom:var(--sp-4);font-size:var(--text-lg)}.wiki-wrap th{text-align:left;color:var(--text-secondary);font-size:var(--text-base);text-transform:uppercase;letter-spacing:1px;padding:6px 10px;border-bottom:1px solid var(--border)}.wiki-wrap td{padding:6px 10px;border-bottom:1px solid var(--bg-raised)}.wiki-wrap tr:hover td{background:var(--bg-surface)}.badge{display:inline-block;padding:1px 8px;border-radius:var(--radius);font-size:var(--text-base);text-transform:uppercase;letter-spacing:1px}.badge-warrior{background:#c79c6e26;color:var(--class-warrior);border:1px solid rgba(199,156,110,.3)}.badge-mage{background:#4899e826;color:var(--class-mage);border:1px solid rgba(72,153,232,.3)}.badge-priest{background:#e8e8d026;color:var(--class-priest);border:1px solid rgba(232,232,208,.3)}.badge-common{color:var(--text-primary)}.badge-uncommon{color:var(--green)}.badge-rare{color:var(--class-mage)}.badge-boss{background:#c4484826;color:var(--red);border:1px solid rgba(196,72,72,.3)}.stat{color:var(--text-secondary)}.gold{color:var(--gold)}.green{color:var(--green)}.muted{color:var(--text-muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:var(--sp-4)}.card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius);padding:14px;transition:border-color .2s}.card:hover{border-color:var(--border)}.card h3{margin:0 0 6px;font-size:14px}.card p{font-size:12px;color:var(--text-secondary);margin:0}.wiki-section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:var(--sp-4)}.wiki-section-card{background:var(--bg-surface);border:1px solid var(--border-dim);border-radius:var(--radius);padding:12px;display:block;transition:border-color .2s}.wiki-section-card:hover{border-color:var(--border-bright);text-decoration:none}.wiki-section-card .card-title{color:var(--text-bright);font-weight:700;font-size:14px}.wiki-section-card .card-sub{color:var(--text-secondary);font-size:12px;margin-top:var(--sp-1)}.links{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--border-dim)}.links a{margin-right:12px;font-size:var(--text-lg)}@media(max-width:480px){.wiki-wrap{padding:20px var(--sp-4)}.wiki-wrap h1{font-size:var(--text-2xl)}.wiki-wrap table{font-size:12px}.wiki-wrap th,.wiki-wrap td{padding:var(--sp-1) 6px}.card-grid,.wiki-section-grid{grid-template-columns:1fr}}@media(max-width:768px){.nav{padding:0 var(--sp-4)}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:52px;left:0;right:0;flex-direction:column;background:#0a0c10f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:var(--sp-2) 0}.nav-links.open{display:flex}.nav-link{padding:12px var(--sp-6);font-size:11px;letter-spacing:1px;border-radius:0}.nav-link:hover{background:var(--bg-raised)}.hero{padding:48px var(--sp-4) var(--sp-8);min-height:auto}.status-strip{gap:var(--sp-8);padding:12px var(--sp-4)}.map-stats{gap:var(--sp-1)}.map-stat{padding:5px 10px}.map-stat-label{font-size:9px}.map-stat-value{font-size:11px}.page-section,.map-section{padding:48px var(--sp-4)}.steps,.features-grid{grid-template-columns:1fr}.hero-cta-row{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:280px;text-align:center}.live-stat-grid{grid-template-columns:repeat(3,1fr)}.live-columns{grid-template-columns:1fr}.lb-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.lb-table{font-size:11px}.lb-table th,.lb-table td{padding:8px}}@media(max-width:480px){.hero-title span{letter-spacing:.06em}.hero-title{gap:.15em}.status-strip{gap:var(--sp-4)}.status-item{font-size:10px}.map-legend{flex-direction:column;gap:var(--sp-1)}.pixel-chars{display:none}.map-inner canvas{max-width:100%;height:auto;aspect-ratio:1}.live-stat-grid{grid-template-columns:repeat(2,1fr)}#dashboard-page{padding:16px 12px}.dash-agent-card{padding:10px}}.status-error{color:var(--red-bright)}.status-loading{color:var(--text-muted)}.chat-mention-self{color:var(--accent);font-weight:700}.chat-mention-other{color:var(--text-secondary)}.chat-body-say{color:var(--text-bright)}.chat-body-party{color:var(--blue-bright)}.chat-body-zone{color:var(--green)}.chat-body-whisper{color:var(--pink)}.chat-body-system,.chat-prefix-system{color:var(--accent)}.chat-prefix-whisper{color:var(--pink)}.chat-tag-zone,.chat-sender{color:var(--text-secondary)}.quest-tab-active{color:var(--accent);border-bottom:2px solid var(--accent)}.quest-tab-inactive{color:var(--text-muted);border-bottom:2px solid transparent}.game-menu-btn{color:var(--text-secondary);border-color:var(--border);transition:color .15s,border-color .15s}.game-menu-btn:hover,.game-menu-btn.active{color:var(--accent);border-color:var(--border-bright)}.game-menu-link{color:var(--text-primary);text-decoration:none;display:block;padding:6px 12px;transition:background .1s,color .1s}.game-menu-link:hover{background:var(--bg-raised);color:var(--accent)}.status-dead{color:var(--red)}.status-party{color:var(--blue-bright)}.status-active{color:var(--green)}.class-color-warrior{color:var(--class-warrior)}.class-color-mage{color:var(--class-mage)}.class-color-priest{color:var(--class-priest)}