.twod-menu-screen,.twod-pause-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.twod-menu-screen.twod-menu-visible,.twod-pause-overlay.twod-pause-visible{display:flex}.twod-menu-screen{background-image:url(./main_menu_background-DcTODnOR.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#1a0f0a;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;position:relative}.twod-menu-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:0}.twod-menu-screen>*{position:relative;z-index:1}.twod-menu-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:15px!important;max-width:900px!important}.twod-menu-title{font-size:4rem;margin-bottom:20px;color:#d4af37;text-shadow:3px 3px 6px rgba(0,0,0,.8),0 0 20px rgba(212,175,55,.5);font-family:Times New Roman,serif;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-align:center;position:relative}.twod-menu-title:after{content:var(--menu-subtitle, "A Bourbon Journey to North through the Alps");display:block;font-size:1.5rem;font-style:italic;font-weight:400;letter-spacing:1px;text-transform:none;margin-top:15px;color:wheat;text-shadow:2px 2px 4px rgba(0,0,0,.8);opacity:.9}.twod-menu-button{padding:18px 40px;margin:10px 0;background:linear-gradient(135deg,#8b4513e6,#654321e6);border:3px solid #8b4513;border-radius:0;color:wheat;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:280px;font-family:Times New Roman,serif;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 8px #00000080,inset 0 1px #ffffff1a;position:relative}.twod-menu-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(212,175,55,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.twod-menu-button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0009,0 0 20px #d4af374d,inset 0 1px #fff3;border-color:#d4af37;background:linear-gradient(135deg,#a0522df2,#8b4513f2);color:#fff}.twod-menu-button:hover:before{opacity:1}.twod-menu-button:active{transform:translateY(-1px);box-shadow:0 2px 8px #00000080,inset 0 2px 4px #0000004d}.twod-pause-overlay{background:#000000d9;align-items:center;justify-content:center}.twod-pause-container{background:linear-gradient(135deg,#140f0af2,#1a120cf2);border:3px solid #8b4513;border-radius:0;padding:40px 50px;box-shadow:0 8px 32px #000c,inset 0 0 40px #8b451333;min-width:320px;display:flex;flex-direction:column;gap:12px}.twod-pause-container>h2,.twod-pause-container .twod-pause-title{font-size:2.5rem;margin:0 0 24px;color:#d4af37;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(212,175,55,.3);font-family:Times New Roman,serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-align:center;border-bottom:3px solid #8b4513;padding-bottom:15px}.twod-pause-container>div,.twod-pause-container .twod-menu-buttons{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important}.twod-pause-container .twod-menu-button,.twod-pause-container button{display:block!important;width:100%!important;padding:18px 40px;margin:0!important;background:linear-gradient(135deg,#8b4513e6,#654321e6);border:3px solid #8b4513;border-radius:0;color:wheat;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Times New Roman,serif;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 8px #00000080,inset 0 1px #ffffff1a;position:relative}.twod-pause-container .twod-menu-button:before,.twod-pause-container button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(212,175,55,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.twod-pause-container .twod-menu-button:hover,.twod-pause-container button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0009,0 0 20px #d4af374d,inset 0 1px #fff3;border-color:#d4af37;background:linear-gradient(135deg,#a0522df2,#8b4513f2);color:#fff}.twod-pause-container .twod-menu-button:hover:before,.twod-pause-container button:hover:before{opacity:1}.twod-pause-container .twod-menu-button:active,.twod-pause-container button:active{transform:translateY(-1px);box-shadow:0 2px 8px #00000080,inset 0 2px 4px #0000004d}.twod-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .2s ease}.twod-modal-overlay.twod-modal-visible{opacity:1}.twod-modal-overlay.scenario-modal-overlay{background:url(./scenario_background-BYJiXlXS.jpg) center/cover no-repeat #1a0f0a!important}.twod-modal-overlay.scenario-modal-overlay .twod-modal-container{max-width:1400px!important;width:95vw!important;max-height:95vh!important;background:#140f0abf!important;border:4px solid #8b4513!important}.twod-modal-overlay.scenario-select-modal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:0}.twod-modal-overlay.scenario-select-modal .twod-modal-container{position:relative;z-index:1}.twod-modal-container{background:#140f0af2;border:3px solid #8b4513;border-radius:0;padding:40px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;transform:scale(.9);transition:transform .2s ease;box-shadow:0 8px 32px #000c,inset 0 0 40px #8b451333;font-family:Times New Roman,serif;display:flex;flex-direction:column}.twod-modal-overlay.scenario-select-modal .twod-modal-container{max-width:1400px!important;width:98%!important;min-width:1200px!important;background:#140f0ad9!important;border:4px solid #8b4513!important;border-radius:0!important;box-shadow:0 8px 32px #000c,inset 0 0 40px #8b451333!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;max-height:95vh!important;padding:30px!important}.twod-modal-overlay .compendium-content{max-width:1400px;width:95%}.compendium-content h2,.compendium-content h3,.compendium-content h4{font-family:Times New Roman,serif}.compendium-content{color:wheat;font-family:Times New Roman,serif}.twod-modal-overlay.scenario-select-modal .twod-modal-container .scenario-select-content{overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.twod-modal-container.twod-modal-visible{transform:scale(1)}.twod-settings-modal-wrapper{display:flex;flex-direction:column;gap:24px;font-family:Times New Roman,serif}.twod-settings-modal-title{font-size:2.5rem;margin-bottom:0;text-align:center;color:#d4af37;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:2px;border-bottom:3px solid #8b4513;padding-bottom:15px}.twod-settings-section{margin-bottom:24px}.twod-settings-section-title{font-size:1.5rem;margin-bottom:16px;color:#d4af37;text-transform:uppercase;letter-spacing:1px}.twod-settings-modal-wrapper input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:linear-gradient(to right,#8b4513,#d4af37);border-radius:0;border:2px solid #8b4513;outline:none}.twod-settings-modal-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#d4af37,#8b4513);border:2px solid #d4af37;cursor:pointer;border-radius:0}.twod-settings-modal-wrapper input[type=range]::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#d4af37,#8b4513);border:2px solid #d4af37;cursor:pointer;border-radius:0}.twod-settings-modal-wrapper input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#8b451380;border:2px solid #8b4513;cursor:pointer;position:relative;vertical-align:middle;margin-right:8px}.twod-settings-modal-wrapper input[type=checkbox]:after{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#d4af37;font-size:14px;font-weight:700}.twod-settings-modal-wrapper input[type=checkbox]:checked{background:linear-gradient(135deg,#d4af37,#8b4513);border-color:#d4af37}.twod-settings-modal-wrapper input[type=checkbox]:checked:after{content:"✓";color:#1a0f0a}.twod-settings-modal-wrapper label{color:wheat;font-family:Times New Roman,serif}.twod-load-modal-wrapper{display:flex;flex-direction:column;gap:24px;font-family:Times New Roman,serif}.twod-load-modal-title{font-size:2.5rem;margin-bottom:0;text-align:center;color:#d4af37;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:2px;border-bottom:3px solid #8b4513;padding-bottom:15px}.twod-load-empty{text-align:center;color:wheat;padding:40px;font-style:italic}.twod-load-filter-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.twod-load-filter-button{padding:10px 20px;background:#8b451399;border:2px solid #8b4513;border-radius:0;color:wheat;font-size:14px;font-family:Times New Roman,serif;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.twod-load-filter-button:hover{background:#a0522dcc;border-color:#d4af37;color:#fff}.twod-load-filter-button.twod-load-filter-active{background:#8b4513e6;border-color:#d4af37;color:#fff;font-weight:600;box-shadow:0 0 15px #d4af374d}.twod-info-modal-wrapper{display:flex;flex-direction:column;gap:24px;max-width:600px;font-family:Times New Roman,serif}.twod-info-modal-title{font-size:2.5rem;margin-bottom:0;text-align:center;color:#d4af37;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:2px;border-bottom:3px solid #8b4513;padding-bottom:15px}.twod-info-modal-content{color:wheat;line-height:1.6;font-size:1.1rem;white-space:pre-line;margin:0;padding:0}.twod-info-modal-content strong{font-weight:700;color:#d4af37;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.twod-info-modal-content p{margin:12px 0}.twod-info-modal-paragraph{margin:16px 0}.twod-info-modal-close{padding:14px 28px;background:linear-gradient(135deg,#8b4513e6,#654321e6);border:3px solid #8b4513;border-radius:0;color:wheat;font-size:16px;font-weight:600;font-family:Times New Roman,serif;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;margin-top:8px;box-shadow:0 4px 8px #00000080}.twod-info-modal-close:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0009,0 0 20px #d4af374d;border-color:#d4af37;background:linear-gradient(135deg,#a0522df2,#8b4513f2);color:#fff}.twod-info-modal-close:active{transform:translateY(0)}.twod-toast-container{position:fixed;display:flex;flex-direction:column;gap:8px;padding:16px;pointer-events:none;z-index:10001}.twod-toast-container[data-position=bottom-center],.twod-toast-container.twod-toast-container-bottom-center{bottom:0;left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}.twod-toast{background:#1a1a2ef2;border:1px solid rgba(74,158,255,.3);border-radius:8px;padding:12px 20px;color:#fff;box-shadow:0 4px 12px #0000004d;pointer-events:auto;cursor:pointer;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;max-width:400px}.twod-toast-visible{opacity:1!important;transform:translateY(0)!important}.twod-toast-hiding{opacity:0!important;transform:translateY(-20px)!important}.twod-toast-error{border-color:#ff4a4a80;background:#2e1a1af2}.twod-toast-success{border-color:#4aff4a80;background:#1a2e1af2}.twod-toast-warning{border-color:#ffc84a80;background:#2e2e1af2}.twod-toast-info{border-color:#4a9eff80;background:#1a1a2ef2}.twod-tooltip{position:fixed;display:none;background:#000000e6;color:#fff;padding:8px 12px;border-radius:4px;font-size:16px;pointer-events:none;white-space:pre-line;max-width:300px;border:1px solid rgba(74,158,255,.5);box-shadow:0 2px 8px #00000080;z-index:10000;opacity:0;transition:opacity .2s ease}.twod-tooltip-visible{opacity:1}.twod-loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-image:url(./main_menu_background-DcTODnOR.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#1a0f0a;opacity:0;transition:opacity .3s ease;pointer-events:auto;z-index:10000}.twod-loading-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:0}.twod-loading-screen-visible{opacity:1}.twod-loading-screen-container{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center;position:relative;z-index:1;padding:40px;background:#1a0f0acc;border:3px solid #8b4513;border-radius:0;box-shadow:0 8px 32px #0009,inset 0 1px #d4af371a;max-width:600px}.twod-loading-screen-title{margin:0;font-size:3rem;font-weight:700;color:#d4af37;text-shadow:3px 3px 6px rgba(0,0,0,.8),0 0 20px rgba(212,175,55,.5);font-family:Times New Roman,serif;text-transform:uppercase;letter-spacing:3px}.twod-loading-screen-subtitle{margin:0;font-size:1.2rem;color:wheat;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-family:Times New Roman,serif;font-style:italic;opacity:.9}.twod-loading-screen-progress{width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px;align-items:center}.twod-loading-screen-progress-bar{width:100%;height:8px;background:#8b451380;border:2px solid #8b4513;border-radius:0;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.twod-loading-screen-progress-fill{height:100%;background:linear-gradient(90deg,#8b4513,#d4af37,#8b4513);background-size:200% 100%;animation:loading-shimmer 2s ease-in-out infinite;transition:width .3s ease;box-shadow:0 0 10px #d4af3780}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.twod-loading-screen-asset{margin:0;font-size:1rem;color:wheat;font-family:Times New Roman,serif;text-shadow:1px 1px 2px rgba(0,0,0,.8);opacity:.8;min-height:1.5em}#app canvas{background:#e8dcc4}.game-hud{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.game-hud>*{pointer-events:auto}.resource-bar{background:linear-gradient(135deg,#8b4513f2,#654321f2);padding:12px 18px;border-radius:0;border:3px solid #8b4513;box-shadow:0 4px 12px #00000080,inset 0 0 20px #8b451333;font-family:Times New Roman,serif}.twod-resource-display{display:flex;align-items:center;gap:8px;color:var(--twod-resource-color, #fff);font-weight:600}.unit-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.unit-button{transition:all .2s ease}.unit-button:hover:not(:disabled){transform:scale(1.05)}.unit-button:disabled{cursor:not-allowed;opacity:.5}.scenario-select-content{font-family:Times New Roman,serif}.twod-modal-overlay.scenario-select-modal .twod-modal-container h2,.twod-modal-overlay.scenario-select-modal .twod-modal-container .twod-modal-title{font-family:Times New Roman,serif;color:#d4af37;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 15px rgba(212,175,55,.4);text-transform:uppercase;letter-spacing:3px;border-bottom:3px solid #8b4513;padding-bottom:15px;margin-bottom:30px;font-size:2.5rem;text-align:center}.scenario-select-title{font-family:Times New Roman,serif;color:#d4af37;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:2px;border-bottom:3px solid #8b4513;padding-bottom:15px;margin-bottom:30px}.scenario-button{transition:all .3s ease;background:linear-gradient(135deg,#8b4513d9,#654321d9);border:2px solid #8b4513;border-radius:0;color:wheat;font-family:Times New Roman,serif;box-shadow:0 4px 8px #0006;position:relative;overflow:hidden}.scenario-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent);transition:left .5s ease}.scenario-button:hover{transform:translate(8px);border-color:#d4af37;background:linear-gradient(135deg,#a0522de6,#8b4513e6);box-shadow:0 6px 16px #0009,0 0 20px #d4af3733;color:#fff}.scenario-button:hover:before{left:100%}.scenario-button-name{font-weight:700;font-size:1.3em;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.scenario-button-description{font-size:1.05em;opacity:.9;font-style:italic;line-height:1.4}.scenario-select-content div::-webkit-scrollbar{width:12px}.scenario-select-content div::-webkit-scrollbar-track{background:#8b451333;border-left:2px solid #8b4513}.scenario-select-content div::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b4513,#654321);border:2px solid rgba(212,175,55,.3)}.scenario-select-content div::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,sienna,#8b4513)}.twod-modal-container::-webkit-scrollbar{width:12px}.twod-modal-container::-webkit-scrollbar-track{background:#8b451333;border-left:2px solid #8b4513}.twod-modal-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b4513,#654321);border:2px solid rgba(212,175,55,.3)}.twod-modal-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,sienna,#8b4513)}.twod-modal-container{scrollbar-width:thin;scrollbar-color:#8b4513 rgba(139,69,19,.2)}.twod-modal-overlay .twod-modal-close,.twod-modal-container .twod-modal-close{color:#d4af37;background:#8b4513cc;border:2px solid #8b4513;border-radius:0;font-family:Times New Roman,serif;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.twod-modal-overlay .twod-modal-close:hover,.twod-modal-container .twod-modal-close:hover{background:#a0522de6;border-color:#d4af37;color:#fff;box-shadow:0 0 15px #d4af3766}