*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#193b38;-webkit-font-smoothing:antialiased}body{background:#e9dfc9}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button,select,input,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid #d6523e;outline-offset:5px}button{border:0}img{display:block;width:100%}h1,h2,h3,p{margin:0;font-weight:400}#world{width:100%;height:100%;position:fixed;inset:0;display:block;cursor:grab;touch-action:none}#world:active{cursor:grabbing}.skip{position:fixed;left:20px;top:-60px;background:#f8f5e8;padding:15px;z-index:100}.skip:focus{top:12px}header{position:fixed;z-index:10;left:36px;right:36px;top:28px;display:flex;align-items:start;justify-content:space-between;pointer-events:none}.wordmark{font-size:35px;font-weight:600;letter-spacing:-2.3px;line-height:1;pointer-events:auto}.wordmark b{font-weight:600;color:#438a7e}.wordmark i{font-style:normal;color:#e66c53}.wordmark small{display:block;font-size:7px;letter-spacing:2.6px;font-weight:400;margin:9px 0 0 3px;color:#385951}nav{display:flex;gap:8px;pointer-events:auto}nav button{height:43px;background:#f7f4e7e8;border:1px solid #7d96854d;backdrop-filter:blur(12px);display:flex;align-items:center;gap:9px;padding:0 14px;font-size:11px;border-radius:4px;box-shadow:0 3px 15px #30584706}nav svg{width:17px;height:17px;fill:none;stroke:#305b50;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}nav button[aria-pressed=true]{background:#254a42}nav button[aria-pressed=true] svg{stroke:#c0ebcd}.welcome{position:fixed;z-index:8;top:50%;left:6vw;transform:translateY(-48%);width:390px;padding:26px 27px 23px;background:#f6f2e8ee;backdrop-filter:blur(16px);border:1px solid #ffffffb3;border-radius:6px;box-shadow:0 10px 50px #34472f0d;transition:opacity .4s,transform .4s}.welcome.hidden{opacity:0;transform:translateY(-43%);pointer-events:none}.eyebrow{font-size:8px;letter-spacing:.85px;display:flex;align-items:center;gap:8px;color:#678570}.eyebrow i{width:5px;height:5px;background:#62947c;border-radius:50%}.welcome h1{font-size:49px;line-height:1.02;letter-spacing:-2.6px;margin:24px 0}.welcome>p{font-size:14px;line-height:1.65;color:#627b6a}.primary{background:#214a42;color:#f6f4e7;padding:17px 19px;display:flex;justify-content:space-between;width:100%;font-size:12px;text-align:left;border-radius:3px;margin:28px 0 17px}.primary span:last-child{font-size:18px;line-height:12px}.welcome-help{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.5px;color:#748a75}.welcome-help>span:first-child{display:flex;gap:3px;align-items:center;font-size:8px;letter-spacing:0}kbd{font:inherit;font-size:8px;display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;border:1px solid #a7b69d;border-radius:3px;padding:0 4px;color:inherit;white-space:nowrap}.welcome-direct{font-size:9px;border:0;background:none;padding:17px 0 0;color:#617e69;text-align:left}.edition{font-size:6px;display:block;letter-spacing:.6px;color:#89987f;border-top:1px solid #cbd1bd;margin-top:20px;padding-top:15px}.world-footer{position:fixed;bottom:19px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.65px;pointer-events:none;z-index:4;color:#4f6b55}.world-footer i{font-style:normal;font-size:5px;color:#d36d4e;margin:0 9px}.world-footer button{background:#f3f1e5dd;backdrop-filter:blur(12px);border:1px solid #8b9f803b;padding:9px 13px;letter-spacing:0;font-size:9px;border-radius:3px;pointer-events:auto}.keyboard-guide{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:15px;align-items:center;z-index:4;font-size:6px;letter-spacing:.6px;white-space:nowrap;pointer-events:none;color:#54704f}.keyboard-guide>span{display:flex;gap:4px;align-items:center}.keyboard-guide kbd{font-size:6px;min-width:16px;height:16px;border-color:#82997770}.mini-map{position:fixed;left:36px;bottom:62px;width:145px;z-index:4}.mini-map button{background:#f6f3e6d9;backdrop-filter:blur(10px);border:1px solid #7e967644;border-radius:5px;padding:7px 9px 9px;width:100%;box-shadow:0 4px 20px #3f563a08}.mini-map canvas{width:100%;height:auto;display:block}.mini-map span{font-size:6px;letter-spacing:.8px;display:flex;justify-content:space-between;margin-top:3px;color:#6d8266}.mini-map b{font-size:10px;font-weight:400}.readout{position:fixed;right:36px;bottom:70px;z-index:4;text-align:right}.speed{display:flex;align-items:end;justify-content:flex-end;gap:7px;margin-bottom:12px}.speed strong{font-size:39px;font-weight:400;letter-spacing:-2.5px;line-height:1;font-variant-numeric:tabular-nums}.speed>span{font-size:7px;padding-bottom:4px;letter-spacing:.8px}.readout button{display:block;background:#f3f0e5cf;border:1px solid #8fa0824d;border-radius:4px;padding:11px 13px;font-size:7px;letter-spacing:.5px}.readout b{font-weight:500}.discovery-dots{display:flex;gap:4px;justify-content:flex-end;margin-bottom:7px}.discovery-dots i{width:5px;height:5px;display:block;border:1px solid #7c9771;border-radius:50%}.discovery-dots i.done{background:#386e50;border-color:#386e50}.place-hint{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);background:#f7f4e7f0;border:1px solid #fcfff1;border-radius:5px;padding:15px 17px;display:flex;align-items:center;gap:28px;z-index:7;min-width:285px;backdrop-filter:blur(10px);box-shadow:0 8px 35px #2a43351a}.place-hint[hidden]{display:none}.place-hint>div{flex:1}.place-hint span{font-size:7px;letter-spacing:.6px;color:#6b8066}.place-hint h2{font-size:22px;letter-spacing:-1px;margin-top:6px}.place-hint button{display:flex;gap:8px;align-items:center;background:#254c43;color:#f7f7e7;padding:12px;border-radius:3px}.place-hint button span{font-size:10px;color:inherit;letter-spacing:0}.place-hint button kbd{font-size:9px;border-color:#91b299}.place-hint b{font-weight:400;margin-left:8px}#landmark-labels{position:fixed;inset:0;pointer-events:none;z-index:3}.landmark-label{position:absolute;left:0;top:0;transform:translate(-50%,-100%);padding:9px 12px;border-radius:3px;background:#f8f5e7ef;color:#21483e;border:1px solid #a3b39183;box-shadow:0 4px 20px #3849310c;font-size:9px;white-space:nowrap;pointer-events:auto;transition:opacity .25s}.landmark-label:after{content:'';position:absolute;bottom:-5px;left:50%;width:8px;height:8px;background:#f7f3e5;border-right:1px solid #9cae8d83;border-bottom:1px solid #9cae8d83;transform:translateX(-50%) rotate(45deg)}.landmark-label small{font-size:6px;color:#899779;margin-right:6px}.landmark-label.visited{border-color:#6e9a7e}.landmark-label.visited small{color:#448d6d}.landmark-label.active{background:#214a42;color:#fbfaea}.landmark-label.active:after{background:#214a42}.landmark-label.active small{color:#b4dab5}.camera-hint{position:fixed;bottom:66px;left:50%;transform:translateX(-50%);font-size:8px;background:#f5f2e5cf;padding:10px 15px;border-radius:3px;z-index:4;color:#6c8064}.toast{position:fixed;top:100px;left:50%;transform:translateX(-50%) translateY(-160px);z-index:100;background:#204c41;color:#f1f3df;padding:14px 20px;border-radius:4px;font-size:11px;max-width:85%;box-shadow:0 8px 30px #1d493a20;transition:transform .3s}.toast.show{transform:translateX(-50%) translateY(0)}.touch-controls{display:none}.noscript{position:fixed;inset:0;background:#f6f1e5;padding:15vh 10vw;z-index:200}.noscript h1{font-size:50px;margin-bottom:30px}.noscript a{display:block;margin-top:25px}
dialog{border:1px solid #f5f6e5;background:#f4f1e6;color:#234537;box-shadow:0 20px 100px #1a3d343d;padding:0}dialog::backdrop{background:#16352d4d;backdrop-filter:blur(9px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #bfcbb4;position:sticky;top:0;z-index:3;background:#f4f1e6f5;backdrop-filter:blur(10px);font-size:8px;letter-spacing:.8px}.close{background:none;border:1px solid #9bac91;padding:9px 12px;font-size:10px;border-radius:3px;letter-spacing:0}.map-dialog{width:min(1100px,calc(100% - 60px));max-height:90dvh;border-radius:7px}.map-content{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;padding:35px 28px;align-items:center}.map-heading{align-self:start}.map-heading h2{font-size:40px;line-height:1.02;letter-spacing:-2px}.map-heading p{font-size:12px;line-height:1.6;color:#7a8b6c;margin-top:20px}.campus-plan svg{width:100%;display:block}.destination-list{display:grid;gap:8px}.destination-button{background:none;border:1px solid #c1cbb6;padding:13px 12px;text-align:left;font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:3px}.destination-button small{font-size:7px;color:#8c9a7e;width:20px}.destination-button span{flex:1}.destination-button b{font-size:13px;font-weight:400}.destination-button:hover{background:#e6ead7}.destination-button.visited small{color:#488e67}.story-dialog{width:min(640px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border:0;border-left:1px solid #f7f6e3}.story-body{padding:32px 30px 35px}.story-body>.eyebrow{font-size:8px}.story-body h2{font-size:52px;line-height:1.01;letter-spacing:-2.7px;margin:24px 0}.story-intro{font-size:16px;line-height:1.6;color:#6f8463;max-width:460px}.service-tags{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 35px}.service-tags span{border:1px solid #bdc9ad;padding:7px 10px;border-radius:2px;font-size:9px;color:#687d5c}.story-section-label{font-size:8px;letter-spacing:.7px;display:flex;justify-content:space-between;border-top:1px solid #bdc9ad;padding-top:20px;margin-bottom:20px;color:#7c8d6e}.project-card{display:block;margin-bottom:27px}.project-card img{height:220px;object-fit:cover;border-radius:3px;background:#e0e5d1;transition:filter .2s}.project-card:hover img{filter:brightness(.93)}.project-card h3{display:flex;justify-content:space-between;font-size:22px;letter-spacing:-.6px;margin-top:14px}.project-card p{font-size:11px;line-height:1.5;color:#859473;margin-top:7px}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.concept-grid .project-card{margin:0 0 10px}.concept-grid .project-card img{height:130px}.concept-grid h3{font-size:16px}.concept-grid p{font-size:9px}.story-cta{display:block;background:#244b3c;color:#f3f5df;padding:16px 18px;font-size:12px;border-radius:3px;margin:30px 0 10px}.story-note{font-size:10px;line-height:1.7;color:#879676;margin-top:18px}.next-place{border-top:1px solid #bfcab1;margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7e906d}.next-place button{background:none;border:1px solid #a7b797;padding:11px;font-size:10px;border-radius:3px}.contact-links{display:grid;gap:12px;margin:27px 0}.contact-links a{display:flex;justify-content:space-between;font-size:18px;letter-spacing:-.4px;padding:13px 0;border-bottom:1px solid #c3cdb5}.contact-links a:last-child{font-size:13px}.brief-form{display:grid;gap:20px;margin-top:35px}.brief-form label{display:grid;gap:10px;font-size:10px;color:#7b8e68}.brief-form input,.brief-form textarea,.brief-form select{background:transparent;border:0;border-bottom:1px solid #b0c09e;padding:10px 0;border-radius:0;width:100%;color:#34572c}.brief-form textarea{min-height:85px;resize:vertical}.brief-form button{background:#244b3c;color:#f3f5df;padding:16px;font-size:12px;text-align:left;border-radius:3px}.brief-form small{font-size:9px;line-height:1.6;color:#849574}.settings-dialog{width:min(480px,calc(100% - 32px));max-height:90dvh;border-radius:6px;padding-bottom:25px}.settings-dialog h2{font-size:36px;letter-spacing:-1.6px;margin:28px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 28px;padding:20px 0;border-top:1px solid #c2cdb4}.setting-row label{font-size:12px}.setting-row label>span{display:block;font-size:9px;color:#859676;margin-top:7px;line-height:1.5}.setting-row select{background:#e7edd7;border:1px solid #bdcbae;border-radius:3px;padding:9px 7px;font-size:10px;max-width:130px}.setting-button{display:block;width:calc(100% - 56px);margin:10px 28px;border:1px solid #b3c39f;background:none;padding:12px;font-size:11px;text-align:left;border-radius:3px}.settings-dialog details{margin:20px 28px;font-size:11px}.settings-dialog summary{cursor:pointer;padding:10px 0}.settings-dialog details p{font-size:10px;line-height:1.8;color:#7a8e67;margin-top:10px}.settings-dialog details a{border-bottom:1px solid #7a8e67}.classic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.classic-grid button{background:#e6ebd6;border:1px solid #bdcbae;border-radius:3px;text-align:left;padding:18px 14px;font-size:15px;letter-spacing:-.4px;min-height:85px;display:flex;flex-direction:column;gap:15px}.classic-grid small{font-size:7px;letter-spacing:.5px;color:#7d906a}.fallback-note{display:none}body.fallback .fallback-note{display:block}body.night{color:#e4ead0}body.night .wordmark b{color:#9ed3a9}body.night .wordmark small{color:#9db6a0}body.night .world-footer,body.night .keyboard-guide{color:#a2b7a0}body.night .world-footer button{color:#234a3b}body.night .speed{color:#edf0d9}body.night .readout button{color:#234a3b}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media(max-width:1100px){.keyboard-guide>span:nth-child(3){display:none}.welcome{left:4vw;width:350px}.welcome h1{font-size:44px}.map-content{grid-template-columns:1fr 1fr;gap:25px}.map-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.map-heading h2{font-size:34px}.map-heading p{margin:0}.readout{right:26px}.mini-map{left:26px}}
@media(max-width:700px),(pointer:coarse){.touch-controls{display:flex;position:fixed;z-index:6;left:25px;right:25px;bottom:max(65px,calc(env(safe-area-inset-bottom) + 45px));align-items:end;justify-content:space-between;pointer-events:none}.joystick{width:114px;height:114px;border:1px solid #7c967477;border-radius:50%;background:#f6f2e449;backdrop-filter:blur(6px);position:relative;pointer-events:auto;touch-action:none;user-select:none}.joystick:before{content:'';position:absolute;inset:11px;border:1px dashed #75906d40;border-radius:50%}.joystick-cross:before,.joystick-cross:after{content:'';position:absolute;left:50%;top:50%;width:70px;height:1px;transform:translate(-50%,-50%);background:#809a7040}.joystick-cross:after{transform:translate(-50%,-50%) rotate(90deg)}.stick{position:absolute;width:43px;height:43px;left:35px;top:35px;border:1px solid #62856c;border-radius:50%;background:#f3f4dfcb;box-shadow:0 3px 15px #203d2a10;pointer-events:none}.joystick>span{position:absolute;top:122px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:.7px;color:#6d8460}.touch-actions{display:grid;grid-template-columns:44px 44px;gap:8px;pointer-events:auto}.touch-actions button{height:44px;width:44px;border:1px solid #8199755c;background:#f3f2dfb3;backdrop-filter:blur(8px);border-radius:50%;font-size:20px;touch-action:none;user-select:none}.touch-actions button:active{background:#234d40;color:#f3f5da}.touch-actions button:first-child{grid-column:2}.touch-actions button:last-child{grid-row:2;grid-column:2}.keyboard-guide{display:none}.camera-hint{display:none!important}.readout{bottom:190px;right:25px}.speed{display:none}.readout button{font-size:6px;padding:8px 10px}.discovery-dots{gap:3px;margin-bottom:6px}.discovery-dots i{width:4px;height:4px}.mini-map{display:none}.place-hint{bottom:205px;min-width:260px;max-width:calc(100% - 36px);padding:12px 14px;gap:20px}.place-hint h2{font-size:20px}.place-hint button{padding:10px}.place-hint button kbd{display:none}body.welcoming .touch-controls,body.welcoming .readout,body.welcoming .place-hint{display:none}}
@media(max-width:650px){header{left:20px;right:20px;top:max(21px,env(safe-area-inset-top));gap:20px}.wordmark{font-size:29px;letter-spacing:-1.8px}.wordmark small{font-size:5px;letter-spacing:2px;margin-top:7px}nav{gap:5px}nav button{height:34px;width:34px;padding:0;justify-content:center;background:#f8f4e9db}nav svg{width:15px;height:15px}nav button span{display:none}.welcome{left:20px;right:20px;width:auto;top:auto;bottom:55px;transform:none;padding:22px 23px;border-radius:5px;max-width:370px}.welcome.hidden{transform:translateY(20px)}.welcome h1{font-size:40px;letter-spacing:-2px;margin:18px 0}.welcome>p{font-size:12px;line-height:1.6}.eyebrow{font-size:6px}.welcome .primary{margin:21px 0 14px;padding:15px;font-size:11px}.welcome-help{font-size:6px}.welcome-help>span:first-child{font-size:7px}.welcome-help kbd{font-size:7px;min-width:17px;height:17px}.welcome-direct{font-size:8px;padding-top:15px}.edition{font-size:5px;margin-top:16px;padding-top:12px}.world-footer{left:20px;right:20px;bottom:max(18px,env(safe-area-inset-bottom));font-size:5px;letter-spacing:.4px}.world-footer i{margin:0 5px;font-size:4px}.world-footer button{font-size:7px;padding:8px 10px}.map-dialog{width:calc(100% - 24px);max-height:92dvh;border-radius:5px}.dialog-head{padding:17px 18px;font-size:7px}.close{font-size:9px;padding:8px 10px}.map-content{display:block;padding:25px 18px}.map-heading{display:flex;gap:18px}.map-heading h2{font-size:30px;letter-spacing:-1.4px}.map-heading p{font-size:9px}.campus-plan{margin:12px auto 18px;max-width:330px}.destination-list{grid-template-columns:1fr 1fr;gap:8px}.destination-button{font-size:10px;padding:12px 9px;gap:7px}.destination-button small{width:10px;font-size:6px}.destination-button b{font-size:11px}.story-body{padding:28px 22px}.story-body h2{font-size:43px;letter-spacing:-2.1px}.story-intro{font-size:14px}.service-tags{margin:22px 0 28px;gap:6px}.service-tags span{font-size:8px;padding:6px 9px}.project-card img{height:190px}.project-card h3{font-size:21px}.project-card p{font-size:10px}.concept-grid{gap:13px}.concept-grid .project-card img{height:100px}.concept-grid h3{font-size:15px}.concept-grid p{font-size:8px}.story-cta{font-size:11px}.contact-links a{font-size:17px}.settings-dialog h2{font-size:32px;margin:25px 22px}.setting-row{margin:0 22px;gap:15px}.setting-row label{font-size:11px}.setting-row label>span{font-size:8px}.setting-row select{font-size:9px}.setting-button{margin:10px 22px;width:calc(100% - 44px)}.settings-dialog details{margin:18px 22px}.toast{font-size:10px;top:80px}.classic-grid button{font-size:14px}.classic-grid small{font-size:6px}}
@media(max-height:650px) and (min-width:651px){.welcome{top:90px;transform:none;padding:20px 24px}.welcome.hidden{transform:translateY(10px)}.welcome h1{font-size:38px;margin:17px 0}.welcome>p{font-size:12px}.welcome .primary{margin:18px 0 12px}.edition{margin-top:14px;padding-top:12px}.welcome-direct{padding-top:13px}.mini-map{width:120px}}
@media(max-height:650px) and (max-width:650px){.welcome{bottom:45px;top:80px;overflow:auto;padding:18px}.welcome h1{font-size:32px;margin:14px 0}.welcome>p{font-size:11px}.edition{display:none}.welcome .primary{margin:18px 0 12px}}

.welcome{color:#193b38}nav button{color:#254a42}.story-cta#story-contact{width:100%;text-align:left}.strategy article{border-bottom:1px solid #bdc9ad;padding:20px 0}.strategy small{font-size:7px;letter-spacing:.6px;color:#7c8d6e}.strategy h3{font-size:25px;letter-spacing:-.7px;margin:12px 0}.strategy p{font-size:13px;line-height:1.6;color:#718761}.brief-form #brief-result p{font-size:13px;color:#4c744c}.brief-form #brief-result .story-cta{font-size:12px;margin:16px 0}.brief-form #brief-result .setting-button{width:100%;margin:12px 0;background:transparent;color:#4c744c;font-size:11px}body.fallback .readout,body.fallback .keyboard-guide,body.fallback .world-footer{display:none}

@media(max-width:700px),(pointer:coarse){.readout{top:82px;bottom:auto;right:20px}}@media(max-width:350px){.wordmark{font-size:25px;letter-spacing:-1.6px}.wordmark small{font-size:4px;letter-spacing:1.8px}nav button{width:30px;height:32px}header{gap:12px}}
.welcome-help .mobile-help{display:none}@media(max-width:700px),(pointer:coarse){.welcome-help .desktop-help{display:none}.welcome-help .mobile-help{display:block;font-size:8px;letter-spacing:0}}
.concept-grid .project-card img{height:auto;aspect-ratio:2.09;object-fit:contain;background:#e5e7da}
@media(max-width:700px),(pointer:coarse){.welcome-help>span.desktop-help{display:none}.welcome-help>span.mobile-help{display:block;font-size:8px}}
.keyboard-guide{bottom:50px;font-size:8px;letter-spacing:.3px;color:#43623e}.keyboard-guide kbd{font-size:8px;height:19px;min-width:19px}.camera-hint{bottom:82px}/* The game journal uses the same quiet typography as the portfolio. */
nav #achievement-count{font-weight:500;font-size:9px;background:#dde7cb;border-radius:50%;min-width:17px;height:17px;display:grid;place-items:center}nav #sound.sound-on{background:#254a42}nav #sound.sound-on svg{stroke:#c0ebcd}.start-audio{display:flex;gap:7px;align-items:center;font-size:10px;color:#567460;margin:-3px 0 18px;cursor:pointer}.start-audio input{accent-color:#386b59;width:13px;height:13px;margin:0}.start-audio span{margin-left:auto;font-size:6px;letter-spacing:.65px;color:#89977e}.achievements-dialog{width:min(760px,calc(100% - 32px));max-height:90dvh;border-radius:7px}.journal-heading{padding:32px 30px 23px}.journal-heading h2{font-size:45px;letter-spacing:-2px;margin:16px 0 13px}.journal-heading>p{font-size:12px;line-height:1.7;color:#6e8266}.journal-stats{display:flex;gap:34px;padding:22px 0 0}.journal-stats span{font-size:7px;letter-spacing:.4px;color:#7e906e}.journal-stats b{display:block;color:#254b40;font-size:27px;font-weight:400;letter-spacing:-1px;margin-bottom:7px}#achievement-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 30px 25px}.achievement-card{display:flex;gap:12px;padding:18px 14px;border:1px solid #c6cfb8;border-radius:4px;min-height:140px;background:#e9eddc55}.achievement-card.unlocked{background:#e2ead8;border-color:#96b595}.achievement-icon{width:27px;height:27px;border:1px solid #b9c6a8;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:9px;color:#8b9c7b}.unlocked .achievement-icon{background:#2e6351;color:#def2c9;border:0;font-size:23px}.achievement-card>div{flex:1;min-width:0}.achievement-card h3{font-size:15px;letter-spacing:-.45px}.achievement-card h3 small{display:block;font-size:5px;letter-spacing:.7px;margin-top:6px;color:#849978}.achievement-card p{font-size:9px;line-height:1.6;margin-top:10px;color:#6d8461}.achievement-track{height:3px;background:#cdd6bc;margin:13px 0 6px;border-radius:2px;overflow:hidden}.achievement-track i{height:100%;display:block;background:#64977b}.achievement-value{font-size:7px;color:#839672}.journal-footnote{padding:0 30px 28px;font-size:9px;line-height:1.5;color:#879676}.achievement-pop{position:fixed;z-index:110;left:50%;top:100px;display:flex;align-items:center;gap:16px;max-width:calc(100% - 32px);width:350px;padding:18px 21px;background:#f5f1e4;color:#23473b;border:1px solid #cfdbc0;border-radius:7px;box-shadow:0 8px 50px #24473933;transform:translate(-50%,-240px);transition:transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}.achievement-pop.show{transform:translate(-50%,0)}.medal{width:43px;height:43px;flex-shrink:0;border-radius:50%;background:#2d6454;color:#e3f3c9;display:grid;place-items:center;font-size:36px}.achievement-pop small{display:block;font-size:6px;letter-spacing:1px;color:#8d9c7a}.achievement-pop strong{display:block;font-size:20px;letter-spacing:-.8px;font-weight:400;margin:7px 0}.achievement-pop p{font-size:9px;line-height:1.6;color:#7d916c}.drive-mode{position:fixed;left:50%;bottom:155px;transform:translateX(-50%);font-size:8px;letter-spacing:.8px;border:1px solid #abcfc6;background:#e6f3e9dd;color:#2f776e;backdrop-filter:blur(8px);padding:9px 13px;border-radius:20px;z-index:6;white-space:nowrap}.collectible-count{position:fixed;right:37px;bottom:48px;font-size:7px;letter-spacing:.5px;color:#678263;z-index:4}.play-destinations{display:grid;gap:7px;margin-top:20px}.play-destinations>span{font-size:6px;letter-spacing:.7px;color:#8a9a77;margin-bottom:4px}.play-destinations button{background:#e0e9d4;border:1px solid #bdcdb1;border-radius:3px;text-align:left;padding:11px 12px;font-size:10px}.night .collectible-count{color:#b1c7aa}
@media(max-width:700px){.collectible-count{right:20px;top:140px;bottom:auto;font-size:6px}.drive-mode{bottom:235px;font-size:7px}#achievements-open{position:relative}nav #achievement-count{position:absolute;right:-3px;top:-4px;width:13px;min-width:13px;height:13px;font-size:6px}.achievement-pop{top:125px;width:320px}.journal-heading{padding:25px 21px 22px}.journal-heading h2{font-size:35px}.journal-stats{gap:25px}.journal-stats b{font-size:23px}#achievement-list{padding:0 20px 20px;gap:9px}.achievement-card{padding:14px 10px;gap:9px;min-height:145px}.achievement-icon{width:22px;height:22px;font-size:7px}.unlocked .achievement-icon{font-size:19px}.achievement-card h3{font-size:13px}.journal-footnote{padding:0 20px 24px}.start-audio{font-size:9px;margin-bottom:16px}.start-audio span{font-size:5px}.play-destinations{grid-template-columns:1fr 1fr}.play-destinations>span{grid-column:1/-1}.play-destinations button{font-size:9px;padding:11px 9px}}
@media(max-width:380px){header{left:15px;right:15px;gap:9px}.wordmark{font-size:25px}nav{gap:4px}nav button{width:29px;height:31px}#achievement-list{grid-template-columns:1fr}.achievement-card{min-height:120px}.journal-heading>p{font-size:11px}.start-audio span{letter-spacing:0}}
@media(max-width:480px){#achievement-list{grid-template-columns:1fr}.achievement-card{min-height:122px;padding:16px 14px;gap:13px}.achievement-card h3{font-size:16px}.achievement-card p{font-size:11px}.achievement-card h3 small{font-size:6px}.achievement-value{font-size:9px}.achievement-icon{width:27px;height:27px}.unlocked .achievement-icon{font-size:23px}}
:root .render-status{display:block;font-size:11px;font-weight:650;letter-spacing:.06em;background:#e4eddf;border:1px solid #9bb29a66;color:#234d43;padding:14px 16px;border-radius:12px;line-height:1.5;margin:4px 0 12px;font-variant-numeric:tabular-nums}.graphics-note{font-size:12px!important;line-height:1.7!important;max-width:48ch;color:#5c7467;margin-bottom:22px}.graphics-edition{font-size:9px;letter-spacing:.12em;display:block;margin-top:24px}#graphics-badge{display:inline-block;font-size:8px;letter-spacing:.08em;border:1px solid currentColor;padding:4px 6px;border-radius:5px;margin-left:9px;white-space:nowrap}@media(max-width:600px){.setting-row{gap:12px}.setting-row select{max-width:46%;min-width:0}.graphics-note{font-size:11px!important}#graphics-badge{font-size:7px;margin-left:4px;padding:3px}}
:root .settings-dialog .render-status{margin:4px 28px 12px}.settings-dialog .graphics-note{margin:0 28px 24px}.settings-dialog .graphics-edition{margin:25px 28px 0}body.night .place-hint{color:#234537}@media(max-width:650px){:root .settings-dialog .render-status{margin-inline:22px}.settings-dialog .graphics-note,.settings-dialog .graphics-edition{margin-inline:22px}}