.masthead-settings{position:absolute;right:0;top:12%;width:10%;height:75%;min-height:44px;padding:0;border:0;background:transparent;z-index:6;cursor:pointer}.masthead-settings:focus-visible,.ref-settings:focus-visible{outline:2px solid #ffd389;outline-offset:-3px;opacity:1}.settings-page{padding-bottom:15px}.settings-back{display:inline-block;padding:8px 0 18px;color:#d9b77c;font-size:14px;text-decoration:none}.settings-banner.card{display:flex;align-items:center;gap:15px;padding:18px 14px;background:radial-gradient(ellipse at left,#75421d44,transparent 72%),linear-gradient(#15100ce8,#100c09ed)}.settings-sigil{display:grid;place-items:center;width:64px;height:72px;flex-shrink:0;font-size:54px;color:#e3b969;text-shadow:0 0 20px #b66b254c}.settings-banner h2{font-size:26px;color:#efd1a0;margin:8px 0}.settings-banner p{font-size:13px;line-height:1.65;color:#bbaa8e;margin:0}.settings-card.card{margin:20px 0;padding:20px 14px;background:linear-gradient(130deg,#21170fed,#0b0907f5)}.settings-heading{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding-bottom:15px;border-bottom:1px solid #9a703e52}.settings-heading>span{font-size:30px;line-height:1;color:#dba956;width:32px;flex-shrink:0;text-align:center}.settings-heading>div{display:block;min-width:0}.settings-heading .eyebrow,.settings-banner .eyebrow{display:block;font-size:9px;letter-spacing:1px;color:#ae915f}.settings-heading h2{font-size:24px;margin:5px 0 0;color:#eed1a1}.settings-player{display:flex;flex-direction:column;gap:6px;margin:0 0 16px}.settings-player strong{font-size:22px;color:#f0d5a9;overflow-wrap:anywhere}.settings-player>span{font-size:13px;color:#bca482}.settings-save{display:flex;gap:10px;align-items:flex-start;border:1px solid #82643b5e;background:#18140d;padding:12px 10px}.settings-save>i{width:7px;height:7px;border-radius:50%;background:#b79a60;flex-shrink:0;margin-top:5px}.settings-save.is-connected>i{background:#acbc77;box-shadow:0 0 9px #9aae5b52}.settings-save strong{font-size:14px;color:#e1c497}.settings-save p{font-size:12px;line-height:1.6;color:#b3a38a;margin:6px 0 0}.settings-email{font-size:12px;color:#b7a789;overflow-wrap:anywhere;margin:12px 0}.settings-action{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;min-height:49px;box-sizing:border-box;background:linear-gradient(#322315,#1b130c);border:1px solid #8c6336;padding:12px;color:#eed1a0;font:14px Georgia;text-decoration:none;margin:11px 0 0;text-align:left}.settings-action:focus-visible,.settings-page select:focus-visible{outline:2px solid #f4ca77;outline-offset:3px}.settings-action>span{color:#cb9b55;font-size:20px}.settings-preference{display:block}.settings-preference>span{display:block}.settings-preference strong{font-size:16px;color:#e9d0a8}.settings-preference small{display:block;line-height:1.7;font-size:13px;color:#bcaa8c;margin:8px 0 13px}.settings-preference select{width:100%;min-height:48px;box-sizing:border-box;background:#100d09;color:#edcf9e;border:1px solid #88663e;border-radius:2px;padding:10px;font:15px Georgia;color-scheme:dark}.settings-device-note,.settings-feedback{font-size:12px;line-height:1.7;color:#ab997d}.settings-feedback{color:#d6bf8f;margin-bottom:0}.settings-feedback:empty{display:none}.settings-help details{border-bottom:1px solid #7f5c353d;padding:0}.settings-help details:last-child{border-bottom:0}.settings-help summary{min-height:48px;box-sizing:border-box;padding:15px 4px;color:#dfc295;cursor:pointer;font-size:14px;line-height:1.5}.settings-help details p{color:#bcab91;font-size:13px;line-height:1.8;margin:0 5px 16px}.settings-footer{display:flex;flex-direction:column;gap:7px;text-align:center;color:#b49c78;font-size:12px;padding:17px 0}.settings-footer strong{font-size:20px;letter-spacing:3px;color:#c19b5e}.settings-footer small{font-size:11px;color:#8c7a60}
html[data-reduced-motion="true"] *,html[data-reduced-motion="true"] *:before,html[data-reduced-motion="true"] *:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html[data-reduced-motion="true"] .level-previous{display:none!important}html[data-reduced-motion="true"] :is(.royal-sunburst,.royal-beam,.royal-shockwave,.royal-embers,.chest-rays,.chest-spark){display:none!important}

.ref-settings{min-width:44px;min-height:44px;background:transparent;border:0;padding:0;z-index:6}
