@font-face{font-family:Display;src:url('assets/display.ttf')}@font-face{font-family:Body;src:url('assets/body.ttf')}
:root{--paper:#f2efdf;--ink:#203a33;--orange:#c65d3f;--lime:#d6ed83;--muted:#747d6d;--line:#d7d8c4;--sea:#397d7f;--font:Body,Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);height:100dvh;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:progress;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{border:0}button:hover{filter:brightness(.95)}button:active{transform:translateY(1px)}[hidden]{display:none!important}
.header{height:82px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:bold;letter-spacing:-1.2px}.brand-light{font-weight:400}.brand sup{font-size:10px;margin:0 0 0 4px;vertical-align:top;line-height:23px}.header nav{display:flex;gap:32px;align-items:center}.nav-link{background:none;font-size:12px}.nav-link span{margin-left:10px}.login-button{background:var(--ink);color:var(--paper);padding:15px 22px;font-size:12px;display:flex;gap:30px;align-items:center}.login-button span{font-size:20px;line-height:12px}
.layout{display:grid;grid-template-columns:minmax(365px,34%) 1fr;height:calc(100dvh - 129px)}.hero{padding:27px 34px 22px 40px;display:flex;flex-direction:column;position:relative}.edition{display:flex;align-items:center;font-size:8px;letter-spacing:1.3px;white-space:nowrap;gap:8px}.tiny-cross{font-size:16px}.edition-number{margin-left:auto;color:var(--muted);font-size:8px}.hero-copy{margin:auto 0;padding:25px 0}.eyebrow{font-size:9px;letter-spacing:1.4px;line-height:1.6;margin:0 0 19px}h1{font-family:Display,sans-serif;font-size:clamp(85px,8.6vw,145px);line-height:.82;font-weight:900;letter-spacing:-.8px;margin:0 0 27px;position:relative}h1>span:not(.title-dot){color:var(--orange)}.title-dot{position:absolute;top:1px;left:172px;font-family:var(--font);font-size:17px;line-height:1}h1 span.title-dot{color:var(--ink)}.intro{display:flex;gap:16px;align-items:center}.intro p{font-size:17px;line-height:1.45;margin:0}.rule{width:3px;height:44px;background:var(--orange)}.description{font-size:12px;line-height:1.65;max-width:310px;color:#70796b;margin:18px 0 23px}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);padding:16px 20px;font-size:13px;min-height:52px}.primary .arrow{font-size:24px;line-height:15px;color:var(--lime)}.watch{width:100%;display:flex;align-items:center;gap:10px;padding:16px 0;background:none;font-size:11px;border-bottom:1px solid var(--line)}.play-icon{font-size:9px}.watch-time{font-size:7px;color:var(--muted);letter-spacing:.5px;margin-left:auto}.art-ticket{display:flex;align-items:center;gap:14px;padding:13px 0 0;border-top:1px solid var(--line);background:none;text-align:left}.art-ticket img{width:79px;height:59px;object-fit:cover;filter:saturate(.85)}.art-ticket small{font-size:6.5px;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:7px}.art-ticket strong{font-size:11px;line-height:1.45;font-weight:400}.ticket-arrow{margin-left:auto;font-size:22px}
.world{position:relative;background:var(--sea);overflow:hidden;min-width:0}#canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.scene-top{position:absolute;top:28px;left:29px;right:29px;display:flex;align-items:center;font-size:8px;letter-spacing:1.25px;gap:8px;color:var(--paper);pointer-events:none}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #d6ed8319;flex-shrink:0}.scene-version{margin-left:auto;opacity:.65;font-size:7px}.scene-label{position:absolute;bottom:33px;left:30px;display:flex;gap:18px;align-items:center;color:var(--paper);pointer-events:none}.scene-label small{font-size:7px;letter-spacing:1.4px}.scene-label strong{display:block;font-family:Display;font-size:27px;letter-spacing:.4px;margin:3px 0}.scene-label p{font-size:8px;letter-spacing:1px;margin:5px 0 0;opacity:.7}.compass{width:39px;height:57px;font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #efeedc55;padding-right:15px}.compass span{font-size:29px;line-height:36px}.world-stamp{position:absolute;bottom:37px;right:31px;color:var(--paper);font-family:Display;font-size:34px;line-height:.8;transform:rotate(-8deg);border:1px solid #efeedc80;border-radius:50%;width:98px;height:98px;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.world-stamp span{font:7px/1.4 var(--font);text-align:center;margin-top:5px;letter-spacing:1px}
.loading{position:absolute;inset:0;z-index:4;transition:opacity .7s;background:var(--sea)}.loading>img{width:100%;height:100%;object-fit:cover;object-position:57% center}.loading-shade{position:absolute;inset:0;background:linear-gradient(0deg,#122f2ce6,transparent 100%)}.load-copy{position:absolute;left:8%;right:8%;bottom:10%;color:var(--paper)}.load-copy small{font-size:9px;letter-spacing:2px}.load-copy strong{font:64px/.95 Display;display:block;margin:22px 0 30px}.progress-track{height:3px;background:#f2efdf40;width:100%;max-width:360px}.progress-track div{height:100%;width:0;background:var(--lime);transition:width .3s}.load-copy p{font-size:10px;letter-spacing:1px}.loading.loaded{opacity:0;pointer-events:none}
.footer{height:47px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1px;border-top:1px solid var(--line);gap:14px}.footer i{width:5px;height:5px;background:var(--orange);display:inline-block;border-radius:50%;margin-right:7px}.footer-center{color:var(--muted)}.footer-star{font-size:21px;vertical-align:middle;margin-left:23px}
body.playing .layout{display:block}body.playing .hero,body.playing .scene-top,body.playing .scene-label,body.playing .world-stamp{display:none}body.playing .world{height:100%}.hud{position:absolute;inset:0;pointer-events:none;color:var(--paper)}.hud-top{display:flex;justify-content:space-between;position:absolute;top:28px;left:28px;right:28px;align-items:start}.mission{display:flex;gap:11px;align-items:flex-start;padding:15px 19px;background:#203a33e6;border-left:3px solid var(--lime)}.mission .live-dot{margin-top:4px}.mission small,.score small{font-size:8px;letter-spacing:1.5px;display:block}.mission strong{display:block;font-size:15px;font-weight:400;margin:6px 0}.mission div>span{display:block;font-size:7px;letter-spacing:.8px;color:var(--lime)}.score{text-align:right;text-shadow:0 2px 0 #294c3b}.score strong{font-family:Display;font-size:55px;line-height:1.2;display:block;font-variant-numeric:tabular-nums}.score span{font-size:8px;color:var(--lime);letter-spacing:1px}.toast{position:absolute;top:23%;left:50%;transform:translate(-50%,15px);font-family:Display;font-size:32px;letter-spacing:1px;background:var(--lime);color:var(--ink);padding:10px 25px;opacity:0;transition:opacity .15s,transform .15s;text-align:center;max-width:90%;width:max-content}.toast.show{opacity:1;transform:translate(-50%,0) rotate(-2deg)}.map{position:absolute;bottom:27px;left:28px;width:168px;background:var(--paper);color:var(--ink);padding:8px 10px 11px;box-shadow:4px 4px 0 #203a3340}.map canvas{width:148px;height:127px;display:block}.map span{font-size:10px;display:block;letter-spacing:.8px}.map small{font-size:5px;color:var(--muted)}.speed{position:absolute;bottom:26px;right:29px;width:131px;text-align:right;text-shadow:1px 2px 0 #203a3366}.speed strong{font:79px/.95 Display;font-variant-numeric:tabular-nums}.speed>div:first-child{display:flex;justify-content:flex-end;gap:8px;align-items:end}.speed span{font-size:9px;margin-bottom:7px}.boost-bar{height:5px;background:#203a3370;margin:10px 0 8px}.boost-bar i{display:block;width:100%;height:100%;background:var(--lime);transition:width .1s}.speed small{font-size:8px;letter-spacing:1px}.drive-tools{display:flex;gap:6px;position:absolute;bottom:152px;right:28px;pointer-events:auto}.drive-tools button{width:34px;height:34px;background:var(--paper);font-size:18px;display:flex;align-items:center;justify-content:center}.control-hint{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;letter-spacing:1px;text-shadow:0 1px 2px #203a33}.control-hint span{margin:0 9px;color:var(--lime)}kbd{font:9px var(--font);border:1px solid currentColor;padding:4px 6px;margin-right:5px}
.dialog{border:0;padding:40px;background:var(--paper);color:var(--ink);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:12px 12px 0 #122b2a55}.dialog::backdrop{background:#193e37aa;backdrop-filter:blur(6px)}.close{position:absolute;right:15px;top:13px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:27px;background:var(--paper);z-index:2}.dialog h2{font:68px/.9 Display;margin:20px 0}.dialog h2 em{font-style:normal;color:var(--orange)}.dialog p{font-size:12px;line-height:1.7;max-width:430px}.dialog p.eyebrow{font-size:8px}.help-dialog{width:560px}.key-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.key-grid span{font-size:10px}.key-grid kbd{display:block;width:max-content;margin-bottom:10px;background:#e5e6d3;border-color:#ced2bc}.dialog .help-note{color:var(--muted);font-size:10px}.pause-dialog{width:410px}.secondary{width:100%;background:transparent;border:1px solid var(--line);padding:17px;margin-top:12px;font-size:12px}.login-dialog{padding:0;width:870px}.login-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.login-art{position:relative;min-height:570px;overflow:hidden}.login-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center}.login-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#193a34f2,transparent 95%)}.login-art>div{position:absolute;z-index:1;bottom:34px;left:30px;right:20px;color:var(--paper)}.login-art small{font-size:8px;letter-spacing:1px}.login-art p{font-size:10px}.login-content{padding:46px 32px 30px}.login-content h2{font-size:63px}.login-content>p{color:var(--muted)}.demo-notice{font-size:7px;letter-spacing:1px;display:flex;align-items:center;gap:8px;border-block:1px solid var(--line);padding:13px 0;margin:23px 0}.demo-notice .live-dot{background:var(--orange)}label{font-size:10px;display:block;margin-bottom:21px}input{width:100%;font:13px var(--font);padding:14px 12px;margin-top:8px;border:1px solid #c4cab7;background:#ffffff66;border-radius:0;color:var(--ink)}.login-content .privacy-note{font-size:9px;line-height:1.65;margin-top:17px}.text-button{font-size:10px;background:none;padding:15px 0;margin-top:10px}.art-dialog{padding:0;width:1000px}.art-dialog img{width:100%;display:block}.art-dialog>div{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;font-family:Display;font-size:27px}.art-dialog small{font:7px var(--font);letter-spacing:1px}.touch-controls{position:absolute;inset:auto 16px 17px;justify-content:space-between;pointer-events:none;z-index:2}.touch-controls>div{display:flex;gap:6px;align-items:end}.touch-controls button{width:47px;height:47px;background:#f2efdfdd;pointer-events:auto;font-size:20px;touch-action:none;user-select:none}.touch-controls button[data-input="brake"]{font-size:10px;width:48px}.touch-controls .touch-boost{background:var(--lime)}.touch-controls button.active{background:var(--orange);color:var(--paper)}
@media(min-width:1650px){.hero{padding-left:60px;padding-right:48px}.description{font-size:15px;max-width:380px}.intro p{font-size:21px}.primary{padding:21px;font-size:15px}.art-ticket img{width:110px;height:75px}.art-ticket strong{font-size:14px}.hero-copy{padding:40px 0}.edition{font-size:10px}.eyebrow{font-size:10px}}
@media(max-height:800px) and (min-width:901px){.header{height:68px}.layout{height:calc(100dvh - 107px)}.footer{height:39px}.hero{padding-top:18px;padding-bottom:16px}.hero-copy{padding:16px 0}.eyebrow{margin-bottom:14px}h1{font-size:clamp(80px,7.3vw,112px);margin-bottom:20px}.description{margin:13px 0 17px}.watch{padding:12px 0}.art-ticket img{height:48px;width:67px}.art-ticket strong{font-size:10px}.intro p{font-size:15px}}
@media(max-width:1100px){.header{padding:0 25px}.header nav{gap:22px}.layout{grid-template-columns:340px 1fr}.hero{padding-left:25px;padding-right:25px}.edition{font-size:7px;letter-spacing:.6px}.eyebrow{font-size:8px}.footer{padding:0 25px}.footer-center{display:none}.watch-time{font-size:6px}.world-stamp{display:none}.title-dot{left:130px}}
@media(max-width:900px){body{height:auto;min-height:100dvh;overflow:auto}.header{height:68px;padding:0 20px}.brand{font-size:21px}.brand svg{width:25px}.header nav{gap:10px}.nav-link{display:none}.login-button{padding:12px 13px;font-size:10px;gap:14px}.layout{display:flex;flex-direction:column;height:auto}.hero{padding:24px 24px 27px}.hero-copy{padding:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.eyebrow{grid-column:1/-1}h1{grid-row:2/5;font-size:112px;margin:0}.intro{margin-bottom:10px}.intro p{font-size:15px}.description{margin:0 0 18px;max-width:280px}.primary{font-size:12px;min-height:48px;padding:14px 16px}.watch{grid-column:2;font-size:10px}.watch-time{display:none}.art-ticket{display:none}.edition-number{font-size:8px}.world{height:58vh;min-height:390px}.footer{padding:0 20px;height:49px;font-size:6px}.footer>span:last-child{display:none}.scene-top{top:20px;left:20px;right:20px}.scene-label{bottom:22px;left:22px}.scene-label strong{font-size:24px}.scene-label small{font-size:6px}.header .brand sup{font-size:8px}.title-dot{left:148px}body.playing{height:100dvh;overflow:hidden}body.playing .layout{height:calc(100dvh - 68px)}body.playing .footer{display:none}body.playing .world{height:100%;min-height:0}.control-hint{display:none}.hud-top{top:15px;left:15px;right:15px}.mission{padding:11px 12px;gap:8px}.mission strong{font-size:12px}.mission small,.score small{font-size:6px}.mission div>span{font-size:6px}.score strong{font-size:40px}.map{width:115px;left:16px;bottom:81px;padding:5px 7px}.map canvas{width:101px;height:85px}.map span{font-size:7px}.map small{display:none}.speed{bottom:81px;right:17px;width:100px}.speed strong{font-size:58px}.drive-tools{right:16px;bottom:182px;gap:4px}.drive-tools button{height:29px;width:29px;font-size:16px}.touch-controls:not([hidden]){display:flex}.toast{font-size:25px;top:28%;padding:10px 16px}.login-dialog[open]{grid-template-columns:1fr}.login-art{display:none}.login-dialog{max-width:430px;width:calc(100vw - 32px)}.login-content{padding:40px 29px 25px}.login-content h2{font-size:57px}.dialog{padding:28px}.login-dialog,.art-dialog{padding:0}.art-dialog>div{display:block}.art-dialog small{display:block;margin-top:8px}}
@media(max-width:480px){.hero-copy{display:block;position:relative;padding-top:24px}.eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:16px}h1{font-size:104px;line-height:.82;margin:0 0 20px}.intro{position:absolute;left:54%;top:54px;max-width:145px;gap:10px}.intro p{font-size:13px}.description{position:absolute;left:54%;top:117px;font-size:10px;max-width:145px}.hero .primary{width:100%;margin-top:8px}.watch{padding-bottom:0;border:none;font-size:11px}.watch-time{display:inline;font-size:6px}.world{height:480px;min-height:0}.title-dot{left:140px}.header{padding:0 16px}.brand{font-size:19px;gap:8px}.brand svg{width:23px}.login-button{font-size:9px;padding:11px 12px;gap:10px}.brand sup{display:none}.scene-top{font-size:6px;letter-spacing:.8px}.scene-version{font-size:6px}.key-grid{gap:20px 10px}.key-grid kbd{font-size:8px}.help-dialog h2{font-size:60px}.mission strong{font-size:11px}.score strong{font-size:35px}.score small{font-size:5px}.score span{font-size:6px}.art-dialog>div{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}