.settings-screen{--set-line:#ece7de1a;--set-dim:#ece7de80;z-index:80;color:#ece7de;font-family:var(--font-text);cursor:default;-webkit-user-select:none;user-select:none;background:radial-gradient(80% 70% at 30% 0,#ffd6aa0a,#0000 70%),#070708;grid-template-rows:auto auto minmax(0,1fr) auto;padding:clamp(18px,3.4vh,40px) clamp(16px,4vw,64px) clamp(14px,2.6vh,28px);animation:.22s ease-out both set-in;display:grid;position:absolute;inset:0}@keyframes set-in{0%{opacity:0}}.set-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.set-head h2{font:400 clamp(26px, 2.6vw, 38px) / 1 var(--font-display);letter-spacing:.3em;text-transform:uppercase;-webkit-mask:var(--grit,url(/art/title/grit.svg)) 0 0 / 180px 180px;mask:var(--grit,url(/art/title/grit.svg)) 0 0 / 180px 180px;margin:0}.set-close{border:1px solid var(--set-line);width:36px;height:36px;color:var(--set-dim);cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.set-close:hover{color:#fff;border-color:#ece7de59}.set-tabs{border-bottom:1px solid var(--set-line);scrollbar-width:none;align-items:stretch;margin-top:clamp(14px,3vh,30px);display:flex;overflow-x:auto}.set-tabs::-webkit-scrollbar{display:none}.set-tab{color:var(--set-dim);font:500 13px/1 var(--font-label);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1 0 auto;padding:14px 18px 16px;transition:color .15s;position:relative}.set-tab+.set-tab:before{content:"";background:var(--set-line);width:1px;position:absolute;top:12px;bottom:14px;left:0}.set-tab:hover{color:#ece7ded9}.set-tab.on{color:#fff}.set-tab.on:after{content:"";background:#ece7de;height:2px;position:absolute;bottom:-1px;left:18%;right:18%;box-shadow:0 0 14px #ece7deb3,0 -6px 18px #ece7de1f}.set-tab:focus-visible{outline-offset:-6px;outline:1px solid #ece7de80}.set-cap{color:#0b0b0c;min-width:22px;height:22px;font:700 12px/1 var(--font-label);background:#d9d4cb;border-radius:3px;flex:none;align-self:center;place-items:center;margin:0 10px;display:grid}.set-body{grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:clamp(24px,4vw,72px);min-height:0;padding-top:clamp(14px,2.6vh,26px);display:grid}.set-list{border-right:1px solid var(--set-line);scrollbar-width:thin;scrollbar-color:#ece7de33 transparent;min-height:0;padding:2px clamp(16px,2vw,32px) 24px 0;overflow-y:auto}.set-section{clip-path:polygon(0 0,calc(100% - 26px) 0,100% 100%,0 100%);width:max-content;min-width:220px;color:var(--set-dim);font:500 12px/1.2 var(--font-label);letter-spacing:.12em;text-transform:uppercase;background:#ece7de12;margin:18px 0 2px;padding:8px 46px 7px 12px}.set-section:first-child{margin-top:0}.set-row{border-bottom:1px solid var(--set-line);cursor:pointer;outline:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:58px;padding:6px 12px 6px 22px;transition:background .12s;display:grid;position:relative}.set-row.on{background:linear-gradient(90deg,#ece7de29,#ece7de12);box-shadow:inset 0 0 0 1px #ece7de6b,0 0 22px #ece7de0f}.set-row.on:before{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;margin-top:-2px;position:absolute;top:50%;left:8px;box-shadow:0 0 8px #ff6a1acc}.set-label{color:#ece7ded1;font-size:16px;font-weight:450}.set-row.on .set-label{color:#fff}.set-row.na .set-label,.set-row.na .set-value{color:#ece7de4d}.set-picker{grid-template-columns:36px minmax(150px,210px) 36px;align-items:center;display:grid}.set-arrow{color:#ece7de99;height:40px;font:300 24px/1 var(--font-text);cursor:pointer;background:0 0;border:0}.set-arrow:hover:not(:disabled){color:#fff}.set-arrow:disabled{color:#ece7de29;cursor:default}.set-value{color:#f1ece4;text-align:center;justify-items:center;gap:7px;font-size:15px;display:grid}.set-ticks{gap:4px;display:flex}.set-ticks i{background:#ece7de38;width:22px;height:2px}.set-ticks.many i{width:9px}.set-ticks i.on{background:#fff;box-shadow:0 0 6px #fff9}.set-row.na .set-ticks i{box-shadow:none;background:#ece7de1a}.set-action{font:500 12px/1 var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:#ece7ded9;border:1px solid #ece7de47;border-radius:3px;padding:8px 14px}.set-row.on .set-action{color:#fff;border-color:#ece7de99}.set-row.danger .set-action{color:#ff9c86;border-color:#ff6e5a66}.set-row.danger.on .set-action{background:#ff5a3c1f;border-color:#ff785fbf}.set-aside{align-content:start;gap:18px;min-height:0;padding-bottom:24px;display:grid;overflow-y:auto}.set-desc{color:#ece7de;max-width:44ch;margin:0;font-size:clamp(16px,1.35vw,20px);line-height:1.45;animation:.2s ease-out both set-fade}.set-note{font:12px/1.5 var(--font-label);color:#f3a26f;margin:-8px 0 0}.set-shot{aspect-ratio:16/9;background:#050505;border:1px solid #ece7de24;max-width:640px;margin:0;animation:.25s ease-out both set-fade;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.set-shot img{object-fit:cover;width:100%;height:100%;display:block}.set-shot figcaption{font:500 11px/1 var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#000000b8;border-radius:2px;padding:5px 9px;position:absolute;bottom:10px;left:10px}@keyframes set-fade{0%{opacity:0}}.set-meters{gap:10px;max-width:640px;display:grid}.set-meter{color:#ece7ded1;grid-template-columns:auto minmax(120px,1fr);align-items:center;gap:18px;font-size:15px;display:grid}.set-bar{border:1px solid #ece7de66;height:12px;position:relative;overflow:hidden}.set-bar i{transform-origin:0;background:linear-gradient(90deg,#8fcf9e,#b7e3bf);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s;position:absolute;inset:1px}.set-bar i.hot{background:linear-gradient(90deg,#e9b36a,#ff8a5c)}.set-engine{font:12px/1.4 var(--font-label);color:#ece7de73;margin:0}.set-keys{gap:0;max-width:460px;margin:0;display:grid}.set-keys div{border-bottom:1px solid var(--set-line);justify-content:space-between;align-items:center;gap:16px;padding:9px 0;display:flex}.set-keys dt{color:#ece7debf;font-size:14px}.set-keys dd{margin:0}.set-keys kbd,.set-foot kbd{min-width:22px;height:22px;font:500 11px/1 var(--font-label);letter-spacing:.04em;color:#ece7de;border:1px solid #ece7de59;border-radius:4px;place-items:center;padding:0 7px;display:inline-grid}.set-foot{border-top:1px solid var(--set-line);color:#ece7de99;flex-wrap:wrap;justify-content:flex-end;gap:8px 26px;padding-top:14px;font-size:13px;display:flex}.set-foot span{align-items:center;gap:6px;display:inline-flex}.set-foot kbd+kbd{margin-left:-2px}@media (width<=860px){.set-body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:14px}.set-list{border-right:0;padding-right:0}.set-aside{border-top:1px solid var(--set-line);grid-template-columns:minmax(0,1fr) minmax(0,200px);align-items:start;gap:12px 16px;max-height:34vh;padding:14px 0 0}.set-aside>*{grid-column:1}.set-aside .set-shot{grid-area:1/2/span 3}.set-desc{font-size:15px}.set-keys{display:none}}@media (width<=560px){.set-picker{grid-template-columns:30px minmax(96px,130px) 30px}.set-row{padding-left:16px}.set-label{font-size:14px}.set-aside{grid-template-columns:minmax(0,1fr)}.set-aside .set-shot{display:none}}@media (height<=520px){.set-tabs{margin-top:8px}.set-tab{padding:10px 14px 12px}.set-row{min-height:46px}.set-body{grid-template-rows:none;grid-template-columns:minmax(0,1.3fr) minmax(200px,.7fr)}.set-aside{border-top:0;grid-template-columns:minmax(0,1fr);max-height:none;padding-top:0;display:grid}.set-aside .set-shot{grid-area:auto/1;display:block}.set-desc{font-size:14px}.set-meters{display:none}}@media (prefers-reduced-motion:reduce){.settings-screen,.set-desc,.set-shot{animation:none}}