@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";
:root{color:#e5e8de;font-synthesis:none;--muted:#a5b4b2;--accent:#dfa87b;background:#111e22;font-family:Manrope,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}a{color:inherit;text-decoration:none}#app,#world{position:fixed;inset:0}#world canvas{touch-action:none;display:block}.vignette,.grain{pointer-events:none;position:absolute;inset:0}.grain{opacity:.038;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23noise)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.topbar{z-index:5;justify-content:space-between;align-items:center;height:116px;padding:36px 4.6%;display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:13px;display:flex}.brand svg{width:27px;height:33px}.brand>span{letter-spacing:6px;font-family:Georgia,Times New Roman,serif;font-size:22px}.brand small{letter-spacing:2px;margin-top:5px;font-family:Manrope,sans-serif;font-size:7px;display:block}.topbar nav{align-items:center;gap:29px;display:flex}.edition{letter-spacing:3px;opacity:.65;margin-right:14px;font-size:11px}.icon-btn{color:#ccd4cd;background:0 0;align-items:center;gap:8px;font-size:11px;display:flex}.icon-btn:hover{color:#fff}.circle-icon{border:1px solid #a2b1a780;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.landing{z-index:2;position:absolute;top:23%;left:8.3%}.chapter{letter-spacing:2.3px;color:#b5c3bb;align-items:center;gap:12px;font-size:9px;display:flex}.chapter>span{background:var(--accent);width:25px;height:1px}.chapter b{opacity:.5;margin-left:13px;font-size:8px;font-weight:400}h1{letter-spacing:10px;text-shadow:0 4px 40px #16333866;margin:21px 0 9px;font-family:Georgia,Times New Roman,serif;font-size:clamp(80px,9vw,142px);font-weight:400;line-height:1.24}h1 span{margin-left:9px}.english-title{letter-spacing:9px;color:#d2d9cc;margin:0 0 29px 8px;font-size:13px}.title-rule{background:#bdcbbb7d;width:42px;height:1px}.intro{letter-spacing:3px;color:#e2e5d9;margin:24px 0 17px;font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1.9}.description{letter-spacing:1px;color:#a8b8b3;margin:0 0 29px;font-size:11px;line-height:2.1}.start-btn{color:#17292c;letter-spacing:3px;background:#dca679;justify-content:space-between;align-items:center;gap:34px;min-width:231px;padding:20px 24px;font-size:13px;transition:background .25s,transform .25s;display:flex}.start-btn:hover{background:#f0bd91;transform:translateY(-2px)}.button-line{background:#49605d88;width:40px;height:1px;margin-left:13px}.arrow{font-size:23px;line-height:16px}.start-note{letter-spacing:1.3px;color:#97aaa5;align-items:center;gap:8px;margin-top:17px;font-size:9px;display:flex}.status-dot{background:#afc4ad;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 10px #afc4ad60}.scene-label{color:#bdc8c0;flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;top:29%;bottom:18%;right:4.7%}.coordinate{letter-spacing:2px;opacity:.65;font-size:9px}.vertical-label{writing-mode:vertical-rl;letter-spacing:6px;opacity:.8;font-family:Georgia,Times New Roman,serif;font-size:13px;position:relative}.vertical-label:before{content:"";background:#cbd6cb66;width:1px;height:44px;position:absolute;top:-65px;right:7px}.depth-label{letter-spacing:2px;font-size:8px}.depth-label b{letter-spacing:1px;margin:0 8px;font-size:21px;font-weight:400}#landing-footer{letter-spacing:1.5px;color:#a7b8af;border-top:1px solid #bccbbb22;justify-content:space-between;align-items:center;padding-top:23px;font-size:9px;display:flex;position:absolute;bottom:31px;left:4.6%;right:4.6%}.world-status{align-items:center;gap:10px;display:flex}.separator{opacity:.4;margin:0 9px}.scroll-hint{align-items:center;gap:10px;display:flex}.mouse-outline{border:1px solid #becabe66;border-radius:8px;width:13px;height:19px;position:relative}.mouse-outline:before{content:"";background:#becabe;width:1px;height:5px;position:absolute;top:3px;left:5px}.text-btn{letter-spacing:2px;color:#b6c4b9;background:0 0;padding:10px 0;font-size:10px}.text-btn span{margin-left:15px}.hidden{display:none!important}#loading{z-index:20;background:#102126;flex-direction:column;justify-content:center;align-items:center;transition:opacity .7s;display:flex;position:absolute;inset:0}#loading p{letter-spacing:5px;margin:30px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:17px}#loading small{letter-spacing:3px;opacity:.5;font-size:8px}.loader{border:1px solid #a3b3a833;border-top-color:var(--accent);border-radius:50%;width:35px;height:35px;animation:1.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#hud{pointer-events:none;position:absolute;inset:0}.mission-panel{width:285px;position:absolute;top:154px;left:4.6%}.eyebrow{letter-spacing:2.2px;color:var(--accent);font-size:9px}h2{letter-spacing:2px;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:400}.mission-panel h2{margin:16px 0 10px;font-size:21px}.mission-panel p{color:#b5c6c2;font-size:11px;line-height:1.8}.mission-count{align-items:center;gap:10px;margin-top:22px;display:flex}#count{font-size:31px;font-weight:400}.count-total{color:#80938f;font-size:14px}#progress-dots{gap:7px;margin-left:16px;display:flex}#progress-dots i{background:#718a815c;width:28px;height:2px}#progress-dots i.complete{background:var(--accent)}.compass{color:#aec0b5;letter-spacing:2px;align-items:center;gap:23px;font-size:9px;display:flex;position:absolute;top:54px;left:50%;transform:translate(-50%)}.compass i{background:#becbbb55;width:1px;height:7px}.reticle{opacity:.6;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle i{border:1px solid #d9e5d2;width:5px;height:5px;position:absolute}.reticle i:first-child{border-bottom:0;border-right:0;top:0;left:0}.reticle i:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.reticle i:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.reticle i:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.telemetry{gap:38px;display:flex;position:absolute;bottom:114px;left:4.6%}.telemetry small{letter-spacing:2px;color:#a5b8ad;margin-bottom:8px;font-size:9px;display:block}.telemetry b{font-size:28px;font-weight:400}.telemetry span{color:#a7b8af;font-size:8px}.flight-controls{color:#aabdb4;border-top:1px solid #b5c7b32b;align-items:center;gap:27px;padding-top:22px;font-size:9px;display:flex;position:absolute;bottom:32px;left:4.6%;right:4.6%}.flight-controls span{align-items:center;gap:9px;display:flex}kbd{letter-spacing:1px;color:#dde4d7;background:#122b304f;border:1px solid #b2c4b650;border-radius:2px;padding:4px 7px;font-family:Manrope,sans-serif;font-size:9px}.flight-controls button{pointer-events:auto;background:0 0;align-items:center;gap:10px;margin-left:auto;font-size:10px;display:flex}#radar{opacity:.85;width:150px;height:150px;position:absolute;bottom:93px;right:4%}#target-marker{color:#f0bd8b;text-shadow:0 2px 7px #06191b;letter-spacing:1px;flex-direction:column;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;transform:translate(-50%,-50%)}.target-diamond{border:1px solid #f0bd8b;width:16px;height:16px;transform:rotate(45deg);box-shadow:0 0 15px #e7ab7840}.touch-controls{display:none}#toast{border:1px solid #becdb52b;border-left:2px solid var(--accent);letter-spacing:1px;opacity:0;pointer-events:none;text-align:center;z-index:8;background:#132a2ee6;max-width:90vw;padding:15px 24px;font-size:12px;transition:opacity .3s,transform .3s;position:absolute;bottom:140px;left:50%;transform:translate(-50%)translateY(10px)}#toast.visible{opacity:1;transform:translate(-50%)translateY(0)}dialog{color:#dbe3d7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#102328f5;border:1px solid #99b3a347;width:calc(100% - 36px);max-width:550px;padding:47px;box-shadow:0 30px 150px #0007}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#06121699}dialog p{color:#aebfb4;letter-spacing:.6px;font-size:12px;line-height:2.2}dialog h2{margin:17px 0 20px;line-height:1.6}.close-dialog{color:#a6b7ad;background:0 0;font-size:26px;font-weight:200;position:absolute;top:13px;right:18px}.keys-grid{color:#b8c9bc;grid-template-columns:1fr 1fr;gap:22px 14px;margin:30px 0;font-size:11px;display:grid}.keys-grid span{align-items:center;gap:10px;display:flex}.keys-grid kbd{text-align:center;min-width:69px}.muted{opacity:.65;font-size:10px!important}.secondary-btn{letter-spacing:2px;background:0 0;border:1px solid #98b19e66;margin-top:20px;padding:14px 22px;font-size:12px}.secondary-btn:hover{background:#b4c2b016}#pause-dialog .start-btn,#memory-dialog .start-btn{margin-top:30px}#pause-dialog>.text-btn{margin-top:18px;display:block}#reference-dialog{max-width:560px;max-height:90vh;overflow:auto}#reference-dialog img{object-fit:contain;background:#102126;width:100%;max-height:50vh}body.playing .edition{display:none}body.playing .topbar{pointer-events:none}body.playing nav,body.playing .brand{pointer-events:auto}@media (min-height:950px){.landing{top:25%}}@media (max-height:750px) and (min-width:701px){.landing{top:20%}h1{margin-top:13px;font-size:100px}.english-title{margin-bottom:18px}.intro{margin:16px 0 10px;font-size:17px}.description{margin-bottom:19px}.start-btn{padding:17px 24px}.scene-label{bottom:20%}}@media (max-width:700px){.topbar{height:88px;padding:24px}.brand>span{font-size:19px}.brand svg{width:23px}.edition,#sound-label,.coordinate,.scene-label,.scroll-hint{display:none}.topbar nav{gap:17px}.landing{top:22%;left:8%}.chapter{letter-spacing:1.6px;font-size:7px}h1{margin-top:22px;font-size:100px}.english-title{letter-spacing:7px;font-size:10px}.intro{font-size:18px}.description{font-size:10px}.start-note{letter-spacing:.7px;font-size:8px}#landing-footer{font-size:8px;bottom:18px;left:24px;right:24px}.world-status{gap:7px}.separator{margin:0 3px}.vignette{background:linear-gradient(90deg,#0b202bc7,#0b202b22),linear-gradient(#0000 70%,#081820aa)}.mission-panel{top:115px;left:24px}.mission-panel h2{font-size:18px}.mission-panel p{font-size:10px}.mission-count{margin-top:13px}.compass{gap:13px;font-size:7px;top:94px}.telemetry{gap:23px;bottom:105px;left:24px}.telemetry b{font-size:21px}#radar{width:110px;height:110px;bottom:265px;right:17px}.flight-controls{bottom:22px;left:24px;right:24px}.flight-controls>span{display:none}.touch-controls{pointer-events:auto;grid-template-columns:43px 43px 43px;gap:5px;display:grid;position:absolute;bottom:87px;right:22px}.touch-controls button{touch-action:none;background:#102c3788;border:1px solid #b1c6b244;border-radius:3px;height:41px;font-size:12px}.touch-controls button:active{background:#dfa87b77}.telemetry{bottom:150px}#toast{width:max-content;font-size:10px;bottom:300px}dialog{padding:30px 25px}.keys-grid{gap:17px 10px;font-size:10px}.keys-grid kbd{min-width:62px}.chapter b{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.loader{animation:none}}@media (max-width:700px) and (max-height:740px){.landing{top:17%}h1{margin:14px 0 8px;font-size:77px}.english-title{margin-bottom:18px}.intro{margin:15px 0 10px;font-size:16px}.description{margin-bottom:19px}.start-btn{padding:16px 22px}.start-note{margin-top:12px}}.vignette{background:linear-gradient(90deg,#050f18a8,#050f1847 35%,#0000 70%),linear-gradient(#050f1826,#0000 16% 81%,#050f188c)}.grain{opacity:.018}body.playing .vignette{background:radial-gradient(#0000 48%,#060e1724 100%),linear-gradient(#05132233,#0000 25% 80%,#0513225c)}body.playing .mission-panel{text-shadow:0 1px 4px #000b}body.playing .mission-panel p{color:#d3ded9}body.playing .mission-panel:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 0,#06151b66,#0000 75%);position:absolute;inset:-25px -20px}body.playing .topbar{opacity:.9}.lens-frame{pointer-events:none;border:1px solid #c4d1d009;border-radius:2px;justify-content:space-between;align-items:flex-start;padding:12px 15px;display:flex;position:absolute;inset:127px 4.6% 87px}.lens-frame>span{letter-spacing:2px;color:#cbd5d67a;align-items:center;gap:7px;font-size:7px;display:flex}.lens-frame>span:first-child{position:absolute;bottom:13px;left:15px}.lens-frame>span:last-child{margin-left:auto}.lens-frame i{background:#dba47a;border-radius:50%;width:4px;height:4px;box-shadow:0 0 8px #dba47a44}.target-diamond{border-color:#f2bd89;width:11px;height:11px;box-shadow:0 0 12px #e7ab7840}#target-marker{--scan:0deg;letter-spacing:1.5px;gap:13px;font-size:9px}#target-marker:before{content:"";background:conic-gradient(#f1c299 var(--scan),transparent 0);opacity:.75;border-radius:50%;width:36px;height:36px;position:absolute;top:-13px;-webkit-mask:radial-gradient(#0000 63%,#000 65%);mask:radial-gradient(#0000 63%,#000 65%)}#radar{opacity:.6;width:132px;height:132px}#photo-toggle{margin-left:auto}.flight-controls #pause-btn{margin-left:0}#photo-exit{letter-spacing:2px;color:#d5dbd4;z-index:10;background:#101e2566;border:1px solid #bbc7c22b;padding:11px 14px;font-size:10px;position:absolute;bottom:28px;right:4.6%}#photo-exit kbd{margin-left:10px}body.photo-mode .topbar,body.photo-mode #hud,body.photo-mode #toast{opacity:0;pointer-events:none}body.photo-mode .vignette{background:radial-gradient(#0000 60%,#0a14221a)}body.photo-mode #hud button{pointer-events:none}#sector-switch{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:105px;left:4.6%}.sector-tab{letter-spacing:1px;color:#adbcb9;background:#101e2570;border:1px solid #bbc7c233;padding:10px 14px;font-size:9px}.sector-tab.active{color:#e7c49f;border-color:#d5a67b99}.sector-tab:disabled{opacity:.4;cursor:default}body:has(#sector-switch:not(.hidden)) .telemetry{bottom:161px}@media (max-width:700px){.lens-frame{inset:95px 20px 72px}.lens-frame>span:last-child{display:none}.lens-frame>span:first-child{font-size:6px;bottom:12px;left:0}.mission-panel{top:130px}.mission-panel p{max-width:240px}.flight-controls{gap:20px}.flight-controls #photo-toggle{margin-left:0}.flight-controls #pause-btn{margin-left:auto}#radar{width:100px;height:100px;bottom:276px}#sector-switch{gap:5px;bottom:80px;left:22px;right:22px}.sector-tab{padding:9px 8px;font-size:8px}body:has(#sector-switch:not(.hidden)) .touch-controls{bottom:131px}body:has(#sector-switch:not(.hidden)) .telemetry{bottom:179px}.vignette{background:linear-gradient(90deg,#07172770,#07172715),linear-gradient(#0000 75%,#07172799)}}.brand>span{letter-spacing:2px;font-family:Manrope,sans-serif;font-size:14px;font-weight:600}.brand small{letter-spacing:1.65px;font-size:6px;font-weight:400}h1{letter-spacing:7px;margin:24px 0 16px;font-family:Georgia,Times New Roman,serif;font-size:clamp(25px,3.2vw,45px);line-height:1.15}h1 span{letter-spacing:8px;margin:0;font-size:clamp(95px,10vw,145px);line-height:1.03}.english-title{letter-spacing:3.5px;margin:0 0 27px;font-size:8px}.intro{letter-spacing:.5px;font-family:Georgia,Times New Roman,serif;font-size:22px}.description{letter-spacing:.3px;line-height:1.9}.start-btn{letter-spacing:1px}.start-note{letter-spacing:.3px;font-size:8px}.vertical-label{letter-spacing:3px;font-family:Manrope,sans-serif;font-size:9px}.edition{letter-spacing:2px;font-size:9px}.mission-panel{width:325px}.mission-panel h2{letter-spacing:.4px;font-family:Georgia,Times New Roman,serif}.mission-panel p{max-width:320px}.flight-controls{gap:20px}.keys-grid{grid-template-columns:1fr 1fr;gap:18px 12px}.keys-grid kbd{flex-shrink:0}dialog{max-height:88dvh;overflow:auto}dialog h2{letter-spacing:.4px;font-family:Georgia,Times New Roman,serif}.load-failure{z-index:100;text-align:center;background:#102126;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.load-failure h1{letter-spacing:1px;font-size:35px}@media (max-width:1050px){.edition{display:none}.flight-controls{gap:12px}.flight-controls>span{gap:5px;font-size:8px}}@media (max-width:700px){.brand>span{letter-spacing:1.3px;font-size:12px}.brand small{letter-spacing:1px;font-size:5px}.topbar nav{gap:12px}h1{letter-spacing:4px;margin:23px 0 14px;font-size:27px}h1 span{letter-spacing:5px;font-size:105px}.english-title{letter-spacing:2px;font-size:7px}.intro{font-size:21px;line-height:1.6}.description{max-width:310px;font-size:10px}.landing{top:20%;left:8%;right:6%}.start-note{letter-spacing:0;font-size:7px}.mission-panel{width:calc(100% - 48px)}.mission-panel p{max-width:280px}.sector-tab{letter-spacing:0;padding:9px 6px;font-size:8px}.keys-grid{grid-template-columns:1fr}.world-status{font-size:7px}.text-btn{letter-spacing:1px;font-size:8px}}@media (max-height:740px){.landing{top:18%}h1{margin-top:12px;font-size:24px}h1 span{font-size:85px}.intro{margin:16px 0 12px;font-size:18px}.english-title{margin-bottom:18px}.description{margin-bottom:19px}}
:root{--lime:#d2f58a}body:not(.playing){--accent:var(--lime)}.topbar{border-bottom:1px solid #ccdcb21c;height:104px;padding:30px 4.6%}.brand svg{color:var(--lime)}.brand>span{letter-spacing:2px;font-size:13px;font-weight:700}.brand small{letter-spacing:1.5px;color:#b0bbb3;font-family:monospace;font-size:7px}.topbar nav{gap:26px}.nav-link{letter-spacing:.3px;background:0 0;font-size:11px}.nav-link span{color:var(--lime);margin-left:8px}.nav-link:hover{color:var(--lime)}body:not(.playing) .vignette{background:linear-gradient(90deg,#071210ed 0%,#081713b3 30%,#07151314 64%,#07131152),linear-gradient(#08161022,#0000 65%,#071511eb)}.landing{width:53%;max-width:730px;top:20%;left:6.2%;right:auto}.chapter{letter-spacing:1.2px;color:var(--lime);gap:10px;font:10px monospace}.chapter .live-square{background:var(--lime);width:7px;height:7px;box-shadow:0 0 16px #d2f58a55}.chapter b{opacity:.85;border:1px solid #d2f58a44;margin-left:5px;padding:5px 8px;font:9px monospace}h1{letter-spacing:-3px;text-shadow:none;margin:27px 0 25px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,4.8vw,78px);font-weight:800;line-height:1}h1>span{letter-spacing:-9px;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(100px,12vw,180px);font-weight:800;line-height:.92}h1 .title-dot{color:var(--lime);letter-spacing:0;vertical-align:top;margin:8px 0 0 20px;font-size:45px;font-weight:400;display:inline-block}.english-title{letter-spacing:1.2px;color:#e2e9da;margin:0 0 16px;font:11px/1.7 monospace}.description{color:#b8c6be;letter-spacing:0;margin-bottom:24px;font-size:12px;line-height:1.9}.hero-actions{align-items:center;gap:26px;display:flex}.landing .start-btn{background:var(--lime);letter-spacing:0;min-width:220px;padding:18px 23px;font-size:12px;font-weight:700}.landing .start-btn:hover{background:#e3ffb2}.registry-link{background:0 0;border-bottom:1px solid #d1dfc862;padding:12px 0;font-size:11px}.registry-link span{color:var(--lime);margin-left:18px}.start-note{letter-spacing:.4px;color:#bbc6b5;gap:8px;margin-top:20px;font:8px monospace}.status-dot{background:var(--lime);box-shadow:0 0 10px #d2f58a33}.note-divider{opacity:.3;margin:0 4px}.hero-facts{border-top:1px solid #d9e6c82b;gap:35px;max-width:400px;margin-top:32px;padding-top:20px;display:flex}.hero-facts div{flex-direction:column;gap:8px;display:flex}.hero-facts b{letter-spacing:-1px;font:24px Arial,sans-serif}.hero-facts span{letter-spacing:1px;color:#aebcaa;font:7px monospace}.scene-label.asset-card{color:#e0e8d9;z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d191be6;border:1px solid #c5d7b440;width:330px;padding:21px;display:block;top:25%;bottom:auto;right:5%;box-shadow:0 20px 70px #0003}.card-top{letter-spacing:1px;justify-content:space-between;align-items:center;font:9px monospace;display:flex}.tag{color:var(--lime);border:1px solid #d2f58a55;padding:4px 7px;font-size:8px}.registry-visual{color:var(--lime);margin:13px -6px 21px}.registry-visual svg{width:100%;height:140px;display:block}.registry-visual>span{letter-spacing:1.5px;text-align:center;color:#a4b2a4;font:7px monospace;display:block}.card-heading{justify-content:space-between;align-items:center;display:flex}.card-heading h2{letter-spacing:-.4px;margin:0 0 19px;font:19px Arial,sans-serif}.card-heading>span{color:#8f9e90;margin-bottom:18px;font:10px monospace}.asset-row{text-align:left;background:0 0;border-top:1px solid #c7d7b51f;align-items:center;gap:14px;width:100%;padding:18px 0;display:flex}.asset-number{color:#92a388;font:10px monospace}.asset-row strong{font-size:11px;font-weight:500;display:block}.asset-row small{color:#96a99e;margin-top:6px;font:8px monospace;display:block}.asset-arrow{color:var(--lime);margin-left:auto;font-size:16px}.asset-row:hover{background:#d2f58a0c}.card-bottom{border-top:1px solid #c7d7b51f;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.card-bottom>span{letter-spacing:.6px;font:7px monospace}.card-bottom i{width:4px;height:4px;margin-right:5px}.card-bottom .text-btn{color:var(--lime);letter-spacing:0;padding:0;font:8px monospace}#landing-footer{letter-spacing:1px;padding-top:21px;font:8px monospace;bottom:25px}.scroll-hint{color:#aab9a1;font-size:7px}.registry-dialog{color:#e5edde;background:#111d1e;max-width:670px}.registry-dialog h2{letter-spacing:-.7px;font:500 29px/1.2 Arial,sans-serif}.registry-dialog>p{line-height:1.8}.registry-tabs{gap:8px;margin:25px 0 16px;display:flex}.registry-tabs button{background:0 0;border:1px solid #c6d6b52b;padding:10px 17px;font:10px monospace}.registry-tabs button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#142019}.record-detail{border:1px solid #c6d6b52b;padding:20px}.record-detail>span{text-transform:uppercase;color:var(--lime);letter-spacing:1px;font:9px monospace}.record-detail h3{margin:14px 0 7px;font-size:22px;font-weight:500}.record-detail p{font-size:11px;line-height:1.8}.record-detail dl{margin:18px 0 0;font-size:10px}.record-detail dl div{border-top:1px solid #c6d6b51c;justify-content:space-between;padding:10px 0;display:flex}.record-detail dt{color:#9eafa2}.record-detail dd{margin:0}.record-actions{gap:10px;margin:20px 0;display:flex}.record-actions .start-btn{background:var(--lime);letter-spacing:0;min-width:0;padding:14px 18px;font-size:11px}.record-actions .secondary-btn{letter-spacing:0;margin:0;padding:14px 18px;font-size:10px}.verification{border-top:1px solid #c6d6b52b;padding-top:10px}.verification button{color:var(--lime);letter-spacing:0;font-size:10px}.verification output{color:#aebfa8;overflow-wrap:anywhere;font:9px/1.8 monospace;display:block}.protocol-step{border-top:1px solid #c6d6b52b;gap:20px;padding:18px 0;display:flex}.protocol-step>b{color:var(--lime);margin-top:5px;font:12px monospace}.protocol-step h3{margin:0;font-size:14px;font-weight:500}.protocol-step h3 span{color:var(--lime);margin-left:12px;font:7px monospace}.protocol-step h3 span.planned{color:#d1b68f}.protocol-step p{margin-bottom:0;font-size:11px;line-height:1.8}body.playing .web3-home{display:none}@media (min-width:1600px){.scene-label.asset-card{width:370px;right:8%}.landing{left:8%}}@media (max-height:820px) and (min-width:901px){.landing{top:20%}h1{margin:20px 0;font-size:47px}h1>span{font-size:137px}.scene-label.asset-card{width:310px;padding:17px;top:21%}.registry-visual{margin:8px -6px 15px}.registry-visual svg{height:100px}.asset-row{padding:14px 0}.hero-facts{margin-top:23px;padding-top:16px}.description{margin-bottom:19px;font-size:11px}.start-note{margin-top:16px}}@media (max-width:1100px) and (min-width:901px){.landing{width:55%;left:5%}.scene-label.asset-card{width:290px;right:4%}.topbar nav{gap:18px}.hero-facts{gap:25px}}@media (max-width:900px){body:not(.playing) #app{overflow:hidden auto}.topbar{height:86px;padding:22px 6%}.brand>span{font-size:11px}.brand small{font-size:5px}.topbar nav{gap:15px}.nav-link{font-size:10px}.topbar #quality{display:none}.landing{width:auto;max-width:none;margin:145px 7% 45px;position:relative;top:auto;left:auto;right:auto}.chapter{font-size:8px}.chapter b{display:none}h1{letter-spacing:-2px;margin:25px 0;font-size:44px}h1>span{letter-spacing:-7px;font-size:150px}h1 .title-dot{margin-left:14px;font-size:36px}.english-title{letter-spacing:1px;font-size:10px}.description{font-size:11px}.hero-actions{gap:22px}.landing .start-btn{min-width:195px;padding:17px 20px}.registry-link{font-size:10px}.hero-facts{gap:44px;max-width:470px}.hero-facts span{font-size:7px}.start-note{letter-spacing:0;font-size:7px}.scene-label.asset-card{width:auto;max-width:470px;margin:0 7% 30px;display:block;position:relative;top:auto;bottom:auto;right:auto}.registry-visual{float:right;width:130px;margin:12px 0 0 12px}.registry-visual svg{height:95px}.registry-visual>span{letter-spacing:0;font-size:5px}.card-heading{margin-top:24px}.card-heading>span{display:none}.card-heading h2{max-width:120px;font-size:18px;line-height:1.2}.asset-rows{clear:both;padding-top:17px}.asset-row{padding:16px 0}#landing-footer{flex-wrap:wrap;gap:16px;margin:0 7% 25px;font-size:7px;position:relative;bottom:auto;left:auto;right:auto}.scroll-hint{display:none}body:not(.playing) .vignette{background:linear-gradient(90deg,#071210e6,#07151177),linear-gradient(#0000,#071511c9);position:fixed}body.playing .topbar{border:0}.topbar #sound-label,.topbar #help{display:none}body.playing .topbar #help,body.playing .topbar #quality{display:flex}}@media (max-width:430px){.topbar nav{gap:14px}.brand svg{width:21px}.brand{gap:9px}.nav-link{font-size:9px}.nav-link span{display:none}.landing{margin-top:136px}h1{font-size:39px}h1>span{font-size:137px}.hero-actions{gap:18px}.landing .start-btn{min-width:178px;font-size:11px}.registry-link{font-size:9px}.hero-facts{gap:24px}.hero-facts span,.start-note{font-size:6px}.record-actions{flex-wrap:wrap}.registry-dialog{padding:34px 22px}.registry-dialog h2{font-size:25px}.protocol-step h3 span{margin:7px 0 0;display:block}}@media (min-width:901px) and (max-height:660px){body:not(.playing) #app{overflow-y:auto}.landing{margin-top:130px;margin-bottom:100px;position:relative;top:auto}.scene-label.asset-card{top:130px}#landing-footer{margin:0 5% 25px;position:relative;bottom:auto;left:auto;right:auto}}@media (min-width:901px) and (min-height:661px) and (max-height:760px){.landing{top:20%}h1{margin:17px 0}h1>span{font-size:115px}.english-title{margin-bottom:12px}.hero-facts{margin-top:20px;padding-top:12px}.hero-facts b{font-size:21px}.hero-facts div{gap:5px}.start-note{margin-top:13px}}@media (max-width:360px){h1{font-size:34px}h1>span{letter-spacing:-6px;font-size:118px}h1 .title-dot{margin-left:8px;font-size:28px}.hero-actions{gap:12px}.landing .start-btn{min-width:162px;padding:16px}.topbar nav{gap:11px}.brand>span{font-size:10px}.brand small{font-size:4px}.brand svg{width:18px}.record-detail dl div{gap:12px}.record-detail dd{text-align:right}}