/* A full-page world with a small reading surface. All hues use the shared phase. */
.try-page{--try-gutter:clamp(24px,4vw,72px);--try-header:86px;--z-map:0;--z-types:2;--z-reading:4;--z-details:8;background:var(--bg);min-width:300px;overflow-x:hidden}
.try-header{height:var(--try-header);padding:0 var(--try-gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:var(--z-header)}
.try-header .brand-company{text-align:left;letter-spacing:.04em}
.try-header-actions{display:flex;align-items:center;gap:30px}
.try-back{font-size:12px;display:flex;gap:12px;align-items:center;min-height:44px;color:var(--muted)}
.try-back:hover{color:var(--accent)}
.try-world-switch{position:relative;min-width:0;max-width:310px;margin-left:auto;margin-right:auto}
.try-world-switch select{appearance:none;background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 32px 10px 10px;width:100%;font-size:13px;color:var(--ink);min-height:44px;cursor:pointer}
.try-world-switch>span{position:absolute;right:10px;top:9px;pointer-events:none;color:var(--accent)}
.try-experience{position:relative;isolation:isolate;height:calc(100svh - var(--try-header) - 60px);min-height:690px}
.try-canvas,.try-canvas-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-map)}
.try-type-layer{position:absolute;inset:0;pointer-events:none;z-index:var(--z-types)}
.try-type{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:auto;border:0;background:transparent;padding:3px;width:112px;min-height:78px;font-size:13px;font-weight:600;line-height:1.4;text-align:center;will-change:transform;outline-offset:3px}
.try-type svg{width:46px;height:46px;flex-shrink:0;border-radius:50%;transition:box-shadow .18s ease}
.type-disc{fill:var(--node-fill)}
.try-type:hover svg{box-shadow:0 0 0 4px var(--accent-soft)}
.try-type[aria-expanded=true] svg{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--accent)}
.try-heading{position:absolute;left:var(--try-gutter);top:7%;max-width:640px;width:46%;z-index:var(--z-reading)}
.try-heading h1{font-size:clamp(42px,4.8vw,72px);font-weight:800;letter-spacing:-.035em;line-height:1.09;max-width:670px}
.try-heading h1 em{color:var(--accent);font-style:normal}
.try-heading p{font-size:clamp(14px,1.55vw,21px);line-height:1.7;color:var(--muted);margin-top:20px;max-width:490px}
.world-chooser{position:absolute;inset:0}
.try-map-zone{position:absolute;pointer-events:none}
.movies-zone,.movie-map{left:48%;top:0;width:48%;height:60%}
.journey-zone,.journey-map{left:0;top:38%;width:71%;height:56%}
.world-entry{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:10px;z-index:var(--z-reading);padding:12px 0;color:var(--ink);max-width:470px}
.world-entry h2{font-size:clamp(30px,3.2vw,46px);line-height:1.15;letter-spacing:-.03em;font-weight:800}
.world-entry-action{display:inline-flex;align-items:center;gap:17px;border-bottom:1px solid var(--accent);padding-bottom:5px;font-size:clamp(14px,1.5vw,19px);color:var(--accent);line-height:1.5}
.world-entry-action svg{transition:transform .2s var(--ease)}
.world-entry:hover .world-entry-action svg{transform:translateX(5px)}
.world-entry small{font-size:12px;color:var(--muted);max-width:310px;line-height:1.7}
.movie-entry{right:var(--try-gutter);top:31%;max-width:220px}
.journey-entry{left:var(--try-gutter);bottom:2.5%}
.try-world-note{position:absolute;right:var(--try-gutter);bottom:5%;font-size:12px;display:flex;gap:12px;align-items:center;color:var(--muted);z-index:var(--z-reading)}
.try-world-note svg{width:26px;height:26px}
.try-static-map{position:absolute;fill:var(--node-fill);stroke:var(--accent-line);stroke-width:1;overflow:visible;pointer-events:none}
.try-static-map path{fill:none}
.try-ready .try-static-map{display:none}
.try-explore{position:absolute;inset:0}
.explore-zone{left:39%;top:15%;width:59%;height:62%}
[data-mode=explore] .try-heading{left:auto;right:var(--try-gutter);top:3%;width:60%;text-align:right;max-width:740px}
[data-mode=explore] .try-heading h1{font-size:clamp(32px,3vw,46px);margin-left:auto;line-height:1.18}
[data-mode=explore] .try-heading p{font-size:11px;margin:12px 0 0 auto;max-width:100%}
.try-welcome{position:absolute;left:var(--try-gutter);top:23%;width:28%;max-width:380px;z-index:var(--z-reading)}
.try-welcome h2{font-size:31px;letter-spacing:-.025em;line-height:1.2}
.try-welcome>p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:17px;max-width:310px}
.try-starters{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:25px}
.try-starters button{display:flex;align-items:center;justify-content:space-between;gap:18px;background:transparent;border:0;border-top:1px solid var(--line);text-align:left;padding:15px 0;font-size:13px;line-height:1.8;min-height:48px;color:var(--accent)}
.try-starters button:hover{color:var(--accent-hover);border-color:var(--accent-border)}
.try-starters button>span:last-child{font-size:19px}
.try-reply{position:absolute;left:var(--try-gutter);top:7%;width:34%;max-width:470px;max-height:calc(100% - 190px);overflow:auto;overscroll-behavior:contain;background:var(--bg);border:1px solid var(--accent-border);border-radius:10px;padding:24px;z-index:var(--z-reading);scrollbar-gutter:stable}
.try-question-line{display:flex;align-items:flex-start;gap:12px;margin-bottom:26px}
.try-question-line>p{background:var(--accent-soft);border-radius:6px;font-size:12px;line-height:1.8;padding:12px 14px;flex:1;overflow-wrap:anywhere;white-space:pre-wrap}
.try-icon-button{display:grid;place-items:center;border:1px solid var(--line);background:var(--bg);border-radius:50%;width:42px;height:42px;min-width:42px;padding:10px;color:var(--ink);font-size:24px;line-height:1;transition:border-color .18s,background-color .18s}
.try-icon-button:hover{background:var(--accent-soft);border-color:var(--accent-border)}
.try-icon-button svg{width:20px;height:20px}
.try-question-line .try-icon-button,.try-type-details .try-icon-button{border:0;background:transparent;margin:-12px -12px 0 0;min-width:34px;width:34px;height:34px;padding:3px;color:var(--muted)}
.try-assistant-heading{display:flex;gap:11px;align-items:center;margin-bottom:23px}
.try-assistant-heading>svg{width:33px;height:33px;flex-shrink:0}
.try-assistant-heading h2{font-size:18px;line-height:1.4;letter-spacing:-.02em;font-weight:800}
.try-assistant-heading span{font-size:10px;color:var(--muted)}
.try-answer{font-size:clamp(16px,1.4vw,21px);line-height:1.75;overflow-wrap:anywhere;max-width:65ch}
.try-answer-content{font-size:13px;margin-top:23px}
.try-answer-path{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center;color:var(--accent);font-weight:600;line-height:1.8}
.try-answer-path i{font-style:normal;color:var(--muted)}
.try-answer-content table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;margin:18px 0 0}
.try-answer-content th,.try-answer-content td{padding:11px 4px;border-bottom:1px solid var(--line);vertical-align:top}
.try-answer-content th{font-weight:400;color:var(--muted)}
.try-answer-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.try-answer-tags span{font-size:12px;color:var(--muted);background:var(--surface);padding:4px 9px;border-radius:3px}
.try-reply-actions{margin-top:25px;border-top:1px solid var(--line);padding-top:14px;display:flex;flex-wrap:wrap;gap:0 22px;align-items:baseline}
.try-reply-actions>button,.try-reply-actions summary{background:transparent;border:0;color:var(--accent);font-size:12px;padding:8px 0;min-height:40px;cursor:pointer}
.try-reply-actions>button>span{margin-left:10px}
.try-reply-actions>details[open]{flex-basis:100%;order:2}
.try-source-note{font-size:12px;line-height:1.85;padding:10px 0 3px;color:var(--muted)}
.try-source-note h3{font-size:13px;color:var(--ink);margin-bottom:9px}
.try-history{margin-top:10px;border-top:1px solid var(--line);padding-top:12px;font-size:11px;color:var(--muted)}
.try-history summary{cursor:pointer;min-height:32px}
.try-history button{display:block;width:100%;text-align:left;border:0;background:transparent;font-size:12px;line-height:1.8;padding:9px 0;color:var(--accent);overflow-wrap:anywhere}
.try-reopen{position:absolute;top:12%;left:var(--try-gutter);display:flex;align-items:center;gap:10px;z-index:var(--z-reading);font-size:12px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:11px 16px;min-height:44px}
.try-reopen svg{width:24px;height:24px}
.try-composer{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(740px,65%);z-index:var(--z-reading)}
.try-suggestions{display:flex;justify-content:center;gap:8px 14px;margin-bottom:14px;flex-wrap:wrap}
.try-suggestions button{border:1px solid var(--line);border-radius:22px;background:var(--bg);font-size:11px;line-height:1.6;padding:9px 16px;min-height:38px;max-width:100%;color:var(--accent);transition:border-color .18s}
.try-suggestions button:hover{border-color:var(--accent)}
.try-composer form{display:flex;gap:15px;align-items:flex-end;border:1px solid var(--accent-border);border-radius:10px;background:var(--canvas-surface);padding:12px 13px 12px 21px}
.try-composer form:focus-within{outline:2px solid var(--accent);outline-offset:3px}
.try-composer textarea{display:block;width:100%;min-height:44px;max-height:130px;resize:none;border:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;line-height:1.75;padding:9px 0;outline:none;overflow-y:auto}
.try-composer textarea::placeholder{color:var(--muted);opacity:1}
.try-composer [data-send]{border:0;border-radius:50%;background:var(--accent);color:#fff;width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;padding:11px}
.try-composer [data-send]:hover{background:var(--accent-hover)}
.try-composer [data-send]:disabled{background:var(--line);color:var(--muted);cursor:default}
.try-composer [data-send] svg{width:22px;height:22px}
.try-composer>p{text-align:center;font-size:10px;color:var(--muted);margin:9px 0 0;line-height:1.7}
.try-type-details{position:absolute;z-index:var(--z-details);width:260px;max-width:calc(100% - 32px);padding:18px 20px;border:1px solid var(--accent-border);background:var(--bg);border-radius:7px;font-size:12px;line-height:1.8}
.try-type-details>div{display:flex;justify-content:space-between;align-items:center;color:var(--accent);font-size:10px;margin-bottom:7px}
.try-type-details h2{font-size:20px;line-height:1.3;margin-bottom:13px;letter-spacing:-.02em}
.try-type-details>p{color:var(--muted)}
.try-type-details dl{border-top:1px solid var(--line);padding-top:12px;margin:16px 0 0}
.try-type-details dt{font-size:10px;color:var(--muted)}
.try-type-details dd{margin:4px 0 0}
.try-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:60px;padding:8px var(--try-gutter) 12px;position:relative;z-index:var(--z-controls);font-size:10px;color:var(--muted)}
.try-preview-note{display:flex;gap:18px;align-items:center;flex-wrap:wrap;line-height:1.7}
.try-preview-note>span:first-child{color:var(--accent)}
.try-bottom-controls{display:flex;gap:12px;align-items:center}
.try-play-icon{display:none}
[data-try-pause][aria-pressed=true] .try-play-icon{display:block}
[data-try-pause][aria-pressed=true] .try-pause-icon{display:none}
[data-try-pause]:disabled{opacity:.65;cursor:default}
.try-no-script{position:relative;top:330px;padding:20px var(--try-gutter);max-width:650px;font-size:14px;color:var(--muted)}
.try-canvas-note{position:absolute;bottom:100px;left:var(--try-gutter);font-size:10px;max-width:280px;color:var(--muted);z-index:var(--z-reading)}
.try-reply.is-entering{animation:try-reply-in .24s var(--ease) both}
@keyframes try-reply-in{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1850px){.try-type svg{width:52px;height:52px}.try-type{font-size:15px}.try-reply{max-width:520px;padding:32px}.try-heading{max-width:770px}.try-heading h1{max-width:750px}.try-welcome{max-width:420px}.try-welcome>p{font-size:16px}.try-starters button{font-size:15px}.try-composer{width:800px}.try-composer textarea{font-size:16px}}
@media(max-width:1120px){.try-preview-detail{display:none}.try-header-actions{gap:16px}.try-heading{width:47%;top:8%}.try-heading h1{font-size:48px}.world-entry h2{font-size:32px}.movie-entry{max-width:185px}.world-entry small{font-size:10px}.try-world-note{max-width:200px;text-align:right}.try-reply{width:37%;padding:19px}.try-answer{font-size:16px}.try-composer{width:70%}.try-type{font-size:12px;width:96px}.try-type svg{width:42px;height:42px}.explore-zone{left:45%;width:53%}.try-welcome{width:29%}.try-welcome h2{font-size:26px}}
@media(max-width:760px){
 .try-page{--try-header:78px;--try-gutter:24px}.try-header{gap:12px;flex-wrap:wrap;height:auto;min-height:78px;padding-block:17px}.try-header .brand-mark{width:32px;height:32px}.try-header .brand-wordmark>span:first-child{font-size:23px}.try-header .brand-company{font-size:8px;margin-top:5px}.try-header-actions{margin-left:auto;gap:10px}.try-back{font-size:0;gap:0}.try-back>span:last-child{font-size:19px}.try-back>span:first-child{display:none}.try-world-switch{order:3;flex-basis:100%;max-width:100%;margin:6px 0 0}.try-world-switch select{font-size:13px;padding-left:0}.try-header .try-language{font-size:10px;gap:1px}
 .try-experience{height:1070px;min-height:0;max-height:none}.try-heading{left:var(--try-gutter);top:32px;width:calc(100% - 48px);max-width:none}.try-heading h1{font-size:clamp(36px,8vw,54px);max-width:560px;letter-spacing:-.03em}.try-heading p{font-size:14px;margin-top:16px}.movies-zone,.movie-map{left:3%;top:225px;width:93%;height:315px}.journey-zone,.journey-map{left:3%;top:655px;width:93%;height:310px}.movie-entry{top:530px;left:var(--try-gutter);right:auto;max-width:none;padding:6px 0;gap:5px}.journey-entry{top:952px;bottom:auto;padding:6px 0;gap:5px}.world-entry h2{font-size:28px}.world-entry-action{font-size:13px;gap:13px;padding-bottom:2px}.world-entry small{display:none}.try-world-note{display:none}.try-type svg{width:38px;height:38px}.try-type{width:92px;font-size:11px;gap:6px;min-height:70px}
 .try-experience[data-mode=explore]{height:auto;min-height:730px;padding-top:360px}.try-explore{position:static}.explore-zone{left:2%;top:70px;width:96%;height:310px}[data-mode=explore] .try-heading{top:5px;left:var(--try-gutter);right:auto;width:calc(100% - 48px);text-align:left}[data-mode=explore] .try-heading h1{font-size:28px;margin:0}[data-mode=explore] .try-heading p{font-size:10px;margin-top:10px;text-align:left}
 .try-welcome{position:relative;left:auto;top:auto;width:auto;max-width:none;margin:22px var(--try-gutter) 30px}.try-welcome h2{font-size:25px}.try-welcome>p{max-width:440px;font-size:13px;margin-top:12px}.try-starters{margin-top:19px}.try-starters button{font-size:13px;padding:13px 0;min-height:48px}
 .try-reply{position:relative;top:auto;left:auto;width:auto;max-width:none;max-height:none;overflow:visible;margin:24px var(--try-gutter);padding:20px;scrollbar-gutter:auto;scroll-margin-top:20px}.try-answer{font-size:16px}.try-question-line{margin-bottom:20px}.try-question-line>p{font-size:12px}.try-assistant-heading{margin-bottom:18px}.try-answer-content{margin-top:19px}.try-reply-actions{margin-top:20px}.try-reopen{position:relative;left:auto;top:auto;margin:26px var(--try-gutter) 40px}.try-composer{position:sticky;bottom:0;transform:none;left:auto;width:auto;padding:12px var(--try-gutter) 10px;background:var(--bg);margin-top:18px;z-index:var(--z-reading)}.try-composer form{padding:10px 11px 10px 15px}.try-composer textarea{font-size:16px;max-height:105px}.try-suggestions{justify-content:flex-start;gap:8px;margin-bottom:12px}.try-suggestions button{font-size:11px;min-height:42px;text-align:left;max-width:100%}.try-composer>p{font-size:9px}
 .try-footer{padding-bottom:max(16px,env(safe-area-inset-bottom));gap:12px;align-items:center;min-height:68px}.try-bottom-controls{gap:8px}.try-bottom-controls .try-icon-button{width:38px;height:38px;min-width:38px;padding:9px}.try-type-details{width:240px;font-size:11px;padding:15px 17px;max-width:calc(100% - 32px)}.try-type-details h2{font-size:18px}.try-no-script{top:180px;padding-block:12px;font-size:13px}.try-canvas-note{position:relative;bottom:auto;left:auto;margin:15px var(--try-gutter);max-width:400px}
}
@media(max-width:380px){.try-page{--try-gutter:20px}.try-heading h1{font-size:35px}.try-header{gap:8px}.try-header-actions{gap:8px}.try-header .brand-wordmark>span:first-child{font-size:21px}.try-header .brand{gap:6px}.try-world-note{display:none}.try-heading{width:calc(100% - 40px)}.try-type{font-size:10px;width:83px}.world-entry h2{font-size:26px}.try-reply{padding:17px}.try-answer{font-size:15px}.try-footer{font-size:9px}.try-bottom-controls{gap:5px}}
@media(prefers-reduced-motion:reduce){.try-page *, .try-page *:before,.try-page *:after{animation:none!important;transition:none!important}}
.try-page[data-paused=true] .try-reply{animation:none}