/* Phase 15 ultimate milestone: owner-reference artwork and functional preference/audio UI. */
.pw-preferences{max-width:970px;margin-inline:auto;border:1px solid #476183;border-radius:22px;background:linear-gradient(145deg,#101d37,#0c1329);padding:clamp(18px,3vw,33px);box-shadow:0 20px 65px #0003;color:#e9f0ff}
.pw-preferences-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.pw-preferences-intro h2{font-size:clamp(1.45rem,3vw,2.1rem);margin:9px 0}.pw-preferences-intro p{color:#bbcae2}.pw-settings-status{white-space:nowrap;background:#1c3e4c;color:#a9f9e5;padding:7px 13px;border-radius:60px;font-size:.75rem}
.pw-settings-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0;border-bottom:1px solid #324969;padding-bottom:16px}.pw-settings-tabs button{padding:12px 14px;border:1px solid #516987;background:#182846;color:#d7e5fc;border-radius:11px;font-weight:700;cursor:pointer}.pw-settings-tabs button[aria-selected=true]{border-color:#71e8ff;background:linear-gradient(120deg,#26388a,#56399d);color:#fff}.pw-settings-tabs button:focus-visible{outline:3px solid #ffe299;outline-offset:3px}
.pw-setting-panel{max-width:680px;padding:5px 0 17px;display:flex;flex-direction:column;gap:13px}.pw-setting-panel[hidden]{display:none!important}.pw-setting-panel h3{font-size:1.2rem;margin:8px 0}.pw-setting-panel label{font-size:.92rem;font-weight:750}.pw-setting-panel input[type=search],.pw-setting-panel select{display:block;width:min(100%,550px);padding:13px 15px;border:1px solid #60789b;border-radius:11px;background:#141f36;color:#f2f6ff;font-size:1rem}.pw-setting-panel input[type=range]{display:block;max-width:540px;width:100%;accent-color:#7cf4fc;min-height:31px}.pw-setting-panel .phase5-check{display:flex;align-items:center;gap:10px;padding:10px 0}.pw-setting-panel input[type=checkbox]{width:20px;height:20px;accent-color:#9a65ec;flex-shrink:0}.pw-setting-panel .muted{font-size:.89rem;line-height:1.55;color:#c0cde6}.pw-settings-actions{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #42516b;padding-top:17px}.pw-setting-panel output{color:#83f4ff;font-weight:700}
.pw-audio-hud{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:13px 0 16px}.pw-audio-hud .pw-sound-toggle{border:1px solid #7295c8;border-radius:11px;padding:9px 14px;min-height:44px;background:#1b3155;color:#f3f7ff;font-weight:780;cursor:pointer}.pw-audio-hud .pw-sound-toggle:focus-visible{outline:3px solid #ffe08c;outline-offset:2px}.pw-sound-info{font-size:.75rem;color:#a9bedb}
.pw-cinematic-hero{background:radial-gradient(ellipse at 82% 15%,#25479655,transparent 45%),linear-gradient(115deg,#07192d 5%,#0b1333 72%,#09182e)}
.pw-cinematic-scene{border:1px solid #5f78bd99;box-shadow:0 20px 70px #020817cc,0 0 55px #255bca55}.pw-cinematic-image{object-position:51% 45%}
.pw-ref-worlds{width:min(1480px,calc(100% - 36px));margin:22px auto 26px;}.pw-ref-worlds-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.pw-ref-worlds-title h2{margin:0 0 5px;font-size:clamp(1.45rem,3vw,2rem)}.pw-ref-worlds-title p{margin:0;color:#bfcdeb}.pw-ref-arrows{display:flex;gap:8px}.pw-ref-arrows button{width:42px;height:42px;border-radius:50%;background:#142b52;border:1px solid #6396c9;color:#fff;font-size:1.2rem;cursor:pointer}
.pw-ref-viewport{margin-top:19px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:13px;padding:2px 1px 15px}.pw-ref-world-card{position:relative;display:block;scroll-snap-align:start;flex:0 0 clamp(195px,20vw,276px);aspect-ratio:1.46;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;background:#102745;border:1px solid #58749f;isolation:isolate}.pw-ref-world-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.pw-ref-world-card:hover img{transform:scale(1.06)}.pw-ref-world-card:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#041124ed)}.pw-ref-card-label{position:absolute;z-index:1;bottom:12px;left:13px;right:12px;display:flex;justify-content:space-between;align-items:flex-end;gap:7px}.pw-ref-card-label strong{font-weight:850;display:block;font-size:1.15rem}.pw-ref-card-label small{display:block;color:#d6e8fc;font-size:.76rem}.pw-ref-card-label b{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:50%;border:1px solid #80b9ec;background:#16345a}
/* Dropdown: avoid clipping titles and remove the underlying width pressure. */
.pw-worlds-mega .pw-mega-grid{min-width:0;max-width:100%}.pw-worlds-mega .pw-mega-item{width:100%;min-width:0;align-items:flex-start}.pw-worlds-mega .pw-mega-item strong{display:block;overflow-wrap:anywhere;hyphens:auto;word-break:normal}.pw-worlds-mega .pw-mega-item small{overflow-wrap:break-word}.pw-all-anchor .pw-worlds-mega{max-height:min(70vh,575px);overscroll-behavior:contain;overflow-x:clip!important}
@media(max-width:850px){.pw-ref-world-card{flex-basis:220px}.pw-preferences-intro{flex-direction:column}.pw-cinematic-scene{height:clamp(300px,68vw,510px)}}
@media(max-width:430px){.pw-ref-world-card{flex-basis:78vw}.pw-settings-tabs button{flex:1 1 42%}.pw-settings-status{display:none}.pw-setting-panel select{width:100%}}
html[dir=rtl] .pw-setting-panel{text-align:start}html[dir=rtl] .pw-settings-tabs{direction:rtl}html[dir=rtl] #pw-play-board,html[dir=rtl] #game-root,html[dir=rtl] .pw-game-board{direction:ltr}
@media(prefers-reduced-motion:reduce){.pw-ref-world-card img{transition:none!important}.pw-ref-viewport{scroll-behavior:auto!important}}