:root{--font-title:"Cinzel Decorative", "Cinzel", Georgia, serif;--font-menu:"Cinzel", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--color-gold:#e5c158;--color-gold-light:#fff2a8;--color-gold-glow:#e5c15873;--color-crimson:#c82a38;--color-text-dim:#9aa0a6;--color-bg-dark:#08080c}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body,#root{background-color:var(--color-bg-dark);color:#f0f0f5;width:100%;height:100%;font-family:var(--font-body);overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.main-menu-container{flex-direction:column;justify-content:space-between;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.main-menu-bg{z-index:1;background-position:50% 35%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.main-menu-vignette{z-index:2;pointer-events:none;background:linear-gradient(#040508d9 0%,#06070c40 35%,#06070c59 60%,#030306eb 100%),radial-gradient(at 50% 45%,#0000 25%,#02030680 65%,#010103f2 100%);position:absolute;inset:0}.main-menu-atmosphere{z-index:3;pointer-events:none;opacity:.6;background:repeating-linear-gradient(0deg,#00000026 0 1px,#0000 1px 3px);position:absolute;inset:0}.main-menu-header{z-index:10;text-align:center;flex-direction:column;align-items:center;margin-top:5vh;animation:1.2s cubic-bezier(.16,1,.3,1) forwards fadeInDown;display:flex;position:relative}.main-title{font-family:var(--font-title);letter-spacing:.25em;text-transform:uppercase;background:linear-gradient(#fff 0%,#fff2be 25%,#e5c158 60%,#876722 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 35px #e5c15873)drop-shadow(0 6px 16px #000000f2);-webkit-background-clip:text;margin:0;font-size:clamp(3.2rem,7vw,6.5rem);font-weight:900}.title-ornament{color:var(--color-gold);opacity:.85;align-items:center;gap:16px;margin-top:4px;display:flex}.ornament-line{background:linear-gradient(90deg, transparent, var(--color-gold), transparent);width:clamp(40px,12vw,140px);height:1px}.ornament-diamond{color:var(--color-gold);filter:drop-shadow(0 0 8px var(--color-gold-glow));font-size:.85rem}.main-subtitle{font-family:var(--font-menu);letter-spacing:.45em;text-transform:uppercase;color:#d1d5db;text-shadow:0 2px 10px #000000e6;font-size:clamp(.9rem,1.6vw,1.25rem)}.main-menu-nav{z-index:10;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:clamp(2.5rem,6vh,5rem);margin-left:clamp(2rem,6vw,6rem);animation:1.2s cubic-bezier(.16,1,.3,1) forwards fadeInLeft;display:flex;position:relative}.menu-btn{font-family:var(--font-menu);letter-spacing:.22em;text-transform:uppercase;color:#b0b4c3;text-shadow:0 2px 8px #000000e6;align-items:center;gap:14px;padding:8px 16px;font-size:clamp(1.3rem,2.2vw,1.85rem);font-weight:700;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.menu-btn-icon{color:var(--color-gold);opacity:0;filter:drop-shadow(0 0 6px var(--color-gold-glow));font-size:.9rem;transition:all .25s cubic-bezier(.2,.8,.2,1);transform:translate(-10px)scale(.6)}.menu-btn:hover,.menu-btn:focus-visible{color:#fff;text-shadow:0 0 20px var(--color-gold-glow), 0 0 35px #e5c1584d, 0 4px 10px #000000e6;transform:translate(12px)}.menu-btn:hover .menu-btn-icon,.menu-btn:focus-visible .menu-btn-icon{opacity:1;transform:translate(0)scale(1)}.main-menu-footer{z-index:10;color:var(--color-text-dim);letter-spacing:.1em;opacity:.65;flex-direction:column;align-items:flex-end;gap:4px;font-size:.85rem;display:flex;position:absolute;bottom:clamp(1.5rem,3vh,2.5rem);right:clamp(1.5rem,3vw,3rem)}.footer-highlight{color:#d1d5db}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}.game-canvas-container{background:#06080d;width:100vw;height:100vh;position:relative;overflow:hidden}.game-viewport-canvas{cursor:crosshair;width:100%;height:100%;display:block}.game-top-bar{z-index:20;align-items:center;gap:10px;display:flex;position:absolute;top:16px;right:20px}.game-map-select{font-family:var(--font-menu);letter-spacing:.08em;color:#d1d5db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0e1018d9;border:1px solid #e5c1584d;border-radius:4px;outline:none;padding:8px 12px;font-size:.85rem;transition:all .2s}.game-map-select:hover,.game-map-select:focus{border-color:var(--color-gold);color:#fff;background:#141824f2}.game-map-select option{color:#d1d5db;background:#0e1018}.game-menu-btn{font-family:var(--font-menu);letter-spacing:.12em;text-transform:uppercase;color:#d1d5db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0e1018d9;border:1px solid #e5c1584d;border-radius:4px;padding:8px 16px;font-size:.9rem;transition:all .2s}.game-menu-btn:hover{border-color:var(--color-gold);color:#fff;background:#e5c15826}.game-debug-overlay{z-index:20;color:#10b981;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.05em;background:#0a0c12d9;border:1px solid #10b98159;border-radius:4px;padding:6px 14px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;font-weight:600;position:absolute;top:16px;left:20px;box-shadow:0 4px 12px #00000080}.options-menu-container{background-color:var(--color-bg-dark,#08080c);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.options-menu-card{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e1018f0;border:1px solid #e5c15859;border-radius:6px;flex-direction:column;align-items:center;width:90%;max-width:520px;padding:40px 32px;display:flex;position:relative;box-shadow:0 16px 48px #000c}.options-title{font-family:var(--font-title,"Cinzel", Georgia, serif);letter-spacing:.15em;text-transform:uppercase;color:#fff;text-shadow:0 0 12px #e5c15866;font-size:2rem}.options-ornament{align-items:center;gap:12px;width:60%;margin:12px 0 24px;display:flex}.options-line{background:linear-gradient(90deg,#0000,#e5c15880,#0000);flex:1;height:1px}.options-diamond{color:var(--color-gold,#e5c158);font-size:.8rem}.options-list{flex-direction:column;gap:16px;width:100%;margin-bottom:8px;display:flex}.options-item{cursor:pointer;background:#080a0fa6;border:1px solid #e5c15826;border-radius:4px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.options-item:hover{background:#121620d9;border-color:#e5c15866}.options-item-info{flex-direction:column;gap:4px;display:flex}.options-item-label{font-family:var(--font-menu,"Cinzel", Georgia, serif);letter-spacing:.08em;color:#f3f4f6;font-size:1rem}.options-item-desc{font-family:var(--font-body);color:var(--color-text-dim,#9aa0a6);font-size:.8rem}.options-toggle-btn{cursor:pointer;background:#1e2330cc;border:1px solid #fff3;border-radius:13px;flex-shrink:0;width:48px;height:26px;padding:0;transition:all .25s;position:relative}.toggle-slider{background:#9ca3af;border-radius:50%;width:20px;height:20px;transition:all .25s;position:absolute;top:2px;left:2px}.options-toggle-btn.active.red{background:#dc262659;border-color:#ef4444}.options-toggle-btn.active.red .toggle-slider{background:#ef4444;transform:translate(22px);box-shadow:0 0 8px #ef4444cc}.options-toggle-btn.active.gold{border-color:var(--color-gold,#e5c158);background:#e5c15840}.options-toggle-btn.active.gold .toggle-slider{background:var(--color-gold,#e5c158);transform:translate(22px);box-shadow:0 0 8px #e5c158cc}.options-back-btn{font-family:var(--font-menu,"Cinzel", Georgia, serif);letter-spacing:.12em;text-transform:uppercase;color:#d1d5db;cursor:pointer;background:#0a0c12d9;border:1px solid #e5c1584d;border-radius:4px;margin-top:24px;padding:10px 28px;font-size:.95rem;transition:all .2s}.options-back-btn:hover{border-color:var(--color-gold,#e5c158);color:#fff;background:#e5c15826}