.sphere-panel[hidden],.scene-switcher[hidden],.scene-toolbar[hidden],.panorama-scroll[hidden],.mobile-hint[hidden]{display:none!important}.sphere-intro{display:flex;align-items:end;justify-content:space-between;padding:23px 0 17px;gap:20px}.sphere-intro h3{font-size:24px;font-family:"Yu Mincho",serif;margin-top:7px}.sphere-intro>p{font-size:11px;color:var(--muted)}.sphere-shell{position:relative;height:560px;min-height:360px;border-radius:4px;overflow:hidden;background:#1d3935}.sphere-launch{position:absolute;inset:0;isolation:isolate;display:grid;place-items:center;text-align:center;color:#fffcec;z-index:4;padding:25px}.sphere-launch:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#14352a30,#14352a55 40%,#112e23a0);z-index:-1}.sphere-launch>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:-2;filter:blur(1px)}.sphere-launch h4{font-family:"Yu Mincho",serif;font-size:32px;font-weight:500;margin:13px 0}.sphere-launch p{font-size:13px;line-height:2}.sphere-orbit{display:grid;place-items:center;width:80px;height:80px;border:1px solid #f4f4e7aa;border-radius:50%;margin:0 auto;font:21px Georgia,serif;box-shadow:0 0 0 9px #f6f7e711}.sphere-launch .button-primary{background:var(--paper);color:var(--ink);margin-top:24px;border:0}.sphere-launch .button-primary:hover{background:var(--lime)}.sphere-launch .button-primary:disabled{opacity:.75;cursor:wait}.sphere-launch[hidden],.sphere-controls[hidden],.sphere-badge[hidden],.sphere-error[hidden]{display:none!important}#sphere-viewer{width:100%;height:100%;position:relative}#sphere-viewer:focus-visible{outline:3px solid var(--lime);outline-offset:-5px}.sphere-badge{position:absolute;top:20px;left:20px;z-index:3;background:#f6f6edeb;padding:12px 18px;pointer-events:none;line-height:1.6}.sphere-badge span{display:block;font-size:8px;letter-spacing:.12em}.sphere-badge strong{font-size:16px;font-weight:500}.sphere-controls{position:absolute;bottom:18px;left:20px;right:20px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.sphere-directions,.sphere-tools{display:flex;gap:6px;pointer-events:auto}.sphere-controls button{background:#f5f5e8f2;border:1px solid #bbc9b2;border-radius:4px;min-width:39px;min-height:39px;padding:7px 12px;color:var(--ink);font-size:11px;box-shadow:0 2px 4px #14352a11}.sphere-directions button,.sphere-tools button:first-child,.sphere-tools button:nth-child(2){font-size:17px;padding:5px 8px}.sphere-controls button:hover{background:var(--lime)}.sphere-error{position:absolute;bottom:15px;left:15px;right:15px;padding:12px;background:#fff8e8;z-index:5;font-size:12px;text-align:center}.sphere-status{font-size:11px;margin:13px 0;color:var(--muted)}.sphere-question-row{padding:20px 0 15px;display:flex;align-items:flex-start;gap:25px;border-bottom:1px solid var(--line)}.sphere-question-row>span{font-size:10px;color:var(--muted);padding-top:7px;white-space:nowrap}#sphere-topics{display:flex;flex-wrap:wrap;gap:8px}.sphere-topic-link{border:1px solid var(--line);background:transparent;font-size:10px;border-radius:20px;padding:7px 12px}.sphere-topic-link:hover{background:#e8eddf}.sphere-source{font-size:9px;color:var(--muted);margin:11px 0}.sphere-source a{border-bottom:1px solid var(--line)}.qli-sphere-hotspot{width:44px;height:44px;z-index:2}.sphere-pin{display:block;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;position:relative;width:44px;height:44px}.sphere-pin b{width:44px;height:44px;border-radius:50%;border:1px solid #ffffffb0;background:var(--ink);box-shadow:0 0 0 5px #f8f9ef55;color:var(--paper);display:grid;place-items:center;font-size:12px;font-weight:500;transition:transform .2s,background .2s}.sphere-pin:hover b,.sphere-pin:focus-visible b{transform:scale(1.12);background:#744725}.sphere-pin-label{position:absolute;left:55px;top:5px;white-space:nowrap;font-size:10px;background:#fcfcf0ed;padding:6px 10px;border-radius:3px;opacity:0;visibility:hidden;transition:opacity .2s;pointer-events:none}.sphere-pin:hover .sphere-pin-label,.sphere-pin:focus-visible .sphere-pin-label{visibility:visible;opacity:1}.sphere-pin:focus-visible{outline:none}.sphere-pin:focus-visible b{outline:3px solid #a54a2e;outline-offset:8px}.sphere-expanded{overflow:hidden}.sphere-expanded #sphere-shell{position:fixed;inset:0;z-index:30;width:100vw;height:100dvh;border-radius:0}.sphere-expanded .sphere-controls{bottom:28px;left:30px;right:30px}.sphere-expanded .sphere-badge{top:30px;left:30px}.collection-card .collection-type{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}
@media(max-width:900px){.sphere-shell{height:480px}.sphere-controls{left:15px;right:15px;gap:10px}.sphere-controls button{padding:6px 10px}.sphere-question-row{display:block}.sphere-question-row>span{display:block;margin-bottom:10px}}
@media(max-width:600px){.sphere-intro{padding-top:17px}.sphere-intro h3{font-size:22px}.sphere-intro>p{display:none}.sphere-shell{height:445px;min-height:350px}.sphere-launch h4{font-size:24px}.sphere-launch p{font-size:11px}.sphere-launch .button-primary{font-size:11px;padding:12px 18px}.sphere-orbit{width:66px;height:66px;font-size:18px}.sphere-badge{top:13px;left:13px;padding:10px 13px}.sphere-badge strong{font-size:13px}.sphere-controls{display:grid;gap:8px;bottom:13px;left:13px;right:13px}.sphere-directions{justify-content:center}.sphere-tools{justify-content:center}.sphere-controls button{min-width:36px;min-height:36px;padding:6px 9px;font-size:10px}.sphere-directions button{min-width:42px}.sphere-tools button:first-child,.sphere-tools button:nth-child(2){min-width:35px}.sphere-status{font-size:10px;line-height:1.8}.sphere-source{font-size:8px}.sphere-topic-link{font-size:10px}.sphere-expanded .sphere-controls{left:15px;right:15px;bottom:20px}.sphere-expanded .sphere-badge{left:15px;top:15px}}
@media(prefers-reduced-motion:reduce){.sphere-pin b,.sphere-pin-label{transition:none}}
/* Both exploration sections stay visible, with the 360-degree view below the illustrations. */
.flat-panel{padding-top:18px}.flat-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:12px 0 20px}.flat-intro h3{font-size:23px;font-family:"Yu Mincho",serif;margin-top:7px}.exploration-jump{font-size:11px;white-space:nowrap;border-bottom:1px solid var(--line);padding-bottom:4px}.flat-panel .scene-toolbar{margin-top:12px}.sphere-panel{margin-top:54px;padding-top:28px;border-top:1px solid var(--line);scroll-margin-top:25px}.sphere-intro{padding-top:6px;margin-bottom:8px}.sphere-discovery{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0 8px;font-size:11px}.sphere-discovery .text-button{white-space:nowrap}.sphere-pin-label{font-size:var(--hotspot-label-size,15px);font-weight:550;line-height:1.65;padding:8px 12px;top:50%;transform:translateY(-50%);max-width:280px;width:max-content;white-space:normal;overflow-wrap:anywhere;background:#fffdf3f7;box-shadow:0 2px 8px #183b361c}.sphere-pin.label-left .sphere-pin-label{left:auto;right:55px}.sphere-pin b{font-size:13px}
@media(max-width:600px){.flat-panel{padding-top:10px}.flat-intro{display:block;margin-bottom:20px}.flat-intro h3{font-size:20px}.exploration-jump{display:inline-block;margin-top:13px;font-size:10px}.sphere-panel{margin-top:36px;padding-top:24px}.sphere-discovery{align-items:flex-start;flex-direction:column;gap:4px;font-size:10px}.sphere-discovery .text-button{padding-left:0}.sphere-pin-label{font-size:var(--hotspot-label-size-mobile,14px);padding:8px 11px}}

/* The 360-degree collection grows independently of the flat illustrations. */
.sphere-switcher{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.sphere-toolbar{margin-top:8px}.sphere-switcher .scene-option img{width:96px}.sphere-switcher .scene-option{min-height:82px}.sphere-source{line-height:1.8}
@media(max-width:600px){.sphere-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sphere-switcher .scene-option img{width:100%;height:65px}.sphere-switcher .scene-option{min-height:0}.sphere-switcher .scene-option-copy{padding:8px}.sphere-toolbar .scene-arrows{gap:7px}}