.update-notification{position:fixed;bottom:0;left:0;right:0;background-color:#1a1a1a;color:#d4af37;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #8b6914;box-shadow:0 -2px 10px #00000080;z-index:1000}.update-message{margin:0;font-size:14px}.update-restart-btn{background-color:#d4af37;color:#1a1a1a;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-weight:600;transition:background-color .2s}.update-restart-btn:hover{background-color:#f4e4b8}.gem-panel-toggle{position:fixed;bottom:15px;left:50%;transform:translate(-50%);z-index:200;transition:all var(--transition-medium)}.quest-tracker.gem-panel-open .gem-panel-toggle,.quest-tracker.regex-panel-open .gem-panel-toggle,.quest-tracker.notes-panel-open .gem-panel-toggle,.quest-tracker.settings-open .gem-panel-toggle{display:none}.gem-toggle-btn{background:var(--bg-overlay-4);color:var(--primary-color);border:none;padding:8px 12px;border-radius:var(--border-radius-md);cursor:pointer;font-size:.75rem;font-weight:600;transition:all var(--transition-fast);box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;gap:6px;min-width:60px;justify-content:center}.gem-toggle-btn:hover{background:var(--bg-overlay-3);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.gem-progression-panel{position:absolute;inset:0;background:#000000f2;z-index:100;display:none;flex-direction:column;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.gem-progression-panel::-webkit-scrollbar{display:none}.gem-progression-panel.visible{display:flex}.gem-panel-header{padding:16px 20px;border-bottom:1px solid var(--bg-overlay-4);background:var(--bg-header);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.gem-panel-title-row{display:flex;align-items:center;gap:12px;flex:1;position:relative;z-index:1}.gem-panel-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--primary-color);text-shadow:var(--text-shadow)}.loadout-selector-section{padding:8px 20px;border-bottom:1px solid var(--bg-overlay-4);background:var(--bg-overlay-1);display:flex;justify-content:space-between;align-items:center}.loadout-label{color:#ffffffb3;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.loadout-dropdown-wrapper{position:relative;z-index:200}.loadout-dropdown-button{background:var(--bg-overlay-4);border:none;border-radius:4px;color:var(--primary-color);padding:8px 12px;font-family:var(--font-family);font-size:.75rem;font-weight:600;cursor:pointer;min-width:120px;height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px}.loadout-dropdown-button:hover{background:var(--bg-overlay-3)}.dropdown-arrow{font-size:.6rem;opacity:.6}.loadout-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-overlay-1);border:1px solid var(--bg-overlay-4);border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:300;margin-top:2px}.loadout-dropdown-item{width:100%;background:none;border:none;color:var(--primary-color);padding:8px 12px;font-family:var(--font-family);font-size:.75rem;cursor:pointer;text-align:left;display:block}.loadout-dropdown-item:hover{background:var(--bg-overlay-3)}.loadout-dropdown-item.active{background:var(--bg-overlay-4);font-weight:600}.loadout-selector{all:unset!important;background:var(--bg-overlay-4)!important;border:none!important;border-radius:4px!important;color:var(--primary-color)!important;padding:8px 12px!important;font-family:var(--font-family)!important;font-size:.75rem!important;font-weight:600!important;cursor:pointer!important;min-width:120px!important;height:32px!important;display:block!important;box-sizing:border-box!important;position:relative!important;z-index:300!important;pointer-events:auto!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.loadout-selector:focus,.loadout-selector:hover{background:var(--bg-overlay-3)!important}.loadout-selector option{background:#000000f2!important;color:var(--primary-color)!important}.gem-progression-panel .control-btn,.control-btn{width:24px!important;height:24px!important;background:var(--bg-overlay-4)!important;color:var(--primary-color)!important;border-radius:var(--border-radius-sm)!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.875rem!important;transition:all var(--transition-fast)!important;border:none!important;outline:none!important;padding:0!important;margin:0!important;position:relative!important;z-index:10!important}.gem-progression-panel .control-btn:hover,.control-btn:hover{background:#fff3!important}.gem-progression-panel .close-btn:hover,.close-btn:hover{background:#dc14144d!important;color:#ff6b6b!important}.gem-panel-controls{display:flex;align-items:center;gap:12px}.gem-panel-stats{font-size:.75rem;color:silver;font-weight:600}.gem-count{background:var(--bg-overlay-3);padding:4px 8px;border-radius:var(--border-radius-sm)}.gem-panel-content{padding:20px;flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.gem-panel-content::-webkit-scrollbar{display:none}.gem-panel-empty{text-align:center;padding:60px 20px;color:#888}.gem-panel-empty .empty-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.gem-panel-empty h4{margin:0 0 12px;font-size:1.1rem;color:var(--primary-color);font-weight:600}.gem-panel-empty p{margin:8px 0;font-size:.9rem;line-height:1.4;opacity:.8}.skill-bars-container{display:flex;flex-direction:column;gap:20px;max-width:100%}.skill-bar{display:flex;flex-direction:column;gap:8px;background:var(--bg-overlay-2);border-radius:var(--border-radius-md);padding:16px 20px;transition:all var(--transition-fast);border:1px solid var(--bg-overlay-3)}.skill-bar:hover{background:var(--bg-overlay-3);border-color:var(--bg-overlay-4)}.skill-bar-header{margin-bottom:4px}.skill-name{font-size:.8rem;font-weight:600;color:var(--primary-color);text-align:center;line-height:1.2}.socket-group{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.main-gem-slot{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:100px}.gem-name-label{font-size:.7rem;font-weight:600;color:var(--primary-color);text-align:center;line-height:1.2;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-gems-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1}.gem-slot{width:44px;height:44px;border-radius:50%;background:var(--bg-overlay-4);border:2px solid var(--bg-overlay-3);cursor:pointer;transition:all var(--transition-fast);position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gem-slot:hover{border-color:var(--accent-color);transform:scale(1.05)}.gem-slot:hover .gem-name-tooltip{opacity:1;visibility:visible;transform:translateY(-10px)}.gem-slot.main-gem{width:56px;height:56px;background:linear-gradient(135deg,var(--bg-overlay-4),var(--bg-overlay-2));border:3px solid var(--bg-overlay-3)}.gem-slot.skill{background:linear-gradient(135deg,rgba(255,100,100,.3),var(--bg-overlay-4));border-color:#ff646480}.gem-slot.support{background:linear-gradient(135deg,rgba(100,150,255,.3),var(--bg-overlay-4));border-color:#6496ff80}.gem-slot.spirit{background:linear-gradient(135deg,rgba(150,255,150,.3),var(--bg-overlay-4));border-color:#96ff9680}.gem-slot.empty{background:#0000004d;border:2px dashed var(--bg-overlay-3);cursor:default;opacity:.4}.gem-slot.empty:hover{transform:none;border-color:var(--bg-overlay-3);opacity:.6}.gem-slot.empty .gem-name-tooltip{opacity:.7;font-size:.65rem}.empty-socket{opacity:.15!important;filter:grayscale(100%) brightness(.3)}.gem-slot.stat-str{background:linear-gradient(135deg,rgba(255,100,100,.4),var(--bg-overlay-4))!important;border-color:#ff6464b3!important}.gem-slot.stat-dex{background:linear-gradient(135deg,rgba(100,255,100,.4),var(--bg-overlay-4))!important;border-color:#64ff64b3!important}.gem-slot.stat-int{background:linear-gradient(135deg,rgba(100,150,255,.4),var(--bg-overlay-4))!important;border-color:#6496ffb3!important}.gem-slot.stat-none{background:linear-gradient(135deg,rgba(200,200,200,.3),var(--bg-overlay-4))!important;border-color:#c8c8c880!important}.gem-slot-inner{width:100%;height:100%;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.gem-icon{font-size:1.3rem;color:var(--primary-color);text-shadow:0 1px 2px rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center}.gem-icon-image{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.gem-slot.main-gem .gem-icon{font-size:1.6rem}.gem-slot.main-gem .gem-icon-image{width:42px;height:42px}.gem-name-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(0);background:#000000e6;color:var(--primary-color);padding:6px 10px;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500;white-space:nowrap;z-index:1000;opacity:0;visibility:hidden;transition:all var(--transition-fast);pointer-events:none;box-shadow:0 2px 8px #0000004d;border:1px solid var(--bg-overlay-4)}.gem-slot.acquired{border-color:#4ade80;box-shadow:0 0 12px #4ade804d}.gem-acquired-indicator{position:absolute;top:-3px;right:-3px;width:16px;height:16px;background:#22c55e;border:2px solid var(--bg-primary);border-radius:3px;z-index:10;display:flex;align-items:center;justify-content:center}.gem-checkmark{color:#fff;font-size:10px;font-weight:700;line-height:1}.gem-slot.stat-str.acquired{border-color:#ff6b6b;box-shadow:0 0 15px #ff6b6b80}.gem-slot.stat-str.acquired .gem-acquired-indicator{background:#22c55e}.gem-slot.stat-dex.acquired{border-color:#6bff6b;box-shadow:0 0 15px #6bff6b80}.gem-slot.stat-dex.acquired .gem-acquired-indicator{background:#22c55e}.gem-slot.stat-int.acquired{border-color:#6bb6ff;box-shadow:0 0 15px #6bb6ff80}.gem-slot.stat-int.acquired .gem-acquired-indicator{background:#22c55e}.gem-slot.stat-none.acquired{border-color:#ccc;box-shadow:0 0 15px #cccccc80}.gem-slot.stat-none.acquired .gem-acquired-indicator{background:#22c55e}.gem-slot.skill.acquired{border-color:#ff6b6b;box-shadow:0 0 12px #ff6b6b4d}.gem-slot.skill.acquired .gem-acquired-indicator{background:#22c55e}.gem-slot.support.acquired{border-color:#6bb6ff;box-shadow:0 0 12px #6bb6ff4d}.gem-slot.support.acquired .gem-acquired-indicator{background:#22c55e}.gem-slot.spirit.acquired{border-color:#6bff96;box-shadow:0 0 12px #6bff964d}.gem-slot.spirit.acquired .gem-acquired-indicator{background:#22c55e}.quest-tracker[data-font-scale="0.8"] .gem-panel-header h3{font-size:1rem}.quest-tracker[data-font-scale="0.9"] .gem-panel-header h3{font-size:1.125rem}.quest-tracker[data-font-scale="1.0"] .gem-panel-header h3{font-size:1.25rem}.quest-tracker[data-font-scale="1.1"] .gem-panel-header h3{font-size:1.375rem}.quest-tracker[data-font-scale="1.2"] .gem-panel-header h3{font-size:1.5rem}.quest-tracker[data-font-scale="0.8"] .gem-count{font-size:.6rem}.quest-tracker[data-font-scale="0.9"] .gem-count{font-size:.675rem}.quest-tracker[data-font-scale="1.0"] .gem-count{font-size:.75rem}.quest-tracker[data-font-scale="1.1"] .gem-count{font-size:.825rem}.quest-tracker[data-font-scale="1.2"] .gem-count{font-size:.9rem}.quest-tracker[data-font-scale="0.8"] .gem-name-label{font-size:.56rem}.quest-tracker[data-font-scale="0.9"] .gem-name-label{font-size:.63rem}.quest-tracker[data-font-scale="1.0"] .gem-name-label{font-size:.7rem}.quest-tracker[data-font-scale="1.1"] .gem-name-label{font-size:.77rem}.quest-tracker[data-font-scale="1.2"] .gem-name-label{font-size:.84rem}@media (max-width: 768px){.skill-bar{flex-direction:column;gap:12px;align-items:flex-start}.main-gem-slot{flex-direction:row;min-width:auto;align-self:flex-start}.support-gems-row{justify-content:flex-start;width:100%}}@media (max-width: 480px){.gem-panel-toggle{bottom:10px}.gem-toggle-btn{padding:6px 10px;min-width:50px}.toggle-text{font-size:.6rem}.support-gems-row{gap:8px}.gem-slot{width:38px;height:38px}.gem-slot.main-gem{width:48px;height:48px}.gem-icon-image{width:28px;height:28px}.gem-slot.main-gem .gem-icon-image{width:36px;height:36px}}.regex-panel-toggle{position:fixed;bottom:15px;left:calc(50% - 150px);z-index:1000;transition:bottom .3s ease}.quest-tracker.gem-panel-open .regex-panel-toggle,.quest-tracker.regex-panel-open .regex-panel-toggle,.quest-tracker.notes-panel-open .regex-panel-toggle,.quest-tracker.settings-open .regex-panel-toggle{display:none}.regex-toggle-btn{background:var(--bg-overlay-4);color:var(--primary-color);border:none;padding:8px 12px;border-radius:var(--border-radius-md);cursor:pointer;font-size:.75rem;font-weight:600;transition:all var(--transition-fast);box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;gap:6px;min-width:60px;justify-content:center}.regex-toggle-btn:hover{background:var(--bg-overlay-3);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.regex-panel-toggle.panel-open .toggle-icon{transform:rotate(180deg)}.regex-panel{position:absolute;inset:0;background:var(--bg-primary);z-index:100;display:none;flex-direction:column;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.regex-panel::-webkit-scrollbar{display:none}.regex-panel.visible{display:flex}.regex-panel-header{padding:16px 20px;border-bottom:1px solid var(--bg-overlay-4);background:var(--bg-header);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.regex-panel-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--primary-color);text-shadow:var(--text-shadow)}.regex-panel-controls{display:flex;align-items:center;gap:12px}.regex-panel-close{background:none;border:none;color:var(--primary-color);font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.regex-panel-close:hover{background:var(--bg-overlay-4)}.regex-panel-content{padding:20px;flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.regex-panel-content::-webkit-scrollbar{display:none}.regex-section{margin-bottom:16px}.regex-section:last-child{margin-bottom:0}.regex-section h4{margin:0 0 12px;color:#fffc;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.regex-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.regex-input-group{display:flex;flex-direction:column;gap:4px}.regex-label{color:#ffffffb3;font-size:12px;font-weight:500;margin-bottom:4px}.regex-input-wrapper{position:relative;display:flex;align-items:center}.regex-input{width:100%;background:#282828cc;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:8px 36px 8px 12px;color:#ffffffe6;font-size:12px;font-family:Courier New,monospace;transition:all .2s ease}.regex-input:focus{outline:none;border-color:#6496ff99;background:#2d2d2de6;box-shadow:0 0 0 2px #6496ff33}.regex-input::placeholder{color:#fff6}.copy-button-inline{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#ffffff80;cursor:pointer;font-size:14px;padding:4px;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.copy-button-inline:hover:not(:disabled){background:#ffffff1a;color:#fffc}.copy-button-inline:disabled{opacity:.3;cursor:not-allowed}.copy-button-inline.copied{background:#22c55e33!important;color:#22c55e!important;animation:copy-success .3s ease}@keyframes copy-success{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}to{transform:translateY(-50%) scale(1)}}.web-mode .regex-panel-toggle{position:relative;bottom:auto;left:auto;margin:10px}.web-mode .regex-panel{position:relative;max-height:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin:10px}@media (max-width: 768px){.regex-inputs{grid-template-columns:1fr}.regex-panel-content{padding:16px}.regex-input-wrapper{flex-direction:column;align-items:stretch}.copy-button{align-self:flex-end;width:auto}}.notes-panel-toggle{position:fixed;bottom:15px;right:calc(50% - 150px);z-index:1000;transition:bottom .3s ease}.quest-tracker.gem-panel-open .notes-panel-toggle,.quest-tracker.regex-panel-open .notes-panel-toggle,.quest-tracker.notes-panel-open .notes-panel-toggle,.quest-tracker.settings-open .notes-panel-toggle{display:none}.notes-toggle-btn{background:var(--bg-overlay-4);color:var(--primary-color);border:none;padding:8px 12px;border-radius:var(--border-radius-md);cursor:pointer;font-size:.75rem;font-weight:600;transition:all var(--transition-fast);box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;gap:6px;min-width:60px;justify-content:center}.notes-toggle-btn:hover{background:var(--bg-overlay-3);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.toggle-icon{font-size:1rem;transition:transform var(--transition-fast)}.toggle-text{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.notes-panel-toggle.panel-open .toggle-icon{transform:rotate(180deg)}.notes-panel{position:absolute;inset:0;background:var(--bg-primary);z-index:100;display:none;flex-direction:column;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.notes-panel::-webkit-scrollbar{display:none}.notes-panel.visible{display:flex}.notes-panel-header{padding:16px 20px;border-bottom:1px solid var(--bg-overlay-4);background:var(--bg-header);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.notes-panel-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--primary-color);text-shadow:var(--text-shadow)}.notes-panel-controls{display:flex;align-items:center;gap:12px}.notes-panel-close{background:none;border:none;color:var(--primary-color);font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.notes-panel-close:hover{background:var(--bg-overlay-4)}.notes-panel-content{padding:20px;flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.notes-panel-content::-webkit-scrollbar{display:none}.notes-section{margin-bottom:32px}.notes-section:last-child{margin-bottom:0}.notes-section h4{margin:0 0 16px;color:#fffc;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pob-import-group{margin-bottom:20px}.pob-input-wrapper{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.pob-input{flex:1;background:#282828cc;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:12px;color:#ffffffe6;font-size:12px;font-family:Courier New,monospace;resize:vertical;min-height:60px;transition:all .2s ease}.pob-input:focus{outline:none;border-color:#6496ff99;background:#2d2d2de6;box-shadow:0 0 0 2px #6496ff33}.pob-input::placeholder{color:#fff6}.import-button{background:#6496ffcc;border:1px solid rgba(100,150,255,.6);border-radius:4px;padding:12px 20px;color:#ffffffe6;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.import-button:hover:not(:disabled){background:#6496ffe6;transform:translateY(-1px)}.import-button:disabled{opacity:.5;cursor:not-allowed}.import-error{color:#ff6464e6;font-size:12px;background:#ff64641a;padding:8px 12px;border-radius:4px;border:1px solid rgba(255,100,100,.3)}.pob-notes-display{margin-top:16px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#191919cc}.pob-notes-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:#1e1e1ecc}.pob-notes-header label{color:#ffffffb3;font-size:12px;font-weight:500;margin:0}.clear-button{background:#ff646433;border:1px solid rgba(255,100,100,.4);border-radius:4px;padding:4px 8px;color:#ff6464e6;cursor:pointer;font-size:11px;transition:all .2s ease}.clear-button:hover{background:#ff64644d}.pob-notes-content{padding:16px;color:#fffc;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.manual-notes-group{display:flex;flex-direction:column;gap:8px}.notes-label{color:#ffffffb3;font-size:12px;font-weight:500;margin-bottom:4px}.notes-textarea{width:100%;background:#282828cc;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:12px;color:#ffffffe6;font-size:12px;font-family:inherit;resize:vertical;min-height:150px;transition:all .2s ease}.notes-textarea:focus{outline:none;border-color:#6496ff99;background:#2d2d2de6;box-shadow:0 0 0 2px #6496ff33}.notes-textarea::placeholder{color:#fff6}.web-mode .notes-panel-toggle{position:relative;bottom:auto;right:auto;margin:10px}.web-mode .notes-panel{position:relative;max-height:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin:10px}@media (max-width: 768px){.pob-input-wrapper{flex-direction:column;align-items:stretch}.import-button{align-self:flex-end;width:auto}.notes-panel-content{padding:16px}}:root{--font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--border-radius-sm: 3px;--border-radius-md: 6px;--border-radius-lg: 8px;--transition-fast: .2s ease;--transition-medium: .3s ease;--primary-color: #ffffff;--accent-color: #ffffff;--bg-primary: linear-gradient( 135deg, rgba(0, 0, 0, .95) 0%, rgba(0, 0, 0, .92) 50%, rgba(0, 0, 0, .95) 100% );--bg-header: linear-gradient( 135deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .3) 100% );--bg-overlay-1: rgba(255, 255, 255, .02);--bg-overlay-2: rgba(255, 255, 255, .05);--bg-overlay-3: rgba(255, 255, 255, .08);--bg-overlay-4: rgba(255, 255, 255, .1);--text-shadow: 0 1px 3px rgba(0, 0, 0, .8);--optional-border: #8a70cd}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);background:transparent;color:var(--primary-color);-webkit-user-select:none;user-select:none}.quest-tracker{width:100%;height:100vh;display:flex;flex-direction:column;border-radius:var(--border-radius-lg);overflow:hidden;font-size:1rem;background:var(--bg-primary);color:var(--primary-color);position:relative;border:none;outline:none}.quest-tracker.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.quest-tracker *:focus,.quest-tracker:focus,.quest-tracker:focus-within{outline:none!important;border:none!important}.loading-text{font-size:1rem;color:var(--primary-color);text-shadow:0 0 10px rgba(255,255,255,.6)}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;background:var(--bg-header);border:none;outline:none;position:relative;z-index:1}.title-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:move;-webkit-app-region:drag;border:none;outline:none;background:transparent}.title{display:flex;align-items:center;gap:8px}.title-text{font-family:var(--font-family);font-size:1rem;font-weight:700;color:var(--primary-color);text-shadow:0 0 8px rgba(255,255,255,.3);pointer-events:auto}.app-version-inline{font-size:.6875rem;background:#0003;padding:2px 6px;border-radius:var(--border-radius-sm);font-weight:400;cursor:pointer;border:none!important;outline:none!important;color:var(--primary-color);opacity:.8;transition:all var(--transition-fast);pointer-events:auto;-webkit-app-region:no-drag}.app-version-inline:hover{opacity:1;background:#0000004d;color:#ab69f7e6}.window-controls{display:flex;gap:4px;align-items:center;-webkit-app-region:no-drag}.control-btn{width:24px;height:24px;background:var(--bg-overlay-4);color:var(--primary-color);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all var(--transition-fast);border:none!important;outline:none!important}.control-btn:hover{background:#fff3}.close-btn:hover{background:#dc14144d;color:#ff6b6b}.support-btn{color:#5fb3a3;font-size:1rem}.support-btn:hover{background:#5fb3a333;color:#5fb3a3}.settings-panel{position:absolute;inset:0;background:var(--bg-primary);z-index:100;display:none;flex-direction:column}.settings-panel.open{display:flex}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--bg-overlay-4);background:var(--bg-header);flex-shrink:0}.settings-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--primary-color);text-shadow:var(--text-shadow)}.settings-close-btn{background:none;border:none;color:var(--primary-color);font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.settings-close-btn:hover{background:var(--bg-overlay-4)}.settings-content{padding:20px;flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.settings-content::-webkit-scrollbar{display:none}.settings-grid{display:flex;flex-direction:column;gap:24px;width:100%;margin:0}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-label{font-size:.7rem;font-weight:700;text-shadow:var(--text-shadow);margin-bottom:4px;color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px}.setting-control{display:flex;align-items:center;gap:8px}.setting-control input[type=range]{flex:1;height:6px;border-radius:var(--border-radius-sm);background:var(--bg-overlay-4);outline:none;border:none}.setting-control input[type=range]::-webkit-slider-thumb,.setting-control input[type=range]::-moz-range-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:none}.setting-value{font-size:.75rem;color:#d0d0d0;min-width:35px;text-align:right}.setting-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--primary-color);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.5px}.setting-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-color)}.setting-checkbox.disabled{opacity:.5;cursor:not-allowed}.setting-checkbox.disabled input[type=checkbox]{cursor:not-allowed}.theme-selector,.hotkey-selector{background:var(--bg-overlay-4);border:none;border-radius:4px;color:var(--primary-color);padding:8px 12px;font-family:var(--font-family);font-size:.75rem;cursor:pointer;width:100%;font-weight:600;transition:all var(--transition-fast);outline:none}.theme-selector:focus,.theme-selector:hover,.hotkey-selector:focus,.hotkey-selector:hover{background:var(--bg-overlay-3)}.theme-selector option,.hotkey-selector option{background:#000000f2;color:var(--primary-color)}.setting-row{display:flex;gap:16px;width:100%}.setting-half{flex:1}.overlay-help{margin:0 0 24px;padding:6px;background:#0000004d;border-radius:0;border-left:3px solid var(--accent-color);width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.help-text{font-size:.75rem;line-height:1.4;color:#d0d0d0;flex:1}.help-text strong{color:var(--accent-color);font-weight:600}.overlay-fix-btn{background:var(--accent-color);color:#000;border:none;padding:6px 12px;border-radius:var(--border-radius-sm);font-size:.7rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-shadow:none;flex-shrink:0}.overlay-fix-btn:hover:not(:disabled){background:var(--primary-color);transform:translateY(-1px)}.overlay-fix-btn:disabled{opacity:.6;cursor:wait}.support-section{text-align:center;padding:12px 16px;margin-top:16px;width:100%}.support-button{background:linear-gradient(135deg,#5fb3a3,#4a9d8e);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius-md);font-family:var(--font-family);font-weight:600;font-size:.75rem;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #5fb3a34d;display:flex;align-items:center;justify-content:center;gap:6px;margin:0 auto}.support-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5fb3a366;background:linear-gradient(135deg,#6bc5b4,#5fb3a3)}.support-button:before{content:"☕";font-size:1.1em;margin-right:4px}.support-text{margin:8px 0 0;font-size:.7rem;color:silver;font-style:italic}.acts-container{flex:1;padding:8px 12px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;transition:padding-bottom .3s ease}.acts-container::-webkit-scrollbar{display:none}.act-panel{margin-bottom:8px;border-radius:var(--border-radius-md);background:var(--bg-overlay-2);overflow:hidden;transition:all var(--transition-medium)}.act-panel:hover{background:var(--bg-overlay-3)}.act-panel.act-complete{background:#4a9f4a0d}.act-panel.act-complete:hover{background:#4a9f4a14}.act-header{padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:var(--bg-overlay-1);transition:all var(--transition-fast)}.act-header:hover{background:var(--bg-overlay-2)}.act-panel.act-complete .act-header{background:#4a9f4a05}.act-panel.act-complete .act-header:hover{background:#4a9f4a0d}.act-title{display:flex;align-items:center;gap:8px}.expand-icon{font-size:.625rem;transition:transform var(--transition-medium);color:var(--primary-color)}.expand-icon.expanded{transform:rotate(90deg)}.act-name{font-size:.8125rem;font-weight:600;text-shadow:var(--text-shadow);color:var(--primary-color);text-transform:uppercase}.act-panel.act-complete .act-name{color:#b3e8b3;text-shadow:0 0 6px rgba(106,184,106,.6)}.act-progress{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.progress-text{font-size:.75rem;color:var(--primary-color);min-width:30px;text-align:right;font-weight:600}.progress-bar{width:80px;height:6px;background:var(--bg-overlay-4);border-radius:var(--border-radius-sm);overflow:hidden}.progress-fill{height:100%;background:var(--accent-color);transition:width var(--transition-medium)}.act-panel.act-complete .progress-bar{background:#4a9f4a1a}.act-panel.act-complete .progress-fill{background:linear-gradient(90deg,#4a9f4a,#6cb85c)}.quests-list{padding:8px;background:#0000001a}.quest-item{display:flex;align-items:flex-start;gap:12px;padding:10px 16px;margin-bottom:6px;border-radius:4px;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-overlay-1)}.quest-item:hover{transform:translate(2px);background:var(--bg-overlay-2)}.quest-item.completed{background:var(--bg-overlay-3)}.quest-item.completed .quest-name{text-decoration:line-through;color:#a0a0a0}.quest-item.completed .quest-description{color:gray}.quest-item.optional{border-left:3px solid var(--optional-border)}.quest-checkbox{margin-top:2px;flex-shrink:0}.checkbox{width:18px;height:18px;border-radius:var(--border-radius-sm);background:var(--bg-overlay-4);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);border:none}.checkbox.checked{background:var(--accent-color)}.checkmark{color:#1a1a1a;font-size:.75rem;font-weight:700}.quest-content{flex:1}.quest-name{font-size:.75rem;font-weight:600;line-height:1.4;color:var(--primary-color);text-shadow:var(--text-shadow);margin-bottom:4px}.quest-description{font-size:.6875rem;color:silver;line-height:1.4;opacity:.95;font-style:italic;margin-top:4px;background:var(--bg-overlay-2);padding:4px 8px;border-radius:var(--border-radius-sm);font-weight:500}.quest-location{color:#8fbc8f;font-weight:600;text-shadow:0 0 4px rgba(143,188,143,.5)}.quest-boss{color:orange;font-weight:600;text-shadow:0 0 4px rgba(255,165,0,.5)}.quest-tip{color:#87ceeb;font-weight:600;font-style:italic;text-shadow:0 0 4px rgba(135,206,235,.5)}.quest-reward{font-size:.6875rem;color:#90ee90;line-height:1.4;margin-top:4px;background:#90ee901a;padding:4px 8px;border-radius:var(--border-radius-sm);border-left:3px solid #90ee90}.reward-label{font-weight:600;text-transform:uppercase;font-size:.6rem;letter-spacing:.5px}.quest-warning{font-size:.6875rem;color:#ffb347;line-height:1.4;margin-top:4px;background:#ffb34726;padding:6px 8px;border-radius:var(--border-radius-sm);border-left:3px solid #ff8c00;display:flex;align-items:flex-start;gap:6px}.warning-icon{flex-shrink:0;font-size:.8rem}.optional-badge{font-size:.625rem;color:#b370db;background:#b370db33;padding:2px 6px;border-radius:8px;white-space:nowrap;align-self:flex-start;margin-top:1px}.reset-button{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius-md);font-family:var(--font-family);font-weight:600;font-size:.75rem;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #e74c3c4d;width:100%}.reset-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c66;background:linear-gradient(135deg,#ff5a4a,#e74c3c)}.reset-confirm{display:flex;flex-direction:column;gap:12px;width:100%}.reset-confirm-text{font-size:.7rem;color:#ff6b6b;text-align:center;font-weight:600;background:#e74c3c1a;padding:8px 12px;border-radius:var(--border-radius-sm);border:1px solid rgba(231,76,60,.3)}.reset-confirm-buttons{display:flex;gap:8px;width:100%}.reset-confirm-btn{flex:1;padding:8px 16px;border:none;border-radius:var(--border-radius-sm);font-family:var(--font-family);font-weight:600;font-size:.7rem;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.reset-yes{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 2px 6px #e74c3c4d}.reset-yes:hover{transform:translateY(-1px);box-shadow:0 3px 8px #e74c3c66;background:linear-gradient(135deg,#ff5a4a,#e74c3c)}.reset-no{background:var(--bg-overlay-4);color:var(--primary-color);border:1px solid var(--bg-overlay-3)}.reset-no:hover{background:var(--bg-overlay-3);transform:translateY(-1px)}.reset-button.compact{padding:6px 12px;font-size:.7rem;width:auto;min-width:80px}.reset-confirm.compact{gap:8px}.reset-confirm.compact .reset-confirm-text{font-size:.65rem;padding:6px 8px}.reset-confirm.compact .reset-confirm-btn{padding:6px 12px;font-size:.65rem}.reset-control-row{display:flex;align-items:center;gap:12px;width:100%}.reset-success-message{color:#22c55e;font-size:.7rem;font-weight:600;background:#22c55e1a;padding:6px 10px;border-radius:var(--border-radius-sm);border:1px solid rgba(34,197,94,.3);white-space:nowrap;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.pob-import-section{display:flex;flex-direction:column;gap:8px;width:100%}.pob-input{width:100%;min-height:80px;padding:8px 12px;background:var(--bg-overlay-4);border:1px solid var(--bg-overlay-3);border-radius:var(--border-radius-sm);color:var(--primary-color);font-family:var(--font-family);font-size:.75rem;resize:vertical;outline:none}.pob-input:focus{border-color:var(--accent-color);background:var(--bg-overlay-3)}.pob-input::placeholder{color:#888}.pob-buttons{display:flex;gap:8px}.pob-import-btn,.pob-reset-btn{flex:1;padding:8px 16px;border:none;border-radius:var(--border-radius-sm);font-family:var(--font-family);font-weight:600;font-size:.7rem;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.pob-import-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.pob-import-btn:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#60a5fa,#3b82f6)}.pob-import-btn:disabled{opacity:.6;cursor:not-allowed}.pob-import-btn.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.pob-import-btn.success:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#22c55e)}.pob-import-btn.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.pob-import-btn.error:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444)}.pob-reset-btn{background:var(--bg-overlay-4);color:var(--primary-color);border:1px solid var(--bg-overlay-3)}.pob-reset-btn:hover{background:var(--bg-overlay-3);transform:translateY(-1px)}.pob-message{padding:6px 10px;border-radius:var(--border-radius-sm);font-size:.7rem;font-weight:600;text-align:center}.pob-message.error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.3)}.pob-message.success{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.loadout-selection{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--bg-overlay-2);border-radius:var(--border-radius-sm);border:1px solid var(--bg-overlay-3)}.loadout-label{font-size:.65rem;font-weight:600;color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px}.loadout-controls{display:flex;gap:8px;align-items:center}.loadout-selector{flex:1;padding:6px 8px;background:var(--bg-overlay-1);border:1px solid var(--bg-overlay-3);border-radius:var(--border-radius-sm);color:var(--primary-color);font-family:var(--font-family);font-size:.7rem;cursor:pointer}.loadout-selector:focus{outline:2px solid var(--accent-color);outline-offset:-2px}.loadout-import-btn{padding:6px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--border-radius-sm);font-family:var(--font-family);font-weight:600;font-size:.65rem;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.loadout-import-btn:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#34d399,#10b981)}.loadout-import-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.quest-tracker[data-font-scale="0.8"]{font-size:.8rem}.quest-tracker[data-font-scale="0.9"]{font-size:.9rem}.quest-tracker[data-font-scale="1.0"]{font-size:1rem}.quest-tracker[data-font-scale="1.1"]{font-size:1.1rem}.quest-tracker[data-font-scale="1.2"]{font-size:1.2rem}.quest-tracker[data-font-scale="0.8"] .title-text{font-size:.8rem}.quest-tracker[data-font-scale="0.9"] .title-text{font-size:.9rem}.quest-tracker[data-font-scale="1.0"] .title-text{font-size:1rem}.quest-tracker[data-font-scale="1.1"] .title-text{font-size:1.1rem}.quest-tracker[data-font-scale="1.2"] .title-text{font-size:1.2rem}.quest-tracker[data-font-scale="0.8"] .act-name{font-size:.65rem}.quest-tracker[data-font-scale="0.9"] .act-name{font-size:.73rem}.quest-tracker[data-font-scale="1.0"] .act-name{font-size:.8125rem}.quest-tracker[data-font-scale="1.1"] .act-name{font-size:.89rem}.quest-tracker[data-font-scale="1.2"] .act-name{font-size:.975rem}.quest-tracker[data-font-scale="0.8"] .quest-name{font-size:.6rem}.quest-tracker[data-font-scale="0.9"] .quest-name{font-size:.675rem}.quest-tracker[data-font-scale="1.0"] .quest-name{font-size:.75rem}.quest-tracker[data-font-scale="1.1"] .quest-name{font-size:.825rem}.quest-tracker[data-font-scale="1.2"] .quest-name{font-size:.9rem}.quest-tracker[data-font-scale="0.8"] .quest-description{font-size:.55rem}.quest-tracker[data-font-scale="0.9"] .quest-description{font-size:.62rem}.quest-tracker[data-font-scale="1.0"] .quest-description{font-size:.6875rem}.quest-tracker[data-font-scale="1.1"] .quest-description{font-size:.756rem}.quest-tracker[data-font-scale="1.2"] .quest-description{font-size:.825rem}.quest-tracker[data-font-scale="0.8"] .quest-reward{font-size:.55rem}.quest-tracker[data-font-scale="0.9"] .quest-reward{font-size:.62rem}.quest-tracker[data-font-scale="1.0"] .quest-reward{font-size:.6875rem}.quest-tracker[data-font-scale="1.1"] .quest-reward{font-size:.756rem}.quest-tracker[data-font-scale="1.2"] .quest-reward{font-size:.825rem}.quest-tracker[data-font-scale="0.8"] .quest-warning{font-size:.55rem}.quest-tracker[data-font-scale="0.9"] .quest-warning{font-size:.62rem}.quest-tracker[data-font-scale="1.0"] .quest-warning{font-size:.6875rem}.quest-tracker[data-font-scale="1.1"] .quest-warning{font-size:.756rem}.quest-tracker[data-font-scale="1.2"] .quest-warning{font-size:.825rem}.quest-tracker[data-font-scale="0.8"] .reward-label{font-size:.48rem}.quest-tracker[data-font-scale="0.9"] .reward-label{font-size:.54rem}.quest-tracker[data-font-scale="1.0"] .reward-label{font-size:.6rem}.quest-tracker[data-font-scale="1.1"] .reward-label{font-size:.66rem}.quest-tracker[data-font-scale="1.2"] .reward-label{font-size:.72rem}.quest-tracker[data-font-scale="0.8"] .progress-text{font-size:.6rem}.quest-tracker[data-font-scale="0.9"] .progress-text{font-size:.675rem}.quest-tracker[data-font-scale="1.0"] .progress-text{font-size:.75rem}.quest-tracker[data-font-scale="1.1"] .progress-text{font-size:.825rem}.quest-tracker[data-font-scale="1.2"] .progress-text{font-size:.9rem}.quest-tracker[data-font-scale="0.8"] .setting-label{font-size:.56rem}.quest-tracker[data-font-scale="0.9"] .setting-label{font-size:.63rem}.quest-tracker[data-font-scale="1.0"] .setting-label{font-size:.7rem}.quest-tracker[data-font-scale="1.1"] .setting-label{font-size:.77rem}.quest-tracker[data-font-scale="1.2"] .setting-label{font-size:.84rem}.quest-tracker[data-font-scale="0.8"] .setting-checkbox{font-size:.56rem}.quest-tracker[data-font-scale="0.9"] .setting-checkbox{font-size:.63rem}.quest-tracker[data-font-scale="1.0"] .setting-checkbox{font-size:.7rem}.quest-tracker[data-font-scale="1.1"] .setting-checkbox{font-size:.77rem}.quest-tracker[data-font-scale="1.2"] .setting-checkbox{font-size:.84rem}.quest-tracker[data-font-scale="0.8"] .setting-value{font-size:.6rem}.quest-tracker[data-font-scale="0.9"] .setting-value{font-size:.675rem}.quest-tracker[data-font-scale="1.0"] .setting-value{font-size:.75rem}.quest-tracker[data-font-scale="1.1"] .setting-value{font-size:.825rem}.quest-tracker[data-font-scale="1.2"] .setting-value{font-size:.9rem}.quest-tracker[data-font-scale="0.8"] .optional-badge{font-size:.5rem}.quest-tracker[data-font-scale="0.9"] .optional-badge{font-size:.5625rem}.quest-tracker[data-font-scale="1.0"] .optional-badge{font-size:.625rem}.quest-tracker[data-font-scale="1.1"] .optional-badge{font-size:.6875rem}.quest-tracker[data-font-scale="1.2"] .optional-badge{font-size:.75rem}@media (max-width: 400px){.quest-tracker{font-size:.85rem}.act-header{padding:10px 12px}.quest-item{padding:8px 12px}}.log-detection-section{display:flex;flex-direction:column;gap:8px;width:100%}.log-status-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.log-status{flex:1}.log-status-detected{color:#4ade80;font-weight:600;font-size:.7rem}.log-status-not-detected{color:#f87171;font-weight:600;font-size:.7rem}.log-buttons{display:flex;gap:8px;align-items:center}.log-detect-btn,.log-select-btn{padding:6px 12px;border:none;border-radius:var(--border-radius-sm);font-family:var(--font-family);font-weight:600;font-size:.65rem;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;color:#fff;min-width:80px}.log-detect-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 4px #8b5cf64d}.log-select-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 4px #6366f14d}.log-detect-btn:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.log-select-btn:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#818cf8,#6366f1)}.log-detect-btn:disabled,.log-select-btn:disabled{opacity:.6;cursor:not-allowed}.log-path{font-size:.65rem;color:#888;word-break:break-all;padding:6px 8px;background:var(--bg-overlay-2);border-radius:var(--border-radius-sm);border:1px solid var(--bg-overlay-3)}.log-path strong{color:var(--primary-color)}.log-message{padding:6px 10px;border-radius:var(--border-radius-sm);font-size:.65rem;font-weight:600}.log-message.error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.3)}.log-message.success{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.log-help-text{font-size:.65rem;color:#888;line-height:1.3;font-style:italic}@media (max-width: 480px){.setting-row{flex-direction:column;gap:12px}.setting-half{flex:none}.log-status-row{flex-direction:column;align-items:stretch;gap:8px}.log-buttons{flex-direction:column;width:100%}.log-detect-btn,.log-select-btn{width:100%}}body:has(.quest-tracker.web-mode){overflow-y:auto!important;height:auto!important}html:has(.quest-tracker.web-mode){overflow-y:auto!important;height:auto!important}.quest-tracker.web-mode{background:#1a1a1a!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;max-width:none!important;margin:0!important;min-height:100vh;height:auto!important;width:100%!important;border-radius:0;overflow:visible!important;padding:0}.quest-tracker.web-mode .header{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)!important;border-bottom:1px solid #333;position:sticky;top:0;z-index:100}.quest-tracker.web-mode .title-bar{-webkit-app-region:none!important;cursor:default!important;padding:16px 20px;justify-content:center}.quest-tracker.web-mode .title{justify-content:center}.quest-tracker.web-mode .title-text{font-size:1.5rem;font-weight:800}.quest-tracker.web-mode .window-controls{display:flex!important}.quest-tracker.web-mode .minimize-btn,.quest-tracker.web-mode .close-btn{display:none!important}.quest-tracker.web-mode .acts-container{padding:20px;max-height:none!important;overflow-y:visible!important;overflow-x:hidden;height:auto!important;display:flex;flex-direction:column;gap:16px;max-width:none}.quest-tracker.web-mode .act-panel{margin-bottom:0;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1);width:100%}.quest-tracker.web-mode .settings-panel{background:#000c!important;border-top:1px solid #333;position:fixed;inset:0;z-index:1000}.quest-tracker.web-mode .settings-grid{max-width:none;margin:0;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quest-tracker.web-mode[data-font-scale="0.8"] .title-text{font-size:1.2rem}.quest-tracker.web-mode[data-font-scale="0.8"] .act-name{font-size:.65rem}.quest-tracker.web-mode[data-font-scale="0.8"] .quest-name{font-size:.6rem}.quest-tracker.web-mode[data-font-scale="0.8"] .quest-description{font-size:.55rem}.quest-tracker.web-mode[data-font-scale="0.9"] .title-text{font-size:1.35rem}.quest-tracker.web-mode[data-font-scale="0.9"] .act-name{font-size:.73rem}.quest-tracker.web-mode[data-font-scale="0.9"] .quest-name{font-size:.675rem}.quest-tracker.web-mode[data-font-scale="0.9"] .quest-description{font-size:.62rem}.quest-tracker.web-mode[data-font-scale="1.1"] .title-text{font-size:1.65rem}.quest-tracker.web-mode[data-font-scale="1.1"] .act-name{font-size:.89rem}.quest-tracker.web-mode[data-font-scale="1.1"] .quest-name{font-size:.825rem}.quest-tracker.web-mode[data-font-scale="1.1"] .quest-description{font-size:.756rem}.quest-tracker.web-mode[data-font-scale="1.2"] .title-text{font-size:1.8rem}.quest-tracker.web-mode[data-font-scale="1.2"] .act-name{font-size:.975rem}.quest-tracker.web-mode[data-font-scale="1.2"] .quest-name{font-size:.9rem}.quest-tracker.web-mode[data-font-scale="1.2"] .quest-description{font-size:.825rem}.quest-tracker.web-mode:before{content:"";display:block;background:linear-gradient(45deg,#d4af37,#8b6914);height:4px;width:100%}.quest-tracker.web-mode .header:after{content:"Web Version - For the desktop overlay app, visit GitHub releases";display:block;text-align:center;font-size:.75rem;color:#888;padding:8px;border-bottom:1px solid #333;background:#0000004d}@media (max-width: 768px){.quest-tracker.web-mode{max-width:100%;margin:0}.quest-tracker.web-mode .acts-container{padding:12px;gap:12px}.quest-tracker.web-mode .title-text{font-size:1.25rem}.quest-tracker.web-mode .title-bar{flex-direction:column;gap:12px;padding:12px 16px}.quest-tracker.web-mode .window-controls{order:-1;width:100%;justify-content:flex-end}.quest-tracker.web-mode .title{order:1;justify-content:center}}@media (max-width: 480px){.quest-tracker.web-mode .acts-container{padding:8px;gap:8px}.quest-tracker.web-mode .settings-grid{grid-template-columns:1fr}}.quest-tracker[data-theme=amoled-crimson]{--primary-color: #ff4444;--accent-color: #ff4444;--bg-overlay-1: rgba(255, 68, 68, .02);--bg-overlay-2: rgba(255, 68, 68, .05);--bg-overlay-3: rgba(255, 68, 68, .08);--bg-overlay-4: rgba(255, 68, 68, .1);--shadow-primary: 0 0 20px rgba(255, 68, 68, .3);--optional-border: #cd5a70}.quest-tracker[data-theme=amoled-crimson] .title-text{text-shadow:0 0 8px rgba(255,68,68,.6)}.quest-tracker[data-theme=amoled-crimson] .optional-badge{color:#db70b3;background:#db70b333}.quest-tracker[data-theme=amoled-crimson] .loading-text{text-shadow:0 0 10px rgba(255,68,68,.6)}.quest-tracker[data-theme=amoled-crimson] .update-notification{background-color:#1a1a1a;color:#f44}.quest-tracker[data-theme=amoled-crimson] .update-restart-btn{background-color:#f44;color:#1a1a1a}.quest-tracker[data-theme=amoled-crimson] .update-restart-btn:hover{background-color:#f66}.quest-tracker[data-theme=amoled-yellow]{--primary-color: #ffaa00;--accent-color: #ffaa00;--bg-overlay-1: rgba(255, 170, 0, .02);--bg-overlay-2: rgba(255, 170, 0, .05);--bg-overlay-3: rgba(255, 170, 0, .08);--bg-overlay-4: rgba(255, 170, 0, .1);--shadow-primary: 0 0 20px rgba(255, 170, 0, .3);--optional-border: #8a70cd}.quest-tracker[data-theme=amoled-yellow] .title-text{text-shadow:0 0 8px rgba(255,170,0,.6)}.quest-tracker[data-theme=amoled-yellow] .loading-text{text-shadow:0 0 10px rgba(255,170,0,.6)}.quest-tracker[data-theme=amoled-yellow] .update-notification{background-color:#1a1a1a;color:#fa0}.quest-tracker[data-theme=amoled-yellow] .update-restart-btn{background-color:#fa0;color:#1a1a1a}.quest-tracker[data-theme=amoled-yellow] .update-restart-btn:hover{background-color:#fc4}