#settings-menu{position:absolute;inset:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:2000;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.settings-content{position:relative;background:linear-gradient(180deg,#181e2cfa,#101420fa);padding:0;border-radius:22px;width:min(320px,88vw);border:3px solid #7C8CA1;box-shadow:0 0 20px #7c8ca126,inset 0 1px #ffffff14,inset 0 -1px #00000073;animation:settingsPopIn .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes settingsPopIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.settings-content:before{content:"";display:block;height:4px;margin:0 24px;background:#7c8ca1;border-radius:0 0 2px 2px}.settings-content:after{content:"";position:absolute;inset:4px;border-radius:18px;border:2px solid rgba(0,0,0,.35);pointer-events:none;z-index:0}.settings-header{display:flex;justify-content:center;align-items:center;margin:0;padding:12px 16px 8px;position:relative;z-index:1}.settings-header h2{font:900 17px/1 Arial,sans-serif;color:#c8d4e2;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:1.5px;text-transform:uppercase;margin:0}.settings-close-icon{position:absolute;top:-14px;right:-14px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(180deg,#e74c4c,#b33030);border:3px solid rgba(0,0,0,.55);border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:10;transition:transform .12s ease;box-shadow:0 2px 8px #0009,inset 0 1px #ffffff40}.settings-close-icon:active{transform:scale(.88)}.settings-body-area{position:relative;z-index:1;padding:0 22px 22px}.settings-section{margin-top:16px}.settings-section label{display:block;margin-bottom:6px;font:700 13px/1 Arial,sans-serif;color:#e8edf7;text-transform:uppercase;letter-spacing:.8px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.slider-container{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#2a3040,#1c2230);padding:12px 14px;border-radius:10px;border:2px solid rgba(124,140,161,.4)}.slider-container>*+*{margin-left:10px}.slider-container input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:14px;border-radius:7px;background:linear-gradient(180deg,#1a1e2a,#252b38);outline:none;touch-action:manipulation}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 40% 38%,#dde5ef,#7c8ca1 60%,#3e4a58);border:2px solid rgba(0,0,0,.5);box-shadow:0 0 4px #7c8ca166;cursor:pointer}.slider-container input[type=range]::-moz-range-thumb{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 40% 38%,#dde5ef,#7c8ca1 60%,#3e4a58);border:2px solid rgba(0,0,0,.5);box-shadow:0 0 4px #7c8ca166;cursor:pointer}.volume-value{min-width:40px;text-align:right;font:700 14px/1 Arial,sans-serif;color:#c8d4e2;text-shadow:0 0 4px rgba(200,212,226,.2)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #222;--grid-bg: #333;--text-color: #eee;--sat: env(safe-area-inset-top, 0px)}html,body{overflow:hidden;height:100%;width:100%;margin:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color)}#game-stage{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.hidden{display:none!important}#modal-container{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center}#settings-button{position:absolute;top:10px;right:10px;width:44px;height:44px;font-size:22px;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(180deg,#6b7a8e,#55667a 10%,#3e4f63 50%,#2d3b4d 85%,#232f3e);border:2px solid #1E2A38;border-radius:10px;color:#cbd5e0;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 3px 6px #0006,inset 0 1px #ffffff59,inset 0 -1px #0000004d;z-index:150;transition:transform .15s ease,box-shadow .15s ease}#settings-button:active{transform:scale(.92);background:linear-gradient(180deg,#4a5a6e,#3a4a5e,#253040);box-shadow:0 2px 4px #0006,inset 0 2px 6px #0006}