: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}.load-save-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:130;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#040508d1;justify-content:center;align-items:center;animation:.15s ease-out loadFadeIn;display:flex;position:fixed;inset:0}@keyframes loadFadeIn{0%{opacity:0}to{opacity:1}}.load-save-card{width:90%;max-width:480px;image-rendering:pixelated;background:#0b0d13f5;border:2px solid #36322b;outline:1px solid #141310;flex-direction:column;align-items:center;padding:32px 28px 28px;display:flex;position:relative;box-shadow:0 0 0 1px #050608,inset 0 0 0 1px #594f3b,inset 0 2px 12px #000000f2,0 24px 60px #000000f2}.load-save-title{font-family:var(--font-title,"Cinzel Decorative", "Cinzel", Georgia, serif);letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 0 12px #e5c15866,1px 1px #000;font-size:1.6rem}.load-save-ornament{align-items:center;gap:12px;width:70%;margin:10px 0 20px;display:flex}.load-save-line{background:linear-gradient(90deg,#0000,#e5c15880,#0000);flex:1;height:1px}.load-save-diamond{color:var(--color-gold,#e5c158);font-size:.8rem}.load-quick-section{width:100%;margin-bottom:20px}.load-section-label{font-family:var(--font-menu,"Cinzel", Georgia, serif);letter-spacing:.12em;text-transform:uppercase;color:#8c8273;margin-bottom:8px;font-size:.8rem}.load-slot-card{cursor:pointer;background:#12141c;border:1px solid #36322b;outline:1px solid #000;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .15s;display:flex}.load-slot-card:hover{border-color:var(--color-gold,#e5c158);background:#1b1e2a;box-shadow:0 0 10px #e5c1584d}.load-slot-info{flex-direction:column;gap:4px;display:flex}.load-slot-map{font-family:var(--font-menu,"Cinzel", Georgia, serif);color:gold;letter-spacing:.08em;font-size:.95rem;font-weight:700}.load-slot-meta{color:#9ca3af;font-family:monospace;font-size:.78rem}.load-slot-action-btn{border:1px solid var(--color-gold,#e5c158);font-family:var(--font-menu,"Cinzel", Georgia, serif);letter-spacing:.1em;text-transform:uppercase;color:#fff2a8;pointer-events:none;background:#e5c15833;padding:6px 14px;font-size:.8rem;font-weight:700}.load-file-section{width:100%;margin-bottom:20px}.load-dropzone{cursor:pointer;background:#0e1017d9;border:2px dashed #4a4539;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 16px;transition:all .2s;display:flex}.load-dropzone:hover{border-color:var(--color-gold,#e5c158);background:#181b27e6}.load-dropzone-icon{color:gold;font-size:1.8rem}.load-dropzone-text{font-family:var(--font-menu,"Cinzel", Georgia, serif);letter-spacing:.1em;color:#e5e7eb;font-size:.9rem}.load-dropzone-hint{color:#78716c;font-size:.75rem}.load-error-msg{color:#fca5a5;text-align:center;background:#ef444426;border:1px solid #ef444480;width:100%;margin-bottom:16px;padding:8px 12px;font-size:.8rem}.load-cancel-btn{width:100%;font-family:var(--font-menu,"Cinzel", Georgia, serif);letter-spacing:.12em;text-transform:uppercase;color:#9ca3af;cursor:pointer;background:#14161ee6;border:1px solid #443e33;padding:10px 16px;font-size:.9rem;transition:all .15s}.load-cancel-btn:hover{color:#fff;background:#232635;border-color:#78716c}.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)}}.resource-bars-container{pointer-events:auto;-webkit-user-select:none;user-select:none;image-rendering:pixelated;background:#090b10f0;border:2px solid #36322b;outline:1px solid #171410;align-items:center;gap:12px;padding:10px 14px;display:flex;box-shadow:0 0 0 1px #0a0a0d,inset 0 0 0 1px #594f3b,inset 0 2px 6px #000000e6,0 8px 24px #000000d9}.resource-bars-portrait{background:radial-gradient(circle,#25222d 0%,#0d0e14 100%);border:2px solid #e5c158;outline:1px solid #1a160d;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;display:flex;box-shadow:inset 0 0 0 1px #846927,inset 0 2px 8px #000000e6,0 2px 6px #000c}.resource-bars-stack{flex-direction:column;gap:8px;display:flex}.resource-bar-wrapper{flex-direction:column;gap:3px;width:230px;display:flex}.resource-bar-header{font-family:var(--font-menu,"Cinzel", Georgia, serif);letter-spacing:.12em;text-transform:uppercase;color:#dfd5c6;text-shadow:0 1px 3px #000000e6,1px 1px #000;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.resource-bar-label{align-items:center;gap:5px;display:flex}.resource-bar-value{color:#f5eedb;letter-spacing:.05em;text-shadow:1px 1px #000;font-family:monospace;font-size:11px;font-weight:700}.resource-bar-track{background:#08080c;border:2px solid #2e2920;outline:1px solid #000;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000000f2,inset 0 -1px 2px #ffffff0d}.resource-bar-fill{height:100%;transition:width .25s cubic-bezier(.2,.8,.2,1);position:relative}.resource-bar-fill:before{content:"";pointer-events:none;background:#ffffff73;height:3px;position:absolute;top:0;left:0;right:0}.resource-bar-fill:after{content:"";pointer-events:none;background:#0006;height:3px;position:absolute;bottom:0;left:0;right:0}.resource-bar-health .resource-bar-fill{background:linear-gradient(#e63946 0%,#b81424 50%,#7d0d18 100%);box-shadow:0 0 10px #c82a3880}.resource-bar-energy .resource-bar-fill,.resource-bar-mana .resource-bar-fill{background:linear-gradient(#4cc9f0 0%,#0284c7 60%,#0369a1 100%);box-shadow:0 0 10px #4cc9f099}.resource-bars-fps-badge{color:#34d399;letter-spacing:.05em;text-shadow:0 0 6px #34d39999,1px 1px #000;white-space:nowrap;background:#090a0f;border:1px solid #2e2920;outline:1px solid #000;justify-content:center;align-self:flex-start;align-items:center;margin-left:2px;padding:3px 8px;font-family:monospace;font-size:10px;font-weight:700;display:flex;box-shadow:inset 0 1px 3px #000000e6}.hotbar-container{pointer-events:auto;-webkit-user-select:none;user-select:none;image-rendering:pixelated;background:#0a0b10f2;border:2px solid #36322b;outline:1px solid #141310;gap:5px;padding:5px;display:flex;box-shadow:0 0 0 1px #050608,inset 0 0 0 1px #594f3b,inset 0 2px 8px #000000f2,0 12px 32px #000000e6}.hotbar-slot{cursor:pointer;background:#12131a;border:2px solid #2a2824;outline:1px solid #000;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .1s,border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:inset 0 2px 4px #000c,inset 0 -1px 1px #ffffff0d}.hotbar-slot:hover{background:#1b1c26;border-color:#8c7643;transform:translateY(-2px);box-shadow:inset 0 0 6px #e5c15833,0 0 8px #e5c15840}.hotbar-slot.active{border-color:var(--color-gold,#e5c158);z-index:2;background:#1f1f2d;outline:1px solid #3a2c0c;transform:translateY(-4px);box-shadow:0 0 12px #e5c15899,inset 0 0 8px #e5c15866,inset 0 0 0 1px #fff2a8}.hotbar-slot-index{font-family:var(--font-menu,"Cinzel", Georgia, serif);color:#7b7871;text-shadow:1px 1px #000;pointer-events:none;font-size:10px;font-weight:700;position:absolute;top:2px;left:4px}.hotbar-slot.active .hotbar-slot-index{color:#fff2a8;text-shadow:0 0 6px #e5c158cc,1px 1px #000}.hotbar-slot-icon{filter:drop-shadow(0 2px 4px #000000e6);justify-content:center;align-items:center;font-size:24px;display:flex}.hotbar-slot-count{color:#f7eed8;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;pointer-events:none;font-family:monospace;font-size:11px;font-weight:800;position:absolute;bottom:2px;right:4px}.exp-bar-wrapper{-webkit-user-select:none;user-select:none;pointer-events:auto;width:100%;max-width:504px;image-rendering:pixelated;flex-direction:column;align-items:center;gap:4px;display:flex}.exp-bar-header{justify-content:space-between;align-items:center;width:100%;padding:0 2px;display:flex}.exp-level-badge{border:1px solid var(--color-gold,#e5c158);font-family:var(--font-menu,"Cinzel", Georgia, serif);letter-spacing:.1em;color:#fff2a8;text-shadow:0 0 6px #e5c15899,1px 1px #000;background:#11131c;outline:1px solid #141108;justify-content:center;align-items:center;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #483d1c,0 2px 6px #000c}.exp-bar-numbers{font-family:var(--font-menu,"Cinzel", Georgia, serif);letter-spacing:.08em;color:#c7beaf;text-shadow:1px 1px #000,0 1px 3px #000000e6;font-size:10px;font-weight:600}.exp-bar-track{background:#090a0f;border:1px solid #36322b;outline:1px solid #000;width:100%;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #000000e6,0 1px 2px #000c}.exp-bar-fill{background:linear-gradient(90deg,#0e5e3a 0%,#17a968 60%,#48e59e 100%);height:100%;transition:width .25s cubic-bezier(.2,.8,.2,1);position:relative;box-shadow:0 0 8px #17a96899}.exp-bar-fill:before{content:"";pointer-events:none;background:#ffffff80;height:2px;position:absolute;top:0;left:0;right:0}.inventory-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#040508bf;justify-content:center;align-items:center;animation:.15s ease-out invFadeIn;display:flex;position:fixed;inset:0}@keyframes invFadeIn{0%{opacity:0}to{opacity:1}}.inventory-dialog{image-rendering:pixelated;background:#0a0b10f5;border:2px solid #36322b;outline:1px solid #141310;flex-direction:column;width:620px;max-width:95vw;padding:16px 20px 20px;display:flex;box-shadow:0 0 0 1px #050608,inset 0 0 0 1px #594f3b,inset 0 2px 12px #000000f2,0 20px 50px #000000f2}.inventory-header{border-bottom:1px solid #e5c15840;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;display:flex}.inventory-title{font-family:var(--font-title,"Cinzel", Georgia, serif);letter-spacing:.12em;color:var(--color-gold,#e5c158);text-shadow:0 0 8px #e5c15866,1px 1px #000;font-size:1.15rem}.inventory-close-hint{font-family:var(--font-menu,"Cinzel", Georgia, serif);letter-spacing:.1em;color:#8c8273;font-size:10px}.inventory-close-key{color:#fff2a8;font-weight:700}.inventory-top-section{justify-content:center;align-items:center;gap:20px;margin-bottom:16px;display:flex}.inventory-armor-column{flex-direction:column;gap:6px;display:flex}.inventory-character-stage{background:radial-gradient(circle,#1c1d29 0%,#0c0d14 100%);border:2px solid #2a2824;outline:1px solid #000;flex-direction:column;justify-content:center;align-items:center;width:140px;height:190px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 16px #000000e6,inset 0 0 0 1px #e5c15826}.inventory-character-sprite{object-fit:contain;width:120px;height:120px;image-rendering:pixelated;filter:drop-shadow(0 8px 12px #000c)}.inventory-character-pedestal{pointer-events:none;background:radial-gradient(#e5c1584d 0%,#000c 70%);border-radius:50%;width:90px;height:18px;position:absolute;bottom:8px}.inventory-character-label{font-family:var(--font-menu,"Cinzel", Georgia, serif);letter-spacing:.1em;color:#a39b8b;text-shadow:1px 1px #000;font-size:10px;position:absolute;top:6px}.inventory-hands-column{flex-direction:column;gap:12px;display:flex}.equip-slot-labeled{align-items:center;gap:8px;display:flex}.equip-slot-label{font-family:var(--font-menu,"Cinzel", Georgia, serif);letter-spacing:.08em;color:#7b756b;width:55px;font-size:10px}.equip-slot-box{cursor:pointer;background:#111218;border:2px solid #2e2b24;outline:1px solid #000;justify-content:center;align-items:center;width:44px;height:44px;transition:all .12s;display:flex;position:relative;box-shadow:inset 0 2px 4px #000c}.equip-slot-box:hover{background:#181924;border-color:#e5c158}.equip-slot-placeholder{opacity:.25;filter:grayscale()}.inventory-grid-title{font-family:var(--font-menu,"Cinzel", Georgia, serif);letter-spacing:.12em;text-transform:uppercase;color:#8c8273;text-shadow:1px 1px #000;margin-bottom:6px;font-size:10px}.inventory-main-grid{background:#07080ccc;border:1px solid #23201a;grid-template-columns:repeat(9,1fr);gap:4px;margin-bottom:12px;padding:6px;display:grid}.inventory-hotbar-grid{background:#07080ccc;border:1px solid #23201a;grid-template-columns:repeat(9,1fr);gap:4px;padding:6px;display:grid}.inv-cell-slot{cursor:pointer;background:#12131b;border:2px solid #24221e;outline:1px solid #000;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .1s,border-color .15s;display:flex;position:relative;box-shadow:inset 0 2px 4px #000c}.inv-cell-slot:hover{z-index:2;background:#1c1d29;border-color:#8c7643;transform:translateY(-2px)}.inv-cell-slot.selected{border-color:var(--color-gold,#e5c158);box-shadow:0 0 10px #e5c15880,inset 0 0 4px #e5c1584d}.inv-cell-count{color:#fff;text-shadow:1px 1px #000,-1px -1px #000;pointer-events:none;font-family:monospace;font-size:10px;font-weight:800;position:absolute;bottom:1px;right:3px}.inv-cell-index{font-family:var(--font-menu,"Cinzel", Georgia, serif);color:#555047;pointer-events:none;font-size:9px;font-weight:700;position:absolute;top:1px;left:3px}.game-hud-overlay{pointer-events:none;z-index:50;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:16px;display:flex;position:absolute;top:0;left:0}.hud-top-left{align-self:flex-start}.hud-bottom-center{flex-direction:column;align-self:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.pause-menu-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:120;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#040508cc;justify-content:center;align-items:center;animation:.15s ease-out pauseFadeIn;display:flex;position:fixed;inset:0}@keyframes pauseFadeIn{0%{opacity:0}to{opacity:1}}.pause-menu-card{width:90%;max-width:420px;image-rendering:pixelated;background:#0b0d13f5;border:2px solid #36322b;outline:1px solid #141310;flex-direction:column;align-items:center;padding:36px 32px 32px;display:flex;position:relative;box-shadow:0 0 0 1px #050608,inset 0 0 0 1px #594f3b,inset 0 2px 12px #000000f2,0 24px 60px #000000f2}.pause-title{font-family:var(--font-title,"Cinzel Decorative", "Cinzel", Georgia, serif);letter-spacing:.15em;text-transform:uppercase;color:#fff;text-shadow:0 0 14px #e5c15880,1px 1px #000;font-size:1.8rem}.pause-ornament{align-items:center;gap:12px;width:70%;margin:10px 0 24px;display:flex}.pause-line{background:linear-gradient(90deg,#0000,#e5c15880,#0000);flex:1;height:1px}.pause-diamond{color:var(--color-gold,#e5c158);font-size:.8rem}.pause-nav{flex-direction:column;gap:12px;width:100%;display:flex}.pause-btn{font-family:var(--font-menu,"Cinzel", Georgia, serif);letter-spacing:.14em;text-transform:uppercase;color:#e5e7eb;cursor:pointer;background:#12141ce6;border:1px solid #e5c15859;outline:none;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:1rem;transition:all .15s;display:flex;box-shadow:inset 0 1px 3px #0009}.pause-btn:hover{border-color:var(--color-gold,#e5c158);color:#fff2a8;background:#232636f2;transform:translateY(-2px);box-shadow:0 0 12px #e5c15866,inset 0 0 6px #e5c15833}.pause-btn.highlight{border-color:var(--color-gold,#e5c158);background:#1a1d2af2}.pause-btn.danger:hover{color:#fca5a5;border-color:#ef4444;box-shadow:0 0 12px #ef444466}.pause-save-feedback{font-family:var(--font-menu,"Cinzel", Georgia, serif);color:#a7f3d0;text-align:center;background:#10b98126;border:1px solid #34d39980;margin-top:16px;padding:8px 14px;font-size:.85rem;animation:.2s ease-out feedbackFade}@keyframes feedbackFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(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}