:root{--font-title: "Cinzel", serif;--font-body: "Lato", sans-serif}[data-faction=alliance]{--bg-gradient: radial-gradient(circle at center, #1a2a3a 0%, #0d151c 100%);--bg-image: url(https://wowpedia.fandom.com/wiki/Special:FilePath/Warcraft_3_Loading_screen_Lordaeron.jpg);--panel-bg: rgba(22, 28, 38, .9);--panel-border: #ffd700;--panel-border-style: ridge;--panel-shadow: 0 0 20px rgba(0, 85, 170, .6), inset 0 0 30px rgba(0,0,0,.8);--text-primary: #f0f0f0;--text-secondary: #00aaff;--text-highlight: #ffd700;--btn-primary-bg: linear-gradient(to bottom, #004488, #002244);--btn-primary-border: #d4af37;--btn-primary-text: #fff;--btn-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 0 10px rgba(0, 68, 136, .5);--input-bg: #0d151c;--input-border: #445566;--quest-log-bg: #e3dac1;--quest-log-text: #2b1b0e;--quest-log-border: #b8860b;--quest-log-lines: rgba(184, 134, 11, .2);--faction-icon-color: #00aaff}[data-faction=horde]{--bg-gradient: radial-gradient(circle at center, #2b0000 0%, #000000 100%);--bg-image: url(https://wowpedia.fandom.com/wiki/Special:FilePath/Warcraft_3_Loading_screen_Barrens.jpg);--panel-bg: rgba(30, 10, 5, .9);--panel-border: #5c5c5c;--panel-border-style: solid;--panel-shadow: 0 0 20px rgba(255, 68, 0, .3), inset 0 0 50px rgba(0,0,0,.9);--text-primary: #e0e0e0;--text-secondary: #ff4400;--text-highlight: #ffcc00;--btn-primary-bg: linear-gradient(to bottom, #550000, #2b0000);--btn-primary-border: #888888;--btn-primary-text: #ffdddd;--btn-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 10px rgba(139, 0, 0, .6);--input-bg: #1a0a05;--input-border: #552200;--quest-log-bg: #2e2620;--quest-log-text: #dcbfa3;--quest-log-border: #5c4b3e;--quest-log-lines: rgba(255, 255, 255, .05);--faction-icon-color: #cc0000}body{margin:0;padding:0;font-family:var(--font-title);background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;transition:background .5s ease;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--bg-image);background-size:cover;background-position:center;opacity:.4;z-index:-1;pointer-events:none;transition:background-image .5s ease}.wc-container{max-width:1200px;margin:0 auto;padding:20px}.wc-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media (max-width: 768px){.wc-main-grid{grid-template-columns:1fr}}.wc-header{text-align:center;margin-bottom:40px;transition:all .3s;text-shadow:0 4px 10px #000}.wc-header h1{font-size:4rem;margin:0;color:var(--text-highlight);text-transform:uppercase;letter-spacing:4px;background:-webkit-linear-gradient(#fff,var(--text-highlight));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0px 2px 0px #000)}.faction-buttons{display:flex;justify-content:center;gap:15px;margin:20px auto}.faction-btn{background:rgba(0,0,0,.4);border:1px solid var(--panel-border);color:var(--text-primary);padding:10px 15px;font-family:var(--font-title);cursor:pointer;font-size:1rem;transition:all .3s;border-radius:4px;opacity:.7}.faction-btn:hover{opacity:1;background:rgba(255,255,255,.1);transform:translateY(-2px)}.faction-btn.active{opacity:1;background:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-text);box-shadow:0 0 15px var(--btn-primary-border);text-shadow:0 0 5px rgba(255,255,255,.8);transform:scale(1.05)}.faction-buttons.mini{margin:0;gap:5px}.faction-buttons.mini .faction-btn{padding:5px 10px;font-size:.9rem}.wc-panel{background:var(--panel-bg);border:6px var(--panel-border-style) var(--panel-border);box-shadow:var(--panel-shadow);border-radius:2px;padding:25px;position:relative;margin-bottom:25px;transition:all .5s ease}.wc-panel:after{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:1px solid var(--panel-border);opacity:.3;pointer-events:none}.wc-quest-log{background-color:var(--quest-log-bg);color:var(--quest-log-text);padding:0;border:10px solid var(--quest-log-border);background-image:linear-gradient(var(--quest-log-lines) 1px,transparent 1px);background-size:100% 2.5rem;background-attachment:local;box-shadow:0 10px 20px #00000080,inset 0 0 60px #0000004d;font-family:var(--font-body);font-weight:700;min-height:500px;position:relative}.wc-quest-title{font-family:var(--font-title);font-size:1.8rem;font-weight:700;border-bottom:3px double var(--quest-log-border);margin:0;padding:20px;background:rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;color:inherit;text-shadow:1px 1px 0 rgba(255,255,255,.2)}[data-faction=horde] .wc-quest-title{text-shadow:1px 1px 0 rgba(0,0,0,.8)}.wc-quest-log>div:not(.wc-quest-title){padding:20px}.wc-btn{background:var(--btn-primary-bg);border:2px solid var(--btn-primary-border);color:var(--btn-primary-text);padding:12px 24px;font-family:var(--font-title);font-weight:700;font-size:1rem;cursor:pointer;text-transform:uppercase;transition:all .2s;box-shadow:var(--btn-shadow);border-radius:2px;letter-spacing:1px;text-shadow:1px 1px 2px #000}.wc-btn:hover{filter:brightness(1.3);box-shadow:0 0 15px var(--btn-primary-border),inset 0 0 10px #fff3;transform:scale(1.02)}.wc-btn:active{transform:translateY(2px);box-shadow:inset 0 3px 5px #00000080}.wc-input{background:var(--input-bg);border:2px solid var(--input-border);padding:12px;font-family:var(--font-body);color:var(--text-primary);width:100%;box-sizing:border-box;font-size:1rem;border-radius:2px;transition:border-color .3s}.wc-input:focus{outline:none;border-color:var(--text-highlight);box-shadow:0 0 8px var(--text-highlight)}.wc-task-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;margin-bottom:0;border-bottom:none;height:2.5rem;box-sizing:border-box;transition:background .2s}.wc-task-item:hover{background:rgba(255,255,255,.2);cursor:pointer}[data-faction=horde] .wc-task-item:hover{background:rgba(255,255,255,.1)}.wc-task-completed{text-decoration:line-through;opacity:.5;filter:grayscale(100%)}.wc-item-slot{width:60px;height:60px;background:rgba(0,0,0,.5);border:1px solid #333;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s}.wc-item-slot:hover{background:rgba(255,255,255,.1);transform:scale(1.05);box-shadow:0 0 10px #00000080}.wc-item-icon{width:50px;height:50px;border:2px solid #ccc;display:flex;justify-content:center;align-items:center;background-color:#111;color:#555;font-size:1.5rem;font-weight:700}.wc-tooltip{position:fixed;background:rgba(0,0,0,.9);border:2px solid;border-radius:4px;padding:10px;min-width:150px;z-index:1000;pointer-events:none;box-shadow:0 0 10px #000}.wc-tooltip-title{font-family:var(--font-title);font-weight:700;font-size:1.1rem;margin-bottom:5px}.wc-tooltip-rarity{font-size:.9rem;color:#fff;margin-bottom:5px;text-transform:capitalize}.wc-tooltip-desc{font-size:.8rem;color:#aaa;font-style:italic}.wc-login-container{display:flex;justify-content:center;align-items:center;height:85vh}.wc-login-box{text-align:center;width:450px;background:rgba(0,0,0,.85)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{background:var(--panel-border);border:1px solid #000}.wc-pomodoro-modes{display:flex;gap:5px;justify-content:center;padding:10px 0}.wc-pomodoro-display{text-align:center;font-size:3.5rem;font-family:var(--font-title);font-weight:700;color:var(--text-highlight);text-shadow:0 0 20px var(--text-highlight),0 0 40px rgba(255,215,0,.3);padding:15px 0;letter-spacing:4px}.wc-pomodoro-progress{height:6px;background:rgba(0,0,0,.5);border:1px solid var(--panel-border);border-radius:3px;overflow:hidden;margin:0 0 12px}.wc-pomodoro-progress-bar{height:100%;background:linear-gradient(90deg,var(--text-secondary),var(--text-highlight));transition:width 1s linear;border-radius:3px}.wc-pomodoro-controls{display:flex;gap:8px}.wc-pomodoro-notification{margin-top:12px;padding:10px;background:rgba(0,0,0,.5);border:1px solid;border-radius:2px;display:flex;flex-direction:column;align-items:center;gap:4px;animation:pomodoroGlow 1.5s ease-in-out infinite alternate}@keyframes pomodoroGlow{0%{box-shadow:0 0 5px #ffd7004d}to{box-shadow:0 0 20px #ffd70099}}.wc-report-content{padding:10px 0}.wc-report-section{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.wc-report-section:last-child{border-bottom:none}.wc-report-section-title{font-family:var(--font-title);font-size:.9rem;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.wc-report-stat{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:.9rem}.wc-report-value{color:var(--text-highlight);font-weight:700;font-family:var(--font-title)}.wc-focus-banner{position:fixed;top:0;left:0;width:100%;height:36px;background:rgba(0,0,0,.85);border-bottom:2px solid var(--text-secondary);color:var(--text-highlight);font-family:var(--font-title);font-size:.95rem;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:2px;text-transform:uppercase;z-index:999;animation:focusBannerGlow 2s ease-in-out infinite alternate}@keyframes focusBannerGlow{0%{text-shadow:0 0 5px var(--text-highlight)}to{text-shadow:0 0 15px var(--text-highlight),0 0 30px rgba(255,215,0,.4)}}.wc-scratchpad-textarea{resize:vertical;min-height:100px;margin-top:10px}.wc-scratchpad-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
