.notification-bell{position:relative;background:none;border:none;cursor:pointer;font-size:20px;color:var(--color-text);margin-right:var(--space-3)}.notification-bell-badge{position:absolute;top:-4px;right:-6px;background:var(--color-crimson-strong);color:#fff;border-radius:999px;font-size:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px}.notification-dropdown{position:absolute;top:100%;right:0;width:340px;max-width:90vw;max-height:420px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:20;margin-top:var(--space-2)}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--fs-sm)}.notification-item{display:block;padding:var(--space-3);border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--fs-sm)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-surface-alt);text-decoration:none}.notification-item.is-unread{background:#d4af370f}.notification-page-item{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.notification-page-item.is-unread{border-color:var(--color-gold-strong)}.notifications-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.notification-preference-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.notification-preference-item:last-child{border-bottom:none}.global-search{position:relative;width:100%;max-width:360px}.global-search-input{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text);font-family:inherit;font-size:var(--fs-sm)}.global-search-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;width:420px;max-width:90vw;max-height:70vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md, 0 8px 24px rgba(0, 0, 0, .35));z-index:50;padding:var(--space-2) 0}.global-search-category{padding:var(--space-2) var(--space-3)}.global-search-category-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.global-search-item{display:block;padding:var(--space-1) 0;color:inherit}.global-search-item-title{font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search-item-subtitle{font-size:var(--fs-xs);color:var(--color-text-muted)}.global-search-empty{padding:var(--space-3);font-size:var(--fs-sm);color:var(--color-text-muted);margin:0}.theme-atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.app-content-root{position:relative;z-index:1}.atmosphere-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 8%,var(--atmosphere-glow),transparent 60%),radial-gradient(ellipse at center,transparent 40%,var(--atmosphere-vignette) 100%)}.atmosphere-texture{position:absolute;inset:0;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px 180px}.atmosphere-texture:after{content:"";position:absolute;inset:0;background:var(--atmosphere-texture-tint);mix-blend-mode:color}.atmosphere-architecture{position:absolute;left:0;right:0;bottom:0;width:100%;height:200px;color:var(--color-border);opacity:.4}.atmosphere-architecture svg{display:block;width:100%;height:100%}.atmosphere-crest{position:absolute;right:-6%;bottom:-8%;width:min(46vw,640px);height:auto;opacity:var(--atmosphere-crest-opacity);filter:blur(.5px);transform:rotate(-4deg)}.atmosphere-faction-crest{position:absolute;left:-8%;top:-6%;width:min(30vw,420px);height:auto;opacity:0;filter:blur(.5px)}:root[data-theme=horde] .atmosphere-faction-crest.is-horde,:root[data-theme=alliance] .atmosphere-faction-crest.is-alliance{opacity:calc(var(--atmosphere-crest-opacity) * .7)}.atmosphere-particles{position:absolute;inset:0;display:none}@media(prefers-reduced-motion:no-preference){.atmosphere-particles{display:block}}.atmosphere-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--atmosphere-glow-strong);opacity:0;animation:atmosphere-drift 14s ease-in-out infinite}.atmosphere-particle:nth-child(1){left:8%;top:85%;animation-delay:0s;animation-duration:16s}.atmosphere-particle:nth-child(2){left:18%;top:70%;animation-delay:1.5s;animation-duration:13s}.atmosphere-particle:nth-child(3){left:30%;top:90%;animation-delay:3s;animation-duration:18s}.atmosphere-particle:nth-child(4){left:45%;top:75%;animation-delay:4.5s;animation-duration:15s}.atmosphere-particle:nth-child(5){left:58%;top:88%;animation-delay:2s;animation-duration:17s}.atmosphere-particle:nth-child(6){left:68%;top:72%;animation-delay:6s;animation-duration:14s}.atmosphere-particle:nth-child(7){left:78%;top:92%;animation-delay:.8s;animation-duration:19s}.atmosphere-particle:nth-child(8){left:88%;top:68%;animation-delay:3.8s;animation-duration:16s}.atmosphere-particle:nth-child(9){left:95%;top:84%;animation-delay:5.2s;animation-duration:13s}@keyframes atmosphere-drift{0%{opacity:0;transform:translate(0) scale(.8)}15%{opacity:.55}50%{opacity:.3;transform:translate(1.5vw,-6vh) scale(1)}85%{opacity:.5}to{opacity:0;transform:translate(3vw,-12vh) scale(.8)}}.theme-atmosphere[data-accent=command] .atmosphere-crest{opacity:calc(var(--atmosphere-crest-opacity) * 1.5)}.theme-atmosphere[data-accent=war] .atmosphere-architecture{opacity:.55;filter:brightness(.75) contrast(1.1)}.theme-atmosphere[data-accent=cartography] .atmosphere-texture{background-size:260px 260px;opacity:.16}.theme-atmosphere[data-accent=arcane] .atmosphere-vignette{background:radial-gradient(ellipse 55% 40% at 50% 0%,var(--atmosphere-glow-strong),transparent 65%),radial-gradient(ellipse at center,transparent 40%,var(--atmosphere-vignette) 100%)}.theme-atmosphere[data-accent=heraldic] .atmosphere-crest{transform:translate(-4%,4%) rotate(2deg) scale(1.12)}@media(max-width:860px){.atmosphere-architecture,.atmosphere-particles,.atmosphere-faction-crest{display:none}.atmosphere-crest{width:min(70vw,320px);opacity:calc(var(--atmosphere-crest-opacity) * .7)}}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) 0}.landing-brand{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--fs-md)}.landing-header-actions{display:flex;gap:var(--space-3)}.hero{padding:var(--space-8) 0 var(--space-7);text-align:center;border-bottom:1px solid var(--color-border)}.hero-crest{margin:0 auto var(--space-5)}.hero h1{font-size:var(--fs-3xl);margin-bottom:var(--space-3)}.hero-tagline{font-size:var(--fs-md);max-width:560px;margin:0 auto var(--space-6)}.hero-actions{display:flex;gap:var(--space-4);justify-content:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);padding:var(--space-7) 0}.feature-card h3{font-size:var(--fs-md);color:var(--color-gold-strong)}.landing-footer{border-top:1px solid var(--color-border);padding:var(--space-5) 0;color:var(--color-text-muted);font-size:var(--fs-sm);text-align:center}@media(max-width:640px){.hero h1{font-size:var(--fs-2xl)}.hero-actions{flex-direction:column;align-items:center}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.auth-card{width:100%;max-width:380px}.auth-card-header{text-align:center;margin-bottom:var(--space-5)}.auth-crest-row{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.auth-card-header h1{font-size:var(--fs-lg);margin:var(--space-3) 0 var(--space-1)}.auth-switch{text-align:center;font-size:var(--fs-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.changelog-entry{display:flex;gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.changelog-entry:last-child{border-bottom:none}.changelog-meta{flex:0 0 140px;font-family:var(--font-mono);color:var(--color-text-muted);font-size:var(--fs-sm)}.changelog-version{color:var(--color-gold-strong);font-weight:600;display:block;margin-bottom:var(--space-1)}.changelog-body h3{font-size:var(--fs-md);margin-bottom:var(--space-2)}.changelog-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.changelog-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0 var(--space-4)}.changelog-textarea{width:100%;min-height:80px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);font-family:inherit;resize:vertical}.dashboard-greeting{margin-bottom:var(--space-6)}.dashboard-greeting h1{margin-bottom:var(--space-1)}.dashboard-cargo{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-gold-strong)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.dashboard-card-title{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.dashboard-empty{color:var(--color-text-muted);font-size:var(--fs-sm);margin:0 0 var(--space-3)}.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.dashboard-metric-value{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--color-gold-strong)}.dashboard-metric-label{font-size:var(--fs-sm);color:var(--color-text-muted)}.player-hub-greeting{margin-bottom:var(--space-6)}.player-hub-greeting h1{margin-bottom:var(--space-1)}.player-hub-cargo{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-gold-strong)}.player-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.player-hub-card-title{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.player-hub-empty{color:var(--color-text-muted);font-size:var(--fs-sm);margin:0 0 var(--space-3)}.player-hub-list{display:flex;flex-direction:column;gap:var(--space-3)}.player-hub-secondary-list{display:flex;flex-direction:column;gap:var(--space-2)}.player-hub-task-form{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);align-items:flex-end}.player-hub-task-list{display:flex;flex-direction:column;gap:var(--space-2)}.player-hub-task-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.player-hub-task-label{flex:1}.player-hub-task-done .player-hub-task-label{text-decoration:line-through;color:var(--color-text-muted)}.member-timeline{position:relative;padding-left:var(--space-5)}.member-timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:2px;background:var(--color-border)}.member-timeline-item{position:relative;padding-bottom:var(--space-4)}.member-timeline-item:last-child{padding-bottom:0}.member-timeline-dot{position:absolute;left:calc(-1 * var(--space-5) + 1px);top:4px;width:12px;height:12px;border-radius:50%;background:var(--color-gold);border:2px solid var(--color-surface)}.member-timeline-date{font-size:var(--fs-xs);color:var(--color-text-muted)}.member-timeline-title{font-weight:600}.profile-header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6)}.profile-header h1{margin-bottom:var(--space-1)}.profile-role{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-gold-strong)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5)}.profile-stat-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.profile-stat-value{font-size:var(--fs-md);font-weight:600}.profile-soon{color:var(--color-text-muted);font-size:var(--fs-sm)}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.achievement-card{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--achievement-rarity-color, var(--color-border))}.achievement-icon{font-size:28px;margin-bottom:var(--space-2)}.achievement-name{font-family:var(--font-display);font-size:var(--fs-md)}.achievement-rarity-badge{font-size:var(--fs-xs);font-weight:600}.achievement-unlocked-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.achievements-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.achievement-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0 var(--space-4)}.blizzard-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.blizzard-status-dot.online{background:var(--color-emerald-strong)}.blizzard-status-dot.offline{background:var(--color-crimson-strong)}.blizzard-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin:var(--space-5) 0}.blizzard-metric-card{text-align:center}.blizzard-metric-value{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--color-gold-strong)}.blizzard-metric-label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.blizzard-character-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-4)}.blizzard-freshness{font-size:var(--fs-xs)}.blizzard-freshness.fresh{color:var(--color-emerald-strong)}.blizzard-freshness.stale{color:var(--color-gold-strong)}.blizzard-freshness.failed{color:var(--color-crimson-strong)}.theme-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--fs-sm);font-weight:600;cursor:pointer;position:relative;transition:border-color var(--transition-fast),transform var(--transition-fast)}.theme-option:hover:not(:disabled){border-color:var(--color-gold-strong)}.theme-option:disabled{opacity:.6;cursor:default}.theme-option.is-active{border-color:var(--color-gold);box-shadow:0 0 0 1px var(--color-gold)}.theme-swatch{width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,.3)}.theme-swatch-default{background:linear-gradient(135deg,#c9a227,#2f6f5e)}.theme-swatch-horde{background:linear-gradient(135deg,#c1531c,#4a3220)}.theme-swatch-alliance{background:linear-gradient(135deg,#3a6fb5,#24406b)}.theme-suggested-tag{font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--color-gold-strong);text-transform:uppercase;letter-spacing:.05em}@media(max-width:480px){.theme-option-grid{grid-template-columns:1fr}}.admin-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.admin-metric-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.admin-metric-value{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--color-gold-strong)}.admin-activity-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-activity-item{display:flex;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--fs-sm)}.admin-activity-item:last-child{border-bottom:none;padding-bottom:0}.admin-quicklink{display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;padding:var(--space-4)}.admin-quicklink:hover{border-color:var(--color-gold-strong);text-decoration:none}.admin-toolbar{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.admin-toolbar input{flex:1;max-width:320px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}@media(max-width:640px){.admin-table{display:block;overflow-x:auto;white-space:nowrap}}.admin-table th{text-align:left;color:var(--color-text-muted);font-weight:500;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.admin-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-row-user{display:flex;align-items:center;gap:var(--space-3)}.status-pill{display:inline-block;padding:2px var(--space-2);border-radius:999px;font-size:var(--fs-xs);font-family:var(--font-mono)}.status-active{color:var(--color-emerald-strong);border:1px solid var(--color-emerald)}.status-inactive{color:var(--color-crimson-strong);border:1px solid var(--color-crimson)}.admin-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.admin-actions .btn{padding:var(--space-1) var(--space-3);font-size:var(--fs-xs)}.admin-pagination{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--fs-sm);color:var(--color-text-muted)}.role-list{display:flex;flex-direction:column;gap:var(--space-3)}.role-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text)}.role-list-item:hover{border-color:var(--color-gold-strong);text-decoration:none}.role-list-item-name{font-weight:600}.role-list-item-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-text-muted)}.permission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.permission-checkbox{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--fs-sm)}.permission-checkbox input{margin-top:3px}.permission-key{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-gold-strong);display:block}.characters-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);gap:var(--space-3);flex-wrap:wrap}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.character-card{display:block;border-radius:var(--radius-lg);border:1px solid var(--color-border);border-left:4px solid var(--character-color, var(--color-gold));background:var(--color-surface);padding:var(--space-4);color:var(--color-text)}.character-card:hover{border-color:var(--character-color, var(--color-gold-strong));text-decoration:none}.character-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.character-card-name{font-family:var(--font-display);font-size:var(--fs-md);color:var(--character-color, var(--color-text))}.character-card-meta{font-size:var(--fs-sm);color:var(--color-text-muted);display:flex;flex-direction:column;gap:2px}.character-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);font-size:var(--fs-xs)}.primary-star{color:var(--color-gold-strong)}.character-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 var(--space-4)}.character-detail-header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6)}.character-class-tag{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--character-color, var(--color-gold-strong))}.announcements-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);gap:var(--space-3);flex-wrap:wrap}.announcement-list{display:flex;flex-direction:column;gap:var(--space-3)}.announcement-item{display:block;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.announcement-item:hover{border-color:var(--color-gold-strong);text-decoration:none}.announcement-item.is-unread{border-left:3px solid var(--color-gold)}.announcement-item-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.announcement-title{font-family:var(--font-display);font-size:var(--fs-md)}.announcement-meta{color:var(--color-text-muted);font-size:var(--fs-xs)}.announcement-content{white-space:pre-wrap}.announcement-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);text-align:center}.events-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);gap:var(--space-3);flex-wrap:wrap}.event-list{display:flex;flex-direction:column;gap:var(--space-3)}.event-item{display:block;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.event-item:hover{border-color:var(--color-gold-strong);text-decoration:none}.event-item.is-cancelled{opacity:.6}.event-item.is-past{opacity:.7}.event-item-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.event-title{font-family:var(--font-display);font-size:var(--fs-md)}.event-meta{color:var(--color-text-muted);font-size:var(--fs-sm)}.rsvp-buttons{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.rsvp-buttons .btn.is-selected{border-color:var(--color-gold-strong);color:var(--color-gold-strong)}.participant-list{display:flex;flex-direction:column;gap:var(--space-2)}.participant-row{display:flex;justify-content:space-between;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--fs-sm)}.raid-config-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.raid-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.raid-group-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.raid-group-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-3)}.raid-group-title{font-family:var(--font-display);font-size:var(--fs-md)}.raid-group-count{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-text-muted)}.raid-group-count.is-full{color:var(--color-crimson-strong)}.raid-signup-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-bottom:var(--space-2)}.raid-signup-row:last-child{margin-bottom:0}.raid-signup-character{color:var(--color-text-muted);font-size:var(--fs-xs)}.raid-signup-move{display:flex;gap:4px}.raid-signup-move select{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);font-size:var(--fs-xs)}.raid-join-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-5)}.raid-join-buttons .btn.is-selected{border-color:var(--color-gold-strong);color:var(--color-gold-strong)}.attendance-toolbar{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap}.attendance-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}@media(max-width:640px){.attendance-table{display:block;overflow-x:auto;white-space:nowrap}}.attendance-table th{text-align:left;color:var(--color-text-muted);font-weight:500;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.attendance-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.attendance-table select{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--fs-xs)}.attendance-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4);text-align:center}.attendance-audit-entry{padding:var(--space-2) var(--space-3);border-left:2px solid var(--color-border);font-size:var(--fs-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.chat-layout{display:grid;grid-template-columns:200px 1fr 220px;gap:var(--space-4);height:calc(100vh - var(--header-height) - var(--space-6) * 2)}.chat-channel-list{display:flex;flex-direction:column;gap:2px}.chat-channel-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--fs-sm)}.chat-channel-item:hover{background:var(--color-surface-alt);text-decoration:none}.chat-channel-item.is-active{background:var(--color-surface-alt);color:var(--color-gold-strong)}.chat-discord-links{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:2px}.chat-discord-links-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:0 var(--space-3);margin-bottom:var(--space-1)}.chat-discord-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--fs-sm)}.chat-discord-link:hover{background:var(--color-surface-alt);color:var(--color-gold-strong);text-decoration:none}.chat-main{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.chat-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.chat-header input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 8px;color:var(--color-text);font-size:var(--fs-xs);width:160px}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat-message{font-size:var(--fs-sm)}.chat-message-header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:2px}.chat-message-author{font-weight:600}.chat-message-time{font-size:var(--fs-xs);color:var(--color-text-muted)}.chat-message-reply{font-size:var(--fs-xs);color:var(--color-text-muted);border-left:2px solid var(--color-border);padding-left:var(--space-2);margin-bottom:2px}.chat-message-content{white-space:pre-wrap;word-break:break-word}.chat-message-content.is-deleted{color:var(--color-text-muted);font-style:italic}.chat-mention{color:var(--color-gold-strong);font-weight:600}.chat-message-actions{display:flex;gap:var(--space-2);margin-top:2px}.chat-message-actions button{background:none;border:none;color:var(--color-text-muted);font-size:var(--fs-xs);cursor:pointer;padding:0}.chat-message-actions button:hover{color:var(--color-gold-strong)}.chat-composer{border-top:1px solid var(--color-border);padding:var(--space-3)}.chat-reply-banner{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface-alt);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);margin-bottom:var(--space-2)}.chat-composer-row{display:flex;gap:var(--space-2)}.chat-composer-row textarea{flex:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--color-text);font-family:inherit;font-size:var(--fs-sm);resize:none}.chat-emoji-panel{position:relative}.chat-emoji-grid{position:absolute;bottom:100%;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;z-index:10}.chat-emoji-grid button{background:none;border:none;font-size:18px;cursor:pointer;padding:4px}.chat-sidebar-panel{display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto}.chat-pinned-item{font-size:var(--fs-xs);border-left:2px solid var(--color-gold);padding-left:var(--space-2);margin-bottom:var(--space-2)}@media(max-width:960px){.chat-layout{grid-template-columns:1fr;height:auto}.chat-channel-list{flex-direction:row;overflow-x:auto;gap:var(--space-2);padding-bottom:var(--space-2)}.chat-channel-item{white-space:nowrap;flex-shrink:0}.chat-discord-links{flex-direction:row;overflow-x:auto;margin-top:var(--space-3);padding-top:var(--space-3);align-items:center}.chat-discord-links-title{padding:0;margin-bottom:0;flex-shrink:0}.chat-discord-link{white-space:nowrap;flex-shrink:0}.chat-main{min-height:60vh}}.guides-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.guides-toolbar input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text);min-width:220px}.guide-category-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-5)}.guide-category-tab{padding:4px var(--space-3);border-radius:999px;border:1px solid var(--color-border);font-size:var(--fs-xs);color:var(--color-text-muted);background:none;cursor:pointer}.guide-category-tab.is-active{border-color:var(--color-gold-strong);color:var(--color-gold-strong)}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.guide-card{display:block;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text)}.guide-card:hover{border-color:var(--color-gold-strong);text-decoration:none}.guide-card-title{font-family:var(--font-display);font-size:var(--fs-md);margin-bottom:var(--space-2)}.guide-card-meta{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.guide-card-footer{font-size:var(--fs-xs);color:var(--color-text-muted)}.guide-content{line-height:1.7}.guide-content img{max-width:100%;border-radius:var(--radius-md)}.guide-content pre{background:var(--color-bg);padding:var(--space-3);border-radius:var(--radius-sm);overflow-x:auto}.guide-content code{background:var(--color-bg);padding:1px 4px;border-radius:4px}.guide-content h1,.guide-content h2,.guide-content h3{font-family:var(--font-display)}.guide-boss-section{margin-bottom:var(--space-5)}.guide-boss-section h3{color:var(--color-gold-strong);font-size:var(--fs-md);margin-bottom:var(--space-2)}.guide-editor-textarea{width:100%;min-height:120px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);font-family:inherit;resize:vertical}.recruit-page{min-height:100vh;padding:var(--space-7) var(--space-5)}.recruit-form-card{max-width:640px;margin:0 auto}.recruit-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 var(--space-4)}.application-list{display:flex;flex-direction:column;gap:var(--space-3)}.application-item{display:block;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.application-item:hover{border-color:var(--color-gold-strong);text-decoration:none}.application-item-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.internal-note{padding:var(--space-2) var(--space-3);border-left:2px solid var(--color-gold);margin-bottom:var(--space-2);font-size:var(--fs-sm)}.homolog-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.homolog-status-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);margin-bottom:var(--space-6)}.homolog-status-icon{font-size:var(--fs-2xl)}.homolog-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.homolog-metric-card{text-align:center}.homolog-metric-value{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--color-gold-strong)}.homolog-metric-label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.homolog-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}.homolog-module-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.homolog-module-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.homolog-module-name{font-weight:600}.homolog-module-meta{font-size:var(--fs-xs);color:var(--color-text-muted)}.homolog-progress{width:100%;height:8px;border-radius:4px;background:var(--color-surface-alt);overflow:hidden;margin-bottom:var(--space-2)}.homolog-progress-bar{height:100%;background:var(--color-gold);transition:width .2s ease}.homolog-category-card{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);overflow:hidden}.homolog-category-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-surface);cursor:pointer}.homolog-test-row{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);font-size:var(--fs-sm)}.homolog-test-diagnosis{margin-top:var(--space-2);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--fs-xs)}.homolog-history-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:var(--space-2);color:var(--color-text)}.homolog-history-row:hover{border-color:var(--color-gold-strong);text-decoration:none}.progression-raid-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-bottom:var(--space-4)}.progression-raid-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-3)}.progression-diff-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.progression-diff-label{width:80px;font-size:var(--fs-sm);color:var(--color-text-muted)}.progression-bar-track{flex:1;height:10px;border-radius:5px;background:var(--color-surface-alt);overflow:hidden}.progression-bar-fill{height:100%;background:var(--color-gold)}.progression-bar-count{width:60px;text-align:right;font-size:var(--fs-sm);font-family:var(--font-display)}.kill-history-item{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.kill-history-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap}.kill-links{display:flex;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--fs-sm)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.tool-card{display:block;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text)}.tool-card:hover{border-color:var(--color-gold-strong);text-decoration:none}.tool-card-title{font-family:var(--font-display);font-size:var(--fs-md);margin-bottom:var(--space-2)}.tools-category-heading{margin:var(--space-6) 0 var(--space-3);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.tool-checklist-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.tool-checklist-item:last-child{border-bottom:none}.tool-checklist-item.is-done span{text-decoration:line-through;color:var(--color-text-muted)}.tool-timer-display{font-family:var(--font-display);font-size:48px;text-align:center;padding:var(--space-5) 0;color:var(--color-gold-strong)}.tool-quality-swatch{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:var(--space-2);vertical-align:middle}.tool-link-list a{display:block;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.tool-link-list a:last-child{border-bottom:none}.tool-table{width:100%;border-collapse:collapse}.tool-table th,.tool-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.tool-table th{color:var(--color-text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em}.tool-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0 var(--space-4)}.monitoring-status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:var(--space-2)}.monitoring-status-dot.ok{background:var(--color-emerald-strong)}.monitoring-status-dot.down{background:var(--color-crimson-strong)}.monitoring-status-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);margin-bottom:var(--space-4)}.monitoring-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);margin:var(--space-5) 0}.monitoring-metric-card{text-align:center}.monitoring-metric-value{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--color-gold-strong)}.monitoring-metric-label{font-size:var(--fs-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.monitoring-event-row{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--fs-sm)}.audit-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.audit-toolbar input,.audit-toolbar select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);color:var(--color-text)}.audit-entry{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);font-size:var(--fs-sm)}.audit-entry-header{display:flex;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.audit-value-diff{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--fs-xs);font-family:monospace;white-space:pre-wrap;word-break:break-all}.mentor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.mentor-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.mentor-card-title{font-family:var(--font-display);font-size:var(--fs-md)}.mentorship-request-item{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.mentorship-request-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap}.mentorship-section-heading{margin:var(--space-6) 0 var(--space-3)}.mentor-listing-item{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.mentorship-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.mentorship-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0 var(--space-4)}.mentorship-textarea{width:100%;min-height:80px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);font-family:inherit;resize:vertical}.tickets-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.tickets-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0 var(--space-4)}.tickets-textarea{width:100%;min-height:80px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);font-family:inherit;resize:vertical}.ticket-item{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.ticket-item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap}:root{--color-bg: #14161c;--color-surface: #1d2029;--color-surface-alt: #262a36;--color-border: #33394a;--color-text: #e9e4d8;--color-text-muted: #9b9788;--color-gold: #c9a227;--color-gold-strong: #e0b93a;--color-emerald: #2f6f5e;--color-emerald-strong: #3d8c76;--color-crimson: #8c3b3b;--color-crimson-strong: #b04a4a;--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--heading-weight: 600;--heading-tracking: .02em;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.5rem;--fs-xl: 2rem;--fs-2xl: 2.75rem;--fs-3xl: 3.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--sidebar-width: 260px;--header-height: 64px;--max-content-width: 1180px;--shadow-panel: 0 8px 24px rgba(0, 0, 0, .35);--transition-fast: .15s ease;--transition-base: .22s ease;--atmosphere-glow: rgba(201, 162, 39, .16);--atmosphere-glow-strong: rgba(201, 162, 39, .28);--atmosphere-vignette: rgba(0, 0, 0, .55);--atmosphere-texture-tint: rgba(201, 162, 39, .05);--atmosphere-crest-opacity: .07;--panel-edge-highlight: rgba(233, 228, 216, .06)}:root[data-theme=horde]{--color-bg: #191512;--color-surface: #221c17;--color-surface-alt: #2c241d;--color-border: #3d3226;--color-text-muted: #a89686;--color-gold: #c1531c;--color-gold-strong: #e06a24;--color-emerald: #4a3220;--color-emerald-strong: #7a5230;--heading-weight: 700;--heading-tracking: .04em;--atmosphere-glow: rgba(224, 106, 36, .18);--atmosphere-glow-strong: rgba(224, 106, 36, .32);--atmosphere-vignette: rgba(10, 4, 2, .65);--atmosphere-texture-tint: rgba(224, 106, 36, .06);--atmosphere-crest-opacity: .07;--panel-edge-highlight: rgba(224, 106, 36, .1)}:root[data-theme=alliance]{--color-bg: #12151c;--color-surface: #1a2029;--color-surface-alt: #232b38;--color-border: #303a4d;--color-text-muted: #94a0b8;--color-gold: #3a6fb5;--color-gold-strong: #4f8ad1;--color-emerald: #24406b;--color-emerald-strong: #35578c;--heading-weight: 600;--heading-tracking: .01em;--atmosphere-glow: rgba(79, 138, 209, .18);--atmosphere-glow-strong: rgba(79, 138, 209, .3);--atmosphere-vignette: rgba(2, 4, 10, .6);--atmosphere-texture-tint: rgba(79, 138, 209, .05);--atmosphere-crest-opacity: .07;--panel-edge-highlight: rgba(79, 138, 209, .1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.frame-epic{position:relative;border-color:var(--color-gold);box-shadow:var(--shadow-panel),0 0 0 1px var(--atmosphere-glow)}.frame-epic:before,.frame-epic:after{content:"";position:absolute;width:10px;height:10px;border:1px solid var(--color-gold-strong);opacity:.7}.frame-epic:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.frame-epic:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.frame-admin{border-color:var(--color-border);background-image:linear-gradient(180deg,var(--panel-edge-highlight),transparent 40%)}.frame-alert{border-color:var(--color-crimson);box-shadow:var(--shadow-panel),inset 0 0 0 1px #b04a4a40}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-base);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);line-height:1.2;margin:0 0 var(--space-4)}.app-main h1:first-of-type,.auth-card-header h1,.hero h1{position:relative;padding-bottom:var(--space-4)}.app-main h1:first-of-type:after,.auth-card-header h1:after,.hero h1:after{content:"";position:absolute;left:0;bottom:0;width:72px;height:1px;background:linear-gradient(90deg,var(--color-gold),transparent)}.auth-card-header h1:after,.hero h1:after{left:50%;transform:translate(-50%);background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}.app-main h1:first-of-type:before,.auth-card-header h1:before,.hero h1:before{content:"";position:absolute;left:0;bottom:-3px;width:7px;height:7px;background:var(--color-gold-strong);transform:rotate(45deg)}.auth-card-header h1:before,.hero h1:before{left:50%;transform:translate(-50%) rotate(45deg)}p{margin:0 0 var(--space-4);color:var(--color-text-muted)}a{color:var(--color-gold-strong);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--color-gold-strong);outline-offset:2px}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-gold);color:#1a1608}.btn-primary:hover{background:var(--color-gold-strong)}.btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-ghost:hover{border-color:var(--color-gold-strong);color:var(--color-gold-strong)}.card{position:relative;background:var(--color-surface);background-image:linear-gradient(180deg,var(--panel-edge-highlight),transparent 60px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:0 1px 0 var(--panel-edge-highlight) inset,0 6px 16px #0003}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-size:var(--fs-sm);color:var(--color-text-muted)}.field input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);color:var(--color-text);font-size:var(--fs-base)}.field input:focus{border-color:var(--color-gold-strong)}.form-error{background:#8c3b3b26;border:1px solid var(--color-crimson);box-shadow:inset 0 0 0 1px #b04a4a40;color:#e5b8b8;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-bottom:var(--space-4)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--fs-xs);padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-text-muted)}.badge-added{border-color:var(--color-emerald);color:var(--color-emerald-strong)}.badge-changed{border-color:var(--color-gold);color:var(--color-gold-strong)}.badge-fixed{border-color:#4a7ab0;color:#6ea0dd}.badge-security{border-color:var(--color-crimson);color:var(--color-crimson-strong)}.badge-performance{border-color:#4a9d8f;color:#6ec4b5}.badge-removed{border-color:var(--color-text-muted);color:var(--color-text-muted)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar header" "sidebar main";min-height:100vh}.app-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-sidebar{grid-area:sidebar;position:relative;background:linear-gradient(180deg,var(--panel-edge-highlight),transparent 120px),var(--color-surface);border-right:1px solid var(--color-border);box-shadow:1px 0 0 var(--atmosphere-glow);display:flex;flex-direction:column;padding:var(--space-5) var(--space-3);overflow-y:auto}.app-main{grid-area:main;padding:var(--space-6);overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3) var(--space-5);font-family:var(--font-display);font-size:var(--fs-md)}.sidebar-faction-crest{margin-left:auto}.header-race-crest{border-radius:var(--radius-sm)}.sidebar-section{margin-bottom:var(--space-5)}.sidebar-section-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:0 var(--space-3) var(--space-1);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border-left:2px solid transparent;color:var(--color-text);font-size:var(--fs-sm);font-weight:500;transition:background var(--transition-fast),border-color var(--transition-fast)}.sidebar-link:hover:not(.is-disabled){background:var(--color-surface-alt);border-left-color:var(--color-border);text-decoration:none}.sidebar-link.is-active{background:var(--color-surface-alt);color:var(--color-gold-strong);border-left:2px solid var(--color-gold);box-shadow:inset 0 0 12px var(--atmosphere-glow)}.sidebar-link.is-disabled{color:var(--color-text-muted);cursor:default;pointer-events:none}.soon-tag{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 5px}.user-menu{display:flex;align-items:center;gap:var(--space-3)}.user-menu-name{font-size:var(--fs-sm);font-weight:600}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;padding:0;background:none;border:none;cursor:pointer;flex-shrink:0}.mobile-menu-toggle span{display:block;width:100%;height:2px;background:var(--color-text);border-radius:1px}.sidebar-backdrop{display:none}@media(max-width:860px){.app-shell{grid-template-columns:1fr;grid-template-areas:"header" "main"}.mobile-menu-toggle{display:flex}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:200;width:min(280px,84vw);transform:translate(-100%);transition:transform var(--transition-base);box-shadow:4px 0 24px #00000080}.app-sidebar.is-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0009;z-index:190}.app-header{padding:0 var(--space-3);gap:var(--space-2)}.user-menu-name{display:none}.global-search{max-width:none;flex:1;min-width:0}}@media(max-width:480px){.header-race-crest{display:none}}