/* Original media, a dimensional globe, and code-rendered smoke. */
.smoke-globe{--sg-cyan:#8cdeff;--sg-blue:#668dff;--sg-radius:205px;position:relative;isolation:isolate;width:min(1320px,calc(100% - 32px));margin:0 auto 22px;padding:30px!important;border:1px solid #7fc9ff3b;border-radius:34px;background:radial-gradient(ellipse at 28% 55%,#1038606b,transparent 58%),linear-gradient(120deg,#050b14,#000 80%);box-shadow:inset 0 1px 0 #d4efff24,0 25px 80px #0009;color:#e9f6ff;overflow:hidden;scroll-margin-top:100px}
.sg-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}.sg-eyebrow{display:block;font:600 9px/1.5 ui-monospace,monospace;letter-spacing:.18em;color:#83cce9}.sg-heading h2{margin:6px 0 0;font:500 clamp(25px,3vw,39px)/1.1 system-ui;letter-spacing:-.05em}.sg-heading h2 span{color:#a8bfff}.sg-status{color:#8fabc4;font:500 10px/1.5 ui-monospace,monospace;text-align:right;max-width:200px}.sg-status:before{content:'';display:inline-block;width:5px;height:5px;margin-right:8px;background:#8fdcff;border-radius:50%;box-shadow:0 0 14px #46bcff}
.sg-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.85fr);gap:24px;align-items:center}.sg-stage{display:none;position:relative;min-width:0;height:530px;perspective:1100px;border-radius:30px;touch-action:pan-y;cursor:grab;outline-offset:-8px;user-select:none;-webkit-user-select:none}.sg-enhanced .sg-stage{display:block}.sg-stage.sg-touch-rotate{touch-action:none}.sg-stage.sg-dragging{cursor:grabbing}.sg-stage:focus-visible{outline:2px solid var(--sg-cyan)}
.sg-aura{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle at 50% 50%,#215a9666 0,transparent 67%);box-shadow:0 0 50px #4775ff10;pointer-events:none}.sg-ring{position:absolute;left:50%;top:50%;width:440px;height:440px;border:1px solid #8bdfff33;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg);box-shadow:inset 0 0 45px #2d89ff24,0 0 38px #2d89ff20;pointer-events:none}.sg-ring:before,.sg-ring:after{content:'';position:absolute;inset:-14px;border-radius:50%;border:1px solid #83c8ff16;transform:rotateY(64deg)}.sg-ring:after{inset:-28px;transform:rotateX(68deg) rotate(20deg);border-color:#9d93ff34}
.sg-shadow{position:absolute;left:15%;right:15%;height:50px;bottom:0;border-radius:50%;background:radial-gradient(ellipse,#70c7ff2b,transparent 68%);filter:blur(8px);pointer-events:none}.sg-world{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.sg-tile{position:absolute!important;left:-56px;top:-49px;width:112px;height:98px;min-height:0!important;padding:4px!important;display:flex;flex-direction:column;align-items:stretch;gap:4px;overflow:hidden;border:1px solid #90d8ff60!important;border-radius:13px!important;background:linear-gradient(140deg,#182841,#02070f)!important;backdrop-filter:none!important;box-shadow:inset 0 1px 0 #fff3,0 2px 8px #0008!important;backface-visibility:hidden;transform-style:preserve-3d;transition:border-color .18s,box-shadow .18s!important;color:#e3f5ff!important;cursor:pointer}.sg-tile img{width:100%;height:68px;object-fit:contain;object-position:center;border-radius:9px;background:#03070c;pointer-events:none}.sg-tile span{display:block;font:600 8px/1.25 system-ui;letter-spacing:.01em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.sg-tile:hover{border-color:#e3fbff!important;box-shadow:0 0 18px #4abaff99!important}.sg-tile:before,.sg-tile:after{display:none!important}.sg-smoke{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:30px;z-index:3;opacity:.92}.sg-direction{position:absolute;bottom:11px;left:0;right:0;z-index:4;text-align:center;color:#b0c8da;font:500 10px/1.5 system-ui;pointer-events:none;text-shadow:0 2px 8px #000}
.sg-preview{position:relative;z-index:4;padding:22px;border:1px solid #729bc144;border-radius:26px;background:linear-gradient(140deg,#142137bb,#050a13ee);box-shadow:inset 0 1px 0 #d1f4ff20,0 20px 60px #0007;min-width:0}.sg-preview-media{display:block;width:100%;height:174px;object-fit:contain;border-radius:18px!important;background:#01040a;border:1px solid #638eac33;margin-bottom:19px}.sg-preview h3{font:500 clamp(23px,2.5vw,32px)/1.15 system-ui!important;margin:8px 0 11px!important;letter-spacing:-.04em}.sg-preview p{font:14px/1.6 system-ui;color:#acc3d8;margin:0 0 18px}.sg-open{display:flex;justify-content:space-between;gap:15px;padding:14px 17px;align-items:center;font:600 12px/1.3 system-ui;border:1px solid #90dfff80;border-radius:16px;background:linear-gradient(140deg,#245174aa,#192c51);color:#f3fbff;box-shadow:inset 0 1px 0 #d8f4ff4a,0 10px 24px #0005;text-decoration:none}.sg-open:hover{background:linear-gradient(140deg,#32648a,#233b67);box-shadow:0 0 22px #4caeff33}.sg-preview-note{display:block;color:#8ca8bf;font:11px/1.5 system-ui;margin-top:12px}
.sg-controls{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 0 18px;position:relative;z-index:5}.sg-controls button{border-radius:15px!important;min-height:44px;min-width:44px;padding:11px 15px;font:600 11px/1.2 system-ui!important;border:1px solid #80bcdf44;color:#d9eeff;background:linear-gradient(130deg,#18324ed9,#0b1425);box-shadow:inset 0 1px 0 #e3f7ff25}.sg-controls button[aria-pressed=true]{border-color:#9edfff;background:#244969}.sg-controls button:disabled{opacity:.55;cursor:default}.sg-touch-control{display:none}.sg-fallback{border-top:1px solid #6a9ab32d;padding:17px 0 0}.sg-fallback summary,.sg-welcome summary{width:fit-content;border-radius:12px;color:#bcd3e8;cursor:pointer;font:500 12px/1.5 system-ui;padding:6px 0}.sg-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;list-style:none;padding:15px 0 0;margin:0}.sg-links a{display:block;padding:10px;border:1px solid #689dc233;border-radius:16px;background:#0c1827;text-decoration:none;color:#d4e6f7;font:11px/1.4 system-ui;height:100%}.sg-links a:hover{border-color:#9ce7ff}.sg-links img{width:100%;height:65px;object-fit:contain;border-radius:10px;background:#03070b;display:block;margin-bottom:9px}.sg-welcome{padding-top:8px}.sg-welcome p{font:12px/1.6 system-ui;color:#96aec5;max-width:70ch;margin:8px 0}.sg-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sg-burst{position:fixed;inset:0;z-index:9999;pointer-events:auto;isolation:isolate}.sg-burst[hidden]{display:none}.sg-burst canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:0!important}.sg-burst-note{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);padding:14px 20px;border:1px solid #b5e5ff66;border-radius:20px;background:#061323d9;color:#e7f7ff;box-shadow:0 10px 50px #0005;font:600 12px/1.5 system-ui;text-align:center;backdrop-filter:blur(12px)}.sg-burst-note button{margin-left:12px;padding:7px 10px;border-radius:12px;min-height:38px;color:#fff;font-size:11px;background:#20405f;border:1px solid #accde855}
@media(max-width:1000px){.smoke-globe{padding:24px!important}.sg-layout{grid-template-columns:minmax(0,1.2fr) minmax(245px,.8fr);gap:14px}.sg-stage{height:460px;--sg-radius:175px}.sg-ring{width:375px;height:375px}.sg-tile{left:-49px;top:-42px;width:98px;height:84px}.sg-tile img{height:55px}.sg-preview{padding:17px}.sg-preview-media{height:150px}.sg-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.smoke-globe{width:calc(100% - 20px);padding:22px 16px 16px!important;border-radius:28px;margin-bottom:16px}.sg-heading{align-items:flex-start;gap:8px}.sg-heading h2{font-size:28px}.sg-status{font-size:8px;max-width:105px;line-height:1.8}.sg-eyebrow{font-size:8px;letter-spacing:.12em}.sg-layout{display:flex;flex-direction:column;gap:8px}.sg-stage{width:100%;height:clamp(300px,92vw,480px);--sg-radius:clamp(119px,35vw,183px);perspective:900px}.sg-ring{width:calc(var(--sg-radius)*2.14);height:calc(var(--sg-radius)*2.14)}.sg-tile{left:calc(var(--sg-radius)*-.26);top:calc(var(--sg-radius)*-.235);width:calc(var(--sg-radius)*.52);height:calc(var(--sg-radius)*.47);padding:3px!important;border-radius:10px!important;gap:3px}.sg-tile img{height:calc(var(--sg-radius)*.32);border-radius:7px}.sg-tile span{font-size:6px}.sg-direction{font-size:9px;bottom:7px}.sg-preview{width:100%;box-sizing:border-box;padding:15px;border-radius:22px;display:grid;grid-template-columns:90px minmax(0,1fr);column-gap:14px;align-items:start}.sg-preview-media{height:93px;margin:0;grid-column:1;grid-row:1/5;border-radius:14px!important}.sg-preview .sg-eyebrow,.sg-preview h3,.sg-preview p{grid-column:2}.sg-preview h3{font-size:22px!important;margin:6px 0!important}.sg-preview p{font-size:12px;line-height:1.5;margin:4px 0 13px}.sg-open{grid-column:1/-1;margin-top:10px;font-size:12px;min-height:46px;padding:10px 14px;box-sizing:border-box}.sg-preview-note{grid-column:1/-1;font-size:10px}.sg-controls{margin-top:18px;gap:7px;justify-content:flex-start}.sg-controls button{font-size:10px!important;padding:10px 11px;min-height:44px}.sg-touch-control{display:inline-flex;align-items:center;justify-content:center}.sg-links{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-links img{height:75px}.sg-burst-note{bottom:15%;font-size:11px}.sg-heading+.sg-layout{margin-top:6px}}
@media(prefers-reduced-motion:reduce){.sg-world{will-change:auto}.sg-smoke{display:none}.sg-burst{display:none!important}.sg-tile,.sg-open{transition:none!important}}
html.lx-motion-off .sg-smoke{display:none}
.sg-controls{display:none}.sg-enhanced .sg-controls{display:flex}.sg-controls[hidden]{display:none!important}
.sg-tilt-controls{display:flex;gap:7px}

/* Refined framing: crisp media in front of drifting smoke, controls close to the globe. */
.smoke-globe{background:radial-gradient(ellipse at 22% 48%,#102d4d66,transparent 52%),linear-gradient(125deg,#050b12,#000 80%);border-color:#81b4d430;box-shadow:inset 0 1px 0 #d4efff20,0 24px 70px #0007}
.sg-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:34px;margin:12px 0 15px}
.sg-orbit-panel{min-width:0}.sg-stage{height:490px}.sg-world{z-index:2}.sg-aura{z-index:0}.sg-ring{z-index:1;border-color:#89d7ff28}.sg-smoke{z-index:1;opacity:.8;mask-image:radial-gradient(ellipse at 50% 54%,#000 44%,transparent 76%)}
.sg-tile{border-color:#a1c9e73b!important;background:linear-gradient(145deg,#102032,#03070d)!important;box-shadow:inset 0 1px 0 #d3eeff22,0 3px 11px #0009!important}
.sg-tile.sg-current{border-color:#a9e9ffcc!important;box-shadow:0 0 0 1px #96dfff22,0 0 21px #398cff44!important}.sg-tile img{background:#010309}.sg-tile span{color:#d2e5f4;font-weight:500}
.sg-controls{margin:2px 0 0}.sg-direction{bottom:7px;color:#a8c1d7}.sg-controls button{padding-inline:14px}.sg-controls button[data-globe=smoke]{border-color:#82ccff80;background:linear-gradient(140deg,#1e4269,#182b46)}
.sg-preview{padding:23px;border-color:#a6d5ef30;box-shadow:inset 0 1px 0 #c8e8ff25,0 20px 60px #0007}.sg-preview-media{height:190px;border-color:#9bc8df26}.sg-preview h3{font-size:clamp(25px,2.6vw,33px)!important}.sg-preview p{min-height:68px;margin-bottom:15px}.sg-preview-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px;grid-column:1/-1}.sg-preview-nav button{width:44px;height:44px;padding:0;font-size:20px;line-height:1;border-radius:14px!important;color:#d6efff;border:1px solid #91c2e13b;background:#14243a}.sg-position{font:600 12px/1.5 ui-monospace,monospace;letter-spacing:.04em;color:#d9f4ff}.sg-position span{color:#9db4c9;font-size:10px;font-weight:400}.sg-open{min-height:48px}.sg-preview-note{font-size:10px;color:#97adc0}.sg-fallback summary,.sg-welcome summary{min-height:38px;display:flex;align-items:center;gap:9px}.sg-fallback summary:before,.sg-welcome summary:before{content:'+';display:inline-grid;place-items:center;width:20px;height:20px;border:1px solid #aacce833;border-radius:7px;font:13px system-ui;color:#abdfff}.sg-fallback[open] summary:before,.sg-welcome[open] summary:before{content:'−'}.sg-fallback summary::marker,.sg-welcome summary::marker{content:''}.sg-fallback summary::-webkit-details-marker,.sg-welcome summary::-webkit-details-marker{display:none}.sg-welcome{padding-top:0}.sg-links a{transition:border-color .2s,background .2s}.sg-links a:focus-visible,.sg-controls button:focus-visible,.sg-preview-nav button:focus-visible,.sg-open:focus-visible{outline:2px solid #b6ecff;outline-offset:4px}
@media(max-width:1000px){.sg-layout{gap:20px;grid-template-columns:minmax(0,1.15fr) minmax(245px,.85fr)}.sg-stage{height:440px}.sg-preview{padding:18px}.sg-preview-media{height:155px}.sg-preview p{font-size:13px;min-height:0}.sg-controls button{padding-inline:11px}}
@media(max-width:760px){.sg-layout{gap:16px;margin:10px 0 18px}.sg-orbit-panel{width:100%}.sg-stage{height:clamp(300px,88vw,450px)}.sg-controls{justify-content:center;margin-top:5px;gap:7px}.sg-controls button{font-size:10px!important;padding-inline:11px}.sg-controls button[data-globe=up],.sg-controls button[data-globe=down]{min-width:42px}.sg-preview{padding:16px;grid-template-columns:78px minmax(0,1fr);gap:0 13px}.sg-preview-media{height:85px;grid-row:1/4}.sg-preview h3{font-size:23px!important}.sg-preview p{font-size:12px;line-height:1.55;margin-bottom:14px}.sg-preview-nav{margin:2px 0 10px;grid-column:1/-1}.sg-open{margin-top:0}.sg-preview-note{margin-top:10px}.sg-status{font-size:8px}.sg-links{gap:8px}.sg-links a{font-size:12px}.sg-fallback{padding-top:12px}.sg-heading h2{font-size:27px}.sg-fallback summary,.sg-welcome summary{font-size:11px}}
@media(max-width:760px){.sg-enhanced .sg-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sg-tilt-controls{display:none}.sg-touch-control{grid-column:1/-1;justify-self:center;min-width:145px}}

/* Repair: visible rising smoke and keyboard-accessible image tiles. */
.sg-smoke{opacity:1;mask-image:radial-gradient(ellipse at 50% 52%,#000 55%,transparent 88%)}
.sg-tile:focus-visible{outline:3px solid #c5f0ff!important;outline-offset:2px}
.sg-tile{font:inherit;appearance:none}
