:root{--bg:#080808;--text:#f4f4f4;--cyan:#d4d4d4;--gold:#cbcbcb;--muted:#929292;--border:#cccccc30;font-family:'DM Sans','Noto Sans JP',sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}em{font-style:normal}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}::selection{background:var(--cyan);color:var(--bg)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:12px;z-index:200;background:var(--text);color:var(--bg);padding:14px}.skip:focus{top:12px}
#universe,#spatial-root,#cinema-background,.vignette,.film-grain{position:fixed;inset:0;width:100%;height:100%}#cinema-background{z-index:0;opacity:.17;overflow:hidden}#cinema-background video{width:100%;height:100%;object-fit:cover;filter:saturate(.6)}#universe{z-index:1}#spatial-root{z-index:3;pointer-events:none;overflow:hidden}#spatial-root>div{pointer-events:none!important}.vignette{pointer-events:none;z-index:4;background:linear-gradient(0deg,#080808 0%,#080808e0 13%,transparent 45%,#08080820 72%,#080808c0),linear-gradient(90deg,#08080870,transparent 65%)}.film-grain{z-index:50;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.hud-header{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:30px 42px;gap:30px}.wordmark{font-size:1.35rem;letter-spacing:.07em;text-align:left;font-weight:600;padding:0}.wordmark span{display:block;font-size:.53rem;letter-spacing:.22em;color:#adadad;margin-top:5px}.hud-coordinate{font-size:.55rem;letter-spacing:.14em;line-height:1.9;color:#c1c1c1;margin-right:auto;margin-left:45px}.hud-coordinate>span{color:#7d7d7d}.header-actions{display:flex;align-items:center;gap:27px;font-size:.75rem}.header-actions a{border:1px solid #cccccc50;padding:11px 18px;border-radius:3px}.header-actions a:hover{background:#cccccc17}.header-actions button{padding:10px 0;color:#c4c4c4}.sound-bars{font-size:1.2rem;letter-spacing:1px;margin-right:5px}.header-actions #motion{font-size:1rem;padding:10px}.eyebrow{font-size:.65rem;letter-spacing:.18em;line-height:1.8;color:#c2c2c2}.small-line{display:inline-block;vertical-align:middle;width:32px;height:1px;background:var(--cyan);margin-right:13px}.welcome{position:fixed;z-index:8;left:8.4%;top:25%;max-width:690px;pointer-events:none;transition:opacity .5s,transform .7s}.welcome h1{font-size:clamp(2.4rem,4.2vw,4.8rem);font-weight:500;letter-spacing:-.04em;line-height:1.42;margin:25px 0 23px}.welcome h1 em{color:#e5e5e5}.welcome-body{font-size:.95rem;line-height:2;color:#acacac}.welcome-actions{display:flex;align-items:center;gap:22px;margin-top:28px}.welcome-actions>span{font-size:.65rem;color:#787878}.outline-button{border:1px solid #dfdfdf70;background:#d1d1d10a;padding:13px 19px;display:flex;gap:35px;align-items:center;font-size:.8rem;pointer-events:auto}.outline-button:hover{background:#d1d1d122}.outline-button span{font-size:1.25rem}.has-story .welcome{opacity:0;transform:translateX(-45px);visibility:hidden;transition:opacity .5s,transform .7s,visibility 0s .7s}.object-tag{position:fixed;right:10%;top:68%;z-index:6;display:flex;align-items:center;gap:12px;font-size:.58rem;letter-spacing:.12em;transition:opacity .5s}.object-tag i{width:33px;height:1px;background:#8f8f8f}.object-tag strong{font-size:.75rem;letter-spacing:.02em;font-weight:400;color:#bdbdbd}.has-story .object-tag{opacity:0}.history-rail{position:fixed;left:27px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:17px}.history-rail button{font-size:.55rem;color:#828282;border-left:1px solid #bcbcbc32;padding:7px 12px;text-align:left;min-height:28px}.history-rail button.active{color:var(--cyan);border-color:var(--cyan)}.story-control{position:fixed;z-index:20;bottom:264px;left:9%;display:flex;align-items:center;gap:25px}.story-control>button{border:1px solid var(--border);padding:12px 17px;font-size:.75rem;backdrop-filter:blur(12px);background:#13131370}.story-control>button:hover{background:#272727}.story-control>button:disabled{opacity:.25;cursor:default}.story-control>div{display:flex;flex-direction:column;gap:5px;font-size:.55rem;letter-spacing:.12em;color:#9c9c9c}.story-control #page-counter{font-size:.65rem;color:#d5d5d5}.story-control #next-page{display:flex;gap:38px;align-items:center}.story-control #next-page>span{font-size:1.1rem}#transition-label{position:fixed;left:50%;top:39%;transform:translate(-50%,-50%);z-index:7;pointer-events:none;text-align:center;letter-spacing:.18em;font-size:.7rem;color:#e7e7e7;opacity:0;transition:opacity .2s}body.travelling #transition-label{opacity:1}
.conversation-dock{position:fixed;z-index:30;width:min(900px,calc(100% - 84px));left:50%;bottom:26px;transform:translateX(-50%);padding:17px 22px 13px;background:linear-gradient(130deg,#202020d9,#101010ea 60%);border:1px solid #d0d0d034;border-radius:12px;box-shadow:0 14px 70px #00000088,inset 0 1px 0 #e2e2e212;backdrop-filter:blur(22px)}.guide-row{display:flex;gap:17px;align-items:center;min-height:45px}.guide-sign{height:38px;width:38px;position:relative;flex:none}.guide-sign span{border:1px solid #d7d7d78a;border-radius:50%;position:absolute;inset:3px;transform:rotateX(55deg) rotateY(18deg);animation:guideOrbit 8s linear infinite}.guide-sign span:nth-child(2){transform:rotateY(65deg);animation-delay:-3s;border-color:#ababab}.guide-sign span:nth-child(3){inset:13px;background:#e0e0e0;border:0;filter:blur(2px);animation:none;box-shadow:0 0 20px #dadada}.guide-copy{flex:1;min-width:0}.guide-meta{display:flex;align-items:center;gap:16px;margin-bottom:7px;font-size:.6rem;letter-spacing:.07em;color:#cecece}#connection-label{font-size:.6rem;color:#8a8a8a;letter-spacing:.02em}#guide-response{font-size:.9rem;line-height:1.85;color:#eaeaea;max-height:66px;overflow:auto}#reset-story{font-size:1.4rem;color:#888888;padding:8px}.suggestions{display:flex;gap:9px;margin:15px 0 13px;overflow:auto;scrollbar-width:none}.suggestions button{white-space:nowrap;display:flex;align-items:center;gap:25px;border:1px solid #c3c3c32a;border-radius:4px;padding:9px 12px;background:#bbbbbb05;font-size:.75rem;color:#c1c1c1}.suggestions button:hover{background:#c1c1c118;border-color:#dedede66}.suggestions button>span{color:#919191}.suggestions button:disabled{opacity:.4;cursor:wait}#conversation-form{border:1px solid #d0d0d03a;background:#0b0b0baa;border-radius:5px;display:flex;gap:10px;padding:7px;align-items:center}#message{min-width:0;width:100%;font-size:.9rem;background:none;border:0;padding:8px 12px;outline:none}#message::placeholder{color:#787878}#conversation-form:focus-within{border-color:#d3d3d38a}#send{height:38px;width:42px;background:#e0e0e0;color:#222222;flex:none;border-radius:3px;font-size:1.4rem;font-weight:500}#send:hover{background:#f3f3f3}#send:disabled{opacity:.3;cursor:wait}#microphone{width:35px;height:35px;display:grid;place-items:center;color:#939393}#microphone svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}#microphone.listening{color:#d1d1d1;box-shadow:0 0 20px #d1d1d125}#microphone:disabled{opacity:.3;cursor:default}.dock-note{display:flex;justify-content:space-between;gap:15px;margin-top:9px;font-size:.57rem;line-height:1.6;color:#767676}.dock-note button{padding:0;font-size:.57rem;color:#979797;white-space:nowrap}.thinking .guide-sign span{animation-duration:1s}.thinking #guide-response{color:#d1d1d1}
.spatial-panel{width:680px;padding:34px 37px 30px;background:linear-gradient(125deg,#292929ed,#121212e8);border:1px solid #d3d3d355;border-radius:7px;color:#f4f4f4;box-shadow:0 0 60px #bebebe0b,inset 0 1px 0 #eaeaea2a;pointer-events:auto;backface-visibility:hidden;overflow:hidden;position:relative}.spatial-panel:before,.spatial-panel:after{content:'';position:absolute;width:30px;height:2px;background:var(--cyan);left:0;top:0}.spatial-panel:after{left:auto;top:auto;bottom:0;right:0}.panel-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.14em;color:#bfbfbf;margin-bottom:23px}.panel-top span:last-child{color:#7a7a7a}.spatial-panel h2{font-size:37px;line-height:1.5;letter-spacing:-.035em;font-weight:500;max-width:560px;margin-bottom:17px}.panel-body{font-size:16px;line-height:1.95;color:#bbbbbb;max-width:580px}.panel-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:25px}.panel-card{border-top:1px solid #b7b7b73b;background:#16161650;padding:16px 15px 13px}.panel-card>span{display:block;font-size:11px;letter-spacing:.09em;color:#ababab;margin-bottom:11px}.panel-card h3{font-size:17px;font-weight:500;line-height:1.55;margin-bottom:10px}.panel-card p{font-size:13px;line-height:1.9;color:#a5a5a5}.panel-footer{margin-top:22px;display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:12px;color:#7e7e7e}.panel-footer a{color:#e3e3e3;border-bottom:1px solid #c1c1c16b;padding:7px 0;font-size:14px}.panel-image{position:relative;margin-top:21px;height:164px;overflow:hidden;border-radius:3px}.panel-image img,.panel-image video{width:100%;height:100%;object-fit:cover;display:block}.panel-image:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #d5d5d522}.panel-film-button{position:absolute;inset:0;width:100%;font-size:14px;text-shadow:0 2px 20px #000000;background:#00000022}.panel-film-button span{width:45px;height:45px;display:grid;place-items:center;margin:auto;background:#141414aa;border:1px solid #e3e3e380;border-radius:50%;backdrop-filter:blur(5px)}.panel-checks{display:flex;gap:13px;margin-top:20px;flex-wrap:wrap;font-size:12px;color:#b9b9b9}.panel-checks span{padding:7px 12px;border:1px solid #c3c3c333}.panel-shadow{opacity:.3;pointer-events:none}.panel-shadow .panel-body{max-height:40px;overflow:hidden}.no-webgl .welcome{background:#08080888;border-radius:9px;padding:20px}.no-webgl #spatial-root{display:none}.no-webgl #mobile-page{display:block!important}
.cinema{position:fixed;inset:0;z-index:80;background:#000000}.cinema video{width:100%;height:100%;object-fit:cover}.cinema:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#000000aa,transparent 38%,transparent 75%,#00000088)}.cinema-caption{position:absolute;bottom:12%;left:8%;right:8%;z-index:2}.cinema-caption>span{font-size:.65rem;letter-spacing:.18em;color:#bababa}.cinema-caption p{font-size:clamp(1.25rem,2.5vw,2.5rem);font-weight:400;letter-spacing:.03em;margin-top:23px;text-shadow:0 2px 25px #000000}.cinema #skip-film{position:absolute;top:32px;right:40px;z-index:2;border:1px solid #e7e7e770;border-radius:3px;padding:12px 20px;font-size:.8rem;backdrop-filter:blur(10px);background:#00000055}.cinema-progress{position:absolute;bottom:0;height:2px;background:#ffffff22;width:100%;z-index:2}.cinema-progress i{display:block;background:var(--cyan);width:0;height:100%}dialog{width:min(660px,90vw);max-height:85svh;overflow:auto;background:#181818;color:var(--text);border:1px solid #d0d0d044;border-radius:10px;padding:40px}dialog::backdrop{background:#070707dd;backdrop-filter:blur(15px)}#close-info{position:absolute;top:14px;right:16px;font-size:1.7rem;padding:5px 10px;color:#b0b0b0}dialog h2{font-size:1.8rem;font-weight:500;line-height:1.5;letter-spacing:-.035em;margin:22px 0}dialog>p:not(.eyebrow){font-size:.875rem;line-height:2;color:#b1b1b1;margin-top:20px}.info-links{display:flex;gap:17px;flex-wrap:wrap;margin-top:26px;font-size:.75rem}.info-links a{border-bottom:1px solid var(--border);padding-bottom:5px}.no-script{position:fixed;inset:0;z-index:90;background:var(--bg);padding:50px;line-height:2}
@keyframes guideOrbit{to{transform:rotateX(250deg) rotateY(360deg) rotateZ(120deg)}}@keyframes introCopy{from{opacity:0;filter:blur(10px);transform:translateY(18px)}to{opacity:1;filter:blur(0);transform:none}}.welcome>*{animation:introCopy 1.3s both}.welcome h1{animation-delay:.18s}.welcome-body{animation-delay:.35s}.welcome-actions{animation-delay:.55s}body.paused *{animation-play-state:paused!important}
@media(min-width:1700px){.welcome{top:28%}.welcome h1{font-size:4.8rem}.conversation-dock{bottom:35px}}@media(max-height:780px) and (min-width:801px){.welcome{top:20%}.welcome h1{font-size:3rem;line-height:1.3;margin:20px 0}.welcome-body{font-size:.85rem}.welcome-actions{margin-top:20px}.hud-header{padding-top:23px}.conversation-dock{bottom:18px;padding-top:12px}.guide-response{font-size:.8rem}.story-control{bottom:245px}}
@media(max-width:1100px){.hud-coordinate{display:none}.welcome{left:8%;top:24%}.welcome h1{font-size:3.6vw}.welcome-body{font-size:.85rem}.welcome-actions{display:block}.welcome-actions>span{display:block;margin-top:12px}.object-tag{right:6%;top:64%}.object-tag strong{font-size:.65rem}.conversation-dock{width:calc(100% - 100px);max-width:850px}.story-control{left:10%;bottom:262px}.history-rail{left:12px}.history-rail button{padding-left:8px}}
@media(max-width:800px){.hud-header{padding:23px 23px;gap:15px}.wordmark{font-size:1.05rem}.wordmark span{font-size:.47rem}.header-actions{gap:15px;font-size:.65rem}.header-actions a{display:none}.header-actions #motion{padding:6px}.welcome{top:17%;left:25px;right:25px;max-width:none}.welcome h1{font-size:clamp(2rem,6.5vw,3rem);line-height:1.35;margin:18px 0}.welcome h1 br:first-child{display:none}.welcome h1 em br{display:none}.welcome .eyebrow{font-size:.55rem}.welcome-body{font-size:.8rem;line-height:1.9;max-width:320px}.welcome-actions{margin-top:21px}.outline-button{font-size:.75rem;padding:11px 14px;gap:30px}.welcome-actions>span{font-size:.6rem;margin-top:10px}.object-tag{display:none}.conversation-dock{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 26px);padding:12px 13px 10px;border-radius:10px}.guide-row{gap:12px}.guide-sign{width:27px;height:32px}.guide-sign span:nth-child(3){inset:11px}.guide-meta{font-size:.55rem;gap:10px;flex-wrap:wrap;margin-bottom:3px}#connection-label{font-size:.5rem}#guide-response{font-size:.8rem;line-height:1.75;max-height:66px}.suggestions{margin:12px 0 11px;gap:7px}.suggestions button{font-size:.67rem;padding:8px 9px;gap:16px}#message{font-size:.8rem;padding:8px}#send{width:35px;height:35px}#microphone{width:28px}.dock-note{font-size:.5rem;gap:12px;margin-top:7px}.dock-note button{font-size:.5rem}#spatial-root{display:none}#mobile-page{position:fixed;z-index:8;top:110px;left:21px;right:21px;bottom:285px;overflow:auto;scrollbar-width:thin;scrollbar-color:#646464 transparent;mask-image:linear-gradient(#000000 92%,transparent)}#mobile-page .spatial-panel{width:100%;padding:22px;background:linear-gradient(135deg,#1f1f1fe6,#0f0f0fe3)}#mobile-page .panel-top{font-size:10px;margin-bottom:18px}#mobile-page h2{font-size:1.55rem;line-height:1.5;margin-bottom:15px}#mobile-page .panel-body{font-size:.83rem;line-height:1.95}#mobile-page .panel-cards{gap:9px;margin-top:18px;grid-template-columns:1fr}#mobile-page .panel-card{padding:14px}#mobile-page .panel-card>span{font-size:10px;margin-bottom:7px}#mobile-page .panel-card h3{font-size:.95rem;margin-bottom:6px}#mobile-page .panel-card p{font-size:.78rem}#mobile-page .panel-footer{font-size:.625rem}#mobile-page .panel-footer a{font-size:.75rem}#mobile-page .panel-checks{font-size:11px}#mobile-page .panel-image{height:125px}.story-control{left:22px;bottom:241px;gap:15px;right:22px;justify-content:space-between}.story-control>button{padding:9px 12px;font-size:.7rem;background:#1d1d1db0}.story-control #next-page{gap:20px}.story-control>div{font-size:.5rem;text-align:center}.story-control #page-counter{font-size:.55rem}.history-rail{left:22px;top:89px;transform:none;flex-direction:row;gap:8px;max-width:calc(100% - 44px);overflow:auto;scrollbar-width:none}.history-rail button{font-size:.5rem;padding:3px 8px;min-height:20px;white-space:nowrap}.has-story #cinema-background{opacity:.1}.cinema #skip-film{top:25px;right:23px;padding:10px 14px;font-size:.75rem}.cinema-caption{left:25px;right:25px;bottom:15%}.cinema-caption p{font-size:1.35rem;line-height:1.7}.cinema-caption>span{font-size:.55rem}dialog{padding:30px 24px}dialog h2{font-size:1.5rem}dialog>p:not(.eyebrow){font-size:.8rem}}
@media(max-height:720px) and (max-width:800px){.welcome{top:16%}.welcome h1{font-size:1.85rem}.welcome-body{font-size:.75rem}.welcome-actions{margin-top:14px}.welcome-actions>span{display:none}.conversation-dock{padding-top:10px}#guide-response{max-height:43px}.story-control{bottom:237px}#mobile-page{bottom:280px;top:110px}.guide-meta{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#cinema-background{display:none}.film-grain{display:none}.welcome>*{filter:none;transform:none}}

 
:root{--safe-bottom:335px}.wordmark span,.hud-coordinate,.eyebrow,.welcome-actions>span,.object-tag>span,.guide-meta,#connection-label,.dock-note,.dock-note button,.story-control>div,.story-control #page-counter,.history-rail button,.panel-top,.panel-card>span,.panel-footer,.cinema-caption>span{font-size:12px}.header-actions,.outline-button,.suggestions button,.story-control>button,.info-links{font-size:14px}.welcome-body,#guide-response,#message,.panel-card p{font-size:16px}.panel-body{font-size:16px}.spatial-panel{padding:26px;scrollbar-width:thin;scrollbar-color:#696969 transparent}.spatial-panel h2{font-size:32px}.panel-card{padding:14px 12px}.panel-card p{font-size:14px}.panel-footer{align-items:flex-start}.panel-footer a{flex-shrink:0}.story-control{bottom:calc(var(--safe-bottom) - 52px)}#mobile-page{display:none}.no-webgl #mobile-page:not([hidden]){display:block;position:fixed;z-index:8;top:118px;left:9%;width:44%;bottom:var(--safe-bottom);overflow:auto}.no-webgl #mobile-page .spatial-panel{width:100%}.no-webgl #universe{display:none}.no-webgl #cinema-background{opacity:.3}
@media(max-width:1100px) and (min-width:801px){.hud-coordinate{display:none}.welcome{left:8%;top:18%}.welcome h1{font-size:3rem}.history-rail{left:8px}.history-rail button{padding:7px 5px}.panel-cards{grid-template-columns:1fr}.spatial-panel h2{font-size:28px}}
@media(max-width:800px){.header-actions,.header-actions a,.header-actions button{font-size:12px}.wordmark span{font-size:10px}.welcome{top:16%;left:22px;right:22px}.welcome h1{font-size:clamp(1.8rem,7.5vw,2.9rem);line-height:1.4;margin:14px 0}.welcome-body{font-size:14px}.welcome .eyebrow{font-size:10px}.welcome-actions{margin-top:18px}.welcome-actions>span{display:none}.outline-button{font-size:14px;padding:11px 14px}.guide-meta,#connection-label{font-size:11px}.guide-meta{gap:7px;margin-bottom:4px}#guide-response,#message{font-size:16px}#guide-response{max-height:54px;line-height:1.65}.suggestions{margin:10px 0;gap:7px}.suggestions button{font-size:14px;gap:12px;padding:7px 9px}.dock-note,.dock-note button{font-size:11px}.dock-note{gap:8px}.guide-sign{width:25px;height:30px}.guide-row{gap:10px}.conversation-dock{padding:12px 13px 10px;bottom:12px}.story-control{bottom:calc(var(--safe-bottom) - 52px)}.story-control>div,.story-control #page-counter{font-size:11px}.story-control>button{font-size:14px}.history-rail button{font-size:12px}.history-rail{top:87px}#mobile-page,.no-webgl #mobile-page:not([hidden]){display:block;position:fixed;left:21px;right:21px;top:122px;bottom:var(--safe-bottom);width:auto}#mobile-page .panel-top{font-size:11px}#mobile-page .panel-body{font-size:16px}#mobile-page .panel-card>span{font-size:12px}#mobile-page .panel-card h3{font-size:17px}#mobile-page .panel-card p{font-size:14px}#mobile-page .panel-footer{font-size:12px;flex-wrap:wrap}#mobile-page .panel-footer a{font-size:14px}dialog>p:not(.eyebrow){font-size:16px}.cinema-caption>span{font-size:12px}}
@media(max-height:720px){.welcome{top:15%}.welcome h1{font-size:clamp(1.8rem,4vw,3rem);margin:12px 0}.welcome-body{font-size:14px}.welcome .eyebrow{display:none}.welcome-actions{margin-top:14px}.welcome-actions>span{display:none}}
.no-webgl #mobile-page[hidden]{display:none!important}

 
#spatial-root{z-index:5}.header-actions{gap:18px}.header-actions .replay-tour{font-size:14px;color:#e5e5e5;border-bottom:1px solid #a7a7a777;padding:10px 3px}.outline-button{background:#e5e5e5;color:#202020;border:1px solid #f3f3f3;font-weight:600;box-shadow:0 0 35px #cacaca1a}.outline-button:hover{background:#f5f5f5}.cinema #film-toggle{position:absolute;top:32px;left:40px;z-index:3;border:1px solid #e7e7e770;border-radius:3px;padding:12px 20px;font-size:14px;backdrop-filter:blur(10px);background:#00000055}.film-state{position:absolute;z-index:3;left:50%;top:46%;transform:translate(-50%,-50%);max-width:560px;width:80%;padding:20px 24px;background:#111111dd;border:1px solid #bfbfbf50;font-size:16px;line-height:1.8;text-align:center;border-radius:6px}.cinema video{object-fit:contain}.cinema{background:radial-gradient(ellipse,#292929,#080808 70%)}
@media(max-width:1100px){.header-actions{gap:14px}.header-actions a{padding:9px 12px}.header-actions .replay-tour{font-size:13px}}
@media(max-width:800px){.header-actions{gap:9px}.header-actions .replay-tour{font-size:12px}.header-actions a{display:none}.cinema #film-toggle{top:25px;left:23px;padding:10px 14px;font-size:12px}.cinema-caption{bottom:12%}.cinema-caption p{font-size:1.2rem}}

 
:root{--bg:#030303;--text:#f3f3f3;--cyan:#e0e0e0;--border:#c5c5c536;background:#030303}body{background:#030303}.vignette{background:linear-gradient(90deg,#030303c0,transparent 68%),linear-gradient(0deg,#030303d9,transparent 36%,transparent 80%,#030303a0)}.hud-coordinate{display:none}.header-actions{margin-left:auto}.wordmark span{font-size:10px;color:#a9a9a9;letter-spacing:.05em}.conversation-dock{background:linear-gradient(120deg,#1c1c1ced,#0b0b0bf5);border-color:#bbbbbb4a}.spatial-panel{background:linear-gradient(120deg,#1c1c1ce8,#090909e8);border-color:#bbbbbb4d;box-shadow:0 20px 70px #00000099,inset 0 1px 0 #f4f4f41c}.panel-details{margin-top:22px;border-top:1px solid #d2d2d22b;padding-top:15px}.panel-details summary{cursor:pointer;font-size:14px;color:#e2e2e2;padding:7px 0}.panel-details[open] summary{color:#ffffff}.panel-details .panel-cards{margin-top:12px}.panel-image{height:125px}.panel-footer{flex-wrap:wrap;gap:9px;font-size:11px}.panel-footer a{font-size:14px}.panel-body{color:#c9c9c9}.panel-top{color:#cccccc}.panel-top span:last-child{font-size:10px}.spatial-panel h2{font-size:clamp(28px,2.45vw,40px);text-wrap:balance;line-height:1.5}.welcome h1{font-size:clamp(40px,4.2vw,72px)}.welcome-body{color:#c6c6c6}.welcome-actions>span{font-size:12px}.outline-button{background:#f0f0f0;color:#1d1d1d;border-color:#ffffff}.hud-header{z-index:35}.story-control{z-index:32}.story-control #next-page,.story-control #journey-contact{background:#f3f3f3;color:#1a1a1a;border:1px solid #ffffff;border-radius:4px;padding:14px 20px;font-size:14px;font-weight:600}.story-control #journey-contact{display:inline-flex}.story-control>button{background:#0c0c0cd9}.history-rail{display:none}#toggle-chat{display:none;white-space:nowrap;border:1px solid #b5b5b545;border-radius:4px;padding:11px 14px;font-size:13px;color:#e1e1e1}.has-story #toggle-chat{display:block}.has-story:not(.chat-open) .conversation-dock #suggestions,.has-story:not(.chat-open) .conversation-dock #conversation-form,.has-story:not(.chat-open) .conversation-dock .dock-note{display:none}.has-story:not(.chat-open) #guide-response{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;max-height:26px}.has-story:not(.chat-open) .conversation-dock{padding:15px 20px}.has-story:not(.chat-open) .guide-meta{margin-bottom:4px}.has-story:not(.chat-open) #connection-label{display:none}.has-story .welcome{pointer-events:none}.conversation-dock:focus-within{border-color:#cbcbcb69}#guide-response{line-height:1.7}.suggestions{flex-wrap:wrap;overflow:visible}.suggestions button{font-size:13px;padding:9px 12px}.suggestions button:hover{background:#e7e7e716;border-color:#e7e7e755}#conversation-form{background:#050505b0;border-color:#b6b6b643}#message::placeholder{color:#afafaf}.cinema{background:#000000;transition:opacity .95s ease,transform 1.6s ease}.cinema video{object-fit:cover}.cinema.leaving{opacity:0;transform:scale(1.045);pointer-events:none}.cinema-caption>span{font-size:14px;color:#f2f2f2;letter-spacing:.08em}.cinema-caption p{line-height:1.6;max-width:850px;font-size:clamp(25px,3vw,44px)}.cinema #skip-film{background:#f0f0f0;color:#1f1f1f;border-color:#ffffff;top:auto;bottom:5%;right:7%}.cinema-caption{bottom:18%}.entering-world .welcome{animation:restoreReveal 1.3s .45s both}.entering-world .conversation-dock{animation:restoreReveal 1.3s .8s both}@keyframes restoreReveal{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}dialog{background:#101010;border-color:#c5c5c544}
@media(max-width:1100px) and (min-width:801px){.welcome{top:20%;left:8%}.welcome h1{font-size:45px}.welcome-actions>span{display:none}.conversation-dock{width:calc(100% - 80px)}.spatial-panel{padding:24px}.panel-top span:last-child{display:none}.story-control{left:9%}.object-tag{display:none}.hud-header{padding:27px 35px;gap:18px}.header-actions{gap:15px}}
@media(max-width:800px){.welcome{top:18%;left:24px}.welcome h1{font-size:clamp(34px,8vw,48px);line-height:1.4}.welcome-body{font-size:14px;max-width:330px}.welcome-actions{display:none}.hud-header{padding:22px}.header-actions{gap:12px}.wordmark span{font-size:9px}.conversation-dock{width:calc(100% - 26px);bottom:13px;padding:13px}.suggestions{gap:7px}.suggestions button{font-size:12px;padding:8px 10px}.guide-row{gap:8px}.guide-meta{font-size:10px}#guide-response{font-size:14px}#message{font-size:16px}#toggle-chat{font-size:12px;padding:9px 10px}.has-story:not(.chat-open) .conversation-dock{padding:12px}.has-story:not(.chat-open) .guide-copy{min-width:0}.has-story:not(.chat-open) #guide-response{display:none}.has-story:not(.chat-open) .guide-sign{display:none}.has-story:not(.chat-open) .guide-meta{font-size:11px}.has-story:not(.chat-open) #reset-story{display:none}.story-control{left:22px;right:22px;gap:12px}.story-control #next-page,.story-control #journey-contact{font-size:13px;padding:12px 15px}.story-control>button{font-size:14px}#mobile-page .spatial-panel{background:linear-gradient(120deg,#1c1c1ce8,#090909ed);padding:22px}#mobile-page h2{font-size:29px}#mobile-page{top:110px}#mobile-page .panel-body{font-size:15px}#mobile-page .panel-footer{font-size:11px}.cinema video{object-fit:contain}.cinema-caption{bottom:21%;left:24px;right:24px}.cinema-caption p{font-size:25px}.cinema #skip-film{left:24px;right:24px;bottom:7%;text-align:center}.film-state{font-size:14px}.dock-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cinema{transition:none}.entering-world .welcome,.entering-world .conversation-dock{animation:none}}

 
.view-details{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;margin-top:23px;border:1px solid #ababab;background:#ffffff0c;border-radius:4px;color:#fff;font-size:14px;cursor:pointer;text-align:left}.view-details:hover{background:#eee;color:#111}.view-details:focus-visible{outline:3px solid #fff;outline-offset:4px}#detail-dialog{background:#101010;color:#f2f2f2;border:1px solid #666;max-height:85svh;padding:40px}#close-details{position:absolute;right:14px;top:10px;font-size:30px;padding:6px 12px}#detail-dialog h2{white-space:pre-line;font-size:29px;line-height:1.5}.detail-card{border-top:1px solid #444;padding:22px 0}.detail-card>span{color:#aaa;font-size:12px}.detail-card h3{font-size:20px;line-height:1.6;margin:10px 0}.detail-card p{font-size:16px;line-height:1.9;color:#c9c9c9}#detail-service{display:block;background:#eee;color:#111;padding:16px;border-radius:4px;font-size:16px;text-align:center;margin-top:20px}#workflow-explainer{position:fixed;z-index:8;right:5%;width:40%;bottom:calc(var(--safe-bottom) + 10px);padding:18px 20px;background:#070707e8;border:1px solid #ffffff30;border-radius:5px;backdrop-filter:blur(14px)}#workflow-number{color:#aaa;font-size:12px;margin-bottom:9px}#workflow-step{font-size:21px;font-weight:500;line-height:1.55;letter-spacing:-.02em}#workflow-help{font-size:13px;color:#b9b9b9;line-height:1.7;margin-top:9px}#workflow-explainer>div{display:flex;gap:12px;margin-top:13px}#workflow-explainer button{font-size:13px;padding:11px 13px;border:1px solid #aaa;border-radius:3px}#confirm-workflow{background:#efefef;color:#111}#workflow-explainer small{display:block;color:#999;font-size:10px;margin-top:13px}.cinema video{object-fit:contain}.has-workflow .object-tag{display:none}.has-workflow .panel-image{display:none}
@media(max-width:800px){#detail-dialog{padding:32px 24px}#detail-dialog h2{font-size:25px}.has-workflow #mobile-page{max-height:205px;bottom:auto}.has-workflow #mobile-page h2{font-size:23px;margin-bottom:10px}.has-workflow #mobile-page .panel-body{font-size:14px;line-height:1.7}.has-workflow #mobile-page .panel-top,.has-workflow #mobile-page .panel-footer{display:none}.has-workflow #mobile-page .view-details{margin-top:12px;padding:10px;font-size:13px}.has-workflow #mobile-page .spatial-panel{padding:17px}#workflow-explainer{left:22px;right:22px;width:auto;bottom:calc(var(--safe-bottom) + 5px);padding:13px 16px}#workflow-number{font-size:10px;margin-bottom:5px}#workflow-step{font-size:17px}#workflow-help{font-size:12px;margin-top:5px}#workflow-explainer small{font-size:9px;margin-top:8px}#workflow-explainer>div{margin-top:9px}#workflow-explainer button{padding:8px 11px;font-size:12px}}

#cinema-sound{position:absolute;right:40px;top:32px;z-index:3;border:1px solid #bbbbbb80;background:#08080890;color:#fff;padding:12px 17px;font-size:14px;border-radius:3px;backdrop-filter:blur(10px)}.header-actions #bgm{font-size:12px;white-space:nowrap}.header-actions #sound{white-space:nowrap}@media(max-width:800px){#cinema-sound{top:25px;right:23px;padding:10px 12px;font-size:12px}.header-actions{gap:10px}.header-actions #sound{font-size:11px}.header-actions .sound-bars{display:none}.header-actions #bgm{font-size:11px}.wordmark span{display:none}}

.consultation-intro{display:none}.consultation-mode:not(.has-story) #welcome{display:none}.consultation-mode:not(.has-story) .conversation-dock{width:49%;left:7%;bottom:auto;top:19%;transform:none;padding:30px;max-height:73svh;overflow:auto}.consultation-mode:not(.has-story) .consultation-intro{display:block;margin-bottom:26px}.consultation-intro>p{font-size:11px;color:#aaa;margin-bottom:18px;line-height:1.8}.consultation-intro h2{font-size:34px;line-height:1.45;font-weight:500;letter-spacing:-.035em}.consultation-mode:not(.has-story) .suggestions{display:grid;grid-template-columns:1fr;margin:23px 0}.consultation-mode:not(.has-story) .suggestions button{padding:13px 15px;white-space:normal;text-align:left;font-size:14px}.consultation-mode:not(.has-story) .guide-sign{display:none}.consultation-mode:not(.has-story) .dock-note{flex-wrap:wrap}.consultation-mode:not(.has-story) #message{font-size:15px;padding-left:6px}.consultation-mode:not(.has-story) #connection-label{display:none}.sound-permission{position:absolute;z-index:3;top:85px;right:40px;font-size:11px;color:#bbb}.welcome-actions>a{display:inline-flex;text-decoration:none}.welcome-actions>a:focus-visible{outline:3px solid white;outline-offset:5px}@media(max-width:800px){.consultation-mode:not(.has-story) .conversation-dock{left:18px;right:18px;top:17%;width:auto;bottom:auto;max-height:79svh;padding:24px;transform:none}.consultation-intro h2{font-size:30px}.consultation-mode:not(.has-story) .consultation-intro{margin-bottom:20px}.consultation-mode:not(.has-story) .suggestions{margin:18px 0;gap:8px}.consultation-mode:not(.has-story) .suggestions button{padding:12px}.sound-permission{top:75px;left:24px;right:24px;font-size:10px;text-align:right}.welcome-actions{display:block;margin-top:20px}.welcome-actions>a{font-size:13px;padding:12px 15px}.welcome-actions>span{display:none}}

.product-offer{margin-top:16px;padding-top:16px;border-top:1px solid #ffffff20}.product-offer>span{font-size:10px;color:#bcbcbc}.product-offer h3{font-size:18px;margin:7px 0}.product-offer>p{font-size:13px;line-height:1.7;color:#d2d2d2}.product-offer .offer-price{font-size:13px;margin:8px 0}.offer-link{display:inline-block;background:#eee;color:#111!important;text-decoration:none;padding:12px 16px;margin:5px 0 9px;border-radius:3px;font-size:12px;font-weight:600}.product-offer small{display:block;font-size:10px;line-height:1.65;color:#aaa}.spatial-panel:has(.product-offer)>.panel-footer{display:none}.spatial-panel:has(.product-offer){max-height:560px}.header-actions .catalog-nav{background:transparent;border-color:#ffffff22}@media(max-width:800px){.header-actions{gap:5px}.header-actions>a{padding:7px!important;font-size:10px!important}.header-actions .replay-tour{display:none}.wordmark span{display:none}.product-offer{margin-top:10px;padding-top:10px}.product-offer>p{font-size:12px}.product-offer small{font-size:9px}.product-offer h3{font-size:16px}}

#recording-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#aaa;margin-top:10px;line-height:1.6}#recording-notice button{color:#bbb;font:inherit;background:none;border:0;white-space:nowrap;text-decoration:underline;cursor:pointer}.has-story:not(.chat-open) #recording-notice{display:none}@media(max-width:800px){#recording-notice{font-size:9px;align-items:flex-start}#recording-description{max-width:75%}}

@media(max-width:800px){.header-actions>a.catalog-nav{display:inline-flex;font-size:10px!important;padding:6px!important}.header-actions{gap:5px}.hud-header{padding-left:18px;padding-right:18px}.wordmark{font-size:16px}.header-actions #bgm,.header-actions #sound{font-size:10px}}

 
.followup{position:fixed;z-index:33;left:7%;right:7%;bottom:calc(var(--safe-bottom) - 5px);display:flex;align-items:center;gap:16px;padding:12px 16px;background:#080808f5;border:1px solid #ffffff30;border-radius:5px}.followup[hidden]{display:none}.followup p{font-size:13px;line-height:1.7;flex:1;max-width:70ch}.followup button,.followup a{font-size:12px;white-space:nowrap;padding:10px 12px;border:1px solid #888;border-radius:3px}.chat-open .followup{display:none}@media(max-width:800px){.followup{left:18px;right:18px;gap:8px;flex-wrap:wrap;padding:10px 12px}.followup p{font-size:12px;flex-basis:100%;max-height:70px;overflow:auto}.followup button,.followup a{font-size:12px;padding:9px}.has-story:not(.chat-open) .guide-copy{display:none}.product-offer small{font-size:12px}.product-offer>p{font-size:14px}}

 
.cinema{transition:opacity .25s ease,transform .25s ease}.entering-world .welcome,.entering-world .conversation-dock{animation-duration:.25s}

.with-bubble{position:fixed;z-index:32;box-sizing:border-box;width:max-content;max-width:220px;padding:12px 30px 12px 15px;border:1px solid #e8d5a266;border-radius:18px 18px 18px 5px;background:#faf4e7;color:#29251d;font-size:14px;line-height:1.65;box-shadow:0 6px 24px #0005;pointer-events:none}
.with-bubble[hidden]{display:none}.with-bubble button{position:absolute;right:5px;top:3px;width:26px;height:28px;border:0;background:transparent;color:#625840;font-size:19px;cursor:pointer;pointer-events:auto}
@media(max-width:800px){.with-bubble{max-width:104px;font-size:12px;padding:10px 18px 10px 10px}.with-bubble button{right:0;top:0;width:20px;height:22px;font-size:16px}}

.with-bubble::before{content:'';position:absolute;width:14px;height:14px;background:#faf4e7;transform:rotate(45deg)}
.with-bubble[data-tail=left]::before{left:-7px;top:28px;border-left:1px solid #e8d5a266;border-bottom:1px solid #e8d5a266}
.with-bubble[data-tail=up]::before{top:-7px;left:calc(50% - 7px);border-left:1px solid #e8d5a266;border-top:1px solid #e8d5a266}
.with-bubble.story-bubble{max-width:220px;border-radius:18px}
@media(max-width:800px),(max-height:740px){.with-bubble.story-bubble{width:max-content;max-width:calc(100vw - 52px);padding:9px 28px 9px 14px;font-size:12px;line-height:1.5}.with-bubble.story-bubble span{display:block;max-height:36px;overflow:hidden}}