.settings{height:100%;min-height:0;color:var(--ink);flex-direction:column;font-size:13px;display:flex}.settings nav{border-bottom:2px solid var(--amber);flex:none;gap:2px;display:flex}.settings nav button{letter-spacing:.05em;text-transform:uppercase;background:var(--steel);border:1px solid var(--edge);color:var(--ink-3);border-bottom:0;border-radius:3px 3px 0 0;padding:7px 18px;font-size:12px;font-weight:700}.settings nav button:hover{color:#fff}.settings nav button.on{background:var(--amber);border-color:var(--amber);color:#17120a}.set-page{scrollbar-gutter:stable;flex:1;min-height:0;padding-bottom:10px;overflow-y:auto}.settings button,.settings select,.settings input{background:var(--steel-2);border:1px solid var(--edge);border-radius:3px}.settings button:hover:not(:disabled){border-color:var(--amber)}.settings button.primary{background:var(--amber);color:#17120a;border:0;font-weight:800}.settings h3{letter-spacing:.1em;text-transform:uppercase;color:var(--amber);border-bottom:1px solid var(--edge);margin:14px 0 4px;padding-bottom:3px;font-size:12px;font-weight:800}.set-status{z-index:1;min-height:50px;color:var(--ink-3);background:#101114;align-items:center;gap:8px;padding:7px 2px;line-height:1.25;display:flex;position:sticky;top:0}.set-status>span{flex:1}.set-status button{flex:none;padding:5px 10px;font-size:12px}.set-status .warn{color:#f0c060}.set-keys{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:0 18px;display:grid}.set-col>section:first-child h3{margin-top:0}.set-row{grid-template-columns:minmax(0,1fr) 80px 80px 22px;align-items:center;gap:3px;height:26px;display:grid}.set-row:hover{background:#ffffff09}.set-row>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.settings .set-key{white-space:nowrap;text-overflow:ellipsis;height:23px;font:600 12px/1 var(--font-ui);padding:0 3px;overflow:hidden}.settings .set-key.free{color:var(--ink-3)}.settings .set-key.none{color:#f0c060;border-color:#80621e}.settings .set-key.clashes{color:#ffb6a3;border-color:#c9583f}.settings .set-key.listening{background:var(--amber);border-color:var(--amber);color:#17120a}.settings .set-reset{width:22px;height:22px;color:var(--ink-3);padding:0;font-size:13px;line-height:1}.set-note{color:var(--ink-3);margin:6px 0 2px;font-size:12px;line-height:1.35}.set-line{align-items:center;gap:10px;min-height:34px;display:grid}.set-line>span{min-width:0}.set-slider{grid-template-columns:minmax(0,42%) minmax(0,1fr) 54px}.set-toggle,.set-choice{grid-template-columns:minmax(0,1fr) auto}.set-slider output{text-align:right;font-variant-numeric:tabular-nums;color:#fff;font-weight:700}.settings input[type=range]{width:100%;accent-color:var(--amber);background:0 0;border:0;padding:0}.settings input[type=checkbox]{width:18px;height:18px;accent-color:var(--amber);margin:0}.settings select{width:104px;padding:3px 5px;font-size:12.5px}.set-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.set-tag{font:600 12px/1.3 var(--font-ui);white-space:nowrap;color:#d3b06a;background:#e49b1f21;border-radius:2px;margin-left:7px;padding:1px 5px}.set-tag.live{color:#9fc98f;background:#7fb06921}.set-presets{grid-template-columns:minmax(0,1fr) auto}.set-presets>div{gap:2px;display:flex}.settings .set-presets button{width:70px;padding:5px 0;font-weight:700}.settings .set-presets button.on{background:var(--amber);border-color:var(--amber);color:#17120a}.set-pad{border:1px solid var(--edge);cursor:crosshair;background:#101114;border-radius:3px;height:112px;margin:2px 0 8px;position:relative;overflow:hidden}.set-pad-grid{pointer-events:none;background-image:linear-gradient(#e49b1f47 1px,#0000 1px),linear-gradient(90deg,#e49b1f47 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.set-pad i{pointer-events:none;background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px;position:absolute;top:50%;left:50%}.set-pad small{color:var(--ink-3);pointer-events:none;position:absolute;bottom:5px;left:8px}.plain-settings{height:calc(100vh - 170px);min-height:420px}.hub-screen.side.wide{background:#0c0d0ff7;width:min(880px,100vw)}.hub-screen.side.wide>main{padding-top:8px;padding-bottom:6px;display:block;overflow:hidden}.set-shield{z-index:5;position:fixed;inset:0}.raid-settings{z-index:20;position:fixed;inset:0}.raid-settings>div{background:#0c0d0ff7;border-left:1px solid #ffffff1a;flex-direction:column;width:min(880px,100vw);min-height:0;padding:10px 18px 6px;display:flex;position:absolute;top:0;bottom:0;right:0}.raid-settings header button{background:#24272b;border-color:#383b40;border-radius:3px;padding:5px 14px}.raid-settings header button:hover{border-color:#e49b1f}.raid-settings header{flex:none;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.raid-settings h1{margin:0;font-size:22px}.raid-settings footer{color:var(--ink-3);flex:none;padding-top:4px;font-size:12px}.raid-settings .settings{flex:1}.pause-menu .card{background:#17191c;border-color:#383b40;border-radius:4px;width:min(340px,92vw)}.pause-menu h2{font-size:22px}.pause-menu p{color:var(--ink-3);margin:0;font-size:13px}.pause-menu button{background:#24272b;border-color:#383b40;border-radius:3px;width:100%}.pause-menu button:hover{border-color:#e49b1f}.pause-menu button.primary{color:#17120a;background:#e49b1f;border:0;font-weight:800}@media (max-width:760px){.set-keys,.set-grid{grid-template-columns:minmax(0,1fr)}}