/* Concept 06 corrected: the cards form the sphere. No globe/landscape presentation. */
#app{background:radial-gradient(ellipse at 50% 46%,color-mix(in srgb,var(--muted),transparent 88%),transparent 58%),var(--bg);min-height:470px}
#app:after{display:none}
.masthead{padding:27px 40px 19px;padding-top:max(23px,env(safe-area-inset-top));border-bottom:1px solid color-mix(in srgb,var(--border),transparent 55%)}
.wordmark{font-size:50px}.prototype{letter-spacing:1.7px;font-size:8px}.brand{gap:22px}
.intro.category-heading{position:absolute;left:24%;right:24%;top:111px;width:auto;text-align:center;z-index:3;pointer-events:none;transform:none}
.category-heading .eyebrow{font-size:8px;letter-spacing:2.8px;margin-bottom:10px;color:var(--muted)}
.category-heading h1{font:400 clamp(34px,3.2vw,47px)/1.07 var(--heading);letter-spacing:-1.2px;color:var(--ink)}
.category-heading .intro-copy{font-size:11px;line-height:1.5;margin-top:10px;color:var(--muted)}
#world{inset:192px 0 166px 0;z-index:1;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 89%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 89%,transparent)}
#canvas-host canvas{cursor:grab}.is-focused #canvas-host canvas{cursor:default}
.column-switch{position:absolute;z-index:3;top:142px;display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted);padding:10px;max-width:26%;line-height:1.4}
.column-switch.previous{left:10%}.column-switch.next{right:10%}.column-switch:hover{color:var(--accent)}
.column-switch .chevron{font-size:21px;border:1px solid var(--border);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}
.row-navigation{position:absolute;z-index:3;right:5%;top:47%;transform:translateY(-50%);display:flex;align-items:center;flex-direction:column;gap:6px}
.row-navigation>button{display:grid;place-items:center;width:42px;height:40px;border:1px solid var(--border);border-radius:50%;font-size:23px;background:color-mix(in srgb,var(--surface),transparent 30%);backdrop-filter:blur(12px)}
.row-navigation>button:disabled{opacity:.22}#row-dots{display:flex;flex-direction:column;gap:0}#row-dots button{width:34px;height:20px;position:relative;display:block;border:0;background:none}
#row-dots button:before{content:'';position:absolute;top:8px;left:15px;width:4px;height:4px;border-radius:50%;background:var(--muted);opacity:.3}
#row-dots button[aria-current=true]:before{width:5px;height:10px;top:5px;left:14px;border-radius:4px;background:var(--accent);opacity:1}
#row-position{font-size:9px;letter-spacing:1px;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:6px}
.discovery-hint,.discovery-hint.used{left:50%;bottom:160px;z-index:3;opacity:1;display:flex;gap:21px;align-items:center;font-size:10px;color:var(--muted);white-space:nowrap;transform:translateX(-50%)}
.discovery-hint .axis{display:flex;gap:7px;align-items:center}.axis>span[aria-hidden]{color:var(--accent);font-size:18px;line-height:1}.gesture-separator{height:14px;width:1px;background:var(--border)}
#discover-dish{pointer-events:auto;padding:10px 0;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--ink)}#discover-dish>span:last-child{color:var(--accent);font-size:16px}
.category-dock{bottom:92px;left:calc(50% - 360px);right:calc(50% - 360px)}
.region-caption{display:none}#categories{box-shadow:none;padding:5px;gap:3px;border-radius:32px}.category-chip{min-height:43px;font-size:11px;padding:10px 16px}.category-chip[aria-current=true]{box-shadow:none}
.world-controls{right:auto;left:35px;top:auto;bottom:183px;transform:none;flex-direction:row;border-radius:30px;padding:4px;background:color-mix(in srgb,var(--surface),transparent 20%)}
.world-controls button{width:34px;height:34px}.world-controls>span{height:14px;width:1px;margin:0 3px}
.bottom-bar{height:77px;padding:10px 40px max(13px,var(--safe-bottom))}.bottom-hint{font-size:9px}.list-launcher{min-width:132px;justify-content:space-between}
.is-focused .intro,.is-focused .column-switch,.is-focused .row-navigation,.is-focused .category-dock,.is-focused .discovery-hint{opacity:0;visibility:hidden;pointer-events:none;transform:none}
.is-focused #world{inset:120px 0 100px 0;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent)}
.detail-panel{right:14%;top:150px;bottom:103px;width:345px;max-height:570px;background:color-mix(in srgb,var(--surface),transparent 1%);border-radius:26px;backdrop-filter:blur(20px)}
.detail-panel h2{font-size:34px}.back-world{left:40px;top:116px}.is-focused .world-controls{bottom:110px}
html[data-theme=day] .category-heading .eyebrow{color:var(--muted)}
.no-webgl .row-navigation,.no-webgl .column-switch{display:none}.no-webgl #world{mask:none;-webkit-mask:none}
@media(min-width:1500px){#world{inset:194px 40px 169px 40px}.intro.category-heading{left:24%;right:24%;top:111px}.detail-panel{right:17%}.category-dock{left:calc(50% - 360px);right:calc(50% - 360px)}}
@media(max-width:1100px) and (min-width:761px){.column-switch.previous{left:4%}.column-switch.next{right:4%}.detail-panel{right:5%;width:320px}.row-navigation{right:3%}.world-controls{left:20px}}
@media(max-width:760px){
 .masthead{padding:19px 21px 15px;padding-top:max(19px,env(safe-area-inset-top));border:0}.wordmark{font-size:46px}.prototype{display:none}
 .intro.category-heading{left:15%;right:15%;top:91px;width:auto}.category-heading .eyebrow{font-size:6px;letter-spacing:1.7px;margin-bottom:9px}.category-heading h1{font-size:33px;letter-spacing:-.9px}.category-heading .intro-copy{font-size:10px;margin-top:7px}
 #world{inset:166px -6px 171px -6px;mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 90%,transparent)}
 .column-switch{top:112px;padding:0;max-width:none;gap:0}.column-switch.previous{left:16px}.column-switch.next{right:16px}.column-switch>span:not(.chevron){display:none}.column-switch .chevron{width:36px;height:36px;font-size:20px;border:0;background:color-mix(in srgb,var(--surface),transparent 15%)}
 .row-navigation{right:12px;top:49%;gap:3px}.row-navigation>button{width:32px;height:34px;font-size:20px}.row-navigation #row-position{font-size:7px;letter-spacing:.7px;margin-top:5px}#row-dots button{height:18px;width:26px}#row-dots button:before{left:11px;top:7px}#row-dots button[aria-current=true]:before{left:10px;top:4px}
 .discovery-hint,.discovery-hint.used{bottom:157px;font-size:9px;gap:13px}.discovery-hint .axis{gap:5px}.axis>span[aria-hidden]{font-size:17px}.gesture-separator{display:none}#discover-dish{font-size:9px;gap:5px}#discover-dish>span:first-child{max-width:92px;white-space:normal;line-height:1.3;text-align:left}
 .category-dock{bottom:91px;left:13px;right:13px}#categories{padding:5px;gap:2px}.category-chip{min-height:40px;font-size:10px;padding:10px 14px}
 .world-controls{left:15px;bottom:206px;right:auto;top:auto;flex-direction:column;border-radius:25px;padding:2px;gap:0;background:color-mix(in srgb,var(--surface),transparent 15%)}.world-controls button{width:29px;height:29px}.world-controls button svg{width:13px;height:13px}.world-controls #reset-world,.world-controls>span{display:none}.world-controls button#help-open{display:grid}
 .bottom-bar{height:77px;padding:10px 21px max(13px,var(--safe-bottom))}.list-launcher{min-width:128px}.powered-small{display:block}
 .is-focused #world{inset:113px -6px 95px -6px;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 85%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 85%,transparent)}
 .back-world{top:88px;left:19px;padding:9px 14px}.detail-panel{left:13px;right:13px;top:auto;bottom:88px;width:auto;max-height:43dvh;padding:23px;border-radius:24px}.detail-panel h2{font-size:28px}.is-focused .world-controls{left:auto;right:15px;top:94px;bottom:auto}
}
@media(max-height:710px) and (max-width:760px){.intro.category-heading{top:86px}.category-heading .eyebrow{display:none}.category-heading h1{font-size:28px}.category-heading .intro-copy{font-size:9px;margin-top:5px}.column-switch{top:95px}#world{top:139px;bottom:153px}.discovery-hint,.discovery-hint.used{bottom:143px}.category-dock{bottom:80px}.category-chip{min-height:35px}.bottom-bar{height:69px}.world-controls{bottom:175px}.detail-panel{bottom:77px;max-height:41dvh;padding:18px}.detail-panel h2{font-size:25px}.is-focused #world{top:96px;bottom:79px}.is-focused .world-controls{top:90px}.back-world{top:82px}}
@media(max-height:540px) and (min-width:761px){.masthead{padding-top:16px}.category-heading .eyebrow,.category-heading .intro-copy{display:none}.intro.category-heading{top:89px}.category-heading h1{font-size:27px}.column-switch{top:85px}#world{inset:123px 0 119px}.discovery-hint,.discovery-hint.used{display:none}.category-dock{bottom:66px}.category-chip{min-height:31px}.bottom-bar{height:58px}.world-controls{bottom:126px}.detail-panel{top:104px;bottom:74px}.is-focused #world{inset:100px 0 60px}.back-world{top:88px}}