@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--header-height: 102px;--tactical-orange: #FF8A00;--tactical-green: #3ddc84;--tactical-blue: #4da6ff;--bg-dark: #0d0d0d;--bg-panel: #111}.header-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;height:102px!important;overflow:hidden;background-color:var(--bg-dark);width:100%;box-sizing:border-box;border-bottom:1px solid var(--tactical-orange);box-shadow:0 4px 10px #00000080;font-family:Roboto Condensed,sans-serif;color:#fff;padding-right:0}.header-container *,.header-container *:before,.header-container *:after{box-sizing:border-box}.header-left{display:flex;flex-direction:column;height:100%;width:450px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.1)}.header-left-top{height:50px;width:100%;background:#000;display:flex;justify-content:space-between;align-items:center;padding-right:1px}.banner-img{height:100%;width:auto;object-fit:contain;display:block;cursor:pointer}.header-left-bottom{height:52px;display:flex;align-items:center;gap:8px;padding:0 10px;background-color:var(--bg-panel);border-top:1px solid #333}.control-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2px;height:100%;padding-bottom:6px}.control-group.search-group{flex-grow:1;margin:0 10px;display:flex;align-items:center}.control-label{font-size:10px;color:var(--tactical-orange);font-weight:700;font-family:Consolas,monospace;letter-spacing:.5px;text-transform:uppercase}.level-input{height:24px;width:40px;background:#000;border:1px solid #333;color:#fff;text-align:center;font-size:14px;font-weight:700;font-family:Consolas,monospace}.search-wrapper{display:flex;align-items:center;background:#0009;border:1px solid rgba(255,138,0,.3);height:24px;width:250px;padding:0 4px;transition:all .3s ease;box-shadow:0 0 5px #ff8a0066}.search-wrapper:hover,.search-wrapper:focus-within{background:#000c;box-shadow:0 0 15px #ff8a00cc,inset 0 0 5px #ff8a0033;border-color:var(--tactical-orange)}.search-icon{font-size:12px;margin-right:6px;color:#555}.search-input{background:transparent;border:none;outline:none;color:#aaa;font-size:13px;font-family:Consolas,monospace;width:100%}.search-input::placeholder{color:#555;font-style:italic}.map-select{height:24px;width:100px;background:#000;border:1px solid #333;color:#fff;font-size:13px;font-family:Consolas,monospace;padding:0 4px;cursor:pointer}.header-favorites-section{display:contents;cursor:pointer}@keyframes pulse-white-glow{0%{box-shadow:0 0 10px #ffffff1a}50%{box-shadow:0 0 20px #fff6}to{box-shadow:0 0 10px #ffffff1a}}.favorite-icon-img{height:100px!important;width:80px!important;object-fit:fill;margin:0 20px!important;display:block;animation:pulse-white-glow 3s infinite ease-in-out;border-radius:4px;transition:all .3s ease}.favorite-icon-img:hover{box-shadow:0 0 25px #ff8a0099;transform:scale(1.02);animation:none;box-shadow:0 0 25px #fffc}body.no-animation .favorite-icon-img,body.no-animation .kappa-img{animation:none!important}body.no-animation .favorite-icon-img:hover,body.no-animation .kappa-trigger:hover .kappa-img{transform:none!important;box-shadow:none!important;opacity:1!important}.header-center{width:auto;flex-grow:1;height:100%;display:flex;align-items:center;padding:0;gap:15px}.header-center-content{display:flex;flex-direction:row;align-items:center;gap:15px}.progress-bars-wrapper{display:flex;flex-direction:column;justify-content:center;gap:4px}.progress-row{display:flex;flex-direction:column;align-items:flex-start;width:615px;gap:2px}.progress-label{font-size:13px;font-weight:700;color:#888;letter-spacing:1px;line-height:1;text-transform:uppercase;text-shadow:1px 1px 2px #000}.progress-bar-container{width:615px;height:22px;background:#000;border:1px solid #333;position:relative;border-radius:2px;overflow:hidden}@keyframes shimmer-custom{0%{transform:translate(-150px)}to{transform:translate(650px)}}.progress-bar-container:after{content:"";position:absolute;top:0;left:0;height:100%;width:60px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);z-index:10;animation:shimmer-custom 2.5s infinite linear;pointer-events:none}.progress-bar-fill{height:100%;position:relative}.progress-bar-fill.gold{background:linear-gradient(90deg,#50320033,#b87300cc 40%,#d47500);box-shadow:none}.progress-bar-fill.blue{background:linear-gradient(90deg,#001e3c33,#05ac 40%,#06c);box-shadow:none}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;font-family:Consolas,monospace;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 4px #000,0 0 2px #000;line-height:1;z-index:20;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:2px;height:100%}.header-icon-button{width:48px!important;height:48px!important;background:#000c;border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px!important;border-radius:4px;cursor:pointer;transition:all .2s}.header-icon-button:hover{border-color:var(--tactical-orange);color:var(--tactical-orange);background:#ffffff1a}.header-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s;margin-left:4px}.header-user-avatar:hover{border-color:var(--tactical-orange);box-shadow:0 0 8px #ff8a0080}.header-user-icon{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s;margin-left:4px}.header-user-icon:hover{border-color:var(--tactical-orange);background:#ff8a0033;color:var(--tactical-orange)}.kappa-trigger{height:100%;cursor:pointer;display:block;position:relative;margin-right:15px}.kappa-img{height:100px!important;width:auto;object-fit:contain;display:block;opacity:.9;transition:opacity .2s;animation:pulse-white-glow 3s infinite ease-in-out}.kappa-trigger:hover .kappa-img{opacity:1;animation:none;box-shadow:0 0 25px #fffc}.kappa-icon-overlay{position:absolute;bottom:10px;right:10px;pointer-events:none;z-index:5}.header-mobile-bar{display:none}@media(max-width:768px){.header-container{display:none!important}.header-mobile-bar{display:flex;height:60px;background:#111;padding:0 16px;align-items:center;border-bottom:1px solid #333}.mobile-bar-content{display:flex;justify-content:space-between;width:100%;align-items:center}.mobile-trader-select{background:#222;color:#fff;border:1px solid #444;padding:4px}.hamburger span{display:block;width:24px;height:2px;background:#fff;margin-bottom:4px}}.share-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;border:none;border-radius:8px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#e7e9ea;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:11px;white-space:nowrap;height:100px;width:60px}.share-button:hover{background:linear-gradient(135deg,#1d9bf0,#1a8cd8);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #1d9bf066}.share-button:active{transform:scale(.98)}.share-button__icon{width:24px;height:24px;flex-shrink:0}.share-button__text{font-size:14px}.share-button--small{padding:4px 10px;gap:4px;font-size:12px;border-radius:6px}.share-button--small .share-button__icon{width:14px;height:14px}.share-button--small .share-button__text{font-size:12px}.share-button--medium{padding:8px 16px;gap:6px;font-size:14px}.share-button--medium .share-button__icon{width:18px;height:18px}.share-button--large{padding:12px 24px;gap:8px;font-size:16px;border-radius:10px}.share-button--large .share-button__icon{width:22px;height:22px}.share-button--large .share-button__text{font-size:16px}.header .share-button{margin-left:12px}@media(max-width:768px){.share-button{padding:10px 18px;gap:6px}.share-button__icon{width:18px;height:18px}.share-button__text{font-size:14px}.share-button--small{padding:6px 12px}.share-button--large{padding:12px 20px}}.share-button--compact{padding:8px;gap:0}.share-button--compact .share-button__text{display:none}.share-button--compact .share-button__icon{width:20px;height:20px}.raid-info-widget{width:200px!important;height:52px;display:flex;flex-direction:column;justify-content:center;padding:0 4px;box-sizing:border-box;background:#0003;border-left:1px solid rgba(255,255,255,.1)}.raid-times{display:flex;justify-content:space-between;font-family:Share Tech Mono,monospace;font-size:18px;color:#dceeff;text-shadow:0 0 4px rgba(220,238,255,.4);line-height:1.2;letter-spacing:.5px}.raid-meta{display:flex;justify-content:space-between;align-items:center;font-family:Roboto Condensed,sans-serif;font-size:11px;font-weight:700;color:#8a8a7b;margin-top:2px;text-transform:uppercase;letter-spacing:1px}.weather-icon{font-size:14px;color:#dceeff;filter:drop-shadow(0 0 2px rgba(255,255,255,.3))}.plan-badge-link{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 8px;border-radius:8px;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .2s;white-space:nowrap;line-height:1.1;min-width:80px;text-align:center}.plan-badge-free{background:#21262d;color:#8b949e;border:1px solid #30363d}.plan-badge-free:hover{background:#30363d;color:#e6edf3;border-color:#58a6ff}.plan-badge-pro{background:linear-gradient(135deg,#8957e5,#a371f7);color:#fff;border:1px solid transparent}.plan-badge-pro:hover{box-shadow:0 0 12px #8957e580}.plan-badge-icon,.plan-badge-text{font-size:.75rem}.plan-badge-upgrade{font-size:.6rem;padding:1px 4px;background:#58a6ff33;color:#58a6ff;border-radius:4px;margin-left:0;margin-top:2px;display:block}.plan-badge-free:hover .plan-badge-upgrade{background:#58a6ff;color:#fff}@media(max-width:768px){.plan-badge-link{padding:4px 8px}.plan-badge-text,.plan-badge-upgrade{display:none}}.item-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;margin-right:8px;margin-bottom:8px}.item-icon-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2px}.item-icon{max-width:100%;max-height:100%;object-fit:contain}.item-count{position:absolute;bottom:-2px;right:-2px;background-color:#000c;color:#fff;font-size:10px;padding:1px 4px;border-radius:3px;border:1px solid rgba(255,255,255,.2);font-family:Roboto Condensed,sans-serif}.task-item{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid var(--border-color, #333);border-radius:6px;background-color:var(--bg-secondary)}.task-item--active{border-color:#0000;position:relative}.task-active-border-overlay{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:1}.task-item--active .task-header{position:relative;z-index:2;background:var(--bg-secondary);margin:1px;border-radius:5px}.task-item--active .border-line{position:absolute;display:block;background:linear-gradient(90deg,transparent,#ffffff)}.task-item--active .border-top{top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ffffff);animation:snake-top 4s linear infinite}.task-item--active .border-right{top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#ffffff);animation:snake-right 4s linear infinite;animation-delay:1s}.task-item--active .border-bottom{bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#ffffff);animation:snake-bottom 4s linear infinite;animation-delay:2s}.task-item--active .border-left{bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#ffffff);animation:snake-left 4s linear infinite;animation-delay:3s}@keyframes snake-top{0%{left:-100%}50%,to{left:100%}}@keyframes snake-right{0%{top:-100%}50%,to{top:100%}}@keyframes snake-bottom{0%{right:-100%}50%,to{right:100%}}@keyframes snake-left{0%{bottom:-100%}50%,to{bottom:100%}}.task-item--locked{border:2px solid #ef4444!important;background-color:#450a0a33!important}.task-item--locked .task-title-en{color:#a1a1aa!important}.task-item--locked .lock-reason-text{color:#ef4444;font-weight:700}.task-item--completed{border-color:#10b981!important;background-color:#064e3b33!important;box-shadow:0 0 8px #10b98166}.task-item--completed .task-title-en{color:#6b7280!important}.task-content>div:not(.task-title-row-primary):not(.task-title-row-secondary){animation:slideDown .3s ease-out forwards;transform-origin:top}.task-item--completed:hover{transform:none!important;box-shadow:none!important}@keyframes slideDown{0%{opacity:0;transform:scaleY(.95);max-height:0}to{opacity:1;transform:scaleY(1);max-height:500px}}.task-favorite-btn{background:none;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;font-size:1.1em;padding:0;margin-left:0;margin-top:6px;line-height:1;color:#ffffff4d;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.task-favorite-btn:hover{border-color:#ffd70080;color:#ffd700b3;background:#ffd7000d}.task-favorite-btn.favorited{border-color:gold;background:#ffd70026;color:gold;box-shadow:0 0 5px #ffd70033}.task-favorite-btn.favorited:hover{box-shadow:0 0 8px #ffd70066;transform:scale(1.05)}.checkbox-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:4px;margin-right:12px;width:30px;min-height:70px}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.react-flow__node-taskNode{font-family:Roboto Condensed,sans-serif;pointer-events:auto!important;z-index:100!important}.react-flow__node-taskNode>div{pointer-events:auto!important}.react-flow__node-externalNode{font-family:Roboto Condensed,sans-serif;pointer-events:auto!important;z-index:100!important}.react-flow__controls{box-shadow:0 0 10px #00000080;background:#222;border:1px solid #444}.react-flow__controls-button{border-bottom:1px solid #444;background:#222;fill:#eee}.react-flow__controls-button:hover{background:#333}.react-flow__minimap{background:#111;border:1px solid #333;border-radius:4px}.react-flow__minimap-mask{fill:#ffffff1a}.react-flow__edge-path{stroke-width:2;stroke:#555;stroke-linecap:round!important;stroke-linejoin:round!important}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}@keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes activePulse{0%,to{box-shadow:0 0 8px #ffffff26,0 0 20px #00e5ff33}50%{box-shadow:0 0 15px #ffffff59,0 0 30px #00e5ff66}}.task-node-active{animation:activePulse 2s ease-in-out infinite}@media(max-width:768px){.react-flow__node-taskNode,.react-flow__node-externalNode{font-size:.85rem}.react-flow__node-taskNode>div,.react-flow__node-externalNode>div{transform:scale(.85);transform-origin:top left}.react-flow__controls{right:8px!important;bottom:8px!important}.react-flow__controls-button{width:36px;height:36px;min-height:44px;touch-action:manipulation}.react-flow{touch-action:pan-x pan-y pinch-zoom}.react-flow__minimap{display:none}}.wiki-content{display:flex;flex-direction:row;flex:1;position:relative;overflow:hidden;height:100%;background:#fff}.wiki-iframe-wrapper{flex:1;height:100%;margin:0;padding:0;position:relative;min-width:0}.wiki-ad-column{width:100px;height:95%;align-self:center;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;border-left:1px solid var(--border-color);flex-shrink:0}.wiki-ad-column .ad-banner-container{opacity:0;transition:opacity 1s ease-in-out}.wiki-ad-column.visible .ad-banner-container{opacity:1}.wiki-iframe{width:100%;height:100%;border:none;display:block}.wiki-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.2rem}@media(max-width:768px){.wiki-ad-column{display:none}}.kappa-tree-overlay{position:fixed;inset:0;background:#000000f2;z-index:1000;display:flex;flex-direction:column}.kappa-tree-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border-bottom:1px solid #333;flex-direction:column;gap:16px}.kappa-tree-header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.kappa-tree-logo{cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.kappa-tree-logo:hover{background:#3ddc8433}.kappa-header-logo{height:32px;width:auto}.kappa-tree-tabs{display:flex;gap:8px;overflow-x:auto;width:100%;padding-bottom:4px;scrollbar-width:none}.kappa-tree-tabs::-webkit-scrollbar{display:none}.kappa-tree-tab{padding:8px 16px;background:#222;border:1px solid #444;border-radius:4px;color:#aaa;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap;transition:all .2s;display:flex;align-items:center;gap:6px}.kappa-tree-tab:hover{background:#333;color:#fff}.kappa-tree-tab.active{background:#3ddc84;color:#000;border-color:#3ddc84}.kappa-tree-tab-icon{width:16px;height:16px;border-radius:50%;object-fit:cover}.kappa-tree-header h2{margin:0;font-size:1.8rem;font-weight:800;text-transform:uppercase;letter-spacing:4px;background:linear-gradient(135deg,#3ddc84,#2bbd7e,#8affc1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(61,220,132,.3);position:relative;display:inline-block}.kappa-tree-header h2:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#3ddc84,transparent);opacity:.7}.kappa-tree-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ccc;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.kappa-tree-close:hover{background:#f4433633;border-color:#f44336;color:#f44336;transform:rotate(90deg);box-shadow:0 0 15px #f443364d}.kappa-tree-viewport{flex:1;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:radial-gradient(circle at 50% 50%,#0f1419,#050505)}.kappa-tree-canvas{position:relative;transform-origin:0 0}.kappa-tree-canvas.with-transition{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.kappa-tree-viewport.dragging{cursor:grabbing!important}.kappa-trader-section{position:absolute;border-radius:8px;pointer-events:none}.kappa-trader-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0006;border-radius:8px 8px 0 0}.kappa-trader-icon{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid currentColor}.kappa-trader-name{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-family:Roboto Condensed,sans-serif}.kappa-tree-edges{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.kappa-tree-node{position:absolute;padding:12px 16px;background:linear-gradient(180deg,#232323f2,#141414fa);border:1px solid rgba(61,220,132,.3);border-top:1px solid rgba(61,220,132,.5);border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px #0009,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes kappa-pulse-border{0%{box-shadow:0 0 #00e5ff66,inset 0 0 10px #00e5ff1a;border-color:#00e5ff99}50%{box-shadow:0 0 15px 2px #00e5ff33,inset 0 0 20px #00e5ff33;border-color:#00e5ffcc}to{box-shadow:0 0 #00e5ff00,inset 0 0 10px #00e5ff1a;border-color:#00e5ff99}}.kappa-tree-node.active{animation:kappa-pulse-border 3s infinite;border-color:#00e5ff!important;z-index:15;background:linear-gradient(180deg,#002832f2,#00141efa)}.kappa-tree-node.manually-unlocked{z-index:14;border-color:gold;box-shadow:0 0 10px #ffd70033}.unlock-badge{font-size:12px;margin-left:4px;text-shadow:0 0 5px rgba(255,215,0,.8)}.kappa-tree-node:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #000c,0 0 0 1px #3ddc8499,0 0 20px #3ddc8433;z-index:20}.kappa-tree-node.completed{border-color:#2e7d32;background:linear-gradient(180deg,#141e14f2,#0a0f0afa);opacity:.8;box-shadow:none;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.2) 10px,rgba(0,0,0,.2) 20px)}.kappa-tree-node.completed:hover{transform:translateY(-2px);opacity:1;border-color:#4caf50;box-shadow:0 4px 12px #00000080}.kappa-tree-node.prereq{border-color:#ff9800;border-style:solid;border-width:1px;background:linear-gradient(180deg,#28190af2,#140c05fa)}.kappa-tree-node.prereq.completed{border-color:#ff9800;opacity:.7;background:linear-gradient(180deg,#1e140af2,#0f0a05fa)}.kappa-node-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px;position:relative}.kappa-node-title-group{display:flex;flex-direction:column;gap:4px;flex:1}.kappa-node-badges{display:flex;flex-wrap:wrap;gap:4px}.kappa-node-wiki-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#ffffff1a;color:#3ddc84;cursor:pointer;transition:all .2s;border:1px solid rgba(61,220,132,.3);flex-shrink:0}.kappa-node-wiki-btn:hover{background:#3ddc84;color:#000;transform:scale(1.1);box-shadow:0 0 10px #3ddc8480}.kappa-node-name{font-size:14px;font-weight:700;color:#f0f0f0;line-height:1.3;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.8);font-family:Roboto Condensed,sans-serif;letter-spacing:.5px}.completed .kappa-node-name{color:#888;text-decoration:none;opacity:.7}.kappa-badge{font-size:9px;font-weight:800;color:#000;background:linear-gradient(135deg,#3ddc84,#2bbd7e);padding:3px 6px;border-radius:2px;border:none;flex-shrink:0;box-shadow:0 0 10px #3ddc8466;letter-spacing:1px}.prereq-badge{font-size:10px;font-weight:700;color:#ff9800;background:#ff980026;padding:2px 6px;border-radius:4px;border:1px solid #ff9800;flex-shrink:0}.kappa-node-obj{font-size:12px;color:#aaa;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kappa-node-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #333;padding-top:8px;font-size:11px}.kappa-node-map{color:#00e5ff;font-weight:600;text-transform:uppercase}.kappa-node-level{color:gold;font-weight:600}.kappa-node-check{color:#4caf50;font-size:16px;font-weight:700}.kappa-tree-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:8px}.kappa-tree-controls button{padding:10px 16px;background:#333;color:#fff;border:1px solid #555;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.kappa-tree-controls button:hover{background:#444;border-color:#666}@media(max-width:768px){.kappa-tree-header{padding:12px 16px;gap:12px}.kappa-tree-header h2{font-size:1.1rem;letter-spacing:1px}.kappa-tree-tabs{gap:6px}.kappa-tree-tab{padding:6px 12px;font-size:12px;min-height:44px;touch-action:manipulation}.kappa-tree-tab-icon{width:14px;height:14px}.kappa-tree-close{width:44px;height:44px;font-size:1.4rem;touch-action:manipulation}.kappa-tree-node{padding:10px 12px;width:200px!important;min-height:80px}.kappa-node-name{font-size:12px}.kappa-node-obj{font-size:11px;-webkit-line-clamp:1;line-clamp:1}.kappa-node-footer{font-size:10px}.kappa-badge,.prereq-badge{font-size:9px;padding:1px 4px}.kappa-tree-controls{bottom:12px;right:12px;gap:6px}.kappa-tree-controls button{padding:12px 14px;font-size:12px;min-height:44px;touch-action:manipulation}.kappa-trader-header{padding:8px 12px;gap:8px}.kappa-trader-icon{width:30px;height:30px}.kappa-trader-name{font-size:14px}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(#141e28b3,#0a141ecc),url(/bg_snow_dark.webp) no-repeat center center fixed;background-size:cover;z-index:8000;display:flex;align-items:center;justify-content:center;opacity:1}.loading-overlay--fade-out{animation:loading-fade-out .4s ease-out forwards}@keyframes loading-fade-out{0%{opacity:1}to{opacity:0}}.loading-overlay-content{display:flex;flex-direction:column;align-items:center;gap:30px;max-width:600px;padding:40px}.loading-character{width:256px;height:256px;background-image:url(/splash_running_strip.webp);background-repeat:no-repeat;background-size:1600% 100%;animation:loading-run .8s steps(1) infinite}@keyframes loading-run{0%{background-position:26.666% 0}8.33%{background-position:33.333% 0}16.66%{background-position:40% 0}25%{background-position:46.666% 0}33.33%{background-position:53.333% 0}41.66%{background-position:60% 0}50%{background-position:66.666% 0}58.33%{background-position:73.333% 0}66.66%{background-position:80% 0}75%{background-position:86.666% 0}83.33%{background-position:93.333% 0}91.66%{background-position:100% 0}to{background-position:26.666% 0}}.loading-bar-container{width:300px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.loading-bar{height:100%;width:100%;background:linear-gradient(90deg,var(--accent-gold),#e6c65a);animation:loading-progress linear forwards;transform-origin:left;transform:scaleX(0)}@keyframes loading-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.loading-ad-slot{position:absolute;bottom:0;left:0;width:100%;height:auto;min-height:90px;padding:0;padding-bottom:env(safe-area-inset-bottom);background:#0009;border-top:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box}.loading-ad-slot a{display:flex;align-items:center;justify-content:center;height:90px;width:100%}.loading-ad-image{height:90px;max-width:100%;width:auto;object-fit:contain;display:block;border-radius:4px}.loading-ad-placeholder{width:100%;max-width:728px;height:90px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:4px;color:var(--text-muted);font-size:14px}.loading-ad-label{position:absolute;top:4px;right:20px;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;opacity:.6}@media(max-width:600px){.loading-character{width:180px;height:180px}.loading-ad-placeholder{max-width:320px;width:100%}}@media(max-width:768px){.loading-overlay{height:100%;min-height:100vh;min-height:-webkit-fill-available;overflow:hidden}.loading-overlay-content{padding:20px;gap:20px}.loading-character{width:150px;height:150px}.loading-ad-slot{bottom:0;padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.loading-ad-placeholder{height:50px;max-width:280px}}[data-theme=light] .loading-overlay{background:linear-gradient(#f0f2f5cc,#ffffffe6),url(/bg_lab_light.webp) no-repeat center center fixed;background-size:cover}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:60px;background:var(--glass-bg, rgba(20, 20, 20, .85));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px #0006}.nav-item{flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:none;border:none;color:#888;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.25,.8,.25,1);padding:4px 0 0;outline:none;-webkit-user-select:none;user-select:none}.nav-item.active{color:var(--accent-cyan, #00e5ff)}.nav-item.active .nav-icon svg{stroke:var(--accent-cyan, #00e5ff);filter:drop-shadow(0 0 4px rgba(0,229,255,.4))}.nav-icon{font-size:20px;margin-bottom:2px;display:flex;align-items:center;justify-content:center}.nav-label{font-size:10px;font-weight:500;letter-spacing:.02em}.nav-item--kappa{position:relative}.nav-icon-kappa{border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.nav-item--kappa:active .nav-icon-kappa{transform:scale(.9)}@media(min-width:769px){.bottom-nav{display:none}}@media(max-width:768px){.app-body{padding-bottom:70px!important}.view-mode-toggle-inline{display:none!important}}.favorites-overlay{position:fixed;inset:0;background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.favorites-modal{background-color:#141418f2;border:1px solid rgba(255,255,255,.1);border-radius:4px;box-shadow:0 0 30px #000c;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:modalEnter .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.favorites-modal:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;border-top:2px solid var(--tactical-orange, #FF8A00);border-left:2px solid var(--tactical-orange, #FF8A00);pointer-events:none;z-index:10}.favorites-modal:after{content:"";position:absolute;bottom:0;right:0;width:20px;height:20px;border-bottom:2px solid var(--tactical-orange, #FF8A00);border-right:2px solid var(--tactical-orange, #FF8A00);pointer-events:none;z-index:10}@keyframes modalEnter{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.favorites-header{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#1e1e2380,#0003)}.favorites-title{margin:0;color:gold;font-size:1.4em;font-family:Roboto Condensed,sans-serif;font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:8px;text-shadow:0 0 10px rgba(255,215,0,.3)}.favorites-close-btn{background:none;border:none;color:#ffffff80;font-size:1.8em;cursor:pointer;padding:4px;line-height:.8;transition:all .2s}.favorites-close-btn:hover{color:#fff;transform:scale(1.1);text-shadow:0 0 8px rgba(255,255,255,.5)}.favorites-list{flex:1;overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;align-content:start}.favorites-list .task-item{margin-bottom:0;height:auto}.favorites-empty{grid-column:1 / -1;text-align:center;color:#fff6;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.favorites-empty-icon{font-size:3em;opacity:.3;margin-bottom:8px}.favorites-list::-webkit-scrollbar{width:6px}.favorites-list::-webkit-scrollbar-track{background:#0000004d}.favorites-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.favorites-list::-webkit-scrollbar-thumb:hover{background:#fff6}.first-run-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.first-run-modal{background:#111;border:1px solid #333;border-top:4px solid var(--tactical-orange, #FF8A00);padding:32px;width:90%;max-width:500px;box-shadow:0 10px 40px #000c;text-align:center;animation:modalSlideIn .3s ease-out}.first-run-header h2{color:#fff;font-family:Consolas,sans-serif;margin:0 0 8px;letter-spacing:1px}.first-run-header p{color:#888;margin:0 0 24px;font-size:.9rem}.faction-selection{display:flex;gap:16px;margin-bottom:24px}.faction-btn{flex:1;background:#1a1a1a;border:2px solid #333;padding:24px 16px;cursor:pointer;transition:all .2s;border-radius:4px}.faction-btn:hover{border-color:#555;background:#222}.faction-btn.active{border-color:#fff;background:#252525;box-shadow:0 0 15px #ffffff1a}.faction-btn.usec.active{border-color:#4da6ff;box-shadow:0 0 15px #4da6ff33}.faction-btn.bear.active{border-color:#f55;box-shadow:0 0 15px #f553}.faction-name{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:4px}.faction-desc{font-size:.7rem;color:#666;text-transform:uppercase}.confirm-btn{width:100%;padding:16px;background:var(--tactical-orange, #FF8A00);color:#000;border:none;font-weight:700;font-size:1.1rem;cursor:pointer;opacity:.5;pointer-events:none;transition:all .2s}.confirm-btn:not(:disabled){opacity:1;pointer-events:auto}.confirm-btn:hover:not(:disabled){background:#ff9f33;transform:translateY(-2px)}@keyframes modalSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}