.settings{z-index:45;background:#060a108c;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.settings-card{border-radius:12px;flex-direction:column;gap:12px;width:min(440px,100%);max-height:calc(100vh - 32px);padding:18px 20px;display:flex;overflow-y:auto}.settings-head{justify-content:space-between;align-items:center;display:flex}.settings-head h2{margin:0;font-size:20px}.settings-close{border:1px solid var(--line);width:44px;height:44px;color:var(--text);cursor:pointer;background:#151d27;border-radius:10px;font-size:16px}.settings-row{flex-direction:column;gap:6px;font-size:14px;display:flex}.settings-row span{justify-content:space-between;display:flex}.settings-row small{color:var(--muted)}.settings-row input[type=range]{width:100%;min-height:32px;accent-color:var(--accent)}.settings-check{cursor:pointer;align-items:center;gap:10px;min-height:36px;font-size:14px;display:flex}.settings-check input{width:20px;height:20px;accent-color:var(--accent)}.settings-card h3{letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:6px 0 0;font-size:12px}.settings-keys{grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;font-size:13px;display:grid}.settings-keys dt{font:600 12px var(--mono);color:var(--gold);white-space:nowrap}.settings-keys dd{color:var(--text);margin:0}.settings-tutorial,.settings-unmute{border:1px solid var(--line);min-height:44px;color:var(--text);font:600 14px var(--font);cursor:pointer;background:#151d27;border-radius:10px}.settings>.settings-card{margin:auto}