.wheel-zoom-launch{margin:0 auto 18px;gap:9px}
.wheel-zoom-launch svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.wheel-zoom-dialog{width:min(1160px,calc(100vw - 40px));height:min(920px,calc(100dvh - 40px));max-width:none;max-height:none;padding:0;border:1px solid #c6aa6f;background:#172b37;color:#eee2c4;box-shadow:0 0 0 3px #17252c,0 0 0 4px #7b6c4c,0 18px 70px #0009;overflow:hidden}
.wheel-zoom-dialog[open]{display:flex;flex-direction:column}
.wheel-zoom-dialog::backdrop{background:#071017d9;backdrop-filter:blur(4px)}
.wheel-zoom-dialog:fullscreen,.wheel-zoom-dialog.is-immersive{width:100vw;height:100dvh;max-height:none;margin:0;border:0;box-shadow:none}
.wheel-zoom-dialog .wheel-zoom-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 23px 13px;border-bottom:1px solid #ac925e88;flex-shrink:0}
.wheel-zoom-header>div>span{font-size:10px;letter-spacing:1px;color:#c1a36d}
.wheel-zoom-header h2{font:28px/1.2 var(--serif);color:#eedab0;margin-top:4px}
.wheel-zoom-close{font:30px/1 var(--serif);width:42px;height:42px;color:#dbc695;flex-shrink:0}
.wheel-zoom-close:hover{background:#ffffff0c;color:#fff2cd}
.wheel-zoom-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:12px 20px 0;flex-shrink:0}
.wheel-zoom-tools>button{border:1px solid #9f895b;color:#eddeb9;min-height:36px;padding:6px 12px;font-size:12px;background:#233e4b}
.wheel-zoom-tools>button:hover{background:#344e58}
.wheel-zoom-tools>button[data-zoom="in"],.wheel-zoom-tools>button[data-zoom="out"]{width:36px;padding:0;font-size:24px;line-height:1}
.wheel-zoom-tools>button:disabled{opacity:.35}
.wheel-zoom-slider{display:flex;align-items:center;gap:10px;min-width:0}
.wheel-zoom-slider input{width:clamp(90px,15vw,180px);accent-color:#c7a86d;cursor:pointer}
.wheel-zoom-slider output{min-width:36px;font-size:12px;font-variant-numeric:tabular-nums;color:#ecd8aa}
.wheel-zoom-help{text-align:center;font-size:11px;line-height:1.5;color:#bbb69e;margin:9px 16px 7px;flex-shrink:0}
.wheel-zoom-viewport{flex:1;position:relative;min-height:100px;overflow:hidden;background:radial-gradient(ellipse,#29404a 0%,#122631 75%);touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate;outline-offset:-3px}
.wheel-zoom-viewport.is-zoomed{cursor:grab}
.wheel-zoom-viewport.is-dragging,.wheel-zoom-viewport.is-dragging .wheel-sector{cursor:grabbing}
.wheel-zoom-camera{position:absolute;left:50%;top:50%;transform-origin:center}
.wheel-zoom-artwork{width:100%;height:100%;transform-origin:center}
.wheel-zoom-artwork>svg{display:block;width:100%;height:100%;overflow:visible}
.wheel-zoom-hub{position:absolute;width:23%;height:23%;left:38.5%;top:38.5%;border:3px solid #c5a768;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#152f40;box-shadow:0 0 0 2px #534126,0 3px 9px #0005;pointer-events:none}
.wheel-zoom-hub img{width:58%;height:70%}
.wheel-zoom-footer{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#e8dcc0;border-top:1px solid #a68c5b;flex-shrink:0;color:#4a3827}
.wheel-zoom-footer>[data-inspect]{width:32px;min-height:50px;font:35px/1 var(--serif);color:#876a39;flex-shrink:0}
.wheel-zoom-footer>[data-inspect]:hover{color:#692d35;background:#b89e6f29}
.wheel-zoom-details{display:flex;align-items:center;gap:16px;flex:1;min-width:0;text-align:left}
.wheel-zoom-details>img{width:72px;height:72px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 3px #47362255)}
.wheel-zoom-details>img[hidden]{display:none}
.wheel-zoom-details>div{min-width:0}
.wheel-zoom-position{font:10px var(--sans);letter-spacing:.5px;color:#826b47}
.wheel-zoom-details h3{font:26px/1.15 var(--serif);margin:3px 0 5px;overflow-wrap:anywhere}
.wheel-zoom-details p{font:15px/1.4 var(--serif);color:#6a5439;overflow-wrap:anywhere;max-height:80px;overflow-y:auto}
@media(max-width:600px){.wheel-zoom-dialog{width:100vw;height:100dvh;margin:0;border:0;box-shadow:none}.wheel-zoom-dialog .wheel-zoom-header{padding:13px 16px 10px}.wheel-zoom-header h2{font-size:24px}.wheel-zoom-tools{padding:10px 10px 0;gap:6px}.wheel-zoom-tools>button{padding:6px 9px;font-size:11px;min-height:35px}.wheel-zoom-slider{gap:5px}.wheel-zoom-slider input{width:85px}.wheel-zoom-slider output{min-width:29px}.wheel-zoom-help{font-size:10px;margin-inline:12px}.wheel-zoom-footer{padding:13px 8px;gap:3px}.wheel-zoom-footer>[data-inspect]{width:25px}.wheel-zoom-details{gap:10px}.wheel-zoom-details>img{width:58px;height:58px}.wheel-zoom-details h3{font-size:21px}.wheel-zoom-details p{font-size:13px;max-height:80px}}
@media(prefers-reduced-motion:reduce){.wheel-zoom-dialog *{transition:none!important}}
@media(max-height:600px){.wheel-zoom-dialog .wheel-zoom-header{padding:8px 16px}.wheel-zoom-header h2{font-size:22px;margin-top:2px}.wheel-zoom-header>div>span{font-size:9px}.wheel-zoom-close{height:34px}.wheel-zoom-tools{padding-top:8px}.wheel-zoom-help{margin-block:6px;font-size:10px}.wheel-zoom-viewport{min-height:60px}.wheel-zoom-footer{padding:8px 12px}.wheel-zoom-details>img{width:50px;height:50px}.wheel-zoom-details h3{font-size:21px}.wheel-zoom-details p{font-size:12px;max-height:42px}}