.je-controls-guide{padding:clamp(40px,7vw,86px) 0;color:var(--ink,#f5f5f7)}.je-controls-guide__head{max-width:650px;margin:0 auto 20px;text-align:center;padding:0 24px}.je-controls-guide__head h2{font-size:clamp(28px,4vw,48px);line-height:1.05;letter-spacing:-.045em;margin:8px 0 12px}.je-controls-guide__head p{color:var(--ink2,#d7d7dc)}
.je-controls-guide__stage{max-width:960px;margin:0 auto;padding:0 24px}.je-controls-guide__imagebox{position:relative;width:100%;margin:0 auto}.je-controls-guide__image{display:block;width:100%;height:auto;outline:none}.je-controls-guide__marker{position:absolute;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);translate:-50% -50%;display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:var(--pa,#2997ff);color:var(--pa-ink,#000);font-weight:700;box-shadow:0 4px 18px rgba(0,0,0,.35)}.je-controls-guide__marker.is-selected{outline:3px solid var(--pc,#ffd60a);outline-offset:3px;transform:scale(1.08)}
.je-controls-guide__zoom{display:block;margin:10px auto 0;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 13px;background:rgba(255,255,255,.06);color:var(--ink,#fff);font:inherit;font-size:13px;cursor:pointer}.je-controls-guide__zoom:focus-visible,.je-controls-guide__choice:focus-visible,.je-controls-guide__close:focus-visible{outline:3px solid var(--pc,#ffd60a);outline-offset:3px}
.je-controls-guide__body{max-width:900px;margin:18px auto 0;padding:0 24px;display:grid;grid-template-columns:minmax(200px,.8fr) minmax(280px,1.2fr);gap:14px}.je-controls-guide__list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px}.je-controls-guide__choice{border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:var(--ink2,#d7d7dc);padding:8px 11px;text-align:left;font:inherit;font-size:13px;cursor:pointer}.je-controls-guide__choice[aria-pressed="true"]{border-color:var(--pa,#2997ff);background:rgba(225,182,110,.18);color:var(--ink,#fff)}.je-controls-guide__detail{min-height:108px;padding:15px 18px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.06);color:var(--ink2,#d7d7dc)}.je-controls-guide__detail h3{color:var(--ink,#fff);font-size:17px;margin:0 0 4px}.je-controls-guide__detail p{margin:0}.je-controls-guide__citation{margin-top:9px!important;font-size:13px}.je-controls-guide__links{text-align:center;margin-top:15px;font-size:14px}.je-controls-guide a{color:var(--pa-text,var(--pa,#2997ff))}
.je-controls-guide__dialog[hidden]{display:none}.je-controls-guide__dialog{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;background:transparent;box-sizing:border-box}.je-controls-guide__dialog::backdrop{background:rgba(0,0,0,.74)}.je-controls-guide__dialogback{position:absolute;inset:0;background:rgba(0,0,0,.74)}.je-controls-guide__dialogpanel{position:relative;z-index:1;width:min(100%,1040px);padding:14px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:#101014;box-shadow:0 20px 80px #000}.je-controls-guide__close{float:right;border:0;border-radius:999px;padding:7px 12px;background:rgba(255,255,255,.12);color:#fff;font:inherit;cursor:pointer}.je-controls-guide__zoomviewport{clear:both;overflow:hidden;touch-action:none;cursor:grab;border-radius:12px;aspect-ratio:16/8;background:#000}.je-controls-guide__zoomviewport:active{cursor:grabbing}.je-controls-guide__zoomviewport img{width:100%;height:100%;object-fit:contain;transform:scale(1.8);transform-origin:center;will-change:transform}.je-controls-guide__dialogpanel p{margin:9px 2px 0;color:var(--ink2,#d7d7dc);font-size:13px}
@media(max-width:700px){.je-controls-guide{padding:42px 0}.je-controls-guide__head,.je-controls-guide__stage,.je-controls-guide__body{padding-left:16px;padding-right:16px}.je-controls-guide__marker{display:none}.je-controls-guide__marker.is-selected{display:grid;width:28px;height:28px}.je-controls-guide__body{display:block}.je-controls-guide__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.je-controls-guide__choice{min-height:42px;border-radius:12px;padding:8px 10px}.je-controls-guide__detail{min-height:112px}.je-controls-guide__dialog{padding:12px}.je-controls-guide__dialogpanel{padding:12px}.je-controls-guide__zoomviewport{aspect-ratio:1/1}}
@media(prefers-reduced-motion:reduce){.je-controls-guide__marker,.je-controls-guide__zoomviewport img{transition:none}}

.je-controls-chapter{padding-top:30px!important;padding-bottom:30px!important}.je-controls-chapter>.wrap{max-width:1200px}.je-controls-card-button{display:block;width:100%;margin-top:10px;border:1px solid rgba(233,189,112,.4);border-radius:12px;padding:10px;background:#1b1711;color:#f4d394;font:inherit;font-size:13px;cursor:pointer}.je-controls-card-dialog{width:min(100% - 28px,1100px);max-height:90dvh;padding:20px;margin:auto;border:1px solid #766343;border-radius:20px;background:#080808;color:#f5f5f7;--ink:#f5f5f7;--ink2:#d7d7dc;--pa:#e8bc70;--pc:#f5d599;--pa-text:#f5d599}.je-controls-card-dialog::backdrop{background:rgba(0,0,0,.78)}.je-controls-card-close{display:block;margin-left:auto;border:1px solid #766343;border-radius:20px;padding:8px 16px;background:#252018;color:#fff;font:inherit}.je-controls-loading{padding:30px}.je-controls-card-dialog .je-controls-guide{padding-top:16px}

[data-je-controls-sheet-slot]:has(.je-controls-guide){background:#080808;border-radius:18px;padding:12px;--ink:#f5f5f7;--ink2:#cfd0d0;--pa:#e1b66e;--pc:#ffe0a1;--pa-text:#ffe0a1}
