@charset "UTF-8";.sett-page{max-width:800px;margin:0 auto;padding:28px 20px 16px}.sett-page .page-header{justify-content:center;padding:0;margin:0 0 8px;border-bottom:none}.sett-page .page-header .title-wrap{flex:0 1 auto;text-align:center}.sett-page .page-title{text-align:center}.sett-page .ds-panel{margin-bottom:16px}.sett-menu{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;padding:16px 0 18px}.sett-menu-btn{justify-content:flex-start!important;text-align:left!important;padding:0 16px!important;gap:12px!important;min-width:0!important;width:100%!important}.sett-menu-icon{width:20px;height:20px;flex-shrink:0;opacity:.85}.sett-menu-text{flex:1}.sett-menu-arrow{width:14px;height:14px;flex-shrink:0;opacity:.45;transition:transform .15s,opacity .15s}.sett-menu-btn:hover .sett-menu-arrow{opacity:.95;transform:translate(2px)}.sett-nick-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.sett-nick-btn{white-space:nowrap}.sett-logout-row{display:flex;justify-content:flex-end}.sett-gamepad-list{display:flex;flex-direction:column;gap:8px;width:100%}.sett-gamepad-empty{display:flex;align-items:center;gap:8px;color:var(--text-2);font-family:Rajdhani,sans-serif;font-size:13px;letter-spacing:.02em;padding:10px 12px;border:1px dashed var(--line-strong);border-radius:var(--r-sm)}.sett-gamepad-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--r-sm)}.sett-gamepad-name{flex:1;font-family:Rajdhani,sans-serif;font-size:13px;letter-spacing:.02em;color:var(--text-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sett-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sett-dot-green{background:var(--green);box-shadow:0 0 6px #4ade80b3}.sett-dot-red{background:var(--red);box-shadow:0 0 6px #ef4444b3}.sett-dot-gray{background:var(--text-2)}.sett-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;font-family:system-ui,sans-serif;font-size:11px;color:var(--text-2);margin-top:18px}.sett-legal a{color:var(--text-2);text-decoration:none;border-bottom:1px dotted rgba(94,111,134,.4)}.sett-legal a:hover{color:var(--text-1)}.sett-legal span{opacity:.4}.sett-binding-active{border-color:var(--gold)!important;color:var(--gold)!important;animation:sett-pulse 1s infinite}@keyframes sett-pulse{0%,to{opacity:1}50%{opacity:.6}}.sett-lang-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 0;border-top:1px solid var(--line);flex-wrap:wrap}.sett-lang-label{color:var(--text-0);font-family:Rajdhani,sans-serif;font-weight:700;font-size:15px;letter-spacing:.02em}.sett-lang-row .lang-select{min-width:200px}.sett-app .ds-topbar-inner{max-width:800px}@media (max-width: 540px) and (orientation: portrait){.sett-page{padding:16px 12px 60px}.sett-page .page-header{margin:0 0 10px;padding-bottom:8px}.sett-page .page-title{font-size:clamp(18px,5vw,22px)}.sett-menu{grid-template-columns:1fr;gap:14px}.sett-menu-btn{height:54px!important}.sett-menu-icon{width:22px;height:22px}.sett-lang-row .lang-select{min-width:0;flex:1 1 100%}}@media (orientation: landscape) and (max-height: 500px){.sett-page{padding-top:8px}.sett-page .page-title{font-size:clamp(14px,2.5vw,18px)}}@media (max-width: 640px){.sett-page{padding-left:12px;padding-right:12px}}.notif-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;margin-bottom:14px;border-radius:10px;background:rgba(255,206,0,.12);border:1px solid rgba(255,206,0,.4)}.notif-banner-info{display:flex;flex-direction:column;gap:2px;min-width:0}.notif-banner-title{font-weight:700;font-size:14px;color:#ffce00}.notif-banner-body{font-size:12px;opacity:.85}.notif-matrix{width:100%;border-collapse:collapse;font-size:14px}.notif-matrix th,.notif-matrix td{padding:12px 8px;vertical-align:middle;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.notif-matrix th{font-weight:600;opacity:.8;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.notif-matrix .notif-col-channel{width:90px;text-align:center}.notif-matrix .notif-row-control{text-align:center}.notif-matrix .notif-row-title{display:block;font-weight:600}.notif-matrix .notif-row-help{display:block;font-size:12px;opacity:.7;margin-top:2px}@media (max-width: 480px){.notif-matrix th,.notif-matrix td{padding:10px 4px}.notif-matrix .notif-col-channel{width:70px}}
