.app{width:100%;height:100dvh;overflow:hidden;display:grid;grid-template-columns:var(--layout-grid-columns);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.center-game-area{grid-column:2;display:flex;flex-direction:column;gap:var(--section-gap);max-width:var(--center-game-max-width);margin:0 auto;width:100%;padding-top:var(--section-gap);padding-bottom:var(--section-gap);height:100dvh;overflow:hidden}header{background-color:transparent;display:flex;flex-direction:column;gap:var(--section-gap);position:relative}header h1{margin:0;font-size:var(--font-lg);color:#646cff;text-align:right}.menu-bar{display:grid;grid-template-columns:1fr minmax(0,1000px) 1fr;gap:var(--button-gap);width:100%;align-items:stretch;max-height:100px}.menu-bar-left{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:repeat(2,1fr);grid-auto-flow:column;gap:var(--button-gap)}.menu-bar-center{display:flex;justify-content:center;align-items:center;min-width:0;height:100%}.menu-bar-right{display:grid;grid-template-rows:1fr 1fr;grid-auto-flow:column;gap:var(--button-gap);direction:rtl}.menu-bar-right>*{direction:ltr}.menu-bar-left button,.menu-bar-right button{width:100%;height:100%;justify-content:center}.menu-bar-right .language-selector{width:100%;height:100%}.menu-bar-right .language-selector .simple-tooltip-trigger{display:flex;width:100%;height:100%}.menu-bar-right .language-selector-button{width:100%;height:100%;justify-content:center}main{flex:1;min-height:0;padding:0;overflow:hidden;display:flex;justify-content:center;align-items:stretch;position:relative}.game-area{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:minmax(0,1fr);gap:var(--panel-gap);width:100%;height:100%;min-height:0}.about-button{display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:var(--font-base);transition:all .2s ease;border:1px solid var(--menu-blue);border-radius:var(--radius-button);cursor:pointer;font-weight:500;background-color:var(--menu-blue-darker);color:var(--text-primary)}.about-button:hover{background-color:var(--menu-blue-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--menu-blue-shadow);border-color:var(--menu-blue-light)}.about-button:active{transform:translateY(0)}.about-button-long{padding:.5rem 1rem;gap:.5rem}.about-button .button-icon{width:20px;height:20px;object-fit:contain;pointer-events:none}.about-button.has-unread{position:relative}.unread-badge{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background-color:#4caf50;border-radius:50%;border:2px solid var(--bg-primary);animation:unread-pulse 2s infinite}@keyframes unread-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.save-button,.reset-button{padding:.5rem 1rem;font-size:var(--font-base);transition:all .2s ease;border:1px solid transparent;border-radius:var(--radius-button);cursor:pointer;font-weight:500;background-color:#4a4a4a;color:var(--text-primary)}.save-button:hover{background-color:#5a5a5a;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.save-button:active{animation:buttonClick .2s ease}.reset-button{background-color:#a44}.reset-button:hover{background-color:#c66;transform:translateY(-2px);box-shadow:0 4px 8px #a444444d}.reset-button:active{animation:buttonClick .2s ease}.hard-reset-button{padding:.5rem 1rem;font-size:var(--font-base);transition:all .2s ease;border:1px solid transparent;border-radius:var(--radius-button);cursor:pointer;font-weight:500;background-color:#8a1a1a;color:var(--text-primary)}.hard-reset-button:hover{background-color:#b22;transform:translateY(-2px);box-shadow:0 4px 8px #8a1a1a80}.hard-reset-button:active{animation:buttonClick .2s ease}.debug-button{padding:.5rem 1rem;font-size:var(--font-base);transition:all .2s ease;border:1px solid transparent;border-radius:var(--radius-button);cursor:pointer;font-weight:500;background-color:#444a8a;color:var(--text-primary);min-width:140px;text-align:center}.debug-button:hover{background-color:#5a6aaa;transform:translate(-2px);box-shadow:0 4px 8px #444a8a4d}.debug-button:active{animation:buttonClick .2s ease}.debug-button-active{background-color:#5a6aaa;border-color:#7a8acc;box-shadow:0 0 12px #5a6aaa80}.debug-button-active:hover{background-color:#6a7abb;box-shadow:0 0 16px #6a7abbb3}.run-timer{font-family:Courier New,monospace;font-size:var(--font-base);font-weight:600;color:#8bc34a;background-color:#8bc34a1a;padding:.5rem .75rem;border-radius:var(--radius-button);border:1px solid rgba(139,195,74,.3);min-width:80px;text-align:center;cursor:pointer;transition:background-color .2s,border-color .2s}.run-timer:hover{background-color:#8bc34a40;border-color:#8bc34a99}.speed-button{padding:.5rem .75rem;font-size:var(--font-base);transition:all .2s ease;border:1px solid #555;border-radius:var(--radius-button);cursor:pointer;font-weight:600;background-color:#3a3a3a;color:#aaa;min-width:40px}.speed-button:hover{background-color:#4a4a4a;color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.speed-button-active{background-color:#e6a117;color:#000;border-color:#ffc107;box-shadow:0 0 12px #ffc10780}.speed-button-active:hover{background-color:#ffc107;color:#000;box-shadow:0 0 16px #ffc107b3}.speed-button:active{animation:buttonClick .2s ease}.speed-buttons-row{display:flex;gap:.25rem;justify-content:center}.tile-counts-debug{background-color:#444a8a26;border:1px solid rgba(68,74,138,.4);border-radius:var(--radius-corners);padding:.5rem;min-width:140px;max-height:300px;overflow-y:auto}.tile-counts-header{font-size:var(--font-base-sm);font-weight:600;color:#7a8acc;text-align:center;margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid rgba(68,74,138,.3)}.tile-counts-list{display:flex;flex-direction:column;gap:.25rem}.tile-count-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem .5rem;background-color:#0003;border-radius:var(--radius-corners);font-size:var(--font-sm)}.tile-type-name{color:#aaa;font-weight:500;text-transform:capitalize;flex:1}.tile-type-count{color:#10b981;font-weight:700;font-family:Courier New,monospace;min-width:30px;text-align:right}.right-panels{display:flex;flex-direction:column;gap:var(--panel-gap)}.shortcuts-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease}.shortcuts-panel{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #646cff;border-radius:var(--radius-corners);padding:2rem;max-width:400px;box-shadow:0 8px 32px #646cff33;animation:panelSlideUp .3s ease}.shortcuts-panel h3{margin:0 0 1.5rem;color:#646cff;font-size:var(--font-xl);text-align:center}.shortcuts-list{display:flex;flex-direction:column;gap:1rem}.shortcut-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#646cff1a;border-left:3px solid #646cff;border-radius:var(--radius-corners)}.shortcut-key{font-family:var(--font-primary);background:#0000004d;color:#10b981;padding:.25rem .75rem;border-radius:var(--radius-corners);font-weight:700;min-width:120px;text-align:center;font-size:var(--font-base-sm);flex-shrink:0}.shortcut-desc{color:#ccc;font-size:var(--font-md);flex-grow:1}.shortcuts-hint{margin-top:1.5rem;text-align:center;color:#888;font-size:var(--font-base-sm)}@keyframes panelSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.performance-monitor{background-color:#444a8a66;border:1px solid rgba(68,74,138,.5);border-radius:var(--radius-corners);padding:.4rem .5rem;min-width:140px;font-family:Courier New,monospace;font-size:11px}.perf-row{display:flex;justify-content:space-between;gap:.5rem;line-height:1.4}.perf-label{color:#9aa;font-weight:500}.perf-value{color:#ccc;font-weight:500}.perf-min{color:#4caf50}.perf-max{color:#ff9800}.perf-normal{color:#4caf50}.perf-warning{color:#ffc107}.perf-critical{color:#f44336;font-weight:600}@media(max-width:1500px){.app{height:auto;min-height:100vh;overflow:visible;display:flex;flex-direction:column}.center-game-area{height:auto;overflow:visible}main{overflow:auto;align-items:flex-start}.game-area{display:grid;grid-template-columns:1fr 1fr;gap:var(--panel-gap)}.game-area>.canvas-grid-viewport{grid-row:1;grid-column:1 / -1}.game-area>.resource-panel{grid-row:2;grid-column:1;width:100%}.game-area>.right-panels{grid-row:2;grid-column:2;width:100%}.game-area>.right-panels .upgrades-panel,.game-area>.right-panels .wisdom-panel{width:100%}}@media(min-width:1920px){.center-game-area{max-width:3000px}.game-area{grid-template-columns:var(--panel-width) 1fr var(--panel-width)}}.simple-tooltip-trigger{display:inline}.simple-tooltip{animation:simpleTooltipFadeIn .15s ease-out;max-width:300px}.simple-tooltip__content{background-color:#1a1a1aee;border:1px solid #444;border-radius:var(--radius-button);box-shadow:0 4px 12px #000c;padding:var(--space-md) var(--space-lg);color:var(--text-primary);font-family:inherit;font-size:var(--font-base);line-height:1.4;text-align:center;white-space:pre-line}.simple-tooltip__content--map-theme{background-color:#0a0a0aee;border-color:var(--map-theme-primary);color:var(--map-theme-primary);box-shadow:0 4px 12px #000c,0 0 8px var(--map-theme-primary-glow);text-align:left}@keyframes simpleTooltipFadeIn{0%{opacity:0}to{opacity:1}}.alchemy-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--alchemy-bg) 0%,var(--alchemy-bg-dark) 100%);border:1px solid var(--alchemy-green-dark);border-radius:var(--radius-button);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--font-base);cursor:pointer;transition:all .2s ease}.alchemy-button:hover{border-color:var(--alchemy-green);box-shadow:0 0 20px var(--alchemy-green-glow),inset 0 0 10px #39ff141a}.alchemy-button-icon{font-size:var(--font-lg)}.alchemy-button-text{font-weight:600}.alchemy-button-separator{color:var(--alchemy-green-dark);font-weight:300;margin:0 2px}.alchemy-button-count{display:flex;align-items:center;position:relative}.alchemy-button-count-icon{width:20px;height:20px;object-fit:contain;opacity:.9;margin-left:var(--space-2xs)}.alchemy-button-count-number{font-weight:700}.alchemy-button-mini-vial{display:inline-block;vertical-align:middle;width:8px;height:20px;background:var(--alchemy-bg-dark);border:1px solid var(--alchemy-green-dark);border-radius:0 0 4px 4px;position:relative;overflow:hidden}.alchemy-button-mini-vial-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(0deg,var(--alchemy-green-dark) 0%,var(--alchemy-green) 100%);transition:height .3s ease;border-radius:0 0 3px 3px}.alchemy-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.alchemy-modal{background:linear-gradient(180deg,var(--alchemy-bg) 0%,var(--alchemy-bg-dark) 100%);border:3px solid var(--alchemy-green-dark);border-radius:var(--radius-corners);width:1750px;max-width:90vw;height:100dvh;height:100vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 40px var(--alchemy-green-glow)}.alchemy-modal-header{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-3xl);border-bottom:1px solid var(--alchemy-green-dark);background:#39ff140d;position:relative}.alchemy-modal-title{font-size:var(--font-5xl);color:var(--alchemy-text-primary);margin:0;text-align:center}.alchemy-modal-close{position:absolute;right:var(--space-3xl);background:transparent;border:1px solid var(--alchemy-green-dark);color:var(--alchemy-text-primary);font-size:var(--font-xl);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-button);cursor:pointer;transition:all .2s ease}.alchemy-modal-close:hover{background:var(--alchemy-green);color:var(--alchemy-bg-dark)}.alchemy-modal-content{padding:var(--space-3xl);overflow-y:auto;flex:1}.alchemy-modal-body{display:flex;flex:1;overflow:hidden}.alchemy-vial-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);background:#0000004d;border-left:1px solid var(--alchemy-green-dark);order:1}.alchemy-vial{flex:1;width:64px;min-height:200px;background:var(--alchemy-bg-dark);border:2px solid var(--alchemy-green-dark);border-radius:0 0 32px 32px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.alchemy-vial-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(0deg,var(--alchemy-green-dark) 0%,var(--alchemy-green) 50%,var(--alchemy-green-light) 100%);transition:height .3s ease;box-shadow:0 0 20px var(--alchemy-green-glow);border-radius:0 0 30px 30px;animation:glow-pulse 2s ease-in-out infinite,color-shimmer 4s ease-in-out infinite}.alchemy-vial-fill:after{content:"";position:absolute;top:-8px;left:0;right:0;height:16px;background:var(--alchemy-green-light);animation:wave-squiggle 1.5s ease-in-out infinite;box-shadow:0 -2px 8px #39ff1466}.alchemy-vial-text{color:var(--alchemy-bg-dark);font-size:var(--font-lg);font-weight:700;text-shadow:0 0 3px var(--alchemy-green-light),0 0 5px var(--alchemy-green);white-space:nowrap;z-index:var(--z-base);position:relative}.alchetile-display{text-align:center;padding:var(--space-3xl);background:#39ff140d;border-radius:var(--radius-button);margin-bottom:var(--space-xl);border:1px solid var(--alchemy-green-dark)}.alchetile-count{font-size:var(--font-5xl);color:var(--alchemy-text-primary);font-weight:700;margin-bottom:var(--space-md)}.alchetile-label{font-size:var(--font-sm);color:var(--alchemy-text-secondary);text-transform:uppercase;letter-spacing:2px}.alchemy-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl)}.alchemy-resource-shelf{display:flex;flex-direction:row;gap:var(--space-xl);justify-content:flex-start;align-items:stretch;margin-bottom:var(--space-xl);padding:var(--space-xl);background:#39ff1408;border:1px solid var(--alchemy-green-dark);border-radius:var(--radius-button)}.alchemy-resource-box{background:#39ff140d;border:1px solid var(--alchemy-green-dark);border-radius:var(--radius-button);padding:var(--space-xl) var(--space-3xl);display:flex;flex-direction:row;align-items:center;gap:var(--space-lg);min-width:120px}.alchemy-resource-box-icon{width:40px;height:40px;object-fit:contain;opacity:.9}.alchemy-resource-box-content{display:flex;flex-direction:column;gap:var(--space-2xs)}.alchemy-resource-box-count{font-size:var(--font-3xl);color:var(--alchemy-text-primary);font-weight:700}.alchemy-resource-box-label{font-size:var(--font-sm);color:var(--alchemy-text-secondary);text-transform:uppercase;letter-spacing:1px}.alchemy-rates-box{background:#39ff140d;border:1px solid var(--alchemy-green-dark);border-radius:var(--radius-button);padding:var(--space-lg) var(--space-xl)}.alchemy-rate-item{display:grid;grid-template-columns:14px 1fr auto 1.2em auto;align-items:center;gap:0 var(--space-sm);padding:var(--space-md) 0;border-bottom:1px solid rgba(57,255,20,.1)}.alchemy-rate-item:last-child{border-bottom:none}.alchemy-rate-label{font-size:var(--font-md);color:var(--alchemy-text-primary)}.alchemy-rate-value{font-size:var(--font-md);color:var(--alchemy-text-primary);font-weight:700;font-variant-numeric:tabular-nums;text-align:right;min-width:4ch}.alchemy-rate-arrow{color:var(--alchemy-text-primary);font-size:var(--font-md);text-align:center}.alchemy-rate-lifetime{color:var(--alchemy-text-primary);font-size:var(--font-md);font-variant-numeric:tabular-nums;text-align:right;min-width:5ch}.alchemy-info-box{background:#39ff1408;border:1px solid var(--alchemy-green-dark);border-radius:var(--radius-button);padding:var(--space-lg) var(--space-xl);font-size:var(--font-md);color:var(--alchemy-text-primary);line-height:1.6}.alchemy-info-box p{margin:0 0 8px}.alchemy-info-box p:last-child{margin-bottom:0}.alchemy-content-row{display:flex;gap:var(--space-xl);margin-bottom:var(--space-xl)}.alchemy-content-row .alchemy-rates-box,.alchemy-content-row .alchemy-info-box{flex:1}.alchemy-vials-section{padding:var(--space-2xl);background:#0003;border-top:1px solid var(--alchemy-green-dark);display:flex;flex-direction:column}.alchemy-vials-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.alchemy-vials-title{font-size:var(--font-md);color:var(--alchemy-text-primary);text-align:center;margin-bottom:0;display:flex;align-items:baseline;gap:var(--space-sm);justify-content:center}.alchemy-vials-count{font-size:var(--font-md);color:var(--alchemy-text-primary);font-weight:400}.alchemy-hide-owned-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--alchemy-text-primary);font-size:var(--font-md);-webkit-user-select:none;user-select:none}.alchemy-hide-owned-checkbox{cursor:pointer;width:1rem;height:1rem;accent-color:var(--alchemy-green)}.alchemy-vials-grid{display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center;align-content:flex-start;max-height:256px;overflow-y:auto;scrollbar-color:var(--alchemy-green-dark) transparent}.alchemy-vial-node{width:120px;height:120px;border-radius:var(--radius-button);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);transition:all .2s ease;border:2px solid;background:#0000004d;position:relative;cursor:pointer;z-index:0}.alchemy-vial-node:hover{z-index:var(--z-tooltip)}.alchemy-vial-node.purchased{border-color:var(--worldtree-green);border-width:3px;background:#10b98126;cursor:default;box-shadow:0 0 16px #10b9814d}.alchemy-vial-node.affordable{border-color:var(--alchemy-green);background:#39ff141a;box-shadow:0 0 12px var(--alchemy-green-glow)}.alchemy-vial-node.affordable:hover{border-color:var(--alchemy-green-light);background:#39ff1433;box-shadow:0 0 28px var(--alchemy-green-glow),0 0 8px var(--alchemy-green-glow)}.alchemy-vial-node.unaffordable{border-color:var(--alchemy-green-dark);background:#00000080;opacity:.85;cursor:not-allowed}.alchemy-vial-node.unaffordable:hover{opacity:.95}.alchemy-vial-bg-icon{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:88px;height:88px;object-fit:contain;opacity:.6;pointer-events:none}.alchemy-vial-node.purchased .alchemy-vial-bg-icon{opacity:.4;filter:grayscale(30%)}.alchemy-vial-node.affordable .alchemy-vial-bg-icon{opacity:.7;filter:drop-shadow(0 0 8px rgba(57,255,20,.4))}.alchemy-vial-node.unaffordable .alchemy-vial-bg-icon{opacity:.35;filter:grayscale(50%)}.alchemy-vial-cost{display:flex;align-items:center;justify-content:center;z-index:var(--z-base);position:relative}.alchemy-vial-cost-number{font-size:32px;font-weight:700;color:var(--worldtree-gold);text-shadow:0 0 3px rgba(0,0,0,1),0 0 6px rgba(0,0,0,.9),0 0 9px rgba(0,0,0,.7)}.alchemy-vial-node.affordable .alchemy-vial-cost-number{color:var(--alchemy-green);text-shadow:0 0 3px rgba(0,0,0,1),0 0 6px var(--alchemy-green-glow),0 0 9px rgba(0,0,0,.7)}.alchemy-vial-node.unaffordable .alchemy-vial-cost-number{color:#ef4444}.alchemy-vial-purchased-indicator{position:absolute;top:8px;right:8px;width:20px;height:20px;background:var(--worldtree-green);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-xs);font-weight:700}.alchemy-vial-purchased-indicator:before{content:"✓"}.alchemy-vial-tooltip{position:fixed;background:#000000f2;border:1px solid var(--alchemy-green-dark);border-radius:var(--radius-button);padding:var(--space-md) var(--space-lg);width:max-content;max-width:500px;z-index:var(--z-tooltip);pointer-events:none}.alchemy-vial-tooltip-name{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-lg);font-size:var(--font-base);font-weight:700;color:var(--alchemy-text-primary);margin-bottom:var(--space-xs)}.alchemy-vial-tooltip-time{font-size:var(--font-sm);font-weight:400;color:var(--alchemy-text-secondary);white-space:nowrap;flex-shrink:0}.alchemy-vial-tooltip-desc{font-size:var(--font-sm);color:var(--alchemy-text-secondary)}.alchemy-vial-tooltip-lore{font-size:var(--font-sm);font-style:italic;color:var(--alchemy-text-secondary);margin-top:var(--space-md)}.alchemy-stat-card{background:#39ff140d;border:1px solid var(--alchemy-green-dark);border-radius:var(--radius-button);padding:var(--space-xl);text-align:center}.alchemy-stat-value{font-size:var(--font-base);color:var(--alchemy-text-primary);font-weight:700;margin-bottom:var(--space-xs)}.alchemy-stat-label{font-size:var(--font-sm);color:var(--alchemy-text-secondary);text-transform:uppercase;letter-spacing:1px}.alchemy-cost-preview{margin-top:var(--space-3xl);padding:var(--space-xl);background:#39ff1408;border-radius:var(--radius-button);border:1px solid var(--alchemy-green-dark)}.alchemy-cost-title{font-size:var(--font-sm);color:var(--alchemy-text-secondary);margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:1px}.alchemy-cost-list{display:flex;flex-wrap:wrap;gap:var(--space-md)}.alchemy-cost-item{background:var(--alchemy-bg-dark);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-button);font-size:var(--font-sm);color:var(--alchemy-text-primary);border:1px solid var(--alchemy-green-dark)}@keyframes bubble-rise{0%{bottom:0%;opacity:0;transform:translate(0) scale(.5)}10%{opacity:.9;transform:translate(2px) scale(1)}30%{transform:translate(-2px) scale(1.1)}50%{opacity:.8;transform:translate(3px) scale(1)}70%{transform:translate(-3px) scale(.9)}90%{opacity:.5;transform:translate(1px) scale(.7)}to{bottom:100%;opacity:0;transform:translate(-1px) scale(.3)}}@keyframes wave-squiggle{0%,to{clip-path:polygon(0% 100%,0% 70%,20% 90%,40% 75%,60% 95%,80% 80%,100% 85%,100% 100%)}50%{clip-path:polygon(0% 100%,0% 85%,20% 70%,40% 92%,60% 78%,80% 95%,100% 72%,100% 100%)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--alchemy-green-glow),0 0 40px #39ff1466,inset 0 0 15px #39ff1426}50%{box-shadow:0 0 35px var(--alchemy-green-glow),0 0 60px #39ff1480,inset 0 0 25px #39ff1440}}@keyframes color-shimmer{0%,to{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(8deg) brightness(1.1)}}.alchemy-vial-bubble{position:absolute;width:6px;height:6px;background:radial-gradient(circle at 30% 30%,var(--alchemy-green-light) 0%,rgba(57,255,20,.5) 50%,transparent 70%);border-radius:50%;pointer-events:none;animation:bubble-rise .8s linear infinite}.alchemy-vial-bubble:nth-child(1){left:15%;animation-delay:0s;animation-duration:.8s;width:5px;height:5px}.alchemy-vial-bubble:nth-child(2){left:35%;animation-delay:1.2s;animation-duration:.9s;width:7px;height:7px}.alchemy-vial-bubble:nth-child(3){left:55%;animation-delay:2.5s;animation-duration:.85s;width:4px;height:4px}.alchemy-vial-bubble:nth-child(4){left:75%;animation-delay:3.8s;animation-duration:1s;width:6px;height:6px}.alchemy-vial-bubble:nth-child(5){left:25%;animation-delay:5.2s;animation-duration:.95s;width:5px;height:5px}.alchemy-vial-bubble:nth-child(6){left:65%;animation-delay:6.5s;animation-duration:1.1s;width:8px;height:8px}@media(max-width:768px){.alchemy-modal{width:100vw;max-width:100vw;height:100dvh;height:100vh;border-radius:0;border:none}}@media(prefers-reduced-motion:reduce){.alchemy-vial-bubble,.alchemy-vial-fill,.alchemy-vial-fill:after{animation:none}}.alchemy-stat-vial-wrapper{padding:var(--space-md) var(--space-lg);background:#39ff1408;border:1px solid var(--alchemy-green-dark);border-radius:var(--radius-button);margin:0}.alchemy-stat-vial{position:relative;width:100%;flex:1;height:56px;border-radius:0;border-top:2px solid var(--alchemy-green-dark);border-bottom:2px solid var(--alchemy-green-dark);overflow:hidden;background:#00000080;box-shadow:inset 0 0 8px #0009;display:flex;flex-direction:row}.alchemy-stat-vial-section{height:100%;position:relative;overflow:hidden;transition:width .4s ease;min-width:0}.alchemy-stat-vial-section--passive{background:linear-gradient(180deg,#39ff14e6,#228b22f2);box-shadow:inset 0 0 8px #39ff144d}.alchemy-stat-vial-section--auto{background:linear-gradient(180deg,#ffd700e6,#b8860bf2);box-shadow:inset 0 0 8px #ffd7004d}.alchemy-stat-vial-section--manual{background:linear-gradient(180deg,#1e90ffe6,#005ab4f2);box-shadow:inset 0 0 8px #1e90ff4d}.alchemy-stat-vial-section-bubble{position:absolute;bottom:-4px;width:5px;height:5px;border-radius:50%;background:#fff6;animation:bubble-rise 1s ease-in infinite}.alchemy-stat-vial-section--passive .alchemy-stat-vial-section-bubble{background:#39ff1480}.alchemy-stat-vial-section--auto .alchemy-stat-vial-section-bubble{background:#ffd70080}.alchemy-stat-vial-section--manual .alchemy-stat-vial-section-bubble{background:#1e90ff80}.alchemy-stat-vial-section-bubble:nth-child(1){left:15%;animation-delay:0s;animation-duration:.9s}.alchemy-stat-vial-section-bubble:nth-child(2){left:55%;animation-delay:.5s;animation-duration:1.2s}.alchemy-stat-vial-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.alchemy-stat-vial-empty-text{color:var(--alchemy-text-primary);font-size:var(--font-md);font-style:italic;letter-spacing:.05em}.alchemy-stat-vial-section+.alchemy-stat-vial-section{border-left:1px solid rgba(0,0,0,.3)}.alchemy-stat-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.alchemy-stat-legend-dot--passive{background:var(--alchemy-stat-passive);box-shadow:0 0 4px #39ff1499}.alchemy-stat-legend-dot--auto{background:var(--alchemy-stat-auto);box-shadow:0 0 4px #ffd70099}.alchemy-stat-legend-dot--manual{background:var(--alchemy-stat-manual);box-shadow:0 0 4px #1e90ff99}@media(prefers-reduced-motion:reduce){.alchemy-stat-vial-section-bubble{animation:none}}:root{--atlas-crimson: var(--journal-crimson);--atlas-crimson-dark: var(--journal-crimson-dark);--atlas-crimson-light: #c45a54;--atlas-gold: var(--journal-gold);--atlas-max-green: #00ff00}.atlas-button{display:flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;font-size:var(--font-base);transition:all .2s ease;border:1px solid var(--journal-gold-light);border-radius:var(--radius-button);cursor:pointer;font-weight:500;background:var(--journal-bg-darkest);color:var(--text-primary);text-shadow:0 0 3px rgba(0,0,0,.5)}.atlas-button:hover{background:var(--journal-ink-light);transform:translateY(-2px)}.atlas-button-separator{color:var(--journal-gold-light);font-weight:300;margin:0 2px}.atlas-button-progress{font-weight:600}.atlas-button:active{transform:translateY(0)}.atlas-button-icon{font-size:1rem}.atlas-button-text{font-weight:500}.atlas-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:atlasFadeIn .2s ease-out}@keyframes atlasFadeIn{0%{opacity:0}to{opacity:1}}.atlas-modal-content{background:linear-gradient(135deg,var(--journal-bg) 0%,var(--journal-bg-dark) 100%);border:4px solid var(--journal-border);border-radius:var(--radius-corners);box-shadow:0 20px 60px #0000004d;width:90vw;height:100dvh;height:100vh;display:flex;flex-direction:column;overflow:hidden;animation:atlasSlideUp .3s ease-out;position:relative}@keyframes atlasSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.atlas-modal-content{width:100vw;height:100dvh;border-radius:0;border:none}}.atlas-modal-header{display:flex;justify-content:center;align-items:center;padding:10px 16px;border-bottom:2px solid var(--journal-border);background:#8b73551a;flex-shrink:0;position:relative}.atlas-stats{display:flex;align-items:center;gap:var(--space-md)}.atlas-stat-item{font-size:var(--font-lg);font-weight:600;color:var(--journal-ink);display:flex;align-items:center;gap:var(--space-xs)}.atlas-stat-icon{width:16px;height:16px}.atlas-stat-separator{color:var(--journal-border);font-weight:300;margin:0 4px}.atlas-close-button{position:absolute;right:16px;background:transparent;border:1px solid var(--journal-border);color:var(--journal-ink);font-size:var(--font-lg);width:32px;height:32px;border-radius:var(--radius-button);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:700}.atlas-close-button:hover{background:#a83f391a;border-color:var(--journal-crimson);color:var(--journal-crimson);transform:scale(1.05)}.atlas-modal-title{padding:var(--space-lg) var(--space-xl) var(--space-md) var(--space-xl);text-align:center;flex-shrink:0}.atlas-modal-title h2{margin:0 0 4px;font-size:var(--font-5xl);color:var(--journal-ink);text-shadow:1px 1px 0 rgba(168,63,57,.2)}.atlas-subtitle{margin:0;font-size:var(--font-lg);color:var(--journal-text-muted)}.atlas-zoom-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xs) var(--space-xl) var(--space-md);flex-shrink:0}.atlas-zoom-button{width:28px;height:28px;border-radius:var(--radius-button);border:1px solid var(--journal-border);background:var(--journal-bg-dark);color:var(--journal-ink);font-size:var(--font-base);font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.atlas-zoom-button:hover:not(:disabled){background:var(--journal-ink-light);border-color:var(--journal-crimson);color:var(--journal-crimson);transform:scale(1.05)}.atlas-zoom-button:active:not(:disabled){transform:scale(.95)}.atlas-zoom-button:disabled{opacity:.4;cursor:not-allowed}.atlas-zoom-level{min-width:48px;text-align:center;font-size:var(--font-sm);font-weight:600;color:var(--journal-text-muted)}.atlas-reset-button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-button);border:1px solid var(--journal-border);background:transparent;color:var(--journal-text-muted);font-size:var(--font-xs);font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.atlas-reset-button:hover{background:var(--journal-ink-light);border-color:var(--journal-crimson);color:var(--journal-crimson)}.atlas-grid-container{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.atlas-grid-container:active{cursor:grabbing}.atlas-grid-wrapper{display:flex;align-items:center;justify-content:center;will-change:transform}.atlas-grid{position:relative;min-width:800px;min-height:800px}.atlas-cell-absolute{position:absolute;transform:translate(-50%,-50%)}.atlas-cell-absolute .atlas-cell{width:100%;height:100%}.atlas-connections-svg{z-index:0}.atlas-connection-path{stroke-width:24px;stroke-linecap:round;fill:none;stroke:#4b5563;filter:drop-shadow(0 0 3px rgba(255,255,255,.3));transition:stroke .3s ease,filter .3s ease;opacity:0;animation:fadeInPath .5s ease forwards;animation-delay:.2s}@keyframes fadeInPath{0%{opacity:0}to{opacity:1}}.atlas-connection-path.ap-locked{stroke:#4b5563;filter:drop-shadow(0 0 4px rgba(75,85,99,.4))}.atlas-connection-path.no-run{stroke:var(--journal-crimson);filter:drop-shadow(0 0 4px rgba(168,63,57,.4))}.atlas-connection-path.partial-complete{stroke:#f59e0b;filter:drop-shadow(0 0 4px rgba(245,158,11,.4))}.atlas-connection-path.fully-complete{stroke:#22c55e;filter:drop-shadow(0 0 6px rgba(34,197,94,.5))}.atlas-connection-path:hover{filter:drop-shadow(0 0 10px rgba(255,255,255,.8));stroke-width:28px}@keyframes pathPulse{0%,to{filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 12px rgba(255,255,255,.8))}}.atlas-cell{width:120px;height:120px;border-radius:var(--radius-button);display:flex;flex-direction:column;padding:var(--space-md);transition:all .2s ease;border:2px solid transparent;background:#0000004d;cursor:pointer;overflow:hidden;position:relative}.atlas-cell--minor{width:90px;height:90px;padding:var(--space-xs)}.atlas-cell--minor .atlas-cell-name{font-size:var(--font-xs);line-height:1.1}.atlas-cell--minor .atlas-cell-info{font-size:9px}.atlas-cell.atlas-cell--minor .atlas-cell-ap-requirement{font-size:9px;padding:var(--space-2xs) var(--space-xs);margin-top:0}.atlas-cell.atlas-cell--minor .atlas-cell-unknown{font-size:var(--font-3xl);text-shadow:0 0 6px currentColor}.atlas-cell--minor .completion-badge{width:14px;height:14px;font-size:8px}.atlas-cell--minor .atlas-new-badge{font-size:7px;padding:1px 4px}.atlas-cell-dev-badge{position:absolute;top:4px;right:var(--space-xs);background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-size:8px;font-weight:700;padding:var(--space-2xs) 5px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 3px #0000004d;z-index:var(--z-above-content);pointer-events:none}.atlas-cell--minor .atlas-cell-dev-badge{font-size:7px;padding:1px 3px;top:2px;right:2px}@media(prefers-reduced-motion:reduce){.atlas-connection-path{animation:none;opacity:1;transition:none}.atlas-cell,.atlas-zoom-button,.atlas-reset-button,.atlas-grid-wrapper{transition:none}.atlas-cell.ap-locked:hover{transform:none}.atlas-zoom-button:hover:not(:disabled){transform:none}.atlas-zoom-button:active:not(:disabled){transform:none}}.atlas-cell.fog-of-war{border-color:#4b5563;background:#0009;cursor:not-allowed;color:#6b7280}.atlas-cell.fog-of-war .atlas-cell-content{font-size:var(--font-3xl);font-weight:700;color:#4b5563}.atlas-cell.ap-locked{border-color:#d97706;background:#d977061a;color:#fbbf24;cursor:pointer;box-shadow:0 0 12px #d977064d}.atlas-cell.ap-locked:hover{border-color:#f59e0b;background:#d9770626;box-shadow:0 0 20px #d9770680}.atlas-cell .atlas-cell-unknown{font-size:var(--font-5xl);font-weight:700;text-shadow:0 0 10px currentColor}.atlas-cell.ap-met-disconnected{border-color:#6b7280;background:#00000080;cursor:not-allowed;color:#9ca3af}.atlas-cell-unknown--single{font-size:var(--font-5xl);font-weight:700;color:#6b7280;text-shadow:0 0 8px rgba(107,114,128,.5)}.atlas-cell.available,.atlas-cell.completed{cursor:pointer}.atlas-cell.completed .completion-badge{grid-area:badge;width:20px;height:20px;background:var(--journal-gold);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;color:#000;font-size:var(--font-sm);font-weight:700;justify-self:end;align-self:start}.atlas-cell.completed .completion-badge:before{content:"✓"}.atlas-cell-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center;width:100%;flex:1;overflow:hidden;min-height:0}.atlas-cell-name{font-size:var(--font-base-sm);font-weight:600;line-height:1.2;color:var(--map-theme-color, inherit);text-shadow:0 1px 2px rgba(0,0,0,.8)}.atlas-cell-info{font-size:var(--font-xs);color:var(--journal-text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs)}.atlas-cell-run-count{font-size:var(--font-xs);color:var(--journal-text-muted)}.atlas-cell-ap-requirement{font-size:var(--font-base);font-weight:600;color:#fbbf24;margin-top:5px;padding:5px 10px;background:#d9770633;border-radius:5px;border:1px solid rgba(217,119,6,.4)}.map-info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1001;animation:atlasFadeIn .3s ease-out}.map-info-modal-content{background:linear-gradient(135deg,#2d0000,#3d0000);border:3px solid var(--atlas-crimson);border-radius:var(--radius-corners);box-shadow:0 30px 80px #dc143c80;max-width:95vw;max-height:95vh;width:1000px;display:flex;flex-direction:column;overflow:hidden;animation:atlasSlideUp .4s ease-out}.map-info-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3xl) 32px;border-bottom:2px solid rgba(220,20,60,.3);background:#0000004d}.map-info-title-section{display:flex;flex-direction:column;gap:var(--space-md)}.map-info-title{margin:0;font-size:var(--font-3xl);color:var(--atlas-crimson);text-shadow:0 0 12px rgba(220,20,60,.6)}.map-info-difficulty{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-md);color:var(--atlas-gold)}.map-info-body{flex:1;overflow-y:auto;padding:32px}.map-info-description{font-size:var(--font-md);color:#d1d5db;line-height:1.6;margin-bottom:32px;font-style:italic}.map-info-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl);margin-bottom:32px}.map-info-stat{background:#0000004d;border:1px solid rgba(220,20,60,.3);border-radius:var(--radius-corners);padding:var(--space-xl);text-align:center}.map-info-stat-label{font-size:var(--font-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.map-info-stat-value{font-size:var(--font-2xl);font-weight:700;color:var(--atlas-crimson)}.map-info-stat-value.gold{color:var(--atlas-gold)}.map-info-ap-section{background:#0006;border:2px solid rgba(217,119,6,.5);border-radius:var(--radius-corners);padding:var(--space-2xl);margin-bottom:var(--space-3xl)}.map-info-ap-section.met{border-color:#22c55e80}.map-info-ap-section.not-met{border-color:#d9770680}.map-info-ap-label{font-size:var(--font-base);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-lg);font-weight:600}.map-info-ap-content{display:flex;flex-direction:column;gap:var(--space-md)}.map-info-ap-requirement,.map-info-ap-current{font-size:15px;color:#d1d5db}.map-info-ap-requirement strong,.map-info-ap-current strong{color:#fbbf24;font-weight:700}.map-info-ap-status{margin-top:var(--space-md);padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.1)}.ap-status-met{color:#22c55e;font-weight:600;font-size:var(--font-md)}.ap-status-not-met{color:#f59e0b;font-weight:600;font-size:var(--font-md)}.map-info-footer{padding:var(--space-3xl) 32px;border-top:2px solid rgba(220,20,60,.3);background:#0000004d;display:flex;justify-content:center;gap:var(--space-xl)}.map-info-start-button{padding:var(--space-lg) 48px;font-size:var(--font-lg);font-weight:700;background:linear-gradient(135deg,var(--journal-crimson-dark) 0%,var(--journal-crimson) 100%);border:2px solid var(--atlas-crimson-light);color:var(--text-primary);border-radius:var(--radius-button);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.map-info-start-button:hover{background:linear-gradient(135deg,var(--journal-crimson) 0%,var(--atlas-crimson-light) 100%);box-shadow:0 6px 20px #a83f3966;transform:translateY(-2px)}.map-info-start-button:active{transform:translateY(0)}.map-info-start-button:disabled{background:#4b5563;border-color:#6b7280;color:var(--text-primary);cursor:not-allowed;opacity:.6}.map-info-start-button:disabled:hover{transform:none;box-shadow:none}.map-info-cancel-button{padding:var(--space-lg) 32px;font-size:var(--font-md);background:transparent;border:2px solid var(--journal-border);color:var(--journal-text-muted);border-radius:var(--radius-button);cursor:pointer;transition:all .2s ease}.map-info-cancel-button:hover{border-color:var(--journal-crimson);color:var(--journal-crimson);background:#a83f3914}.globe-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--journal-bg) 0%,var(--journal-bg-dark) 100%);border:3px solid var(--journal-gold);border-radius:var(--radius-corners);padding:32px 48px;box-shadow:0 20px 60px #c9a22766;z-index:2000;animation:globeNotificationAppear .5s ease-out;text-align:center}@keyframes globeNotificationAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.globe-notification-text{font-size:var(--font-2xl);font-weight:700;color:var(--journal-gold);text-shadow:0 0 12px rgba(201,162,39,.5);margin-bottom:var(--space-lg)}.globe-notification-amount{font-size:var(--font-5xl);font-weight:700;color:var(--journal-gold);text-shadow:0 0 20px rgba(201,162,39,.6)}.map-completion-fanfare{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,#a83f3940,#0000 70%);pointer-events:none;z-index:1500;animation:fanfarePulse 1.5s ease-out}@keyframes fanfarePulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}.atlas-grid-container::-webkit-scrollbar,.map-info-body::-webkit-scrollbar{width:8px}.atlas-grid-container::-webkit-scrollbar-track,.map-info-body::-webkit-scrollbar-track{background:#8b735526;border-radius:var(--radius-corners)}.atlas-grid-container::-webkit-scrollbar-thumb,.map-info-body::-webkit-scrollbar-thumb{background:var(--journal-border);border-radius:var(--radius-corners)}.atlas-grid-container::-webkit-scrollbar-thumb:hover,.map-info-body::-webkit-scrollbar-thumb:hover{background:var(--journal-crimson)}@media(max-width:768px){.map-info-modal-content{width:95vw}.atlas-grid{grid-template-columns:repeat(3,1fr)}.atlas-cell{width:90px;height:90px}.atlas-cell-name{font-size:var(--font-xs)}.atlas-stats{display:none}.map-info-stats{grid-template-columns:1fr}}@media(max-width:480px){.atlas-grid{grid-template-columns:repeat(2,1fr)}.atlas-cell{width:70px;height:70px}}.map-start-confirmation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10001}.map-start-confirmation-dialog{background:linear-gradient(135deg,var(--journal-bg) 0%,var(--journal-bg-dark) 100%);border:3px solid var(--journal-crimson);border-radius:var(--radius-corners);padding:32px;max-width:500px;width:90%;box-shadow:0 8px 32px #a83f394d}.map-start-confirmation-dialog h2{color:var(--journal-crimson);margin:0 0 20px;font-size:var(--font-2xl);text-align:center;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:1px}.confirmation-warning{background:#ffffff4d;border:2px solid var(--journal-border);border-radius:var(--radius-corners);padding:var(--space-2xl);margin-bottom:var(--space-3xl)}.confirmation-warning p{color:var(--journal-ink);margin:0 0 12px;font-size:var(--font-base);line-height:1.5}.confirmation-warning ul{margin:0;padding-left:0;list-style:none;color:var(--journal-ink)}.confirmation-warning li{position:relative;padding-left:var(--space-3xl);margin:10px 0;font-size:var(--font-base)}.confirmation-warning li:before{content:"•";position:absolute;left:8px;color:var(--journal-crimson);font-weight:700}.confirmation-warning p:last-of-type{color:var(--journal-crimson-dark);background:#a83f3914;padding:var(--space-lg);border-radius:var(--radius-button);border:1px solid var(--journal-crimson);margin-top:var(--space-xl);font-weight:700}.confirmation-buttons{display:flex;gap:var(--space-xl);justify-content:center;margin-top:var(--space-md)}.confirmation-buttons button{min-width:120px}.journal-texture{position:relative}.journal-texture:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none;opacity:.5;z-index:0}.journal-map-modal-content{background:linear-gradient(135deg,var(--journal-bg) 0%,var(--journal-bg-dark) 100%);border:4px solid var(--journal-border);border-radius:var(--radius-corners);box-shadow:0 10px 40px #0000004d,inset 0 0 60px #a83f390d;max-width:95vw;max-height:95vh;width:1100px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(400px,1fr) auto;gap:3px 0;overflow:hidden;position:relative;animation:journalOpen .5s ease-out}.journal-map-modal-content.journal-nested{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:95%;border:4px solid var(--journal-border);border-radius:var(--radius-corners);box-shadow:0 20px 60px #00000080;animation:journalSlideIn .3s ease-out}@keyframes journalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes journalOpen{0%{transform:scale(.9) rotate(-2deg);opacity:0}50%{transform:scale(1.02) rotate(.5deg)}to{transform:scale(1) rotate(0);opacity:1}}.journal-right-column{background:linear-gradient(to right,var(--journal-bg-dark) 0%,var(--journal-bg) 100%);padding:var(--space-3xl);display:flex;flex-direction:column;overflow-y:auto;position:relative;min-height:0;grid-column:2;border-left:1px solid var(--journal-border)}.journal-inner-box{flex:1;min-height:0;border:3px double var(--journal-border);border-radius:var(--radius-corners);background:linear-gradient(to right,#8b73551a,#8b73550d);display:flex;flex-direction:column;padding:var(--space-3xl);position:relative;box-shadow:inset 0 0 20px #0000000d;align-self:stretch}.journal-inner-box-left{align-items:center;justify-content:flex-start}.journal-header{grid-column:1 / -1;text-align:center;padding:var(--space-3xl) 32px var(--space-xl);border-bottom:3px solid var(--journal-border);background:linear-gradient(180deg,var(--journal-bg-dark) 0%,var(--journal-bg) 100%)}.journal-map-name{font-family:var(--font-primary);font-size:var(--font-4xl);font-weight:700;color:var(--journal-ink);margin:0 0 8px;text-transform:uppercase;letter-spacing:2px;text-shadow:1px 1px 0 rgba(168,63,57,.2)}.journal-entries-section{margin-bottom:var(--space-3xl)}.journal-section-header{font-family:var(--font-primary);font-size:var(--font-lg);font-weight:600;color:var(--journal-crimson);text-align:center;padding:var(--space-md);background:#a83f3914;border:1px solid var(--journal-crimson);border-radius:var(--radius-button);margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:2px}.journal-entry{background:#2c181008;border:1px solid var(--journal-border-light);border-radius:var(--radius-button);padding:var(--space-lg);margin-bottom:var(--space-lg);position:relative;transition:all .2s ease}.journal-entry:hover{background:#2c18100f;transform:translate(-2px)}.journal-entry:before{content:"📜";position:absolute;top:8px;right:8px;font-size:var(--font-xs);opacity:.5}.journal-entry-chapter{font-family:var(--font-primary);font-size:var(--font-base);font-weight:600;color:var(--journal-ink);margin-bottom:var(--space-xs);text-transform:uppercase}.journal-entry-preview{font-family:var(--font-primary);font-size:var(--font-base);font-style:italic;color:var(--journal-ink-light);line-height:1.4;margin:0}.journal-entry-result{font-family:var(--font-primary);font-size:var(--font-xs);color:var(--journal-crimson);margin-top:var(--space-md);font-style:italic}.journal-archive-section{margin-bottom:var(--space-3xl);padding-top:var(--space-xl);border-top:2px solid var(--journal-border)}.journal-stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:#ffffff4d;border-radius:var(--radius-button);margin-bottom:var(--space-md);font-family:var(--font-primary);font-size:var(--font-md);color:var(--journal-ink);width:100%}.journal-stat-icon{margin-right:var(--space-md)}.journal-globe-display{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.journal-globe-count{font-size:var(--font-sm);color:var(--journal-text-muted)}.journal-wax-seal-button{background:radial-gradient(circle at 30% 30%,var(--journal-crimson),var(--journal-crimson-dark));border:3px solid var(--journal-crimson-dark);border-radius:50%;width:240px;height:240px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:var(--space-xl) auto;box-shadow:0 4px 8px #0000004d,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff1a;transition:all .3s ease;position:relative}.journal-wax-seal-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 12px #a83f3966,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff1a}.journal-wax-seal-button:active{transform:scale(.98)}.journal-wax-seal-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.journal-wax-seal-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border:4px solid rgba(255,255,255,.3);border-radius:50%}.journal-wax-seal-text{font-family:var(--font-primary);font-size:16px;font-weight:700;color:#ffffffe6;text-align:center;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:var(--z-base)}.journal-wax-seal-icon{font-size:40px;margin-bottom:var(--space-md);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.journal-left-column{padding:var(--space-3xl);display:flex;flex-direction:column;background:linear-gradient(to right,rgba(255,255,255,.1) 0%,transparent 50%),linear-gradient(to right,var(--journal-bg) 0%,var(--journal-bg-dark) 100%);position:relative;overflow-y:auto;min-height:0;grid-column:1}.journal-starting-preview{flex-shrink:0;display:block;width:192px;height:192px;margin:0 auto 16px;padding:var(--space-lg);background:#ffffff0d;border:2px solid var(--journal-border);border-radius:var(--radius-corners);box-shadow:inset 0 0 10px #0000001a;image-rendering:pixelated}.journal-starting-preview--empty{grid-template-columns:1fr;grid-template-rows:1fr;padding:var(--space-2xl);text-align:center;color:var(--journal-text-muted);font-style:italic}.journal-preview-tile{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden}.journal-preview-tile img,.journal-preview-tile svg{width:100%;height:100%;object-fit:contain}.journal-landmarks{display:flex;gap:var(--space-3xl);margin-bottom:var(--space-xl)}.journal-landmark{transition:transform .2s ease;cursor:help}.journal-landmark:hover{transform:scale(1.1) rotate(5deg)}.journal-description{flex:0 1 auto;overflow-y:auto;min-height:0;display:block;font-family:var(--font-primary);font-size:var(--font-md);line-height:1.7;color:var(--journal-ink);text-align:center;width:100%;margin:0 auto var(--space-3xl) auto;padding:var(--space-xl) var(--space-2xl);background:#ffffff4d;border-radius:var(--radius-button);font-style:italic}.journal-modal-footer{display:flex;justify-content:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-3xl);background:var(--journal-bg-dark);border-top:3px solid var(--journal-border);grid-column:1 / -1}.journal-footer-button{font-family:var(--font-primary);font-size:var(--font-base);padding:10px 24px;background:transparent;border:2px solid var(--journal-border);color:var(--journal-ink);border-radius:var(--radius-button);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.journal-footer-button:hover:not(:disabled){background:#2c18100d;border-color:var(--journal-crimson);color:var(--journal-crimson)}.journal-footer-button:disabled{opacity:.5;cursor:not-allowed}.journal-footer-button:focus{outline:none}.journal-footer-button:focus-visible{outline:2px solid var(--journal-crimson);outline-offset:2px}.journal-close-button{font-family:var(--font-primary);font-size:var(--font-base);padding:10px 24px;background:transparent;border:2px solid var(--journal-border);color:var(--journal-ink);border-radius:var(--radius-button);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.journal-close-button:hover{background:#2c18100d;border-color:var(--journal-crimson);color:var(--journal-crimson)}.journal-left-column::-webkit-scrollbar,.journal-right-column::-webkit-scrollbar{width:8px}.journal-left-column::-webkit-scrollbar-track,.journal-right-column::-webkit-scrollbar-track{background:#8b73551a;border-radius:var(--radius-sm)}.journal-left-column::-webkit-scrollbar-thumb,.journal-right-column::-webkit-scrollbar-thumb{background:var(--journal-border);border-radius:var(--radius-sm)}.journal-left-column::-webkit-scrollbar-thumb:hover,.journal-right-column::-webkit-scrollbar-thumb:hover{background:var(--journal-crimson)}@media(max-width:1024px){.journal-map-modal-content{grid-template-columns:1fr;width:95vw}.journal-right-column{border-left:none;border-bottom:3px solid var(--journal-border);max-height:300px}.journal-inner-box{min-height:200px}}.atlas-cell .atlas-cell-content{display:flex;flex-direction:column;height:100%}.atlas-cell .atlas-cell-grid-layout{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;height:100%;width:100%;gap:var(--space-2xs);overflow:hidden;min-height:0}.atlas-cell .atlas-cell-grid-layout .atlas-cell-name{grid-column:1 / -1;grid-row:1;text-align:center;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);padding:var(--space-xs) var(--space-xs) var(--space-md) var(--space-xs);border-radius:var(--radius-button) var(--radius-button) 0 0}.atlas-cell .atlas-cell-grid-layout .globe-display-grid{grid-column:1;grid-row:2;align-self:stretch}.atlas-cell .atlas-cell-grid-layout .atlas-cell-right-side{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:space-between;align-items:center;align-self:stretch;flex-shrink:0;min-height:fit-content}.atlas-cell .atlas-cell-grid-layout .atlas-cell-run-count{background:#00000080;padding:var(--space-2xs) var(--space-xs);border-radius:3px;font-size:var(--font-xs);color:var(--map-theme-color)}.atlas-cell--minor .atlas-cell-grid-layout .atlas-cell-name{padding:var(--space-2xs) var(--space-2xs) var(--space-xs) var(--space-2xs);font-size:8px}.atlas-cell--minor .atlas-cell-grid-layout .atlas-cell-run-count{font-size:7px;padding:1px var(--space-2xs)}.atlas-cell--minor .globe-display-grid{width:30px;height:65px}.atlas-cell--minor .globe-display-grid .globe-icon{width:11px;height:11px}.atlas-cell-preview{flex-shrink:0;pointer-events:none;object-fit:contain;image-rendering:pixelated}.atlas-cell--major .atlas-cell-preview{width:56px;height:56px}.atlas-cell--minor .atlas-cell-preview{width:42px;height:42px}.globe-display-grid{position:relative;display:grid;gap:1px;justify-items:center;align-items:center;padding:var(--space-2xs);background:#0000004d;border-radius:3px;border:1px solid rgba(255,255,255,.15);transform:scaleY(-1)}.globe-display-grid .globe-icon{width:100%;aspect-ratio:1;object-fit:cover;image-rendering:pixelated;transform:scaleY(-1)}.globe-checkmark-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0009;border-radius:3px;z-index:var(--z-base);transform:scaleY(-1)}.globe-checkmark{color:#22c55e;font-size:18px;font-weight:700;text-shadow:0 0 4px rgba(34,197,94,.6),0 1px 2px rgba(0,0,0,.8)}.gate-cell{width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-sm);border:2px solid transparent;cursor:pointer;position:relative;overflow:hidden}.gate-cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border-radius:50%;z-index:var(--z-base)}.gate-cell-content{position:relative;z-index:var(--z-content);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.gate-cell .atlas-cell-dev-badge{z-index:3}.gate-cell--locked{border-color:#4b5563;cursor:not-allowed;box-shadow:0 0 12px #4b556366}.gate-cell--locked:before{background:#000000b3}.gate-cell--locked:hover{border-color:#4b5563}.gate-cell--accessible{border-color:var(--alchemy-green);cursor:pointer;animation:gatePulse 2s ease-in-out infinite;will-change:box-shadow}.gate-cell--accessible:hover{border-color:var(--alchemy-green-light);box-shadow:0 0 20px var(--alchemy-green-glow)}.gate-cell--unlocked{border-color:#10b981;cursor:pointer;box-shadow:0 0 12px #10b98166}.gate-cell--unlocked:hover{border-color:#34d399;box-shadow:0 0 20px #10b98199}.gate-cell-icon{font-size:24px;line-height:1}.gate-cell-icon--locked{font-size:28px;font-weight:700;color:#6b7280}.gate-cell-icon--accessible{filter:drop-shadow(0 0 8px var(--alchemy-green-glow))}.gate-cell-icon--unlocked{filter:drop-shadow(0 0 8px rgba(16,185,129,.8))}.gate-cell-name{font-size:9px;font-weight:600;color:#e5e7eb;text-align:center;margin-top:var(--space-2xs);text-shadow:0 1px 2px rgba(0,0,0,.8);max-width:76px;line-height:1.2;overflow-wrap:break-word;word-break:break-word}@keyframes gatePulse{0%,to{box-shadow:0 0 12px var(--alchemy-green-glow)}50%{box-shadow:0 0 20px #39ff14b3}}@media(prefers-reduced-motion:reduce){.gate-cell{transition:none}.gate-cell--accessible{animation:none}}@media(max-width:600px){.gate-cell{width:60px;height:60px}.gate-cell-icon{font-size:20px}.gate-cell-icon--locked{font-size:22px}.gate-cell-name{font-size:8px;max-width:52px}}.gate-journal-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:gateJournalFadeIn .2s ease-out}@keyframes gateJournalFadeIn{0%{opacity:0}to{opacity:1}}.journal-gate-modal-content{width:1100px;max-width:95vw;max-height:95vh;overflow-y:auto;background:var(--journal-bg);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "left right" "footer footer";gap:0}.journal-gate-modal-content.journal-nested{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:95%;max-height:none;overflow:visible}.journal-gate-name{font-size:var(--font-4xl);font-weight:700;color:var(--journal-ink);margin:0;text-align:center;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:2px;text-shadow:1px 1px 0 rgba(168,63,57,.2)}.journal-gate-image-container{display:flex;justify-content:center;align-items:center;padding:var(--space-md)}.journal-gate-image{width:180px;height:180px;border-radius:50%;object-fit:cover;border:3px solid var(--journal-border);box-shadow:0 4px 12px #0000004d}.journal-gate-status-header{display:flex;justify-content:center;margin-bottom:var(--space-xl)}.journal-gate-status{font-weight:700;font-size:var(--font-lg);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-button);text-transform:uppercase;letter-spacing:1px}.journal-gate-status--locked{color:#4b5563;background:#6b728033;border:2px solid rgba(107,114,128,.3)}.journal-gate-status--accessible{color:#92400e;background:#d9770626;border:2px solid rgba(217,119,6,.4)}.journal-gate-status--unlocked{color:#065f46;background:#10b98126;border:2px solid rgba(16,185,129,.4)}.journal-gate-tribute-section{padding:var(--space-xl);background:#00000014;border-radius:var(--radius-md);margin-bottom:var(--space-xl);border:2px solid var(--journal-border-light)}.journal-gate-section-title{font-size:var(--font-lg);font-weight:700;color:var(--journal-crimson);margin:0 0 var(--space-lg) 0;text-transform:uppercase;letter-spacing:1px;text-align:center;font-family:var(--font-primary)}.journal-gate-tribute-cost{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg);background:#c9a2271a;border-radius:var(--radius-button);margin-bottom:var(--space-lg);border:2px solid rgba(201,162,39,.3)}.journal-gate-tribute-icon{width:32px;height:32px;object-fit:contain}.journal-gate-tribute-amount{font-size:var(--font-2xl);font-weight:700;color:#78350f;text-shadow:0 1px 2px rgba(0,0,0,.2)}.journal-gate-alchetiles-balance{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);font-size:var(--font-md);color:var(--journal-ink);background:#fff3;border-radius:var(--radius-button)}.journal-gate-balance--sufficient{color:#065f46;font-weight:700;font-size:var(--font-lg)}.journal-gate-balance--insufficient{color:#dc2626;font-weight:700;font-size:var(--font-lg)}.journal-gate-pay-tribute-button{background:radial-gradient(circle at 30% 30%,var(--journal-crimson),var(--journal-crimson-dark));border:3px solid var(--journal-crimson-dark);border-radius:50%;width:240px;height:240px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:var(--space-xl) auto;box-shadow:0 4px 8px #0000004d,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff1a;transition:all .3s ease;position:relative}.journal-gate-pay-tribute-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 12px #a83f3966,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff1a}.journal-gate-pay-tribute-button:active:not(:disabled){transform:scale(.98)}.journal-gate-pay-tribute-button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.journal-gate-pay-tribute-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;border:4px solid rgba(255,255,255,.3);border-radius:50%}.journal-gate-pay-tribute-icon{width:48px;height:48px;object-fit:contain;margin-bottom:var(--space-sm);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.journal-gate-pay-tribute-text{font-family:var(--font-primary);font-size:var(--font-lg);font-weight:700;color:#ffffffe6;text-align:center;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:var(--z-base)}.journal-gate-unlocked-message{width:240px;height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);margin:var(--space-xl) auto;padding:var(--space-xl);background:#10b98126;border:3px solid #065f46;border-radius:50%;color:#065f46;font-size:var(--font-lg);font-weight:700;text-transform:uppercase;letter-spacing:1px}.journal-gate-unlocked-icon{font-size:48px;color:#fff}@media(max-width:600px){.journal-gate-modal-content{max-width:95vw;grid-template-columns:1fr;grid-template-areas:"header" "left" "right" "footer"}.journal-gate-image{width:140px;height:140px}.journal-gate-tribute-cost{flex-direction:column;text-align:center}.journal-gate-pay-tribute-button,.journal-gate-unlocked-message{width:180px;height:180px}.journal-gate-pay-tribute-button:before{width:130px;height:130px}}@media(prefers-reduced-motion:reduce){.gate-journal-modal-overlay{animation:none}.journal-gate-pay-tribute-button:hover:not(:disabled){transform:none}}.globe-icon{width:16px;height:16px;vertical-align:middle;display:inline-block}.worldtree-button{display:flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;font-size:var(--font-base);transition:all .2s ease;border:1px solid var(--worldtree-crimson);border-radius:var(--radius-button);cursor:pointer;font-weight:500;background-color:#3d0000;color:var(--text-primary)}.worldtree-button:hover{background-color:#5a0000;transform:translateY(-2px);box-shadow:0 4px 12px #dc143c4d;border-color:var(--worldtree-crimson-light)}.worldtree-button:active{transform:translateY(0)}.worldtree-button-icon{font-size:1rem}.worldtree-button-text{font-weight:500}.worldtree-button-separator{color:var(--worldtree-crimson);font-weight:300;margin:0 2px}.worldtree-button-count{display:flex;align-items:center;gap:var(--space-xs);font-weight:600}.worldtree-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:worldTreeFadeIn .2s ease-out}@keyframes worldTreeFadeIn{0%{opacity:0}to{opacity:1}}.worldtree-modal-content{background:linear-gradient(135deg,#2d0000,#3d0000);background-size:auto;background-position:center;background-repeat:repeat;border:2px solid var(--worldtree-crimson);border-radius:var(--radius-corners);box-shadow:0 20px 60px #dc143c66;width:90vw;height:100dvh;height:100vh;display:flex;flex-direction:column;overflow:hidden;animation:worldTreeSlideUp .3s ease-out;transition:background-image .5s ease}@keyframes worldTreeSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.worldtree-modal-header{display:flex;justify-content:center;align-items:center;padding:10px 16px;border-bottom:2px solid var(--worldtree-grey-dark);position:relative}.worldtree-stats{display:flex;align-items:center;gap:var(--space-md)}.worldtree-stat-item{font-size:var(--font-lg);font-weight:600;color:var(--worldtree-grey);display:flex;align-items:center;gap:var(--space-sm)}.worldtree-stat-icon{width:16px;height:16px;vertical-align:middle}.worldtree-stat-separator{color:var(--worldtree-grey-dark);font-weight:300;margin:0 4px}.worldtree-close-button{position:absolute;right:16px;background:transparent;border:1px solid var(--worldtree-grey);color:var(--worldtree-grey);font-size:var(--font-lg);width:32px;height:32px;border-radius:var(--radius-button);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.worldtree-close-button:hover{background:#dc143c33;border-color:var(--worldtree-crimson-light);color:var(--worldtree-crimson-light);transform:scale(1.05)}.worldtree-modal-title{padding:var(--space-2xl) var(--space-2xl) var(--space-lg) var(--space-2xl);text-align:center}.worldtree-modal-title h2{margin:0 0 8px;font-size:var(--font-5xl);color:var(--worldtree-crimson);text-shadow:0 0 10px rgba(220,20,60,.5)}.worldtree-subtitle{margin:0 0 8px;font-size:var(--font-lg);color:var(--worldtree-grey)}.worldtree-content-wrapper{flex:1;display:flex;position:relative;overflow:hidden}.worldtree-alchemy-unlock-box{position:absolute;right:var(--space-2xl);top:var(--space-2xl);width:200px;padding:var(--space-xl) var(--space-2xl);background:#140000e6;border:1px solid var(--alchemy-green-dark);border-radius:var(--radius-button);text-align:center;z-index:var(--z-above-content);box-shadow:0 4px 12px #00000080}.worldtree-alchemy-unlock-title{font-size:var(--font-lg);font-weight:600;color:var(--alchemy-green);margin-bottom:var(--space-md);text-shadow:0 0 10px var(--alchemy-green-glow)}.worldtree-alchemy-unlock-message{font-size:var(--font-lg);color:var(--worldtree-grey);margin-bottom:10px}.worldtree-alchemy-progress-bar{margin:0}.worldtree-alchemy-progress-bar .progress-bar{background:#1a1a1a;border:1px solid var(--alchemy-green-dark);height:8px;border-radius:var(--radius-button);overflow:hidden;box-shadow:inset 0 2px 4px #0006}.worldtree-alchemy-progress-bar .progress-bar-fill{background:linear-gradient(180deg,var(--alchemy-green-light) 0%,var(--alchemy-green) 40%,var(--alchemy-green) 60%,var(--alchemy-green-dark) 100%);box-shadow:0 0 8px var(--alchemy-green-glow),inset 0 1px #ffffff4d}@media(max-width:1200px){.worldtree-alchemy-unlock-box{right:10px;top:10px;width:160px;padding:var(--space-lg) var(--space-xl)}.worldtree-alchemy-unlock-title{font-size:var(--font-sm)}.worldtree-alchemy-remaining-number{font-size:var(--font-3xl)}.worldtree-alchemy-remaining-label{font-size:10px}}@media(max-width:768px){.worldtree-alchemy-unlock-box{position:static;width:auto;margin:0 var(--space-lg) var(--space-md) var(--space-lg);padding:var(--space-md) var(--space-xl);display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap}.worldtree-alchemy-unlock-title{margin-bottom:0}.worldtree-alchemy-remaining-number{font-size:var(--font-xl);margin-bottom:0}.worldtree-alchemy-remaining-label,.worldtree-alchemy-progress-bar{display:none}}.worldtree-grid-container{flex:1;overflow:auto;padding:var(--space-2xl);display:flex;flex-direction:column;align-items:center;cursor:grab}.worldtree-grid{display:grid;grid-template-columns:repeat(13,120px);grid-template-rows:repeat(13,120px);gap:var(--space-md);position:relative}.worldtree-node{width:120px;height:120px;border-radius:var(--radius-button);display:grid;grid-template-areas:". badge" "content content";grid-template-rows:auto 1fr;grid-template-columns:1fr auto;padding:var(--space-md);transition:all .2s ease;border:2px solid;font-size:var(--font-sm);text-align:center;background:#0000004d;position:relative}.worldtree-node.empty{background:transparent;border:none;cursor:default}.worldtree-node.locked{border-color:#4b5563;background:#00000080;opacity:.85;cursor:not-allowed;color:var(--worldtree-grey)}.worldtree-node.locked .worldtree-node-icon{display:flex;font-size:var(--font-2xl);line-height:1;justify-self:center;align-self:center;opacity:.7;filter:grayscale(50%)}.worldtree-node.unlockable-unaffordable{border-color:var(--worldtree-crimson);background:#dc143c1a;color:#b0b5bd;cursor:pointer;opacity:.85}.worldtree-node.unlockable-unaffordable:hover{opacity:.95;transform:scale(1.05)}.worldtree-node.unlockable-affordable{border-color:var(--worldtree-crimson);background:#dc143c26;color:#ff8fa3;cursor:pointer;box-shadow:0 0 12px #dc143c66}.worldtree-node.unlockable-affordable:hover{border-color:var(--worldtree-crimson-light);background:#dc143c40;box-shadow:0 0 20px #dc143c99;transform:scale(1.1)}.worldtree-node.purchased{border-color:var(--worldtree-green);border-width:3px;background:#10b98126;color:#6ee7b7;cursor:default;box-shadow:0 0 16px #10b9814d}.worldtree-node.purchased .worldtree-node-icon{filter:drop-shadow(0 0 4px rgba(16,185,129,.6))}.worldtree-node .purchased-indicator{grid-area:badge;width:16px;height:16px;background:var(--worldtree-green);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:var(--font-xs);font-weight:700;justify-self:end;align-self:start}.worldtree-node.purchased .purchased-indicator:before{content:"✓"}.worldtree-node-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);text-align:center;width:100%;grid-area:content;z-index:var(--z-base);position:relative}.worldtree-node-bg-icon{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:88px;height:88px;object-fit:contain;opacity:.6;pointer-events:none;grid-area:1 / 1 / -1 / -1}.worldtree-node.unlockable-affordable .worldtree-node-bg-icon{opacity:.7;filter:drop-shadow(0 0 8px rgba(220,20,60,.4))}.worldtree-node.unlockable-unaffordable .worldtree-node-bg-icon{opacity:.5}.worldtree-node.locked .worldtree-node-bg-icon{opacity:.35;filter:grayscale(50%)}.worldtree-node.purchased .worldtree-node-bg-icon{opacity:.4;filter:grayscale(30%)}.worldtree-node-name{display:none}.worldtree-node-cost{display:flex;align-items:center;justify-content:center}.worldtree-cost-number{font-size:32px;font-weight:700;color:var(--worldtree-gold);text-shadow:0 0 3px rgba(0,0,0,1),0 0 6px rgba(0,0,0,.9),0 0 9px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.5)}.worldtree-node.unlockable-affordable .worldtree-cost-number{color:#ff8fa3;text-shadow:0 0 3px rgba(0,0,0,1),0 0 6px rgba(220,20,60,.6),0 0 9px rgba(0,0,0,.7)}.worldtree-node.unlockable-unaffordable .worldtree-cost-number{color:#ef4444}.worldtree-node.start-position{border-color:var(--worldtree-gold);background:#ffd7001a;box-shadow:0 0 16px #ffd7004d}.worldtree-node.start-position:after{content:"⭐";font-size:var(--font-md);grid-area:badge;justify-self:center;align-self:end}.worldtree-grid-container::-webkit-scrollbar{width:8px;height:8px}.worldtree-grid-container::-webkit-scrollbar-track{background:#0003;border-radius:var(--radius-corners)}.worldtree-grid-container::-webkit-scrollbar-thumb{background:#dc143c66;border-radius:var(--radius-corners)}.worldtree-grid-container::-webkit-scrollbar-thumb:hover{background:#dc143c99}.worldtree-grid-container.dragging{cursor:grabbing}@media(max-width:768px){.worldtree-modal-content{width:100vw;height:100dvh;height:100vh;border-radius:0;border:none}.worldtree-grid{grid-template-columns:repeat(13,90px);grid-template-rows:repeat(13,90px);gap:var(--space-sm)}.worldtree-node{width:90px;height:90px;font-size:var(--font-xs);padding:var(--space-sm)}.worldtree-node-bg-icon{width:64px;height:64px}.worldtree-node-name{display:none}.worldtree-cost-number{font-size:24px}}@media(max-width:480px){.worldtree-grid{grid-template-columns:repeat(13,70px);grid-template-rows:repeat(13,70px);gap:var(--space-xs)}.worldtree-node{width:70px;height:70px;font-size:var(--font-sm);padding:var(--space-xs)}.worldtree-node-bg-icon{width:50px;height:50px}.worldtree-node-name{display:none}.worldtree-cost-number{font-size:20px}}.worldtree-purchase-confirmation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10001;animation:worldTreeFadeIn .2s ease-out}.worldtree-purchase-confirmation-dialog{background:linear-gradient(135deg,#2d0000,#3d0000);border:2px solid var(--worldtree-crimson);border-radius:var(--radius-corners);padding:32px;max-width:500px;width:90%;box-shadow:0 12px 40px #dc143c80;animation:worldTreeSlideUp .3s ease-out}.worldtree-purchase-dialog-title{color:var(--worldtree-crimson);margin:0 0 20px;font-size:var(--font-2xl);text-align:center;text-shadow:0 0 10px rgba(220,20,60,.5)}.worldtree-purchase-node-name{font-size:var(--font-xl);font-weight:700;color:var(--worldtree-crimson-light);text-align:center;margin-bottom:var(--space-xl)}.worldtree-purchase-description{background:#0000004d;border:1px solid rgba(220,20,60,.3);border-radius:var(--radius-corners);padding:var(--space-xl);margin-bottom:var(--space-3xl);color:#d1d5db;font-size:var(--font-base);line-height:1.6;text-align:center}.worldtree-purchase-info{background:#0003;border:1px solid rgba(220,20,60,.2);border-radius:var(--radius-corners);padding:var(--space-2xl);margin-bottom:var(--space-3xl)}.worldtree-purchase-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);font-size:var(--font-md)}.worldtree-purchase-info-row:last-child{margin-bottom:0}.worldtree-purchase-remaining{padding-top:var(--space-lg);border-top:1px solid rgba(220,20,60,.3);font-weight:700}.worldtree-purchase-label{color:var(--worldtree-grey)}.worldtree-purchase-value{color:var(--worldtree-gold);font-weight:700;display:flex;align-items:center;gap:var(--space-sm);text-shadow:0 0 8px rgba(255,215,0,.4)}.worldtree-purchase-cost{color:var(--worldtree-crimson-light);text-shadow:0 0 8px rgba(220,20,60,.4)}.worldtree-purchase-buttons{display:flex;gap:var(--space-lg);justify-content:center}.worldtree-purchase-confirm-button,.worldtree-purchase-cancel-button{padding:var(--space-lg) 32px;font-size:var(--font-md);font-weight:600;border-radius:var(--radius-button);cursor:pointer;transition:all .2s ease;border:2px solid}.worldtree-purchase-confirm-button{background:var(--worldtree-crimson);color:var(--text-primary);border-color:var(--worldtree-crimson-light)}.worldtree-purchase-confirm-button:hover{background:var(--worldtree-crimson-light);transform:translateY(-2px);box-shadow:0 4px 12px #dc143c66}.worldtree-purchase-cancel-button{background:transparent;color:var(--worldtree-grey);border-color:#4b5563}.worldtree-purchase-cancel-button:hover{background:#ffffff1a;border-color:#6b7280;color:#d1d5db}@media(max-width:768px){.worldtree-purchase-confirmation-dialog{padding:var(--space-3xl);max-width:90%}.worldtree-purchase-dialog-title{font-size:var(--font-xl)}.worldtree-purchase-node-name{font-size:var(--font-lg)}.worldtree-purchase-buttons{flex-direction:column}.worldtree-purchase-confirm-button,.worldtree-purchase-cancel-button{width:100%}}.progress-bar-container{display:flex;flex-direction:column;gap:.25rem}.progress-bar-label{font-size:var(--font-md);color:var(--text-primary);font-weight:500}.progress-bar{height:20px;background-color:#0000004d;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-button);overflow:hidden;box-shadow:inset 0 2px 4px #0006;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(180deg,#a5b4fc,#818cf8 40%,#6366f1 60%,#4f46e5);transition:width .3s ease;box-shadow:0 0 8px #6366f180,inset 0 1px #ffffff4d;position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff40,#fff0);border-radius:var(--radius-button) var(--radius-button) 0 0}.worldtree-tooltip{max-width:300px;z-index:var(--z-top);animation:worldtreeTooltipFadeIn .15s ease-out}.worldtree-tooltip-content{background-color:#1a1a1aee;border:1px solid #444;color:var(--text-primary);padding:var(--space-md);border-radius:var(--radius-corners);font-size:var(--font-base);line-height:1.5;box-shadow:0 4px 12px #000c;white-space:pre-wrap;word-wrap:break-word}.worldtree-tooltip-arrow{position:absolute;left:50%;transform:translate(-50%);width:0;height:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.worldtree-tooltip--top .worldtree-tooltip-arrow{bottom:-6px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #1a1a1aee}.worldtree-tooltip--bottom .worldtree-tooltip-arrow{top:-6px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #1a1a1aee}@keyframes worldtreeTooltipFadeIn{0%{opacity:0}to{opacity:1}}@keyframes borderTrace{0%{opacity:0;box-shadow:0 0 8px gold,0 0 16px gold,0 0 24px #ffd70080}10%{opacity:1;box-shadow:0 0 12px gold,0 0 24px gold,0 0 36px #ffd700cc}50%{box-shadow:0 0 16px gold,0 0 32px gold,0 0 48px gold}90%{opacity:1;box-shadow:0 0 12px gold,0 0 24px gold,0 0 36px #ffd700cc}to{opacity:1;box-shadow:0 0 8px gold,0 0 16px gold,0 0 24px #ffd70080}}@keyframes borderFadeOut{0%{opacity:1}to{opacity:0}}.tile-border-animation{position:absolute;pointer-events:none;z-index:50;box-sizing:border-box;border:4px solid #ffd700;animation:borderTrace 2s ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}.tile-border-animation--fading{animation:borderFadeOut .3s ease-out forwards}.passive-effects-container{position:absolute;top:var(--space-md);left:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none;z-index:var(--z-above-content)}.passive-effects-world-tree-group{display:flex;flex-direction:column;gap:var(--space-xs);background-color:#1e0a0ad9;border:1px solid #dc143c;border-radius:var(--radius-md);padding:var(--space-sm);box-shadow:0 0 8px #dc143c66}.passive-effects-world-tree-group .passive-effect-indicator{border:none}.passive-effects-world-tree-group .passive-effect-progress-bar{background-color:#dc143c;box-shadow:0 0 4px #dc143c99}.passive-effects-world-tree-group .passive-effect-value{color:#dc143c}.passive-effects-wisdom-grid-group{display:flex;flex-direction:column;gap:var(--space-xs);background-color:var(--wisdom-bg);border:1px solid var(--wisdom-primary);border-radius:var(--radius-md);padding:var(--space-sm);box-shadow:0 0 8px var(--wisdom-shadow)}.passive-effect-indicator{background-color:#1e1e23d9;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-sm);pointer-events:auto;cursor:help}.passive-effect-icon{width:20px;height:20px;object-fit:contain}.passive-effect-value{font-size:.875rem;font-weight:700}.passive-effect-progress-container{width:40px;height:4px;background-color:#ffffff26;border-radius:2px;overflow:hidden}.passive-effect-progress-bar{height:100%;border-radius:2px;transition:width .1s linear}.passive-effect-wisdom-grid .passive-effect-progress-bar{background-color:var(--wisdom-primary);box-shadow:0 0 4px var(--wisdom-glow)}.passive-effect-wisdom-grid .passive-effect-value{color:var(--wisdom-primary)}.passive-effect-inactive{opacity:.6}.passive-effect-inactive .passive-effect-icon{filter:grayscale(50%)}.passive-effect-inactive .passive-effect-progress-bar{background-color:#666;box-shadow:none}.resource-icon{display:inline-block;vertical-align:middle;object-fit:contain}.resource-icon-large{height:75%;max-height:75%}.resource-icon-small{height:1em;width:auto}.tile-tooltip-trigger{position:relative;width:40px;height:40px;display:block}.tile-tooltip{position:fixed;z-index:var(--z-tooltip);max-width:300px;width:auto;padding:var(--space-md);border-radius:var(--radius-corners);background-color:#1a1a1aee;border:1px solid var(--border-default);box-shadow:0 4px 12px #000c;font-family:inherit;font-size:var(--font-md);color:var(--text-primary);line-height:1.4;opacity:0;pointer-events:none;transition:opacity .15s ease;visibility:hidden}.tile-tooltip.visible{opacity:1;visibility:visible;pointer-events:auto}.tile-tooltip.hidden{opacity:0;visibility:hidden;pointer-events:none}.tile-tooltip__content{display:flex;flex-direction:column;gap:var(--space-xs)}.tile-tooltip__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-default)}.tile-tooltip__name{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);flex:1;background-color:#000c;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-cost)}.tile-tooltip__cost{display:flex;flex-direction:column;gap:var(--space-2xs);margin:var(--space-xs) 0}.tile-tooltip__cost-label{font-size:var(--font-md);color:var(--text-primary);font-weight:500;margin-bottom:var(--space-2xs)}.tile-tooltip__cost-items{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center}.tile-tooltip__cost-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-lg);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-cost);background-color:#000c}.tile-tooltip__cost-item.affordable{color:var(--color-success);border:1px solid rgba(74,222,128,.2)}.tile-tooltip__cost-item.unaffordable{color:var(--color-danger);border:1px solid rgba(255,107,107,.2)}.tile-tooltip__cost-amount{font-weight:500}.tile-tooltip__description{font-size:var(--font-md);color:var(--text-dim);margin:var(--space-xs) 0;font-style:italic;line-height:1.3}.tile-tooltip__tile-count{font-size:var(--font-md);color:var(--text-dim);margin:var(--space-xs) 0}.tile-tooltip__bonuses{display:flex;flex-direction:column;gap:var(--space-2xs);margin:var(--space-xs) 0}.tile-tooltip__bonus-label{font-size:var(--font-md);color:var(--text-primary);font-weight:500;margin-bottom:var(--space-2xs)}.tile-tooltip__bonus-line{font-size:var(--font-md);color:var(--text-primary);padding:var(--space-2xs) 0}.tile-tooltip__divider{height:1px;background-color:var(--border-subtle);margin:var(--space-xs) 0}.tile-tooltip__message{font-size:var(--font-md);color:var(--text-primary);padding:var(--space-xs) 0;text-align:center}.tile-tooltip__message.unknown{color:var(--text-primary);font-style:italic}.tile-tooltip__message.locked{color:var(--color-locked)}.tile-tooltip__converter-status{padding:var(--space-md) 0}.tile-tooltip__converter-state{margin-bottom:var(--space-md)}.converter-state-badge{display:block;width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-md);font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3)}.converter-state-badge--active{background:repeating-linear-gradient(90deg,rgba(34,197,94,.4) 0 calc(25% - 12px),transparent 0 25%) right/calc(4 * 100% / 3) 100%;animation:converter-progress-slide .8s infinite linear;color:var(--text-primary);border:1px solid #22c55e;background-color:#22c55e33;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px rgba(0,0,0,.5)}.converter-state-badge--waiting_for_inputs{background-color:#f59e0b33;color:var(--text-primary);border:1px solid #f59e0b;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px rgba(0,0,0,.5)}.converter-state-badge--turned_off{background-color:#6b728033;color:var(--text-primary);border:1px solid #6b7280;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 0 3px rgba(0,0,0,.5)}@keyframes converter-progress-slide{to{background-position:left}}.tile-tooltip__converter-section{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-cost);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.tile-tooltip__converter-label{font-size:var(--font-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.tile-tooltip__converter-resource{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-md);padding:3px 0;line-height:1.2}.tile-tooltip__converter-resource .resource-icon{display:block;flex-shrink:0;height:1.2em}.tile-tooltip__converter-amount{font-weight:600;min-width:50px;line-height:1.2;margin:0}.tile-tooltip__converter-resource .resource-name{color:var(--text-primary);flex:1;line-height:1.2}.tile-tooltip__converter-resource .resource-gain{color:#22c55e;font-weight:600}.tile-tooltip__converter-resource.has-enough .tile-tooltip__converter-amount,.tile-tooltip__converter-resource.has-space .tile-tooltip__converter-amount{color:#22c55e}.tile-tooltip__converter-resource.not-enough .tile-tooltip__converter-amount,.tile-tooltip__converter-resource.no-space .tile-tooltip__converter-amount{color:var(--color-error)}.tile-tooltip__early-tiles-warning{font-size:var(--font-md);padding:var(--space-sm) 0;margin-top:var(--space-xs);border-top:1px solid var(--border-default);line-height:1.4}.tile-tooltip__early-tiles-warning.active{color:var(--color-danger)}.tile-tooltip__early-tiles-warning.fixed{color:var(--color-disabled)}@media(max-width:768px){.tile-tooltip{max-width:250px;font-size:var(--font-md)}.tile-tooltip__name,.tile-tooltip__variation,.tile-tooltip__cost-item,.tile-tooltip__description,.tile-tooltip__bonus-line{font-size:var(--font-md)}}.auto-camera-button{width:36px;height:36px;box-sizing:border-box;padding:0;z-index:var(--z-above-content);font-size:20px;font-weight:700;color:var(--text-primary);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-button);background:#1e1e1ed9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);outline-offset:2px}.auto-camera-button.enabled{border-color:#22c55ecc;box-shadow:0 0 8px #22c55e66}.auto-camera-button.disabled{border-color:#ffffff4d}.auto-camera-button:hover:not(.disabled){background:#3c3c3ce6;border-color:#ffffff80;transform:scale(1.05)}.auto-camera-button.enabled:hover{border-color:#22c55e;box-shadow:0 0 12px #22c55e99}.auto-camera-button.disabled:hover{background:#3c3c3ce6;border-color:#ffffff80}.auto-camera-button:active{background:#505050e6;transform:scale(.95)}.auto-camera-button:focus{outline:none}.auto-camera-button:focus-visible{outline:2px solid rgba(255,255,255,.6)}.auto-camera-button .button-icon{width:22px;height:22px;object-fit:contain;pointer-events:none}.home-button{width:36px;height:36px;box-sizing:border-box;padding:0;z-index:var(--z-above-content);font-size:20px;color:var(--text-primary);border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-button);background:#1e1e1ed9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);outline-offset:2px}.home-button:hover:not(:disabled){background:#3c3c3ce6;border-color:#ffffff80;transform:scale(1.05)}.home-button:active:not(:disabled){background:#505050e6;transform:scale(.95)}.home-button:focus{outline:none}.home-button:focus-visible{outline:2px solid rgba(255,255,255,.6)}.home-button:disabled{opacity:.4;cursor:not-allowed}.home-button .button-icon{width:22px;height:22px;object-fit:contain;pointer-events:none}.zoom-controls{display:flex;flex-direction:column;gap:var(--space-xs);z-index:var(--z-tooltip)}.zoom-control-button{width:36px;height:36px;box-sizing:border-box;padding:0;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-button);background:#1e1e1ed9;color:var(--text-primary);font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);outline:none}.zoom-control-button:focus{outline:none}.zoom-control-button:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.zoom-control-button:hover:not(.disabled){background:#3c3c3ce6;border-color:#ffffff80;transform:scale(1.05)}.zoom-control-button:active:not(.disabled){background:#505050e6;transform:scale(.95)}.zoom-control-button.disabled{opacity:.4;cursor:not-allowed}.zoom-controls-gap{height:8px}.zoom-control-button.enabled{border-color:#22c55ecc;box-shadow:0 0 8px #22c55e66}.zoom-control-button.enabled:hover{border-color:#22c55e;box-shadow:0 0 12px #22c55e99}.zoom-control-button .button-icon{width:22px;height:22px;object-fit:contain;pointer-events:none}.canvas-grid-viewport{position:relative;width:100%;height:100%;min-height:400px;justify-self:center;overflow:hidden;border:2px solid var(--color-map-theme, #3b82f6);border-radius:var(--radius-corners, 8px);box-shadow:0 0 15px var(--color-map-theme-shadow, rgba(59, 130, 246, .3))}.canvas-grid{display:block;touch-action:none;width:100%;height:100%}.canvas-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#888;font-size:1rem;pointer-events:none}.canvas-tooltip-overlay{position:absolute;pointer-events:none;z-index:var(--z-tooltip)}.canvas-queue-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.canvas-queue-marker{position:absolute;pointer-events:none;display:flex;align-items:center;justify-content:center}.canvas-queue-marker img{width:100%;height:100%;object-fit:contain}.canvas-queue-position{position:absolute;font-weight:700;color:gold;text-shadow:0 0 6px rgba(0,0,0,1),0 2px 4px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,1)}.canvas-pilgrim-marker{position:absolute;pointer-events:none;display:flex;align-items:center;justify-content:center;opacity:.7}.canvas-pilgrim-marker img{width:100%;height:100%;object-fit:contain}.canvas-grid-viewport .zoom-controls{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:var(--space-xs)}.converter-state-indicator{border-radius:50%;pointer-events:none;box-shadow:0 0 4px #00000080}.converter-state-indicator--active{background-color:#22c55e;border:1px solid #16a34a;animation:converter-pulse 1s ease-in-out infinite}.converter-state-indicator--waiting_for_inputs{background-color:#f59e0b;border:1px solid #d97706}.converter-state-indicator--turned_off{background-color:#6b7280;border:1px solid #4b5563}@keyframes converter-pulse{0%,to{opacity:1;box-shadow:0 0 4px #22c55e80}50%{opacity:.7;box-shadow:0 0 8px #22c55ecc}}.frugal-conquest-indicator{position:absolute;top:var(--space-md);left:var(--space-md);background-color:#1e1e23d9;border:1px solid #dc143c;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-sm);pointer-events:none;z-index:var(--z-above-content)}.frugal-conquest-icon{width:20px;height:20px;object-fit:contain}.frugal-conquest-chance{color:#dc143c;font-size:.875rem;font-weight:700}.info-tooltip-trigger{display:inline-flex;cursor:help}.info-tooltip{animation:tooltipFadeIn .15s ease-out;max-width:350px}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.info-tooltip-content{background-color:#1a1a1aee;border:1px solid #444;border-radius:var(--radius-corners);padding:var(--space-md);box-shadow:0 4px 12px #000c;color:var(--text-primary);font-size:var(--font-base);line-height:1.5}.info-tooltip-arrow{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#1a1a1aee;border-left:1px solid #444;border-top:1px solid #444;transform:translate(-50%) rotate(45deg)}.info-tooltip-content strong{color:var(--text-primary);font-weight:600}.info-tooltip-content code{background:#ffffff1a;padding:var(--space-2xs) 6px;border-radius:var(--radius-corners);font-family:Courier New,monospace;font-size:var(--font-xs);color:var(--text-primary)}.about-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);cursor:pointer;animation:fadeIn .2s ease-out}.about-modal-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid var(--menu-blue);border-radius:var(--radius-panel);padding:2rem;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;cursor:default;box-shadow:0 20px 60px var(--menu-blue-shadow);animation:slideUp .3s ease-out}.about-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:1rem;border-bottom:2px solid var(--menu-blue)}.about-modal-header h2{margin:0;font-size:var(--font-2xl);color:var(--menu-blue);font-weight:600}.about-version{text-align:center;color:#888;font-size:var(--font-base);margin-bottom:1.5rem;font-style:italic;-webkit-user-select:text;user-select:text}.about-close-button{background:transparent;border:none;font-size:var(--font-3xl);color:var(--text-primary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.about-close-button:hover{opacity:.8}.about-modal-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1rem;-webkit-user-select:text;user-select:text}.about-section{padding:.75rem;border:1px solid var(--menu-blue-shadow);border-radius:var(--radius-button);text-align:center;background-color:#0003}.about-section h3{margin-top:0;margin-bottom:.75rem;font-size:var(--font-lg);color:var(--menu-blue);font-weight:600}.about-section p{margin:.5rem 0;color:#ccc;line-height:1.6}.about-section a{color:var(--menu-blue-light);text-decoration:none}.about-section a:hover{text-decoration:underline;color:#8dc5f5}.discord-link,.support-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--button-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-button);text-decoration:none;font-weight:700;transition:all .2s;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.discord-link:hover,.support-link:hover{background-color:var(--button-hover);text-decoration:none}.discord-link{background-color:#5865f2;border-color:#5865f2;color:#fff}.discord-link:hover{background-color:#4752c4;border-color:#4752c4}.buymeacoffee-link{background-color:#bd5fff;border-color:#bd5fff}.buymeacoffee-link:hover{background-color:#a64ee6;border-color:#a64ee6}.paypal-link{background-color:#ffd140;border-color:#ffd140}.paypal-link:hover{background-color:#ffbe00;border-color:#ffbe00}.button-icon{width:20px;height:20px;object-fit:contain}.thanks-list{list-style:none;padding:0;margin:.5rem 0}.thanks-list li{padding:.25rem 0;color:#ccc}.support-disclaimer{font-style:italic;color:#aaa;margin-bottom:1rem}.support-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:1rem}.about-modal-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--menu-blue-shadow);text-align:center}.about-hint{margin:0;color:#888;font-size:var(--font-base);-webkit-user-select:text;user-select:text}.impressum-link{display:inline-block;margin-top:.75rem;padding:.5rem 1rem;color:var(--menu-blue-light);text-decoration:none;font-size:var(--font-sm);border:1px solid rgba(33,150,243,.4);border-radius:var(--radius-button);transition:all .2s}.impressum-link:hover{color:#8dc5f5;border-color:var(--menu-blue);background-color:#2196f31a;text-decoration:none}@media(max-width:600px){.about-modal-content{grid-template-columns:1fr;grid-template-rows:auto}}.achievement-button{display:flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;font-size:var(--font-base);transition:all .2s ease;border:1px solid var(--achievement-gold);border-radius:var(--radius-button);cursor:pointer;font-weight:500;background-color:#3d3000;color:var(--text-primary)}.achievement-button:hover{background-color:#5a4500;transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d;border-color:var(--achievement-gold-light)}.achievement-button:active{transform:translateY(0)}.achievement-button-icon{font-size:1rem}.achievement-button-text{font-weight:500}.achievement-button-separator{color:var(--achievement-gold);font-weight:300;margin:0 var(--space-2xs)}.achievement-button-points,.achievement-button-cost{font-weight:600}.achievement-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:achievementFadeIn .2s ease-out}@keyframes achievementFadeIn{0%{opacity:0}to{opacity:1}}.achievement-modal-content{background:linear-gradient(135deg,#2d2a00,#3d3000);background-size:auto;background-position:center;background-repeat:repeat;border:2px solid var(--achievement-gold);border-radius:var(--radius-corners);box-shadow:0 20px 60px #ffc1074d;max-width:90vw;width:850px;height:100dvh;height:100vh;display:flex;flex-direction:column;overflow:hidden;animation:achievementSlideUp .3s ease-out;transition:background-image .5s ease}@keyframes achievementSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.achievement-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl) var(--space-2xl);border-bottom:1px solid rgba(255,193,7,.3);background:#0003}.achievement-stats{display:flex;align-items:center;gap:var(--space-xl)}.achievement-points{font-size:var(--font-lg);font-weight:700;color:var(--achievement-gold);text-shadow:0 0 10px rgba(255,193,7,.5)}.achievement-multiplier{font-size:var(--font-base);color:#4ade80;background:#4ade801a;padding:var(--space-xs) 10px;border-radius:var(--radius-button);border:1px solid rgba(74,222,128,.3)}.achievement-close-button{background:transparent;border:1px solid var(--achievement-gold);color:var(--achievement-gold);font-size:var(--font-lg);width:36px;height:36px;border-radius:var(--radius-button);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:700}.achievement-close-button:hover{background:#ffc10733;border-color:var(--achievement-gold-light);color:var(--achievement-gold-light);transform:scale(1.05)}.achievement-modal-title{padding:var(--space-2xl) var(--space-2xl) var(--space-lg) var(--space-2xl);text-align:center;background:#2d2a00}.achievement-modal-title h2{margin:0 0 var(--space-md) 0;font-size:var(--font-3xl);color:var(--achievement-gold);text-shadow:0 0 10px rgba(255,193,7,.5)}.achievement-subtitle{margin:0 0 var(--space-md) 0;font-size:var(--font-base);color:var(--text-primary)}.achievement-explanation{margin:0 0 var(--space-lg) 0;font-size:var(--font-base-sm);color:#4ade80;font-style:italic}.hide-complete-toggle{display:inline-flex;align-items:center;gap:var(--space-md);font-size:var(--font-base-sm);color:var(--text-primary);cursor:pointer;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-button);background:#0003;border:1px solid rgba(255,193,7,.2);transition:all .2s ease}.hide-complete-toggle:hover{background:#ffc1071a;border-color:#ffc10766}.hide-complete-toggle input[type=checkbox]{accent-color:var(--achievement-gold);width:16px;height:16px;cursor:pointer}.achievement-grid-container{flex:1;overflow-y:auto;padding:var(--space-2xl);background:transparent}.achievement-empty-message{text-align:center;color:var(--text-primary);font-size:var(--font-base);font-style:italic;padding:40px}.achievement-row{margin-bottom:var(--space-3xl)}.achievement-row.complete-row{position:relative}.achievement-row.complete-row:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid rgba(74,222,128,.3);border-radius:var(--radius-corners);pointer-events:none}.achievement-row-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-lg);padding-left:var(--space-xs);font-size:var(--font-base-sm);color:var(--text-primary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.row-bonus{color:#4ade80;font-size:var(--font-sm);background:#4ade8026;padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-corners);font-weight:600}.achievement-row-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.achievement-card{background:#2d2a00;border:1px solid rgba(255,193,7,.2);border-radius:var(--radius-corners);padding:var(--space-lg);text-align:center;transition:all .2s ease;min-height:140px;display:grid;grid-template-areas:"id . lock" "icon icon icon" "name name name" "desc desc desc";grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto 1fr;align-items:center}.achievement-card.earned{border-color:#4ade80;background:#1a2a1a}.achievement-card.locked{opacity:.85;filter:grayscale(.3)}.achievement-card.locked:hover{opacity:.95;filter:grayscale(.15)}.achievement-card.unavailable{opacity:.7;filter:grayscale(.5);border-color:#9ca3af4d}.achievement-card.unavailable:hover{opacity:.8;filter:grayscale(.4)}.achievement-card.placeholder{border-style:dashed;opacity:.4}.achievement-id{grid-area:id;font-size:var(--font-xs);color:#666;font-weight:600;justify-self:start}.achievement-card.earned .achievement-id{color:#4ade80}.achievement-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;grid-area:icon;justify-self:center}.achievement-icon{max-width:100%;max-height:100%;object-fit:contain}.achievement-card.earned .achievement-icon{filter:drop-shadow(0 0 6px rgba(74,222,128,.6))}.achievement-placeholder-icon{font-size:var(--font-2xl);color:#666}.achievement-name{font-size:var(--font-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.8);grid-area:name}.achievement-card.earned .achievement-name{color:#4ade80}.achievement-description{font-size:var(--font-sm);color:#b0b5bd;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.8);grid-area:desc}.achievement-earned-badge{grid-area:lock;width:16px;height:16px;background:#10b981;border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:10px;font-weight:700;justify-self:end;align-self:start}.achievement-earned-badge:before{content:"✓"}.achievement-lock-icon{grid-area:lock;font-size:var(--font-md);opacity:.6;filter:drop-shadow(0 0 4px rgba(0,0,0,.5));justify-self:end;align-self:start}.achievement-map-restriction{font-size:10px;color:var(--text-primary);font-style:italic;margin-top:var(--space-xs);line-height:1.2;text-align:center}.achievement-modal-footer{padding:var(--space-xl) var(--space-2xl);border-top:1px solid rgba(255,193,7,.3);background:#0003}.achievement-instructions{margin:0;font-size:var(--font-base-sm);color:var(--text-primary);text-align:center}.achievement-grid-container::-webkit-scrollbar{width:var(--space-md)}.achievement-grid-container::-webkit-scrollbar-track{background:#0003;border-radius:var(--radius-corners)}.achievement-grid-container::-webkit-scrollbar-thumb{background:#ffc10766;border-radius:var(--radius-corners)}.achievement-grid-container::-webkit-scrollbar-thumb:hover{background:#ffc10799}@media(max-width:768px){.achievement-modal-content{width:100vw;max-width:100vw;height:100dvh;height:100vh;border-radius:0;border:none}.achievement-row-grid{grid-template-columns:repeat(2,1fr)}.achievement-stats{flex-direction:column;gap:var(--space-md);align-items:flex-start}}@media(max-width:480px){.achievement-row-grid{grid-template-columns:1fr}}.achievement-notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-spotlight)}.achievement-notification-overlay.fade-in{animation:achievementNotificationFadeIn .3s ease-out forwards}.achievement-notification-overlay.fade-out{animation:achievementNotificationFadeOut .3s ease-out forwards}@keyframes achievementNotificationFadeIn{0%{opacity:0}to{opacity:1}}@keyframes achievementNotificationFadeOut{0%{opacity:1}to{opacity:0}}.achievement-notification-content{background:linear-gradient(135deg,#2d2a00fa,#3d3000fa);border:3px solid #ffc107;border-radius:var(--radius-corners);padding:var(--space-3xl) 32px;box-shadow:0 8px 40px #0009,0 0 60px #ffc10766,inset 0 1px #ffffff1a;text-align:center;min-width:320px;max-width:400px;animation:achievementNotificationSlideUp .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes achievementNotificationSlideUp{0%{transform:translateY(30px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.fade-out .achievement-notification-content{animation:achievementNotificationSlideDown .3s ease-out forwards}@keyframes achievementNotificationSlideDown{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-20px) scale(.95);opacity:0}}.achievement-notification-header{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.achievement-notification-title{font-size:var(--font-2xl);font-weight:700;color:#ffc107;text-shadow:0 0 15px rgba(255,193,7,.8),0 0 30px rgba(255,193,7,.4),0 2px 4px rgba(0,0,0,.8);letter-spacing:.5px}.achievement-notification-queue{font-size:var(--font-base);color:var(--text-primary);background:#0000004d;padding:var(--space-xs) 10px;border-radius:var(--radius-corners);border:1px solid rgba(255,193,7,.3)}.achievement-notification-body{display:flex;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-3xl)}.achievement-notification-icon-wrapper{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffc1071a;border-radius:var(--radius-corners);border:2px solid rgba(255,193,7,.3)}.achievement-notification-icon{max-width:48px;max-height:48px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,193,7,.6))}.achievement-notification-info{text-align:left;flex:1}.achievement-notification-name{font-size:var(--font-xl);font-weight:600;color:#ffd54f;margin-bottom:var(--space-sm);text-shadow:0 1px 2px rgba(0,0,0,.8)}.achievement-notification-description{font-size:var(--font-md);color:#d1d5db;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.8)}.achievement-notification-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg) 36px;font-size:var(--font-lg);font-weight:600;color:#1a1a00;background:linear-gradient(135deg,#ffc107,#ffd54f);border:none;border-radius:var(--radius-corners);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ffc10766,inset 0 1px #ffffff4d}.achievement-notification-button:hover{background:linear-gradient(135deg,#ffd54f,#ffeb3b);transform:translateY(-2px);box-shadow:0 6px 16px #ffc10780,inset 0 1px #fff6}.achievement-notification-button:active{transform:translateY(0);box-shadow:0 2px 8px #ffc10766,inset 0 1px #ffffff4d}@media(max-width:480px){.achievement-notification-content{min-width:280px;padding:var(--space-2xl) var(--space-3xl);margin:0 var(--space-xl)}.achievement-notification-title{font-size:var(--font-xl)}.achievement-notification-body{flex-direction:column;text-align:center}.achievement-notification-info{text-align:center}.achievement-notification-name{font-size:var(--font-lg)}.achievement-notification-description{font-size:var(--font-base)}}.dig-site-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-spotlight);pointer-events:none;-webkit-user-select:none;user-select:none}.dig-site-notification.fade-in{animation:fadeIn .5s ease-in forwards}.dig-site-notification.fade-out{animation:fadeOut .5s ease-out forwards}.dig-site-notification-content{background:linear-gradient(135deg,#14141ef2,#1e1e2df2);border:2px solid rgba(251,191,36,.6);border-radius:var(--radius-corners);padding:var(--space-3xl) 32px;box-shadow:0 8px 32px #0009,0 0 40px #fbbf244d,inset 0 1px #ffffff1a;text-align:center;min-width:400px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dig-site-notification-title{font-size:1.75rem;font-weight:700;color:#fbbf24;margin-bottom:var(--space-lg);text-shadow:0 0 10px rgba(251,191,36,.8),0 0 20px rgba(251,191,36,.4),0 2px 4px rgba(0,0,0,.8);letter-spacing:.5px}.dig-site-notification-message{font-size:1.1rem;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8);font-weight:500;line-height:1.5}@media(max-width:640px){.dig-site-notification-content{min-width:300px;padding:var(--space-2xl) var(--space-3xl)}.dig-site-notification-title{font-size:1.5rem}.dig-site-notification-message{font-size:1rem}}.language-selector{position:relative;display:flex}.language-selector-button{display:flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;font-size:var(--font-base);transition:all .2s ease;border:1px solid var(--menu-blue);border-radius:var(--radius-button);cursor:pointer;font-weight:500;background-color:var(--menu-blue-darker);color:var(--text-primary)}.language-selector-button:hover{background-color:var(--menu-blue-dark);transform:translateY(-2px);box-shadow:0 4px 12px var(--menu-blue-shadow);border-color:var(--menu-blue-light)}.language-selector-button:active{transform:translateY(0)}.language-selector-flag{display:block;width:20px;height:15px}.language-selector-text{font-weight:500}.language-selector-arrow{font-size:var(--font-xs);transition:transform .2s ease;margin-left:var(--space-2xs)}.language-selector-arrow.open{transform:rotate(180deg)}.language-selector-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:150px;background-color:var(--menu-blue-darker);border:1px solid var(--menu-blue);border-radius:var(--radius-button);box-shadow:0 4px 12px #0000004d;z-index:var(--z-modal);overflow:hidden;animation:languageDropdownFadeIn .2s ease}@keyframes languageDropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-selector-option{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:.7rem 1rem;border:none;background-color:transparent;color:var(--text-primary);font-size:var(--font-base);font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.language-selector-option:hover{background-color:var(--menu-blue-dark)}.language-selector-option.active{background-color:var(--menu-blue-darkest);color:var(--menu-blue-light)}.language-selector-option-flag{display:block;width:20px;height:15px}.language-selector-option-text{flex:1}.language-selector-checkmark{font-size:var(--font-md);color:var(--menu-blue-light)}.language-selector-beta-badge{font-size:.6rem;font-weight:700;letter-spacing:.04em;padding:1px 4px;border-radius:3px;background-color:var(--menu-blue);color:var(--text-primary);opacity:.75}@media(max-width:768px){.language-selector-button{padding:.4rem .8rem;font-size:var(--font-base-sm)}.language-selector-text{display:none}.language-selector-dropdown{min-width:120px}.language-selector-option{padding:.6rem .8rem;font-size:var(--font-base-sm)}}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f0f0f,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.loading-container{text-align:center;max-width:500px;width:90%}.game-title{margin-bottom:3rem}.game-title h1{margin:0;font-size:var(--font-5xl);background:linear-gradient(135deg,#646cff,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeIn .6s ease;letter-spacing:2px;font-weight:700}.game-title .tagline{margin:.5rem 0 0;color:#888;font-size:var(--font-md);letter-spacing:.5px;opacity:.8}.loading-content{padding:2rem;background:#1a1a1acc;border:2px solid rgba(100,108,255,.2);border-radius:var(--radius-corners);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-spinner{display:inline-block;position:relative;width:60px;height:60px;margin-bottom:1.5rem}.spinner-ring{box-sizing:border-box;display:block;position:absolute;width:48px;height:48px;margin:var(--space-sm);border:4px solid rgba(100,108,255,.3);border-radius:var(--radius-circle);animation:spinner-spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:rgba(100,108,255,.3) transparent transparent transparent}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s}.spinner-ring:nth-child(3){animation-delay:-.15s}.spinner-ring:nth-child(4){animation-delay:0s}@keyframes spinner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:#646cff;font-size:var(--font-lg);margin:1.5rem 0 2rem;font-weight:500;letter-spacing:.5px}.progress-container{margin-bottom:2rem}.progress-bar{width:100%;height:8px;background:#646cff1a;border-radius:var(--radius-corners);overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#646cff);border-radius:var(--radius-corners);transition:width .3s ease;box-shadow:0 0 10px #646cff66}.progress-text{color:#888;font-size:var(--font-base-sm);margin:0}@media(max-width:768px){.game-title h1{font-size:var(--font-3xl)}.game-title .tagline{font-size:var(--font-base-sm)}.loading-content{padding:1.5rem}.loading-spinner{margin-bottom:1rem}.loading-message{font-size:var(--font-md);margin:1rem 0 1.5rem}}.map-preview-window{position:fixed;z-index:var(--z-modal);background:#1a1a2e;border:2px solid #4a4a6a;border-radius:var(--radius-corners);box-shadow:0 8px 32px #00000080;width:95vw;height:95vh;min-width:400px;min-height:350px;display:flex;flex-direction:column;resize:both;overflow:hidden}.map-preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:#252545;border-bottom:1px solid #4a4a6a;cursor:move;-webkit-user-select:none;user-select:none}.map-preview-title{font-size:14px;font-weight:600;color:var(--text-primary)}.map-preview-controls{display:flex;align-items:center;gap:var(--space-xs)}.map-preview-controls button{width:24px;height:24px;border:1px solid #4a4a6a;border-radius:var(--radius-corners);background:#2a2a4a;color:var(--text-primary);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s}.map-preview-controls button:hover{background:#3a3a5a}.map-preview-controls .reset-button{background:#5a4a2a;border-color:#8a7a4a;margin-left:var(--space-md);width:auto;padding:0 var(--space-md);font-size:12px}.map-preview-controls .reset-button:hover{background:#7a6a3a}.map-preview-controls .close-button{background:#5a2a2a;border-color:#8a4a4a;margin-left:var(--space-xs)}.map-preview-controls .close-button:hover{background:#7a3a3a}.zoom-level{font-size:11px;color:#a0a0c0;min-width:40px;text-align:center}.map-preview-content{flex:1;overflow:hidden;position:relative;background:#0a0a1a;min-height:500px}.map-preview-grid{display:flex;flex-direction:column;position:absolute;top:0;left:0}.map-preview-row{display:flex;flex-shrink:0}.map-preview-tile{width:40px;height:40px;flex-shrink:0;position:relative;box-sizing:border-box;opacity:1}.map-preview-sprite{width:100%;height:100%}.map-preview-footer{padding:var(--space-xs) var(--space-lg);background:#252545;border-top:1px solid #4a4a6a;font-size:11px;color:#8080a0;text-align:center}.map-progress-bar-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.map-progress-bar-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:1000px;aspect-ratio:10 / 1;position:relative;pointer-events:auto}.map-progress-bar-container.text-only{aspect-ratio:unset}.progress-bar-text-only-label{font-size:var(--font-xl);font-weight:700;color:var(--color-map-progress-text);text-shadow:0 0 10px var(--color-map-theme),0 0 3px rgba(0,0,0,.6);white-space:nowrap}.map-progress-bar-container--atlas-clickable{cursor:pointer}.progress-bar-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-base);background-color:transparent;border-radius:var(--radius-lg)}.progress-bar-fill-area{position:absolute;z-index:var(--z-content);overflow:hidden}.progress-bar-unfilled{position:absolute;top:0;z-index:var(--z-base);height:100%;background:transparent}.progress-square{position:absolute;top:0;z-index:var(--z-content);background:linear-gradient(180deg,color-mix(in srgb,var(--color-map-theme) 80%,white 20%) 0%,var(--color-map-theme) 40%,color-mix(in srgb,var(--color-map-theme) 85%,black 15%) 100%);border-radius:var(--radius-sm);box-shadow:inset 0 1px #ffffff4d,0 0 4px var(--color-map-theme-shadow)}.progress-square.complete{box-shadow:inset 0 1px #fff6,0 0 8px color-mix(in srgb,var(--color-map-theme),transparent 40%),0 0 16px var(--color-map-theme-shadow);animation:squareGlow 1.5s ease-in-out infinite}@keyframes squareGlow{0%,to{box-shadow:inset 0 1px #fff6,0 0 8px color-mix(in srgb,var(--color-map-theme),transparent 40%),0 0 16px var(--color-map-theme-shadow)}50%{box-shadow:inset 0 1px #fff9,0 0 15px color-mix(in srgb,var(--color-map-theme),transparent 10%),0 0 30px color-mix(in srgb,var(--color-map-theme),transparent 50%)}}.progress-shine{position:absolute;top:0;left:0;z-index:var(--z-fill);height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,.4) 50%,rgba(255,255,255,0) 80%,transparent 100%);animation:shineSweep .5s ease-in-out;pointer-events:none}.progress-shine.intense{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0) 15%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 85%,transparent 100%);animation:shineSweep .4s ease-in-out}@keyframes shineSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-particles{position:absolute;top:0;left:0;z-index:var(--z-above-content);width:100%;height:100%;pointer-events:none;overflow:hidden}.progress-particle{position:absolute;background:radial-gradient(circle,#ffffff 0%,color-mix(in srgb,var(--color-map-theme) 80%,white 20%) 50%,transparent 100%);border-radius:50%;pointer-events:none}.progress-bar-border{position:absolute;top:0;left:0;z-index:var(--z-fill);width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.progress-bar-info-row{position:absolute;z-index:var(--z-above-content);display:flex;align-items:center;justify-content:space-between;color:var(--color-map-progress-text);font-size:var(--font-xl);font-weight:700;letter-spacing:1px;pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 10px var(--color-map-theme),0 0 3px rgba(0,0,0,.6);padding:0 var(--space-lg);margin-top:-3px;overflow:hidden}.progress-bar-glow{grid-row:1;grid-column:1;z-index:var(--z-above-content);border-radius:var(--radius-lg);box-shadow:0 0 20px color-mix(in srgb,var(--color-map-theme),transparent 60%),0 0 40px color-mix(in srgb,var(--color-map-theme),transparent 80%),inset 0 0 20px color-mix(in srgb,var(--color-map-theme),transparent 90%);animation:completeGlow 2s ease-in-out infinite;pointer-events:none}@keyframes completeGlow{0%,to{box-shadow:0 0 20px color-mix(in srgb,var(--color-map-theme),transparent 60%),0 0 40px color-mix(in srgb,var(--color-map-theme),transparent 80%),inset 0 0 20px color-mix(in srgb,var(--color-map-theme),transparent 90%)}50%{box-shadow:0 0 40px color-mix(in srgb,var(--color-map-theme),transparent 30%),0 0 80px color-mix(in srgb,var(--color-map-theme),transparent 60%),inset 0 0 30px color-mix(in srgb,var(--color-map-theme),transparent 80%)}}.patch-notes-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);cursor:pointer;animation:fadeIn .2s ease-out}.patch-notes-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid var(--menu-blue);border-radius:var(--radius-panel);padding:1.5rem;max-width:1050px;width:90%;max-height:80vh;display:flex;flex-direction:column;cursor:default;box-shadow:0 20px 60px var(--menu-blue-shadow);animation:slideUp .3s ease-out}.patch-notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--menu-blue);flex-shrink:0}.patch-notes-header h2{margin:0;font-size:var(--font-2xl);color:var(--text-primary);font-weight:600}.patch-notes-close-button{background:transparent;border:none;font-size:var(--font-3xl);color:var(--text-primary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.patch-notes-close-button:hover{opacity:.8}.patch-notes-content{overflow-y:auto;flex:1;padding-right:.5rem}.patch-notes-empty{text-align:center;color:var(--text-dim);font-style:italic;padding:2rem}.patch-notes-timeline{display:flex;flex-direction:column;gap:0}.patch-note-entry{display:flex;gap:1rem;position:relative}.patch-note-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:12px}.patch-note-dot{width:12px;height:12px;border-radius:50%;background-color:var(--menu-blue);flex-shrink:0;margin-top:var(--space-sm)}.patch-note-line{width:2px;flex:1;background-color:var(--menu-blue-shadow);margin-top:var(--space-xs);min-height:20px}.patch-note-latest .patch-note-dot{background-color:#4caf50;box-shadow:0 0 8px #4caf5080}.patch-note-body{flex:1;padding-bottom:1.5rem;min-width:0}.patch-note-latest .patch-note-body{padding-bottom:2rem}.patch-note-content{color:var(--text-primary);line-height:1.6;-webkit-user-select:text;user-select:text}.patch-note-content h1{margin:0 0 .5rem;font-size:var(--font-lg);color:var(--menu-blue);font-weight:600}.patch-note-latest .patch-note-content h1{font-size:var(--font-xl)}.patch-note-content h2{margin:1rem 0 .5rem;font-size:var(--font-base);color:var(--text-primary);font-weight:600;border-bottom:1px solid var(--menu-blue-shadow);padding-bottom:.25rem}.patch-note-content p{margin:.5rem 0;color:var(--text-dim)}.patch-note-content strong{color:var(--menu-blue-light);font-weight:600}.patch-note-content ul{margin:.5rem 0;padding-left:1.25rem}.patch-note-content li{margin:.25rem 0;color:var(--text-dim)}.patch-note-content a{color:var(--menu-blue-light);text-decoration:none}.patch-note-content a:hover{text-decoration:underline;color:var(--menu-blue-light)}.patch-note-content em{color:var(--text-dim);font-size:var(--font-sm)}.patch-notes-badge{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background-color:#4caf50;border-radius:50%;border:2px solid #1a1a2e;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.patch-notes-content::-webkit-scrollbar{width:var(--space-md)}.patch-notes-content::-webkit-scrollbar-track{background:#0003;border-radius:var(--radius-sm)}.patch-notes-content::-webkit-scrollbar-thumb{background:var(--menu-blue-shadow);border-radius:var(--radius-sm)}.patch-notes-content::-webkit-scrollbar-thumb:hover{background:var(--menu-blue)}.resource-panel{background-color:var(--bg-panel);border:2px solid var(--color-map-theme);border-radius:var(--radius-corners);padding:1rem;margin:0;width:363px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 15px var(--color-map-theme-shadow);animation:panelSlideUp .5s ease-out}.resource-panel h2{margin:0 0 1rem;font-size:var(--font-xl);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem}.resource-list{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto;min-height:0;padding-right:var(--space-xs);scrollbar-width:thin;scrollbar-color:rgba(16,185,129,.4) rgba(0,0,0,.3)}.resource-list::-webkit-scrollbar{width:var(--space-md)}.resource-list::-webkit-scrollbar-track{background:#0000004d;border-radius:var(--radius-corners)}.resource-list::-webkit-scrollbar-thumb{background:#10b98166;border-radius:var(--radius-corners)}.resource-list::-webkit-scrollbar-thumb:hover{background:#10b98199}.no-resources{color:var(--color-disabled);font-style:italic;text-align:center;padding:1rem}.resource-item{background-color:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-corners);padding:.75rem;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;cursor:pointer}.resource-item:hover{background-color:var(--bg-panel-elevated);border-color:var(--border-default);transform:translate(2px)}.resource-item-toggled{box-shadow:inset 0 0 0 2px #ff8c00!important;border-color:#ff8c00!important}.resource-content{flex:1;display:flex;flex-direction:column;min-width:0}.resource-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.resource-name-container{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.resource-name{font-size:var(--font-md);color:var(--text-primary);transition:color .2s ease}.resource-item:hover .resource-name{color:#646cff}.resource-rate{font-size:var(--font-md);color:var(--color-success-dark);transition:all .2s ease}.resource-item:hover .resource-rate{color:var(--color-success-light);text-shadow:0 0 8px rgba(68,170,68,.4)}.resource-amount{font-size:var(--font-md);color:var(--text-dim);margin-bottom:.5rem}.resource-bar{height:1rem;background-color:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-button);overflow:hidden;box-shadow:inset 0 2px 4px #0006;position:relative}.resource-bar-fill{height:100%;background:linear-gradient(180deg,#6ef196,#4ade80 40%,#3bca6c 60%,#2fb759);transition:width .3s ease;box-shadow:0 0 8px #4ade8080,inset 0 1px #ffffff4d;position:relative}.resource-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff40,#fff0);border-radius:7px 7px 0 0}.save-load-error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:var(--z-top)}.save-load-error-panel{background-color:#1a1a1b;border-radius:var(--radius-lg);border:2px solid #d32f2f;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column}.save-load-error-header{padding:0 1.5rem 1.5rem 0;border-bottom:1px solid rgba(211,47,47,.3)}.save-load-error-header h2{color:#ff6b6b;margin:0;font-size:1.25rem}.save-load-error-content{padding:1.5rem;flex:1}.save-load-error-description{color:#ccc;margin-bottom:.75rem;line-height:1.5}.save-load-error-reasons{color:#ff6b6b;margin:.5rem 0 1rem;padding-left:1.5rem;line-height:1.5}.save-load-error-reasons li{margin-bottom:.25rem;list-style-type:disc;padding-left:1rem;color:#ff9800}.save-load-error-backup-section{margin-top:1rem;padding:1rem;background-color:#2196f31a;border-radius:var(--radius-sm)}.save-load-error-backup-hint{color:#aaa;font-size:.875rem;margin-bottom:.5rem}.save-load-error-export-button{background-color:#2196f3;color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;transition:background-color .2s}.save-load-error-export-button:hover:not(:disabled){background-color:#1e88e5}.save-load-error-export-button:disabled{opacity:.6;cursor:not-allowed;background-color:#4caf50}.save-load-error-danger-section{margin-top:1rem;padding:1rem;background-color:#f443361a;border-radius:var(--radius-sm);border:1px solid rgba(244,67,54,.3)}.save-load-error-warning{color:#ff6b6b;font-size:.875rem;margin-bottom:.75rem}.save-load-error-checkbox-label{display:flex;align-items:center;gap:.5rem;color:#ccc;cursor:pointer;font-size:.875rem}.save-load-error-checkbox{width:1rem;height:1rem;cursor:pointer;accent-color:#d32f2f}.save-load-error-buttons{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center}.save-load-error-confirm-button{background-color:#d32f2f;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s}.save-load-error-confirm-button:hover:not(:disabled){background-color:#b71c1c}.save-load-error-confirm-button:disabled{opacity:.5;cursor:not-allowed;background-color:#666}.save-load-error-cancel-button{background-color:transparent;color:#888;border:1px solid #666;padding:.75rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:background-color .2s,color .2s}.save-load-error-cancel-button:hover{background-color:#ffffff1a;color:#ccc}.hard-reset-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1100;cursor:pointer;animation:fadeIn .2s ease-out}.hard-reset-panel{background:linear-gradient(135deg,#2e1a1a,#3e1616);border:3px solid #d32f2f;border-radius:var(--radius-panel);padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;cursor:default;box-shadow:0 20px 60px #d32f2f80;animation:slideUp .3s ease-out}.hard-reset-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #d32f2f}.hard-reset-header h2{margin:0;font-size:1.5rem;color:#ff6b6b;font-weight:700}.hard-reset-content{margin-bottom:1.5rem}.hard-reset-warning-text{color:#ccc;margin:1rem 0;line-height:1.6}.hard-reset-warning-text strong{color:#ff6b6b;font-weight:700}.hard-reset-list{list-style:disc;margin:1rem 0;padding-left:2rem;color:#bbb}.hard-reset-list li{margin:.5rem 0;line-height:1.4}.hard-reset-checkbox-label{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem;background-color:#d32f2f1a;border:2px solid rgba(211,47,47,.3);border-radius:var(--radius-button);cursor:pointer;transition:all .2s}.hard-reset-checkbox-label:hover{background-color:#d32f2f26;border-color:#d32f2f80}.hard-reset-checkbox{width:1.25rem;height:1.25rem;cursor:pointer;flex-shrink:0}.hard-reset-checkbox-label span{color:var(--text-primary);font-weight:600;-webkit-user-select:none;user-select:none}.hard-reset-buttons{display:flex;gap:1rem;justify-content:center}.hard-reset-cancel-button,.hard-reset-confirm-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius-button);cursor:pointer;transition:all .2s;border:1px solid}.hard-reset-cancel-button{background-color:#4a4a4a;color:var(--text-primary);border-color:#666}.hard-reset-cancel-button:hover{background-color:#5a5a5a;border-color:#777}.hard-reset-confirm-button{background-color:#d32f2f;color:#fff;border-color:#b71c1c}.hard-reset-confirm-button:hover:not(:disabled){background-color:#b71c1c}.hard-reset-confirm-button:disabled{background-color:#757575;border-color:#616161;color:#bdbdbd;cursor:not-allowed;opacity:.6}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);cursor:pointer;animation:fadeIn .2s ease-out}.settings-modal-panel{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid var(--menu-blue);border-radius:var(--radius-panel);padding:2rem;max-width:90vw;max-height:90vh;width:800px;cursor:default;box-shadow:0 20px 60px var(--menu-blue-shadow);animation:slideUp .3s ease-out;display:flex;flex-direction:column;overflow:hidden}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--menu-blue);flex-shrink:0}.settings-modal-header h2{margin:0;font-size:var(--font-2xl);color:var(--text-primary);font-weight:600}.settings-close-button{background:transparent;border:none;font-size:var(--font-3xl);color:var(--text-primary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.settings-close-button:hover{color:var(--text-primary)}.settings-tabs-container{flex-shrink:0;margin-bottom:1rem}.settings-tab-content{flex:1;overflow-y:auto;padding-right:.5rem;min-height:480px}.settings-tab-content::-webkit-scrollbar{width:8px}.settings-tab-content::-webkit-scrollbar-track{background:#0003;border-radius:var(--radius-sm)}.settings-tab-content::-webkit-scrollbar-thumb{background:#2196f380;border-radius:var(--radius-sm)}.settings-tab-content::-webkit-scrollbar-thumb:hover{background:#2196f3b3}.settings-section{padding-bottom:1rem;border-bottom:1px solid var(--menu-blue-shadow);margin-bottom:1rem}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-divider{border:none;border-bottom:1px solid var(--menu-blue-shadow);margin:1rem 0}.settings-section h3{margin-top:0;margin-bottom:1rem;font-size:var(--font-lg);color:var(--menu-blue);font-weight:600}.settings-save-button{display:inline-block;padding:.75rem 1.5rem;background-color:var(--menu-blue);color:var(--text-primary);border:1px solid var(--menu-blue);border-radius:var(--radius-button);font-weight:600;cursor:pointer;transition:all .2s;font-size:var(--font-md)}.settings-save-button:hover{background-color:var(--menu-blue-light);border-color:var(--menu-blue-light)}.settings-save-row{display:flex;align-items:center;gap:1rem}.settings-save-row .settings-save-button{flex:1;max-width:33.33%}.settings-save-row .settings-hint{flex:2;margin:0}.settings-save-row .settings-save-info{flex:2;display:flex;flex-direction:column;gap:.25rem}.settings-save-info .settings-hint,.settings-save-info .settings-autosave-timer{margin:0}.settings-hard-reset-button{display:inline-block;padding:.75rem 1.5rem;background-color:#d32f2f;color:var(--text-primary);border:1px solid #b71c1c;border-radius:var(--radius-button);font-weight:600;cursor:pointer;transition:all .2s;font-size:var(--font-md)}.settings-hard-reset-button:hover{background-color:#b71c1c}.settings-save-row .settings-hard-reset-button{flex:1;max-width:33.33%}.settings-import-button{display:inline-block;padding:.75rem 1.5rem;background-color:#d32f2f;color:var(--text-primary);border:1px solid #b71c1c;border-radius:var(--radius-button);font-weight:600;cursor:pointer;transition:all .2s;font-size:var(--font-md);white-space:nowrap;flex-shrink:0}.settings-import-button:hover:not(:disabled){background-color:#b71c1c;border-color:#b71c1c}.settings-import-button:disabled{opacity:.5;cursor:not-allowed}.settings-file-row{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;margin-bottom:.75rem}.settings-file-row .settings-file-input{flex:2;max-width:66.66%}.settings-file-row .settings-import-button{flex:1;max-width:33.33%}.settings-file-input-container{margin-bottom:.75rem}.settings-file-input{padding:.5rem;background-color:#0000004d;border:1px solid rgba(33,150,243,.4);border-radius:var(--radius-button);color:var(--text-primary);font-size:var(--font-md);cursor:pointer;transition:border-color .2s}.settings-file-input:hover{border-color:var(--menu-blue)}.settings-file-input::file-selector-button{padding:.4rem .8rem;margin-right:.75rem;background-color:var(--menu-blue);color:var(--text-primary);border:none;border-radius:var(--radius-button);font-weight:600;cursor:pointer;transition:background-color .2s}.settings-file-input::file-selector-button:hover{background-color:var(--menu-blue-light)}.settings-file-info{margin-top:.5rem}.settings-file-name{color:var(--text-primary);font-size:var(--font-base)}.settings-success{margin:.75rem 0 0;color:#4caf50;font-size:var(--font-base);font-weight:600}.settings-error{margin:.75rem 0 0;color:#ff6b6b;font-size:var(--font-base);font-weight:600}.settings-hint{margin:.75rem 0 0;color:var(--text-primary);font-size:var(--font-md)}.settings-autosave-timer{margin:.5rem 0 0;color:var(--text-primary);font-size:var(--font-md);font-weight:500}.settings-warning{margin:.75rem 0 0;color:#ff6b6b;font-size:var(--font-md);font-weight:600}.settings-section.settings-danger-section{background-color:#d32f2f1a;padding:1rem;border-radius:var(--radius-button);border:1px solid rgba(211,47,47,.3)}.settings-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--text-primary);font-size:var(--font-md);margin-bottom:.5rem;-webkit-user-select:none;user-select:none;transition:color .2s}.settings-checkbox-label:hover{color:var(--text-primary)}.settings-checkbox{cursor:pointer;width:1.2rem;height:1.2rem;accent-color:var(--menu-blue)}.settings-checkbox:hover{accent-color:var(--menu-blue-light)}.settings-checkbox:disabled{cursor:not-allowed;opacity:.5}.settings-checkbox-label.settings-checkbox-disabled{cursor:not-allowed;opacity:.6;color:var(--text-primary)}.settings-checkbox-label.settings-checkbox-disabled:hover{color:var(--text-primary)}.settings-section>.simple-tooltip-trigger{display:block}.settings-beta-badge{margin-left:auto;background-color:#d977064d;color:#d97706;font-size:.65rem;font-weight:600;padding:var(--space-2xs) 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(217,119,6,.5)}.settings-range-container{margin-top:1rem;padding:.75rem;background-color:#0003;border-radius:var(--radius-button);border:1px solid rgba(33,150,243,.2)}.settings-range-label{display:flex;align-items:center;margin-bottom:.5rem;color:var(--text-primary);font-size:var(--font-md);cursor:pointer}.settings-range-label-text{font-weight:500}.settings-range-slider{width:100%;height:6px;border-radius:3px;background:var(--menu-blue-shadow);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:.5rem 0}.settings-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--menu-blue);cursor:pointer;transition:background .2s}.settings-range-slider::-webkit-slider-thumb:hover{background:var(--menu-blue-light)}.settings-range-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--menu-blue);cursor:pointer;border:none;transition:background .2s}.settings-range-slider::-moz-range-thumb:hover{background:var(--menu-blue-light)}.settings-range-labels{display:flex;justify-content:space-between;color:var(--text-primary);font-size:var(--font-base);margin-top:.25rem}.settings-dropdown-container{margin-top:.5rem;margin-bottom:.5rem}.settings-dropdown-label{display:flex;align-items:center;margin-bottom:.5rem;color:var(--text-primary);font-size:var(--font-md);cursor:pointer}.settings-dropdown{width:100%;padding:.5rem .75rem;background-color:#0000004d;border:1px solid rgba(33,150,243,.4);border-radius:var(--radius-button);color:var(--text-primary);font-size:var(--font-md);cursor:pointer;transition:border-color .2s,background-color .2s;font-family:var(--font-primary)}.settings-dropdown:hover{border-color:var(--menu-blue);background-color:#0006}.settings-dropdown:focus{outline:none;border-color:var(--menu-blue);box-shadow:0 0 0 2px #2196f34d}.settings-dropdown option{background-color:#1a1a2e;color:var(--text-primary);padding:.5rem}.settings-dropdown-inline{display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-dropdown-inline .settings-dropdown-label{flex:2;margin-bottom:0}.settings-dropdown-inline .settings-dropdown{flex:1;max-width:33.33%}.settings-dropdown-inline .settings-hint{width:100%}@media(max-width:600px){.settings-modal-panel{width:95vw;padding:1rem}.settings-modal-header h2{font-size:var(--font-xl)}.settings-section h3{font-size:var(--font-md)}}.spritesheet-preview-window{position:fixed;z-index:var(--z-modal);background:#1a1a2e;border:2px solid #4a4a6a;border-radius:var(--radius-corners);box-shadow:0 8px 32px #00000080;width:95vw;height:95vh;min-width:400px;min-height:350px;display:flex;flex-direction:column;resize:both;overflow:hidden}.spritesheet-preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:#252545;border-bottom:1px solid #4a4a6a;cursor:move;-webkit-user-select:none;user-select:none}.spritesheet-preview-title{font-size:14px;font-weight:600;color:var(--text-primary)}.spritesheet-preview-controls{display:flex;align-items:center;gap:var(--space-xs)}.spritesheet-preview-controls button{width:24px;height:24px;border:1px solid #4a4a6a;border-radius:var(--radius-corners);background:#2a2a4a;color:var(--text-primary);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s}.spritesheet-preview-controls button:hover{background:#3a3a5a}.spritesheet-preview-controls .toggle-button{background:#2a4a2a;border-color:#4a6a4a;width:auto;padding:0 8px;font-size:11px}.spritesheet-preview-controls .toggle-button:hover{background:#3a5a3a}.spritesheet-preview-controls .toggle-button.inactive{background:#4a2a2a;border-color:#6a4a4a}.spritesheet-preview-controls .toggle-button.inactive:hover{background:#5a3a3a}.spritesheet-preview-controls .reset-button{background:#5a4a2a;border-color:#8a7a4a;margin-left:var(--space-md);width:auto;padding:0 var(--space-md);font-size:12px}.spritesheet-preview-controls .reset-button:hover{background:#7a6a3a}.spritesheet-preview-controls .close-button{background:#5a2a2a;border-color:#8a4a4a;margin-left:var(--space-xs)}.spritesheet-preview-controls .close-button:hover{background:#7a3a3a}.spritesheet-preview-content{flex:1;overflow:hidden;position:relative;background:#0a0a1a;min-height:200px}.spritesheet-preview-canvas-container{position:absolute;top:0;left:0}.spritesheet-preview-canvas{display:block}.spritesheet-preview-footer{padding:var(--space-xs) var(--space-lg);background:#252545;border-top:1px solid #4a4a6a;font-size:11px;color:#8080a0;text-align:center;display:flex;justify-content:space-between}.spritesheet-preview-footer-info{display:flex;gap:var(--space-xl)}.spritesheet-preview-footer span{white-space:nowrap}.tutorial-help-button{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:var(--radius-circle);background:linear-gradient(135deg,#6366f1,#4f46e5);color:var(--text-primary);border:none;font-size:var(--font-2xl);font-weight:700;cursor:pointer;box-shadow:0 4px 12px #6366f166;transition:all .2s;z-index:var(--z-modal)}.tutorial-help-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #6366f199}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:var(--z-spotlight);display:flex;align-items:center;justify-content:center}.tutorial-spotlight{position:absolute;background:#000000d9;box-shadow:0 0 0 9999px #000000b3;border-radius:var(--radius-corners);transition:all .3s ease;pointer-events:none}.tutorial-content{position:relative;z-index:var(--z-top);background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #6366f1;border-radius:var(--radius-corners);padding:var(--space-3xl);max-width:500px;min-width:350px;box-shadow:0 10px 40px #00000080;color:var(--text-primary)}.tutorial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid rgba(99,102,241,.3)}.tutorial-header h2{margin:0;color:#6366f1;font-size:var(--font-xl);flex:1}.tutorial-progress{font-size:var(--font-sm);color:#a0a0a0;text-transform:uppercase}.tutorial-body{margin-bottom:var(--space-2xl);font-size:var(--font-base);line-height:1.6;color:silver}.tutorial-body p{margin:0;white-space:pre-wrap}.tutorial-footer{display:flex;flex-direction:column;gap:var(--space-lg)}.tutorial-buttons{display:flex;gap:var(--space-md)}.tutorial-button{flex:1;padding:10px 16px;border:1px solid rgba(99,102,241,.5);border-radius:var(--radius-corners);background:#6366f11a;color:#6366f1;font-size:var(--font-base-sm);font-weight:500;cursor:pointer;transition:all .2s}.tutorial-button:hover:not(:disabled){background:#6366f133;border-color:#6366f1;transform:translateY(-2px)}.tutorial-button:disabled{opacity:.4;cursor:not-allowed}.tutorial-button.skip{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.tutorial-button.skip:hover{background:#ef444433;border-color:#ef4444}.tutorial-button.next{background:linear-gradient(135deg,#6366f14d,#4f46e54d);border-color:#6366f1}.tutorial-button.next:hover:not(:disabled){background:linear-gradient(135deg,#6366f166,#4f46e566)}.tutorial-dots{display:flex;gap:var(--space-sm);justify-content:center}.dot{width:8px;height:8px;border-radius:var(--radius-circle);background:#6366f14d;cursor:pointer;transition:all .2s;border:1px solid rgba(99,102,241,.5)}.dot.active{background:#6366f1;transform:scale(1.3);border-color:#6366f1}.dot:hover{background:#6366f180}@media(max-width:768px){.tutorial-content{max-width:90vw;min-width:auto;margin:var(--space-xl)}.tutorial-buttons{flex-direction:column}.tutorial-button{min-height:40px}.tutorial-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.tutorial-progress{align-self:flex-start}}.upgrade-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-button);position:relative;transition:transform .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease}.upgrade-item.affordable{cursor:pointer;background:#646cff1a;border-color:#646cff4d}.upgrade-item.affordable:hover{background:#646cff33;border-color:#646cff80;transform:translate(4px)}.upgrade-item.affordable:active{transform:translate(2px);background:#646cff26}.upgrade-item.unaffordable{cursor:not-allowed;opacity:.5;background:#0000004d;border-color:#ffffff0d}.upgrade-item.unaffordable .upgrade-name,.upgrade-item.unaffordable .upgrade-description{color:#888}.upgrade-item--animating{cursor:wait;pointer-events:none}.upgrade-item--animating .upgrade-name,.upgrade-item--animating .upgrade-description{color:var(--text-primary)}.upgrade-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:var(--radius-corners);border:none}.upgrade-icon img{width:100%;height:100%;object-fit:contain;border:none}.upgrade-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.upgrade-header{display:flex;align-items:baseline}.upgrade-name{font-weight:600;font-size:var(--font-md);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.upgrade-item .upgrade-cost{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;font-size:var(--font-base);line-height:1.3}.upgrade-cost-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-cost);background-color:#ffffff0d;border:none}.upgrade-item.affordable .upgrade-cost-item{color:#10b981;border:none}.upgrade-item.unaffordable .upgrade-cost-item{color:#a44;border:none}.upgrade-item.unaffordable .upgrade-cost-item.partially-affordable{color:#10b981}.upgrade-cost-amount{font-weight:500}.upgrade-item .upgrade-description{font-size:var(--font-base);color:var(--text-primary);line-height:1.3}.upgrade-item:focus{outline:2px solid rgba(100,108,255,.6);outline-offset:2px}.upgrade-item.unaffordable:focus{outline:none}.upgrade-source-icon{display:inline-block;width:16px;height:16px;object-fit:contain;vertical-align:baseline;position:relative;top:1px;margin-right:var(--space-sm)}.upgrade-purchased--sweep-thick:before{content:"";position:absolute;top:-50%;left:0;right:0;bottom:-50%;background:linear-gradient(90deg,transparent 25%,rgba(255,215,0,.85) 50%,transparent 75%);pointer-events:none;z-index:var(--z-above-content);animation:upgradePurchaseSweep .25s linear forwards}.upgrades-panel{background:linear-gradient(135deg,var(--bg-deep-darker) 0%,var(--bg-panel-dark) 100%);border:2px solid var(--color-map-theme);border-radius:var(--radius-corners);padding:var(--space-xl);margin:0;color:var(--text-primary);box-shadow:0 0 15px var(--color-map-theme-shadow);animation:panelSlideUp .6s ease-out;display:flex;flex-direction:column;flex:1;min-height:0;width:363px;flex-shrink:0}.upgrades-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:0}.upgrades-header h2{margin:0;color:#10b981;font-size:var(--font-xl)}.upgrades-header-info{display:inline-flex;align-items:center;justify-content:center;width:1.2em;height:1.2em;border-radius:50%;border:1px solid currentColor;font-size:.75em;cursor:help;vertical-align:middle;opacity:.75}.upgrades-list{display:flex;flex-direction:column;gap:var(--space-md);padding-right:var(--space-xs);flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.upgrades-list::-webkit-scrollbar{width:var(--space-md)}.upgrades-list::-webkit-scrollbar-track{background:#0000004d;border-radius:var(--radius-corners)}.upgrades-list::-webkit-scrollbar-thumb{background:#10b98166;border-radius:var(--radius-corners)}.upgrades-list::-webkit-scrollbar-thumb:hover{background:#10b98199}.upgrades-list{scrollbar-width:thin;scrollbar-color:rgba(16,185,129,.4) rgba(0,0,0,.3)}.upgrades-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-disabled);font-style:italic;font-size:var(--font-base)}.upgrades-locked{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-warning);font-weight:700;font-size:var(--font-lg);text-align:center;padding:var(--space-2xl);background:#eab3081a;border-radius:var(--radius-corners);margin:var(--space-2xl) 0;border:1px solid rgba(234,179,8,.3)}.upgrades-tabs{display:flex;gap:var(--space-md);margin-bottom:0;padding-bottom:var(--space-lg);border-bottom:1px solid rgba(16,185,129,.5)}.upgrades-tab-button--available,.upgrades-tab-button--purchased{flex:1;padding:var(--space-md) var(--space-xl);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-button);color:var(--text-primary);font-size:var(--font-base);cursor:pointer;transition:all .2s ease;opacity:.6;outline:none}.upgrades-tab-button--active{background:#10b98133;border-color:#10b98180;color:#10b981;opacity:1}.upgrades-tab-button--available:hover,.upgrades-tab-button--purchased:hover{background:#ffffff1f;opacity:.8}.upgrades-tab-button--available:focus,.upgrades-tab-button--purchased:focus,.upgrades-tab-button--available:focus-visible,.upgrades-tab-button--purchased:focus-visible{outline:none}.upgrades-tab-content{flex:1;min-height:0;padding-top:var(--space-lg);display:flex;flex-direction:column}.purchased-upgrades-list{display:flex;flex-direction:column;gap:var(--space-xs);padding-right:var(--space-xs)}.purchased-upgrade-item{display:flex;align-items:center;gap:10px;padding:var(--space-md) var(--space-lg);background:#10b98114;border-left:2px solid rgba(16,185,129,.3);border-radius:0 var(--radius-button) var(--radius-button) 0;transition:background .15s ease;width:100%}.purchased-upgrade-item:hover{background:#10b9811f}.purchased-upgrade-icon{width:20px;height:20px;flex-shrink:0}.purchased-upgrade-icon img{width:100%;height:100%;object-fit:contain;opacity:.7}.purchased-upgrade-name-group{display:flex;align-items:center;gap:var(--space-sm);overflow:hidden;flex:1;min-width:0}.purchased-upgrade-name-group .upgrade-source-icon{top:0;margin-right:0;flex-shrink:0;vertical-align:middle}.purchased-upgrade-name-group .simple-tooltip-trigger{display:flex;align-items:center;flex-shrink:0}.purchased-upgrade-name{font-size:var(--font-sm);color:var(--text-primary);opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchased-upgrades-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-disabled);font-style:italic;font-size:var(--font-base)}.purchased-upgrades-list-virtualized{width:100%;flex:1;min-height:0}.purchased-upgrades-scroll-container{scrollbar-width:thin;scrollbar-color:rgba(16,185,129,.4) rgba(0,0,0,.3)}.purchased-upgrades-scroll-container::-webkit-scrollbar{width:var(--space-md)}.purchased-upgrades-scroll-container::-webkit-scrollbar-track{background:#0000004d;border-radius:var(--radius-corners)}.purchased-upgrades-scroll-container::-webkit-scrollbar-thumb{background:#10b98166;border-radius:var(--radius-corners)}.purchased-upgrades-scroll-container::-webkit-scrollbar-thumb:hover{background:#10b98199}.purchased-upgrade-item-wrapper{display:flex;align-items:center;padding:0 var(--space-xs) var(--space-xs) 0}.purchased-upgrade-item-wrapper .info-tooltip-trigger{display:block;width:100%}.purchased-upgrade-item-wrapper:last-child{padding-bottom:0}.purchased-upgrade-tooltip{display:flex;flex-direction:column;gap:var(--space-md);min-width:200px;max-width:300px}.purchased-upgrade-tooltip__name{font-weight:700;font-size:var(--font-base);color:#10b981}.purchased-upgrade-tooltip__cost{display:flex;flex-wrap:wrap;gap:var(--space-md)}.purchased-upgrade-tooltip__cost-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-sm);color:var(--text-dim)}.purchased-upgrade-tooltip__description{font-size:var(--font-sm);color:var(--text-dim);line-height:1.4}.victory-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-spotlight)}.victory-modal-overlay.fade-in{animation:victoryModalFadeIn .3s ease-out forwards}.victory-modal-overlay.fade-out{animation:victoryModalFadeOut .3s ease-out forwards}@keyframes victoryModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes victoryModalFadeOut{0%{opacity:1}to{opacity:0}}.victory-modal-content{background:linear-gradient(135deg,#003333fa,#004d40fa);border:3px solid #4caf50;border-radius:var(--radius-corners);padding:32px 40px;box-shadow:0 8px 40px #0009,0 0 60px #4caf5066,inset 0 1px #ffffff1a;text-align:center;min-width:360px;max-width:720px;animation:victoryModalSlideUp .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes victoryModalSlideUp{0%{transform:translateY(30px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.fade-out .victory-modal-content{animation:victoryModalSlideDown .3s ease-out forwards}@keyframes victoryModalSlideDown{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-20px) scale(.95);opacity:0}}.victory-modal-header{margin-bottom:var(--space-3xl)}.victory-modal-title{font-size:var(--font-3xl);font-weight:700;color:#81c784;text-shadow:0 0 15px rgba(76,175,80,.8),0 0 30px rgba(76,175,80,.4),0 2px 4px rgba(0,0,0,.8);letter-spacing:.5px}.victory-globes-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-xl);margin:var(--space-3xl) 0;min-height:90px}.victory-globe{width:90px;height:90px;object-fit:contain;opacity:0}.victory-globe.animate{animation:victoryGlobeFadeIn .3s ease-out forwards}@keyframes victoryGlobeFadeIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.victory-globe-cap-message{margin:var(--space-3xl) 0;padding:var(--space-xl);background:#ff980026;border:2px solid #ff9800;border-radius:var(--radius-corners);color:#ffb74d;font-size:var(--font-lg);font-weight:600;text-align:center}.victory-modal-body{margin-bottom:28px}.victory-modal-message{font-size:var(--font-lg);color:#e0f2f1;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.8);max-width:550px;margin:0 auto}.victory-modal-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);justify-items:center}.victory-modal-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-3xl);font-size:var(--font-md);font-weight:600;border:none;border-radius:var(--radius-corners);cursor:pointer;transition:all .2s ease;white-space:nowrap;width:100%}.victory-modal-button.primary{color:var(--text-primary);background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 4px 12px #4caf5066,inset 0 1px #ffffff4d}.victory-modal-button.primary:hover{background:linear-gradient(135deg,#66bb6a,#81c784);transform:translateY(-2px);box-shadow:0 6px 16px #4caf5080,inset 0 1px #fff6}.victory-modal-button.primary:active{transform:translateY(0);box-shadow:0 2px 8px #4caf5066,inset 0 1px #ffffff4d}.victory-modal-button.secondary{color:#e0f2f1;background:#004d40cc;border:2px solid #4caf50;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff1a}.victory-modal-button.secondary:hover{background:#004d40f2;border-color:#66bb6a;transform:translateY(-1px);box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff26}.victory-modal-button.secondary:active{transform:translateY(0);box-shadow:0 2px 6px #0006,inset 0 1px #ffffff1a}.victory-modal-button .globe-icon{width:16px;height:16px;vertical-align:middle;display:inline-block}@media(max-width:480px){.victory-modal-content{min-width:300px;max-width:calc(100vw - 32px);padding:var(--space-3xl) var(--space-2xl);margin:0 var(--space-xl)}.victory-modal-title{font-size:var(--font-2xl)}.victory-modal-message{font-size:var(--font-md)}.victory-globes-container{gap:var(--space-lg)}.victory-globe{width:70px;height:70px}.victory-modal-buttons{flex-direction:column;width:100%}.victory-modal-button{width:100%;padding:14px 20px;font-size:var(--font-md)}.victory-globe-cap-message{font-size:var(--font-md);padding:var(--space-lg)}}.wisdom-tile-tooltip{max-width:300px;z-index:var(--z-top);animation:wisdomTooltipFadeIn .15s ease-out}.wisdom-tile-tooltip-content{background-color:#1a1a1aee;border:1px solid #444;color:var(--text-primary);padding:var(--space-md);border-radius:var(--radius-corners);font-size:var(--font-base);line-height:1.5;box-shadow:0 4px 12px #000c;white-space:pre-wrap;word-wrap:break-word;display:flex;flex-direction:column;gap:var(--space-xs)}.wisdom-icon-tooltip-corner{position:absolute;top:8px;right:8px;width:28px;height:28px;filter:drop-shadow(0 0 6px rgba(255,255,255,.3))}.wisdom-tile-tooltip-arrow{position:absolute;left:50%;transform:translate(-50%);width:0;height:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.wisdom-tile-tooltip--top .wisdom-tile-tooltip-arrow{bottom:-6px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #1a1a1aee}.wisdom-tile-tooltip--bottom .wisdom-tile-tooltip-arrow{top:-6px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #1a1a1aee}@keyframes wisdomTooltipFadeIn{0%{opacity:0}to{opacity:1}}.wisdom-grid{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}.wisdom-grid-row{display:flex;gap:var(--space-md);justify-content:center}.wisdom-grid-tile{width:120px;height:120px;border-radius:var(--radius-button);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);position:relative;transition:all .2s ease;border:2px solid;background:#0000004d;overflow:hidden}.wisdom-tile-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:88px;height:88px;object-fit:contain;opacity:.4;z-index:var(--z-base);pointer-events:none}.wisdom-tile-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center;width:100%;z-index:var(--z-content);position:relative}.wisdom-tile-name{display:none}.wisdom-tile-cost{font-size:32px;font-weight:700;letter-spacing:0;margin:0;text-shadow:0 0 3px rgba(0,0,0,1),0 0 6px rgba(0,0,0,.9),0 0 9px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.5)}.wisdom-tile-locked{border-color:#3f3f46;background:#00000080;opacity:.85;cursor:not-allowed;color:var(--text-primary)}.wisdom-tile-locked .wisdom-tile-icon{opacity:.25;filter:grayscale(80%)}.wisdom-tile-locked .wisdom-tile-cost{color:#991b1b}.wisdom-tile-unlockable-affordable{border-color:var(--wisdom-primary);background:#0006;color:var(--wisdom-lightest);cursor:pointer;box-shadow:0 0 12px var(--wisdom-shadow)}.wisdom-tile-unlockable-affordable:hover{border-color:var(--wisdom-light);background:#0000004d;box-shadow:0 0 20px var(--wisdom-glow);transform:scale(1.05)}.wisdom-tile-unlockable-affordable .wisdom-tile-cost{color:var(--wisdom-lighter)}.wisdom-tile-unlockable-affordable .wisdom-tile-icon{opacity:.5;filter:drop-shadow(0 0 8px var(--wisdom-shadow))}.wisdom-tile-unlockable-unaffordable{border-color:#9ca3af;border-width:3px;background:#00000080;color:#b0b5bd;cursor:pointer;opacity:.85;box-shadow:0 0 8px #9ca3af4d}.wisdom-tile-unlockable-unaffordable:hover{border-color:#d1d5db;opacity:.95;transform:scale(1.02);box-shadow:0 0 12px #9ca3af80}.wisdom-tile-unlockable-unaffordable .wisdom-tile-cost .cost-unaffordable{color:var(--color-error)}.wisdom-tile-unlockable-unaffordable .wisdom-tile-icon{opacity:.3}.wisdom-tile-purchased{border-color:var(--color-map-theme);border-width:3px;background:#0006;color:#6ee7b7;cursor:default;box-shadow:0 0 16px var(--color-map-theme-shadow)}.wisdom-tile-purchased .wisdom-tile-icon{opacity:.6;filter:drop-shadow(0 0 8px rgba(16,185,129,.4))}.wisdom-tile-purchased .owned-badge{color:var(--color-map-theme);font-weight:600;font-size:var(--font-sm)}.wisdom-tile-purchased-indicator{position:absolute;top:var(--space-sm);right:var(--space-sm);width:16px;height:16px;background:var(--color-map-theme);border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:10px;font-weight:700;z-index:var(--z-content)}.wisdom-tile-automation-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);width:20px;height:20px;background-image:url(icons/automation_icon.png);background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(.85);z-index:var(--z-content)}.wisdom-tile-not-implemented{border-color:#374151;background:#0009;color:#6b7280;cursor:not-allowed;opacity:.5}.wisdom-tile-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.coming-soon-icon{font-size:32px;color:#4b5563;line-height:1}.coming-soon-text{font-size:11px;color:#6b7280;font-style:italic}.wisdom-tile-empty{border-color:#374151;background:#0009;color:#6b7280;cursor:not-allowed;font-size:24px}.wisdom-grid-tile.clickable{cursor:pointer}@media(max-width:768px){.wisdom-grid-tile{width:90px;height:90px;padding:var(--space-sm)}.wisdom-tile-icon{width:64px;height:64px}.wisdom-tile-name{display:none}.wisdom-tile-cost{font-size:24px}.wisdom-grid,.wisdom-grid-row{gap:var(--space-sm)}.wisdom-tile-automation-badge{width:14px;height:14px}}.wisdom-grid-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease-out}.wisdom-grid-modal-content{background:linear-gradient(135deg,#1e1b4b,#312e81);background-size:auto;background-position:center;background-repeat:repeat;border:2px solid var(--color-map-theme);border-radius:var(--radius-corners);box-shadow:0 20px 60px var(--color-map-theme-shadow);max-width:90vw;max-height:95vh;width:960px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;transition:background-image .5s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.wisdom-grid-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl) var(--space-2xl);border-bottom:1px solid var(--wisdom-shadow);background:#0003}.wisdom-balance-display{display:flex;align-items:center;gap:var(--space-md)}.wisdom-balance-display .wisdom-icon{width:24px;height:24px;filter:drop-shadow(0 0 4px rgba(99,102,241,.6))}.wisdom-balance-display .wisdom-amount{font-size:var(--font-xl);font-weight:700;color:#a5b4fc}.wisdom-balance-display .wisdom-label{font-size:var(--font-base);color:var(--text-primary)}.wisdom-balance-display .wisdom-spent{font-size:var(--font-sm);color:#6b7280;font-style:italic;margin-left:var(--space-xs)}.wisdom-balance-display .wisdom-pending{font-size:var(--font-base);color:#10b981;font-weight:600;margin-left:var(--space-md)}.modal-close-button{background:transparent;border:1px solid #6366f1;color:#a5b4fc;font-size:var(--font-2xl);width:36px;height:36px;border-radius:var(--radius-button);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0}.modal-close-button:hover{background:#6366f133;border-color:#818cf8;color:#c7d2fe;transform:scale(1.05)}.modal-close-button:active{transform:scale(.95)}.wisdom-grid-modal-title-centered{padding:var(--space-xl) var(--space-2xl) var(--space-md) var(--space-2xl);text-align:center}.wisdom-grid-modal-title-centered h2{margin:0;font-size:var(--font-3xl);color:#c7d2fe;text-shadow:0 0 10px rgba(99,102,241,.5)}.wisdom-grid-main-content{display:flex;gap:var(--space-2xl);padding:0 var(--space-2xl) var(--space-2xl) var(--space-2xl);flex:1;overflow-y:auto;align-items:flex-start}.wisdom-grid-container-left{flex-shrink:0;display:flex;justify-content:center;align-items:flex-start}.wisdom-grid-description-panel{flex:1;display:flex;flex-direction:column;gap:var(--space-xl);min-width:0}.wisdom-points-display-large{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;background:linear-gradient(135deg,#6366f133,#818cf826);border:2px solid rgba(99,102,241,.5);border-radius:var(--radius-corners);box-shadow:0 4px 12px #6366f14d;padding:var(--space-lg)}.wisdom-points-number{font-size:var(--font-5xl);font-weight:700;color:#c7d2fe;text-shadow:0 0 12px rgba(99,102,241,.6);line-height:1;display:flex;align-items:baseline;gap:var(--space-lg)}.wisdom-points-label{font-size:var(--font-base);color:var(--text-primary);margin-top:var(--space-md);text-transform:uppercase;letter-spacing:1px}.wisdom-points-pending{font-size:var(--font-4xl);color:#10b981;font-weight:700;text-shadow:0 0 8px rgba(16,185,129,.4)}.wisdom-grid-description-text{display:flex;flex-direction:column;gap:var(--space-lg)}.wisdom-grid-description-text p{margin:0;font-size:var(--font-base);color:#d1d5db;line-height:1.6}.wisdom-icon-inline{width:16px;height:16px;vertical-align:middle;margin:0 2px;filter:drop-shadow(0 0 3px rgba(99,102,241,.5))}.automation-icon-inline{display:inline-block;width:20px;height:20px;background-image:url(icons/automation_icon.png);background-size:contain;background-repeat:no-repeat;background-position:center;filter:brightness(.85);vertical-align:middle;margin:0 4px}.wisdom-grid-explanation-banner{margin:var(--space-xl) var(--space-2xl);padding:var(--space-2xl);background:linear-gradient(135deg,#6366f126,#818cf81a);border:2px solid rgba(99,102,241,.4);border-radius:var(--radius-corners);box-shadow:0 4px 12px #6366f133}.wisdom-grid-explanation-banner h3{margin:0 0 var(--space-lg) 0;font-size:var(--font-lg);color:#c7d2fe;text-align:center}.wisdom-flow-explanation{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.flow-step{padding:var(--space-sm) var(--space-lg);background:#6366f133;border:1px solid rgba(99,102,241,.5);border-radius:var(--radius-corners);font-size:var(--font-base-sm);color:#a5b4fc;font-weight:500}.flow-arrow{font-size:var(--font-md);color:#6366f1}.explanation-text{margin:0;font-size:var(--font-base);color:#d1d5db;text-align:center;line-height:1.6}.wisdom-grid-modal-footer{padding:var(--space-xl) var(--space-2xl);border-top:1px solid rgba(99,102,241,.3);background:#0003}.wisdom-grid-instructions{margin:0;font-size:var(--font-base-sm);color:var(--text-primary);text-align:center}.wisdom-grid-main-content::-webkit-scrollbar{width:var(--space-md)}.wisdom-grid-main-content::-webkit-scrollbar-track{background:#0003;border-radius:var(--radius-corners)}.wisdom-grid-main-content::-webkit-scrollbar-thumb{background:#6366f166;border-radius:var(--radius-corners)}.wisdom-grid-main-content::-webkit-scrollbar-thumb:hover{background:#6366f199}.wisdom-grid-confirmation-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-above-content);animation:fadeIn .2s ease-out}.wisdom-grid-confirmation-dialog{background:linear-gradient(135deg,#1e1b4b,#312e81);border:2px solid #6366f1;border-radius:var(--radius-corners);padding:var(--space-3xl);max-width:400px;width:90%;box-shadow:0 10px 40px #6366f180;animation:slideUp .3s ease-out}.wisdom-grid-confirmation-dialog h3{margin:0 0 var(--space-xl) 0;font-size:var(--font-2xl);color:#c7d2fe;text-align:center}.confirmation-message{margin:0 0 var(--space-lg) 0;font-size:var(--font-md);color:#d1d5db;text-align:center;line-height:1.5}.confirmation-message strong{color:#a5b4fc}.confirmation-details{margin:0;font-size:var(--font-md);color:var(--text-primary);text-align:center}.confirmation-details strong{color:#c7d2fe;font-size:var(--font-md)}.confirmation-effect{margin:0 0 var(--space-xl) 0;font-size:var(--font-md);color:#10b981;text-align:center;font-style:italic;padding:var(--space-md);background:#10b9811a;border-radius:var(--radius-corners)}.confirmation-warning{margin:0 0 var(--space-2xl) 0;font-size:var(--font-md);color:#d1d5db;text-align:center;font-weight:600}.confirmation-buttons{display:flex;gap:var(--space-lg);justify-content:center}.confirmation-buttons button{padding:10px 24px;font-size:var(--font-md);font-weight:600;border-radius:var(--radius-button);border:none;cursor:pointer;transition:all .2s ease}.confirm-button{background:#6366f1;color:var(--text-primary)}.confirm-button:hover{background:#818cf8;transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.confirm-button:active{transform:translateY(0)}.cancel-button{background:#6b72804d;color:#d1d5db;border:1px solid #6b7280}.cancel-button:hover{background:#6b728080;border-color:#9ca3af;color:var(--text-primary)}.cancel-button:active{transform:scale(.98)}.confirmation-icon{width:24px;height:24px;vertical-align:middle;filter:drop-shadow(0 0 4px rgba(139,92,246,.6))}.confirmation-upgrade-box{padding:var(--space-lg);background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-corners);margin-bottom:var(--space-lg)}.confirmation-title{display:flex;align-items:center;justify-content:center;gap:var(--space-md);font-weight:600;color:#c7d2fe;margin:0 0 var(--space-md) 0;font-size:var(--font-md);line-height:1.5}@keyframes unlockPulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.15);filter:brightness(1.3)}to{transform:scale(1);filter:brightness(1)}}@keyframes resourceGain{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-30px) scale(.8);opacity:0}}@keyframes buttonClick{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes prestigeFlash{0%{background-color:#fbbf241a}50%{background-color:#fbbf244d}to{background-color:#fbbf241a}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{box-shadow:inset 0 0 10px #fff0}50%{box-shadow:inset 0 0 20px #ffffff4d}to{box-shadow:inset 0 0 10px #fff0}}@keyframes counterPulse{0%{color:inherit;text-shadow:none}50%{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.6)}to{color:inherit;text-shadow:none}}@keyframes gridSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatingGainAnimation{0%{transform:translateY(0) scale(.5);opacity:1}4%{transform:translateY(-3px) scale(1);opacity:1}70%{transform:translateY(-35px) scale(1);opacity:1}to{transform:translateY(-50px) scale(1);opacity:0}}.floating-gain-number{font-weight:700;font-size:1.1rem;color:#4caf50;text-shadow:-1px -1px 0 rgba(255,255,255,.3),1px -1px 0 rgba(255,255,255,.3),-1px 1px 0 rgba(255,255,255,.3),1px 1px 0 rgba(255,255,255,.3),0 0 8px rgba(76,175,80,.8),0 0 4px rgba(76,175,80,.6);animation:floatingGainAnimation 2.7s ease-out forwards;will-change:transform,opacity;z-index:var(--z-tooltip);-webkit-user-select:none;user-select:none}.floating-gain-number--wisdom{z-index:var(--z-floating)}.floating-gain-number--worldtree{z-index:var(--z-floating);color:#dc143c;text-shadow:-1px -1px 0 rgba(255,255,255,.3),1px -1px 0 rgba(255,255,255,.3),-1px 1px 0 rgba(255,255,255,.3),1px 1px 0 rgba(255,255,255,.3),0 0 8px rgba(220,20,60,.8),0 0 4px rgba(220,20,60,.6)}@keyframes upgradePurchaseSweep{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(200%) skew(-20deg)}}.wisdom-panel{width:363px;background:linear-gradient(135deg,#2a1a3d 0%,var(--bg-panel-dark) 100%);border:2px solid var(--color-map-theme);border-radius:var(--radius-corners);padding:var(--space-xl);margin:0;color:var(--text-primary);box-shadow:0 0 15px var(--color-map-theme-shadow);animation:panelSlideUp .6s ease-out;flex-shrink:0}.wisdom-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(99,102,241,.5)}.wisdom-header h2{margin:0;color:var(--wisdom-primary);font-size:var(--font-xl)}.wisdom-header-balance{margin-left:var(--space-xs)}.wisdom-stats{display:flex;gap:var(--space-xl);margin-bottom:var(--space-lg)}.wisdom-stats .stat{display:flex;align-items:center;gap:var(--space-sm)}.wisdom-stats .label{font-size:var(--font-sm);color:var(--text-tertiary)}.wisdom-stats .value{font-size:var(--font-md);font-weight:700;color:var(--wisdom-primary)}.wisdom-icon{width:20px;height:20px;object-fit:contain}.wisdom-main{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.wisdom-info{background:#0000004d;padding:10px;border-radius:var(--radius-corners);border-left:3px solid var(--wisdom-primary)}.currency-preview{display:flex;justify-content:space-between;align-items:center}.potential-label{font-size:var(--font-sm);color:var(--text-tertiary)}.currency-amount{font-size:var(--font-md);font-weight:700;color:#666}.currency-amount.has-gain{color:#fbbf24}.wisdom-progress{margin-top:var(--space-lg)}.wisdom-progress-no-gain .progress-bar-label{color:var(--color-warning);font-size:var(--font-md)}.wisdom-progress-orange .progress-bar{border-color:#f59e0b4d}.wisdom-progress-orange .progress-bar-fill{background:linear-gradient(180deg,#fcd34d,#f59e0b 40%,#d97706 60%,#b45309);box-shadow:0 0 8px #f59e0b80,inset 0 1px #ffffff4d}.wisdom-progress-overall{margin-top:var(--space-sm)}.max-wisdom-reached{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-corners);color:var(--color-success);font-size:var(--font-md);font-weight:500;text-align:center}.wisdom-button{width:100%;padding:var(--space-lg) var(--space-xl);border:2px solid var(--wisdom-shadow);border-radius:var(--radius-button);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--wisdom-bg);color:#999;box-shadow:0 2px 8px var(--wisdom-shadow)}.wisdom-button.has-gain{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--text-primary);border:2px solid var(--color-warning)}.wisdom-button.has-gain:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b80}.wisdom-button:active{transform:translateY(0);box-shadow:0 2px 8px var(--wisdom-shadow)}.wisdom-upgrades-section,.purchased-upgrades-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--wisdom-shadow)}.wisdom-upgrades-section h3,.purchased-upgrades-section h3{margin:0 0 10px;font-size:var(--font-base);color:var(--wisdom-primary);font-weight:500}.upgrade-list{display:flex;flex-direction:column;gap:var(--space-md)}.wisdom-upgrade-item{background:var(--wisdom-bg);border:1px solid var(--wisdom-shadow);border-radius:var(--radius-corners);padding:10px;transition:all .2s}.wisdom-upgrade-item.affordable{cursor:pointer}.wisdom-upgrade-item.affordable:hover{border-color:var(--wisdom-primary);background:#6366f133;transform:translate(2px)}.wisdom-upgrade-item.not-affordable{opacity:.6}.wisdom-upgrade-item.purchased{border-color:var(--color-success);background:#4ade801a}.wisdom-upgrade-item .upgrade-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.upgrade-name{font-size:var(--font-md);font-weight:500;color:var(--text-primary)}.purchase-count{color:var(--wisdom-primary);font-size:var(--font-xs)}.upgrade-cost{font-size:var(--font-md);font-weight:500;color:var(--color-warning)}.upgrade-cost.cannot-afford{color:#666}.upgrade-status{font-size:var(--font-xs);color:var(--color-success);font-weight:500}.upgrade-description{font-size:var(--font-xs);color:var(--text-tertiary)}.wisdom-locked{text-align:center;padding:var(--space-xl)}.wisdom-locked p{margin:0;font-size:var(--font-lg);color:#666}.wisdom-confirmation{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2a1a3d,#1a1a2e);border:2px solid #fbbf24;border-radius:var(--radius-corners);padding:var(--space-xl);z-index:var(--z-above-content);animation:fadeIn .2s ease-out;display:flex;flex-direction:column}.wisdom-confirmation h3{margin:0 0 12px;color:#fbbf24;font-size:var(--font-md);flex-shrink:0}.confirmation-content{background:#0000004d;padding:var(--space-lg);border-radius:var(--radius-corners);margin-bottom:var(--space-lg);flex:1}.confirmation-content p{margin:var(--space-sm) 0;font-size:var(--font-base)}.wisdom-gain-text{color:#fbbf24;font-weight:500}.confirmation-content strong{color:#fbbf24}.confirmation-content ul{margin:var(--space-md) 0 0 0;padding-left:var(--space-2xl);font-size:var(--font-base)}.confirmation-content li{margin:var(--space-xs) 0;color:var(--text-primary)}.persist-note{color:#fbbf24!important;font-weight:500;margin-top:var(--space-lg)!important}.confirmation-buttons{display:flex;gap:var(--space-md);flex-shrink:0}.confirm-button,.cancel-button{flex:1;padding:10px 16px;border:none;border-radius:var(--radius-button);font-size:var(--font-base);font-weight:500;cursor:pointer;transition:all .2s}.confirm-button{background:linear-gradient(135deg,#10b981,#059669);color:var(--text-primary)}.confirm-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.cancel-button{background:#6366f133;color:#6366f1;border:1px solid #6366f1}.cancel-button:hover{background:#6366f14d}.wisdom-grid-button{width:100%;padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-lg);background:linear-gradient(135deg,#6366f1,#4f46e5);border:2px solid #818cf8;border-radius:var(--radius-button);display:flex;align-items:center;gap:var(--space-lg);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6366f14d}.wisdom-grid-button:hover{background:linear-gradient(135deg,#818cf8,#6366f1);border-color:#a5b4fc;transform:translateY(-2px);box-shadow:0 4px 16px #6366f180}.wisdom-grid-button:active{transform:translateY(0);box-shadow:0 2px 8px #6366f14d}.wisdom-button-icon{width:28px;height:28px;filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}.wisdom-button-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs)}.wisdom-button-label{font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.wisdom-button-balance{font-size:var(--font-md);color:#c7d2fe}.wisdom-button-arrow{font-size:var(--font-icon);color:var(--text-primary);font-weight:700;transition:transform .2s ease}.wisdom-grid-button:hover .wisdom-button-arrow{transform:translate(4px)}.wisdom-content-wrapper{position:relative}.hidden-interactive{visibility:hidden;pointer-events:none}.wisdom-grid-button.disabled-after-completion{filter:grayscale(100%);opacity:.6;cursor:not-allowed;pointer-events:none}.wisdom-grid-button.disabled-after-completion .wisdom-button-label{text-decoration:line-through}.wisdom-button.disabled{filter:grayscale(100%);opacity:.6;cursor:not-allowed;text-decoration:line-through}@font-face{font-family:GameFont;src:url(fonts/IMMORTAL.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-primary: "GameFont", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--panel-gap: var(--space-md);--section-gap: var(--space-md);--button-gap: var(--space-md);--layout-grid-columns: var(--section-gap) auto var(--section-gap);--center-game-max-width: 1800px;--breakpoint-desktop: 1500px;--header-row-columns: auto 1fr auto;--viewport-max-width: 1760px;--panel-width: 363px;--radius-circle: 50%;--radius-corners: 18px 0px;--radius-corners-top: 18px 18px 0 0;--radius-corners-bottom: 0 0 0px 0px;--radius-button: 7px 0px;--radius-cost: var(--radius-button);--color-map-theme: #10b981;--color-map-theme-shadow: rgba(16, 185, 129, .3);--color-map-progress-text: #c2edd8;--font-xs: .625rem;--font-sm: .75rem;--font-base-sm: .8125rem;--font-base: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.75rem;--font-4xl: 2rem;--font-5xl: 3rem;--font-icon: 1.25rem;--journal-bg: #f4e4bc;--journal-bg-dark: #e8d4a8;--journal-ink: #2c1810;--journal-ink-light: #5a3a2a;--journal-crimson: #a83f39;--journal-crimson-dark: #7a2c28;--journal-gold: #c9a227;--journal-gold-light: #d4b86a;--journal-text-muted: #6b5a4a;--journal-border: #8b7355;--journal-border-light: #b8a88a;--journal-bg-darkest: #3d3000;--alchemy-green: #39ff14;--alchemy-green-light: #7fff00;--alchemy-green-dark: #228b22;--alchemy-green-glow: rgba(57, 255, 20, .4);--alchemy-bg: #0a1a0a;--alchemy-bg-dark: #050d05;--alchemy-text-primary: #e8ffea;--alchemy-text-secondary: #b8d8ba;--alchemy-text-muted: #7a9e7c;--alchemy-stat-manual: #1e90ff;--alchemy-stat-passive: #39ff14;--alchemy-stat-auto: #ffd700;--menu-blue: #2196f3;--menu-blue-light: #64b5f6;--menu-blue-dark: #003366;--menu-blue-darker: #001f3d;--menu-blue-darkest: #002b4d;--menu-blue-shadow: rgba(33, 150, 243, .3);--wisdom-primary: #6366f1;--wisdom-light: #818cf8;--wisdom-lighter: #a5b4fc;--wisdom-lightest: #c7d2fe;--wisdom-shadow: rgba(99, 102, 241, .3);--wisdom-glow: rgba(99, 102, 241, .6);--wisdom-bg: rgba(99, 102, 241, .15);--achievement-gold: #ffc107;--achievement-gold-light: #ffd54f;--worldtree-crimson: #dc143c;--worldtree-crimson-light: #ff5070;--worldtree-crimson-dark: #b01030;--worldtree-gold: #ffd700;--worldtree-green: #10b981;--worldtree-grey: #9ca3af;--worldtree-grey-dark: #4b5563;--bg-base: #242424;--bg-panel: #1a1a1a;--bg-panel-dark: #1a1a2e;--bg-panel-elevated: #2a2a2a;--bg-overlay: #0a0a1a;--bg-deep-darker: #1a2a3d;--bg-button: #1a1a1a;--border-default: #444;--border-subtle: #333;--text-primary: #eee;--text-dim: #ccc;--text-tertiary: #a0a0a0;--color-danger: #ff6b6b;--color-disabled: #888;--color-success: #4ade80;--color-warning: #eab308;--color-error: #ef4444;--color-locked: #ff9999;--color-success-dark: #4a4;--color-success-light: #6c6;--z-base: 1;--z-content: 2;--z-fill: 5;--z-above-content: 10;--z-tooltip: 100;--z-floating: 110;--z-modal-backdrop: 999;--z-modal: 1000;--z-spotlight: 9999;--z-top: 10000;--space-2xs: 2px;--space-xs: 4px;--space-sm: 6px;--space-md: 8px;--space-lg: 12px;--space-xl: 16px;--space-2xl: 20px;--space-3xl: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;font-family:var(--font-primary);line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-primary);background-color:var(--bg-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root{width:100%;height:100vh}button{border-radius:var(--radius-button);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-button);cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}