.event-crest-host{position:relative;display:inline-flex;flex-shrink:0}.event-crest-accessory{position:absolute;top:-10px;right:-9px;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.event-corner-ornament{position:fixed;right:0;bottom:0;width:180px;height:180px;opacity:.5;pointer-events:none}@media(max-width:640px){.event-corner-ornament{width:110px;height:110px;opacity:.35}}.event-hero{position:relative;overflow:hidden;min-height:248px;margin-bottom:var(--space-5);border:1px solid var(--color-emerald-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 10px 30px #00000059;isolation:isolate}.event-hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;z-index:-2}.event-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0e0c14f0,#0e0c14d1 38%,#0e0c1433 68%,#0e0c1400)}.event-hero-body{max-width:620px;padding:var(--space-6) var(--space-6) var(--space-5)}.event-hero-head{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.event-hero-calendar{flex-shrink:0;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.6);box-shadow:0 0 0 2px var(--color-gold),0 6px 18px #00000073}.event-hero-title{margin:0;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:.02em;line-height:1.1;color:var(--color-text);text-wrap:balance}.event-hero-meta{margin:var(--space-1) 0 0;font-size:var(--fs-sm);color:#d9d2e4}.event-hero-summary{margin:0 0 var(--space-2);max-width:60ch;font-size:var(--fs-base);line-height:1.55;color:#ece6f2}.event-hero-when{margin:0 0 var(--space-4);font-size:var(--fs-sm);font-weight:600;color:var(--color-gold-strong);font-variant-numeric:tabular-nums}.event-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5)}.event-hero-actions .btn{min-height:44px}.event-hero-off{display:inline-flex;align-items:center;min-height:44px;font-size:var(--fs-sm);color:#d9d2e4;text-decoration:underline;text-underline-offset:3px}.event-hero-off:hover{color:var(--color-text)}.event-egg-slot.event-hero-egg{position:absolute;right:var(--space-4);bottom:var(--space-3)}@media(max-width:640px){.event-hero{min-height:0}.event-hero:before{display:none}.event-hero-scene{position:static;display:block;height:128px;object-position:85% center;border-bottom:1px solid var(--color-emerald-strong)}.event-hero-body{padding:var(--space-5) var(--space-4) var(--space-4)}.event-hero-title{font-size:var(--fs-lg)}.event-hero-calendar{width:52px;height:52px}}.event-egg-slot{position:relative;display:inline-flex}.event-egg{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;opacity:.55;transition:opacity var(--transition-fast),transform var(--transition-fast)}.event-egg:hover,.event-egg:focus-visible{opacity:1;transform:rotate(-8deg) scale(1.08)}.event-egg:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.event-egg-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:20}.event-egg-particle{position:absolute;left:-12px;top:-12px;width:24px;height:24px;opacity:0}@media(prefers-reduced-motion:no-preference){.event-egg-particle{animation:event-egg-burst 1.1s cubic-bezier(.16,1,.3,1) forwards}}@keyframes event-egg-burst{0%{opacity:1;transform:translate(0) rotate(0) scale(.4)}70%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(1)}}.event-egg-toast{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:60;display:flex;align-items:center;gap:var(--space-3);max-width:min(380px,calc(100vw - 32px));padding:var(--space-3) var(--space-4);border:1px solid var(--color-gold);border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-text);font-size:var(--fs-sm);line-height:1.45;box-shadow:0 12px 32px #00000080}@media(prefers-reduced-motion:no-preference){.event-egg-toast{animation:event-egg-toast-in .35s cubic-bezier(.16,1,.3,1)}}@keyframes event-egg-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.event-egg-toast{right:var(--space-4);left:var(--space-4);bottom:var(--space-4);max-width:none}}.event-hub-head{position:relative}.event-egg-slot.event-egg-hub{position:absolute;right:0;top:0}.notification-bell-wrap{position:relative}.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.notification-bell:hover,.notification-bell[aria-expanded=true]{border-color:var(--color-border);background:var(--color-surface)}.notification-bell-badge{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--status-caution);color:var(--color-bg);font-size:var(--fs-xs);font-weight:700;line-height:1}.notification-dropdown{position:absolute;top:100%;right:0;width:360px;max-width:calc(100vw - 2 * var(--space-3));max-height:460px;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);z-index:300;margin-top:var(--space-2)}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);font-size:var(--fs-sm)}.notification-dropdown-actions{display:flex;align-items:center;gap:var(--space-3)}.notification-dropdown-actions a,.notification-text-button{display:inline-flex;align-items:center;min-height:44px}.notification-text-button{padding:0;border:0;background:none;color:var(--color-gold-strong);font:inherit;font-size:var(--fs-sm);cursor:pointer}.notification-text-button:hover{text-decoration:underline}.notification-empty{padding:var(--space-3);margin:0;color:var(--color-text-muted);font-size:var(--fs-sm)}.notification-list,.notification-page-list{list-style:none;margin:0;padding:0}.notification-item,.notification-page-item{display:flex;flex-direction:column;gap:var(--space-1);width:100%;min-height:44px;text-align:left;color:var(--color-text);font:inherit;font-size:var(--fs-sm);cursor:pointer}.notification-item{padding:var(--space-3);border:0;border-bottom:1px solid var(--color-border);background:none}.notification-list li:last-child .notification-item{border-bottom:none}.notification-item:hover,.notification-page-item:hover{background:var(--color-surface-alt)}.notification-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);font-size:var(--fs-sm);color:var(--color-text-muted)}.notification-unread{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:600;color:var(--color-text)}.notification-unread:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.notification-item-title{font-weight:400}.is-unread .notification-item-title{font-weight:700}.notification-item-body{color:var(--color-text-muted)}.notification-page-item{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.notification-page-item.is-unread{border-color:var(--color-text-muted);background:var(--color-surface-alt)}.notification-open{align-self:flex-start;font-size:var(--fs-sm);color:var(--color-text-muted)}.notifications-page{max-width:760px}.notifications-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.notifications-toolbar h1{margin-bottom:var(--space-2)}.notifications-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.notifications-count,.notifications-muted{font-size:var(--fs-sm);color:var(--color-text-muted);margin:0 0 var(--space-3)}.notifications-ok{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text);margin:0 0 var(--space-3)}.notifications-ok:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--status-ok)}.notifications-retry{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border:1px solid var(--status-danger);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.notification-pref-group{border:0;margin:0 0 var(--space-4);padding:0}.notification-pref-group legend{margin-bottom:var(--space-1);font-size:var(--fs-sm);font-weight:600;color:var(--color-text)}.notification-preference-item{display:flex;align-items:center;gap:var(--space-3);min-height:44px;border-bottom:1px solid var(--color-border);color:var(--color-text);cursor:pointer}.notification-preference-item:last-child{border-bottom:none}.notification-preference-item input{flex-shrink:0;width:20px;height:20px}.notification-pref-status{min-height:1.5em;margin:0 0 var(--space-2);font-size:var(--fs-sm);color:var(--color-text-muted)}.notification-pref-status.is-ok{color:var(--status-ok)}.notification-push{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.notification-push p{margin:0 0 var(--space-2);font-size:var(--fs-sm)}@media(max-width:600px){.notification-dropdown{position:fixed;top:60px;left:var(--space-3);right:var(--space-3);width:auto;max-width:none;margin-top:0}}.notifications-switch{display:inline-flex;gap:var(--space-1);padding:var(--space-1);margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.notifications-switch-item{min-height:44px;padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--fs-sm);cursor:pointer}.notifications-switch-item.is-active{background:var(--color-surface-alt);color:var(--color-text);font-weight:600}.notifications-group{margin-bottom:var(--space-4)}.notifications-group-title{margin:0 0 var(--space-2);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;letter-spacing:normal;color:var(--color-text-muted)}.notifications-empty{max-width:560px}.notifications-empty p{margin:0 0 var(--space-2)}.notifications-empty a{display:inline-flex;align-items:center;min-height:44px}.notification-load-error{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.global-search{position:relative;width:100%;max-width:420px}.global-search-input{width:100%;min-height:44px;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-base)}.global-search-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.global-search-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;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-panel);z-index:50;padding:var(--space-2) 0}.global-search-list,.global-search-group{list-style:none;margin:0;padding:0}.global-search-category{padding:var(--space-1) 0}.global-search-category-title{padding:var(--space-1) var(--space-3);font-size:var(--fs-sm);font-weight:600;color:var(--color-text-muted)}.global-search-item{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-3);color:var(--color-text);cursor:pointer}.global-search-item.is-active{background:var(--color-surface-alt);outline:1px solid var(--color-gold);outline-offset:-1px}.global-search-item-title{font-size:var(--fs-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-item-title mark{background:transparent;color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.global-search-item-subtitle{font-size:var(--fs-sm);color:var(--color-text-muted)}.global-search-item-action{font-size:var(--fs-sm);color:var(--color-gold-strong)}.global-search-note{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);color:var(--color-text-muted)}.global-search-note p{margin:0 0 var(--space-1)}.global-search-error{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.global-search-retry{min-height:44px;padding:0 var(--space-2);background:none;border:0;color:var(--color-gold-strong);font:inherit;cursor:pointer}@media(max-width:640px){.global-search-dropdown{position:fixed;top:calc(var(--header-height) + var(--space-1));left:var(--space-4);right:var(--space-4);max-height:calc(100vh - var(--header-height) - var(--space-6))}}.push-prompt-overlay{position:fixed;inset:0;background:#0009;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.push-prompt-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);max-width:420px;width:100%;box-shadow:var(--shadow-panel)}.push-prompt-card h2{margin:0 0 var(--space-2);font-size:var(--fs-lg)}.push-prompt-card p{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--fs-sm)}.push-prompt-message{color:var(--color-text)!important}.push-prompt-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-bottom:var(--space-4)}.push-prompt-footnote{margin:0!important;font-size:var(--fs-xs)!important}.hub-tabs{position:relative;margin:calc(-1 * var(--space-2)) 0 var(--space-5);border-bottom:1px solid var(--color-border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.hub-tabs::-webkit-scrollbar{display:none}.hub-tabs-list{display:flex;gap:var(--space-1);margin:0;padding:0;list-style:none;min-width:max-content}.hub-tabs-link{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-4);border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast)}.hub-tabs-link:hover{color:var(--color-text);text-decoration:none}.hub-tabs-link.is-active{color:var(--color-gold-strong);border-bottom-color:var(--color-gold)}.hub-tabs-sections{margin-top:0;margin-bottom:var(--space-4)}.hub-tabs-sections .hub-tabs-link{font-family:var(--font-display);letter-spacing:var(--heading-tracking);font-size:var(--fs-sm)}.hub-tabs[data-overflow=end]{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}.hub-tabs[data-overflow=start]{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent)}.hub-tabs[data-overflow=both]{-webkit-mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent)}.hub-tabs-link:focus-visible{outline-offset:-3px}.admin-layout-eyebrow{margin:0 0 var(--space-2);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.raid-ops-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-5);flex-wrap:wrap;margin-bottom:var(--space-5)}.raid-ops-header h1{margin-bottom:var(--space-3)}.raid-ops-header p{max-width:64ch;margin:0}.raid-ops-selector{display:flex;flex-direction:column;gap:var(--space-1);min-width:min(100%,320px);font-size:var(--fs-sm);color:var(--color-text-muted)}.raid-ops-selector select{min-height:44px;padding:var(--space-2) 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-base);max-width:100%}.raid-ops-muted{color:var(--color-text-muted);font-size:var(--fs-sm)}.raid-ops-eyebrow{margin:0 0 var(--space-2);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.raid-ops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.raid-ops-grid>.raid-ops-event{grid-column:1 / -1}.raid-ops-card-title,.raid-ops-section-title{font-size:var(--fs-md);margin-bottom:var(--space-3)}.raid-ops-facts{display:flex;flex-wrap:wrap;gap:var(--space-5);margin:var(--space-4) 0}.raid-ops-facts dt{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.raid-ops-facts dd{margin:0;font-size:var(--fs-lg);font-weight:600;font-variant-numeric:tabular-nums}.raid-ops-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.raid-ops-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.raid-ops-list li{display:flex;flex-direction:column}.raid-ops-list a[aria-current=true]{font-weight:700}.raid-ops-list li.is-selected{padding-left:var(--space-3);border-left:1px solid var(--color-gold)}.raid-ops-list li.is-selected a{color:var(--color-gold-strong)}.raid-ops-table-wrap{overflow-x:auto;margin-bottom:var(--space-3)}.raid-ops-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.raid-ops-table th,.raid-ops-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}.raid-ops-table td{text-align:right}.raid-ops-table thead th{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.raid-ops-stack{display:flex;flex-direction:column;gap:var(--space-5)}.raid-ops-empty{max-width:560px}@media(max-width:960px){.raid-ops-grid{grid-template-columns:1fr}}.raid-ops-external{display:flex;flex-direction:column;gap:var(--space-3)}.raid-ops-external-summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}.raid-ops-legacy{margin-top:var(--space-4)}.raid-ops-legacy>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--fs-sm)}.raid-ops-signups-note{margin:var(--space-3) 0 0}.raid-ops .btn-sm{min-height:44px}.raid-ops-readiness-block{margin:var(--space-5) 0;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.raid-ops-readiness-title{margin:0 0 var(--space-3);font-size:var(--fs-md)}.raid-ops-readiness{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4) var(--space-5);margin:0}.raid-ops-readiness dt{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.raid-ops-readiness dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-2);margin:var(--space-1) 0 0}.raid-ops-readiness-value{font-family:var(--font-body);font-size:var(--fs-xl);font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--color-text)}.raid-ops-readiness-text{font-size:var(--fs-sm);font-weight:500;color:var(--color-text)}.raid-ops-readiness-note{font-size:var(--fs-xs);color:var(--color-text-muted)}.raid-ops-readiness .is-ok .raid-ops-readiness-value{color:var(--status-ok)}.raid-ops-readiness .is-short .raid-ops-readiness-note,.raid-ops-readiness .is-over .raid-ops-readiness-note{color:var(--status-caution);font-weight:600}.raid-ops-readiness-empty{display:flex;flex-direction:column;gap:var(--space-2)}.raid-ops-readiness-empty p{margin:0;color:var(--color-text)}.raid-ops-coverage-details{margin-bottom:var(--space-3)}.raid-ops-coverage-details>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:var(--color-text-muted);font-size:var(--fs-sm)}.raid-ops-coverage-details>summary::-webkit-details-marker{display:none}.raid-ops-coverage-details>summary:before{content:"";width:6px;height:6px;margin-right:var(--space-2);border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform var(--transition-fast)}.raid-ops-coverage-details[open]>summary:before{transform:rotate(45deg)}.raid-ops-readiness a.raid-ops-readiness-note,.raid-ops-readiness .is-short a.raid-ops-readiness-note{color:var(--color-gold-strong);font-weight:500}.raid-ops-readiness-empty .form-error{margin:0}.raid-ops-readiness-empty .btn{align-self:flex-start}.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)}}: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);--status-ok: #4fa37f;--status-caution: #d6923a;--status-danger: #cf5f5f;--status-unknown: #8f8b7f}: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)}:root[data-event=lunar-festival]{--color-gold: #e8b84a;--color-gold-strong: #f6cd6a;--color-emerald: #a8322a;--color-emerald-strong: #c8443a;--atmosphere-glow: rgba(232, 184, 74, .18);--atmosphere-glow-strong: rgba(232, 184, 74, .3);--atmosphere-texture-tint: rgba(168, 50, 42, .07);--panel-edge-highlight: rgba(232, 184, 74, .1)}:root[data-event=love-is-in-the-air]{--color-gold: #ff7aa8;--color-gold-strong: #ff9cbe;--color-emerald: #8a2f55;--color-emerald-strong: #a8406c;--atmosphere-glow: rgba(255, 122, 168, .18);--atmosphere-glow-strong: rgba(255, 122, 168, .3);--atmosphere-texture-tint: rgba(138, 47, 85, .07);--panel-edge-highlight: rgba(255, 122, 168, .1)}:root[data-event=noblegarden]{--color-gold: #9bd36a;--color-gold-strong: #b4e388;--color-emerald: #7a5bb0;--color-emerald-strong: #9474c8;--atmosphere-glow: rgba(155, 211, 106, .18);--atmosphere-glow-strong: rgba(155, 211, 106, .3);--atmosphere-texture-tint: rgba(122, 91, 176, .07);--panel-edge-highlight: rgba(155, 211, 106, .1)}:root[data-event=childrens-week]{--color-gold: #5fb3f0;--color-gold-strong: #86c7f5;--color-emerald: #a88320;--color-emerald-strong: #c79a2a;--atmosphere-glow: rgba(95, 179, 240, .18);--atmosphere-glow-strong: rgba(95, 179, 240, .3);--atmosphere-texture-tint: rgba(199, 154, 42, .07);--panel-edge-highlight: rgba(95, 179, 240, .1)}:root[data-event=midsummer]{--color-gold: #ff9a3a;--color-gold-strong: #ffb25e;--color-emerald: #b8481a;--color-emerald-strong: #d85a24;--atmosphere-glow: rgba(255, 154, 58, .18);--atmosphere-glow-strong: rgba(255, 154, 58, .3);--atmosphere-texture-tint: rgba(216, 90, 36, .07);--panel-edge-highlight: rgba(255, 154, 58, .1)}:root[data-event=brewfest]{--color-gold: #e8a83a;--color-gold-strong: #f4c060;--color-emerald: #7a4a22;--color-emerald-strong: #96602e;--atmosphere-glow: rgba(232, 168, 58, .18);--atmosphere-glow-strong: rgba(232, 168, 58, .3);--atmosphere-texture-tint: rgba(150, 96, 46, .07);--panel-edge-highlight: rgba(232, 168, 58, .1)}:root[data-event=hallows-end]{--color-gold: #f08a24;--color-gold-strong: #ffa64a;--color-emerald: #6b3d8f;--color-emerald-strong: #8a55b8;--atmosphere-glow: rgba(240, 138, 36, .18);--atmosphere-glow-strong: rgba(240, 138, 36, .3);--atmosphere-texture-tint: rgba(138, 85, 184, .07);--panel-edge-highlight: rgba(240, 138, 36, .1)}:root[data-event=winter-veil]{--color-gold: #4fbf7a;--color-gold-strong: #6fd496;--color-emerald: #a83a3a;--color-emerald-strong: #c84c4c;--atmosphere-glow: rgba(79, 191, 122, .18);--atmosphere-glow-strong: rgba(79, 191, 122, .3);--atmosphere-texture-tint: rgba(200, 76, 76, .07);--panel-edge-highlight: rgba(79, 191, 122, .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}.ui-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 var(--space-4)}.ui-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}.ui-textarea:focus{border-color:var(--color-gold-strong)}.ui-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.ui-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:min(220px,100%)}.ui-page-header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap}.ui-page-header h1{margin-bottom:var(--space-1)}.ui-page-subtitle{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-gold-strong)}.ui-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5)}.ui-stat-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.ui-stat-value{font-size:var(--fs-md);font-weight:600;overflow-wrap:anywhere}.ui-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.ui-actions .btn{padding:var(--space-1) var(--space-3);font-size:var(--fs-xs)}.ui-button-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}.ui-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)}*,*: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}:where(input:not([type]),input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=url],input[type=tel],input[type=date],input[type=datetime-local],input[type=time],select,textarea){color-scheme:dark;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:16px;padding:var(--space-2) var(--space-3)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=hidden]),select){min-height:44px}:where(input:focus,select:focus,textarea:focus){border-color:var(--color-gold-strong)}:where(input[type=checkbox],input[type=radio]){accent-color:var(--color-gold-strong)}:focus-visible{outline:2px solid var(--color-gold-strong);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-gold) 45%,transparent);color:var(--color-text)}:where(input,textarea){caret-color:var(--color-gold-strong)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);-webkit-box-shadow:0 0 0 1000px var(--color-bg) inset;box-shadow:0 0 0 1000px var(--color-bg) inset;caret-color:var(--color-gold-strong);transition:background-color 9999s ease-out 0s}.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)}:root[data-theme=horde] .btn-primary,:root[data-theme=alliance] .btn-primary{background:var(--color-gold-strong)}:root[data-theme=horde] .btn-primary:hover,:root[data-theme=alliance] .btn-primary:hover{filter:brightness(1.1)}.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)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-secondary{background:var(--color-surface-alt);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{border-color:var(--color-gold-strong)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--fs-xs)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.field select,.field textarea{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 select:focus,.field textarea:focus{border-color:var(--color-gold-strong)}.tabular-nums{font-variant-numeric:tabular-nums}.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;gap:var(--space-4);padding:0 var(--space-6);background:color-mix(in srgb,var(--color-bg) 82%,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);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;min-width:0}.app-main>*{max-width:1320px}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2) var(--space-5);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.sidebar-brand-text{display:flex;flex-direction:column;min-width:0}.sidebar-brand-name{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.06em;color:var(--color-text)}.sidebar-brand-guild{font-size:var(--fs-xs);color:var(--color-text-muted)}.sidebar-faction-crest{margin-left:auto;flex-shrink:0}.header-race-crest{border-radius:50%}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border-left:3px solid transparent;color:var(--color-text);font-size:var(--fs-sm);font-weight:500;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.sidebar-link svg{flex-shrink:0;color:var(--color-text-muted)}.sidebar-link:hover{background:var(--color-surface-alt);text-decoration:none}.sidebar-link.is-active{background:linear-gradient(90deg,var(--atmosphere-glow),transparent 90%),var(--color-surface-alt);color:var(--color-gold-strong);border-left-color:var(--color-gold)}.sidebar-link.is-active svg{color:var(--color-gold-strong)}.sidebar-footer{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.sidebar-link-secondary{color:var(--color-text-muted);justify-content:space-between}.user-menu{display:flex;align-items:center;gap:var(--space-3)}.user-menu-dropdown{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-1) var(--space-2);background:none;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{border-color:var(--color-border);background:var(--color-surface)}.user-menu-name{font-size:var(--fs-sm);font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-caret{font-size:var(--fs-xs);color:var(--color-text-muted)}.user-menu-panel{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:300;min-width:200px;display:flex;flex-direction:column;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel)}.user-menu-item{display:flex;align-items:center;width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text);font-size:var(--fs-sm);text-align:left;cursor:pointer}.user-menu-item:hover{background:var(--color-surface-alt);text-decoration:none}.user-menu-logout{margin-top:var(--space-1);border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.user-menu-who{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-badge{display:inline-flex;flex-shrink:0;width:32px;height:32px}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;padding:10px;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"}.app-main{padding:var(--space-5) var(--space-4)}.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,.user-menu-caret{display:none}.user-menu{flex-shrink:0;gap:var(--space-1)}.user-menu-trigger{min-width:44px;justify-content:center}.global-search{max-width:none;flex:1;min-width:0}}.page-loading{padding:var(--space-6);color:var(--color-text-muted)}