:root{--container-max:1200px;--width-wide:1200px;--width-medium:760px;--width-narrow:480px;--bg-overlay:#28231ef2;--bg-surface:#28231ee6;--bg-surface-hover:#322c26e6;--bg-card:#352c25;--bg-input:#2a2520;--bg-header:#1e1914f2;--accent:#d4b483;--accent-hover:#e5cda0;--accent-dark:#b8ab95;--accent-gradient:linear-gradient(135deg, #8b7355, #6d5c46);--accent-gradient-hover:linear-gradient(135deg, #9c8464, #7d6c56);--text-primary:#e0d3c1;--text-secondary:#b8ab95;--text-muted:#8b7d6a;--text-on-accent:#1e1914;--border:#5d4c3a;--border-accent:#8b7355;--success:#27ae60;--success-bg:#2a3a2a;--warning:#d4b483;--warning-bg:#4a4530;--error:#e74c3c;--error-bg:#3a2525;--alliance:#0078ff;--horde:#c41f3b;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:5px;--radius-md:8px;--radius-lg:10px;--radius-xl:15px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000026, 0 2px 8px #00000040;--shadow-md:0 2px 6px #0003, 0 6px 18px #0000004d;--shadow-lg:0 4px 12px #00000040, 0 12px 32px #0006;--shadow-accent:0 5px 15px #8b73554d;--shadow-focus:0 0 0 3px #8b735533;--font-family:"Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"Cascadia Code", "Fira Code", "Courier New", monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.05rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:1.8rem;--fs-3xl:2.2rem;--lh-tight:1.3;--lh-base:1.6;--lh-relaxed:1.7;--btn-h:42px;--input-h:44px;--blur:blur(10px);--transition-fast:.15s ease;--transition:.2s ease;--header-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--fs-base);line-height:var(--lh-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#28231ef2 0%,#3c3228f2 100%),url(../../../wallpaper/snowmanwow.jpg) 50%/cover fixed;flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}::selection{background:var(--border-accent);color:var(--text-on-accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-input)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.container{max-width:var(--container-max);padding:0 var(--space-lg);width:100%;margin:0 auto}.container--medium{max-width:var(--width-medium)}.container--narrow{max-width:var(--width-narrow)}.btn{height:var(--btn-h);padding:0 var(--space-lg);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--fs-base);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn--primary{background:var(--accent-gradient);color:var(--text-on-accent);border-color:var(--accent)}.btn--primary:hover{background:var(--accent-gradient-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn--outline{color:var(--accent);border-color:var(--border-accent);background:0 0}.btn--outline:hover{background:var(--border-accent);color:var(--text-on-accent);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn--ghost{color:var(--accent);background:0 0}.btn--ghost:hover{color:var(--accent-hover);background:#ffffff0f}.btn--danger{background:var(--error);color:#fff}.btn--danger:hover{opacity:.9;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn--block{width:100%}.btn--sm{height:34px;padding:0 var(--space-md);font-size:var(--fs-sm)}.btn--lg{height:50px;padding:0 var(--space-xl);font-size:var(--fs-md)}.form-card{max-width:var(--width-narrow);margin:var(--space-2xl) auto;padding:var(--space-2xl);background:var(--bg-surface);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.form-card--medium{max-width:var(--width-medium)}.form-card .section-title{text-align:center;margin-bottom:var(--space-sm)}.form-card .form-subtitle{text-align:center;color:var(--text-muted);margin-bottom:var(--space-xl)}.field-wrapper{margin-bottom:var(--space-lg)}.label{margin-bottom:var(--space-xs);color:var(--accent);font-weight:500;font-size:var(--fs-base);display:block}.input,.textarea,.select{width:100%;height:var(--input-h);background:var(--bg-input);color:var(--text-primary);border:2px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--fs-base);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.65rem .9rem}.input:focus,.textarea:focus,.select:focus{border-color:var(--border-accent);box-shadow:var(--shadow-focus)}.textarea{height:auto;min-height:calc(var(--input-h) * 3);resize:vertical;line-height:var(--lh-base);padding-top:.65rem;padding-bottom:.65rem}.select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23d4b483' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.error{margin-top:var(--space-xs);color:var(--error);font-size:var(--fs-sm);display:block}.input.is-error,.textarea.is-error,.select.is-error{border-color:var(--error)}.form-actions{margin-top:var(--space-lg)}.form-switch{text-align:center;margin-top:var(--space-lg);color:var(--text-muted);font-size:var(--fs-sm)}.form-switch a{color:var(--accent);font-weight:500}.card{background:var(--bg-surface);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius-lg);border:1px solid var(--border)}.card--accent{border-left:4px solid var(--border-accent)}.card--hover{transition:transform var(--transition), box-shadow var(--transition)}.card--hover:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.card--header{justify-content:space-between;align-items:flex-start;display:flex}.card--padded{padding:var(--space-xl)}.badge{border-radius:var(--radius-full);font-size:var(--fs-xs);letter-spacing:.02em;padding:2px 10px;font-weight:600;display:inline-block}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--danger{background:var(--error-bg);color:var(--error)}.badge--muted{color:var(--text-muted);background:#3a3535}.badge--alliance{background:var(--alliance);color:#fff}.badge--horde{background:var(--horde);color:#fff}.badge--gold{background:var(--border-accent);color:var(--text-on-accent)}.alert{padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-lg);font-size:var(--fs-sm);line-height:var(--lh-base)}.alert--error{background:var(--error-bg);color:var(--error);border:1px solid #5d3a3a;border-left:4px solid var(--error)}.alert--success{background:var(--success-bg);color:var(--success);border:1px solid #3a5d3a;border-left:4px solid var(--success)}.attachments-grid{gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.attachment-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);width:160px;transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);cursor:pointer;padding:10px;overflow:hidden}.attachment-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.attachment-thumb{object-fit:cover;border:1px solid var(--border);border-radius:4px;width:100%;height:120px;display:block}.attachment-info{border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-muted);margin-top:8px;padding-top:6px}.dropdown{position:relative}.dropdown-trigger{width:100%;height:var(--input-h);justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--bg-input);color:var(--text-primary);border:2px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--fs-base);cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:0 .9rem;display:flex}.dropdown-trigger:hover{border-color:var(--border-accent)}.dropdown-trigger:focus-visible,.dropdown-trigger:focus{border-color:var(--border-accent);box-shadow:var(--shadow-focus)}.dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}.dropdown-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-chevron{color:var(--accent);transition:transform var(--transition);flex-shrink:0;display:inline-flex}.dropdown--open .dropdown-chevron{transform:rotate(180deg)}.dropdown-menu{z-index:50;background:var(--bg-surface);max-height:240px;-webkit-backdrop-filter:var(--blur);border:1px solid var(--border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.dropdown-option{justify-content:space-between;align-items:center;gap:var(--space-md);border-radius:var(--radius-sm);font-size:var(--fs-base);color:var(--text-primary);cursor:pointer;transition:background var(--transition);padding:.6rem .75rem;display:flex}.dropdown-option:hover,.dropdown-option--active{background:#8b735526}.dropdown-option--selected{color:var(--accent);font-weight:500}.dropdown-option-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-check{color:var(--accent);flex-shrink:0;display:inline-flex}.file-counter{font-size:var(--fs-xs);color:var(--text-muted);margin-left:var(--space-sm);background:var(--bg-input);border-radius:var(--radius-full);border:1px solid var(--border);padding:2px 8px;font-weight:600}.file-input{width:100%;padding:var(--space-sm);background:var(--bg-input);color:var(--text-primary);border:2px dashed var(--border);border-radius:var(--radius-sm);font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--transition)}.file-input:hover{border-color:var(--border-accent)}.file-input::file-selector-button{background:var(--accent-gradient);color:var(--text-on-accent);border-radius:var(--radius-sm);margin-right:var(--space-md);font-family:var(--font-family);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition);border:none;padding:.5rem 1rem;font-weight:500}.file-input::file-selector-button:hover{background:var(--accent-gradient-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.file-input::-webkit-file-upload-button{background:var(--accent-gradient);color:var(--text-on-accent);border-radius:var(--radius-sm);margin-right:var(--space-md);font-family:var(--font-family);font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition);border:none;padding:.5rem 1rem;font-weight:500}.file-input::-webkit-file-upload-button:hover{background:var(--accent-gradient-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.file-preview{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.file-preview-item{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;width:100px;padding:6px;overflow:hidden}.file-preview-item img{object-fit:cover;border-radius:3px;width:100%;height:70px;display:block}.file-preview-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;display:block;overflow:hidden}.lightbox-overlay{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#15110efa;border:none;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;animation:.3s ease-out lightbox-fade-in;display:flex;position:fixed;inset:0}.lightbox-image{border-radius:var(--radius-lg);border:3px solid var(--border-accent);object-fit:contain;cursor:default;max-width:90%;max-height:90%;box-shadow:0 0 50px #8b735580,0 0 100px #d4b4834d}.lightbox-close{width:48px;height:48px;color:var(--accent);border:2px solid var(--border-accent);cursor:pointer;z-index:10001;background:#1e1914e6;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;transition:all .3s;display:flex;position:fixed;top:25px;right:30px}.lightbox-close:hover{color:#ffe0b2;background:var(--accent-gradient);transform:scale(1.1)}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.dialog-overlay{z-index:10500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;height:100%;padding:var(--space-lg);cursor:pointer;background:#15110ed9;border:none;justify-content:center;align-items:center;margin:0;animation:.2s ease-out dialog-fade-in;display:flex;position:fixed;inset:0}.dialog-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);cursor:default;width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:.25s ease-out dialog-slide-in}.dialog-title{font-size:var(--fs-lg);color:var(--accent);margin-bottom:var(--space-sm);font-weight:600}.dialog-message{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-base);margin-bottom:var(--space-lg)}.dialog-actions{justify-content:flex-end;gap:var(--space-sm);display:flex}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-slide-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.section-title{font-size:var(--fs-2xl);color:var(--accent);margin-bottom:var(--space-xl);text-align:center}.page-hero{text-align:center;padding:var(--space-2xl) 0}.page-hero h1{font-size:var(--fs-3xl);color:var(--accent);text-shadow:0 2px 12px #8b735566;margin-bottom:var(--space-md)}.page-hero .page-hero__subtitle{font-size:var(--fs-md);color:var(--text-secondary);max-width:var(--width-medium);margin:0 auto}.text-link{border-bottom:1px dotted var(--border-accent);transition:color var(--transition)}.text-link:hover{color:var(--accent-hover);border-bottom-style:solid}.code-block{background:var(--bg-input);color:var(--accent);padding:var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--fs-sm);border:1px solid var(--border);border-left:4px solid var(--border-accent)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-center{text-align:center}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.w-full{width:100%}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.post-content{font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--text-secondary);overflow-wrap:break-word}.post-content>:last-child{margin-bottom:0}.post-content p{margin:0 0 1rem}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:var(--accent);line-height:var(--lh-tight);margin:1.5rem 0 .75rem}.post-content h1{font-size:var(--fs-2xl)}.post-content h2{font-size:var(--fs-xl)}.post-content h3{font-size:var(--fs-lg)}.post-content h4{font-size:var(--fs-md)}.post-content h5,.post-content h6{font-size:var(--fs-sm);color:var(--text-secondary)}.post-content h1:first-child,.post-content h2:first-child,.post-content h3:first-child{margin-top:0}.post-content ul,.post-content ol{margin:0 0 1rem;padding-left:1.5rem}.post-content ul{list-style:outside}.post-content ol{list-style:decimal}.post-content li{margin-bottom:.4rem}.post-content li>ul,.post-content li>ol{margin-top:.25rem;margin-bottom:.25rem}.post-content blockquote{border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);background:#d4b4830f;margin:0 0 1rem;padding:.5rem 1rem}.post-content blockquote>:last-child{margin-bottom:0}.post-content code{background:var(--bg-input);color:var(--accent);font-family:var(--font-mono);border-radius:var(--radius-sm);padding:.2em .4em;font-size:.9em}.post-content pre{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);margin:0 0 1rem;padding:1rem;overflow-x:auto}.post-content pre code{color:inherit;background:0 0;padding:0;font-size:.9rem}.post-content table{border-collapse:collapse;width:100%;margin:1rem 0}.post-content th,.post-content td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:.5rem .75rem}.post-content th{color:var(--accent);background:#ffffff0a}.post-content img{border-radius:var(--radius-md);max-width:100%;height:auto}.post-content a{color:var(--accent);text-underline-offset:2px;-webkit-text-decoration:underline #d4b48366;text-decoration:underline #d4b48366}.post-content a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.post-content strong{color:var(--text-primary);font-weight:700}.post-content hr{border:0;border-top:1px solid var(--border);margin:1.5rem 0}@media (width<=768px){.post-content td{display:block;width:100%!important}}.header.svelte-12qhfyh{background:var(--bg-header);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-accent);z-index:100;padding:10px 0;position:fixed;top:0;left:0;right:0}.logo-img.svelte-12qhfyh{filter:brightness(.95);width:auto;height:50px;transition:transform var(--transition)}.logo-img.svelte-12qhfyh:hover{transform:scale(1.05)}.online-dot.svelte-12qhfyh{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite svelte-12qhfyh-pulse-dot;box-shadow:0 0 6px #27ae6099}@keyframes svelte-12qhfyh-pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.nav-link.svelte-12qhfyh{border-radius:var(--radius-sm);color:var(--accent);font-weight:500;font-size:var(--fs-sm);transition:all var(--transition);padding:6px 16px;text-decoration:none}.nav-link.svelte-12qhfyh:hover{background:var(--accent);color:var(--text-on-accent)}@media (width<=768px){.header.svelte-12qhfyh .container:where(.svelte-12qhfyh){gap:var(--space-md);flex-wrap:wrap;justify-content:center}:root{--header-height:120px}}@media (width<=480px){:root{--header-height:148px}}