.settings-drawer:not([open]){display:none}.settings-drawer::backdrop{background:0 0}.settings-drawer{top:auto;left:auto;right:max(.5rem,env(safe-area-inset-right));bottom:max(.5rem,env(safe-area-inset-bottom));z-index:300;width:min(22rem,100vw - 1rem - env(safe-area-inset-left) - env(safe-area-inset-right));background:var(--toz-surface,#171614);max-height:65dvh;color:var(--toz-text,#f3efe7);border:1px solid var(--toz-hairline,#f3efe714);box-shadow:0 .5rem 2rem color-mix(in srgb,var(--toz-bg,#0e0d0c) calc(20%),transparent);border-radius:12px;flex-direction:column;margin:0;padding:0;font-family:Martina Plantijn,Brill Greek,serif;display:flex;position:fixed;overflow:hidden}@media (width>=768px){.settings-drawer{right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));max-height:80dvh}}.settings-drawer button{font:inherit;cursor:pointer}.settings-drawer button:focus-visible,.settings-drawer input:focus-visible{outline:2px solid var(--toz-accent,#4d7bff);outline-offset:2px}.settings-header{border-bottom:1px solid var(--toz-hairline,#f3efe714);flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.settings-header h3{color:var(--toz-text,#f3efe7);flex:1;margin:0;font-family:Martina Plantijn,Brill Greek,serif;font-size:1.125rem;font-weight:600}.settings-back,.settings-close{width:2.75rem;height:2.75rem;color:var(--toz-text-secondary,#bdb6a8);background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;padding:.25rem;display:grid}.settings-back:hover,.settings-close:hover{background:var(--toz-hover,#ffffff0f);color:var(--toz-text,#f3efe7)}.settings-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--toz-rule,#f3efe724) transparent;min-height:0;overflow-y:auto}.settings-menu{padding:.25rem 0}.reset-btn,.settings-menu-item{text-align:left;width:100%;min-height:3.25rem;color:var(--toz-text,#f3efe7);background:0 0;border:none;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:1rem;display:flex}.reset-btn:hover,.settings-menu-item:hover{background:var(--toz-hover,#ffffff0f)}.reset-btn>.iconify:first-child,.settings-menu-item>.iconify:first-child{color:var(--toz-text-secondary,#bdb6a8);flex-shrink:0}.settings-menu-arrow{color:var(--toz-text-muted,#8c8579);flex-shrink:0;margin-left:auto}.settings-menu-value{color:var(--toz-text-secondary,#bdb6a8);margin-left:auto;font-size:.875rem}.settings-menu-value+.settings-menu-arrow{margin-left:0}.reset-btn{border-top:1px solid var(--toz-hairline,#f3efe714);color:var(--toz-text-secondary,#bdb6a8)}.settings-section{padding:.5rem 1rem}.settings-row{-moz-column-gap:.5rem;border-bottom:1px solid var(--toz-hairline,#f3efe714);grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.5rem;padding:.5rem 0;display:grid}.settings-row:last-child{border-bottom:none}.settings-row-label{color:var(--toz-text,#f3efe7);font-size:.9375rem}.settings-val{color:var(--toz-text-secondary,#bdb6a8);font-variant-numeric:tabular-nums;font-size:.875rem}.settings-row--options{row-gap:.5rem}.settings-slider{appearance:none;background:linear-gradient(var(--toz-rule,#f3efe724),var(--toz-rule,#f3efe724)) 50%/100% .25rem no-repeat;cursor:pointer;grid-column:1/-1;width:100%;min-width:0;height:2.75rem;margin:0}.settings-slider::-webkit-slider-thumb{appearance:none;background:var(--toz-link,#e8c766);border:2px solid var(--toz-surface,#171614);border-radius:50%;width:22px;height:22px}.settings-slider::-moz-range-thumb{background:var(--toz-link,#e8c766);border:2px solid var(--toz-surface,#171614);border-radius:50%;width:22px;height:22px}.difficulty-grid{flex-direction:column;display:flex}.diff-btn{text-align:left;border:none;border-bottom:1px solid var(--toz-hairline,#f3efe714);min-height:3.25rem;color:var(--toz-text,#f3efe7);background:0 0;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.diff-btn:last-child{border-bottom:none}.diff-btn:hover,.toggle-pills{background:var(--toz-hover,#ffffff0f)}.diff-btn.active{color:var(--toz-link,#e8c766)}.diff-name{flex:1}.diff-desc,.toggle-pills button{color:var(--toz-text-secondary,#bdb6a8);font-size:.875rem}.toggle-pills{border-radius:8px;grid-column:1/-1;gap:.125rem;padding:.125rem;display:flex}.toggle-pills button{background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.25rem;min-width:0;min-height:2.75rem;padding:.25rem;display:flex}.toggle-pills button:hover{color:var(--toz-text,#f3efe7)}.toggle-pills button.active{background:var(--toz-surface,#171614);border-color:var(--toz-rule,#f3efe724);color:var(--toz-link,#e8c766)}.settings-slide-enter-active,.settings-slide-leave-active{transition:transform .3s}.settings-slide-enter-from,.settings-slide-leave-to{transform:translateX(calc(100% + max(1rem,env(safe-area-inset-right))))}@media (prefers-reduced-motion:reduce){.settings-slide-enter-active,.settings-slide-leave-active{transition:none}}.settings-storage-note{color:var(--toz-text-secondary,#bdb6a8);margin:1rem;font-size:.85rem;line-height:1.5}