@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f5f5e9;background:#112d36;font-synthesis:none;--yellow:#f4d451;--muted:#a6bec2;--line:#ffffff20}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}button{border:0}button:hover{filter:brightness(1.17)}#world{position:fixed;inset:0;width:100%;height:100%;outline:0;touch-action:none}.vignette{pointer-events:none;position:fixed;inset:0;background:linear-gradient(90deg,#0b232c70,transparent 40%),linear-gradient(0deg,#0b232cbb,transparent 17%)}.topbar{position:absolute;left:42px;right:42px;top:31px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand-icon{width:47px;height:47px;background:var(--yellow);color:#193337;position:relative;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg);font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;font-weight:900;letter-spacing:-2px;box-shadow:3px 3px 0 #091b22}.brand-icon span{position:absolute;font:16px Arial;right:1px;top:-7px;background:var(--yellow);padding:1px}.brand-text{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;font-weight:800;line-height:1;letter-spacing:1px}.brand-text>span{font-family:'DM Sans',sans-serif;display:block;font-size:10px;letter-spacing:3.65px;font-weight:500;margin-top:8px}.world-status{font-size:10px;letter-spacing:1.7px;display:flex;align-items:center;gap:10px;color:#becdcd}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a5c9b6;box-shadow:0 0 10px #96d1b133}.weather{border-left:1px solid var(--line);padding-left:18px;margin-left:9px;font-size:13px;letter-spacing:0}.top-actions{display:flex;gap:8px}.icon-button{display:grid;place-items:center;width:39px;height:39px;border:1px solid #ffffff25;border-radius:50%;background:#17384270}.icon-button svg,.controls svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.episode-panel{position:absolute;left:54px;top:153px;width:310px;transition:all .75s}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--yellow);font-size:9px;letter-spacing:1.5px;font-weight:700}.yellow-line{width:19px;height:2px;background:var(--yellow)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:76px;font-weight:800;line-height:.96;letter-spacing:-.4px;margin:25px 0 19px;text-transform:uppercase;text-shadow:0 3px 0 #091d2433}h1>span{color:var(--yellow)}.intro-copy{font-size:14px;line-height:1.9;color:#c1d0d0;margin:0}.episode-divider{width:100%;height:1px;background:linear-gradient(90deg,#ffffff2c,transparent);margin:27px 0 23px}.chapter-label,.tiny-label{font-size:9px;letter-spacing:1.9px;color:var(--yellow);font-weight:700}.chapter-label{color:#88a5ad}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;font-weight:600;margin:7px 0 24px}.quest-heading{display:flex;gap:12px;align-items:center}.quest-symbol{display:grid;place-items:center;width:27px;height:29px;flex-shrink:0;clip-path:polygon(4% 6%,100% 0,96% 95%,0 100%);background:var(--yellow);color:#173740;font-weight:800}.tiny-label{font-size:8px;letter-spacing:1.3px}.quest-heading p{font-size:12px;font-weight:700;margin:5px 0 0}.quest-description{font-size:11px;line-height:1.8;color:#98b1b7;margin:12px 0 22px;max-width:245px}.quest-progress{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.2px;color:#789aa4}.quest-progress span:last-child{font-size:11px;letter-spacing:0;color:#d6e0de}.progress-track{height:3px;background:#ffffff15;margin-top:10px}.progress-track>div{background:var(--yellow);height:100%;width:0;transition:width .6s}.text-button{padding:13px 0 0;background:none;font-size:10px;color:#b1c6c8;display:flex;justify-content:space-between;width:100%}.text-button span{font-size:16px}#location-label{position:absolute;right:15%;top:133px;color:#a9c8cc;font-size:9px;letter-spacing:2.4px;display:flex;align-items:center;gap:12px}.location-cross{color:var(--yellow);font-size:17px}#world-tag{position:absolute;right:11%;bottom:195px;display:flex;align-items:center;gap:8px;font-size:10px;color:#97b3b9;transform:rotate(-5deg)}#world-tag b{font-weight:400;color:#c4d3d5}.tag-dot{height:5px;width:5px;border-radius:50%;background:var(--yellow)}#intro-prompt{position:absolute;bottom:123px;left:62%;transform:translateX(-50%);width:max-content;text-align:center;transition:opacity .6s,transform .6s}.key-row{display:flex;align-items:center;gap:15px;font-size:11px;letter-spacing:2.3px;font-weight:700}.key-row kbd{width:34px;height:35px;font-size:16px;display:grid;place-items:center;color:#233d42;background:var(--yellow);border-color:#ffef99;box-shadow:0 3px 0 #a2933b}.arrow{font-size:23px;color:var(--yellow)}#intro-prompt p{font-size:10px;color:#839fa7;margin-top:14px}.bottom-bar{position:absolute;left:42px;right:42px;bottom:27px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px}.controls{display:flex;align-items:center;gap:20px}.controls>div{display:flex;align-items:center;gap:9px;font-size:10px;color:#b5c9cd}.controls i{height:17px;width:1px;background:var(--line)}kbd{font-family:inherit;display:inline-flex;align-items:center;justify-content:center;border:1px solid #79959e75;background:#24444d80;border-radius:3px;font-size:10px;min-width:21px;height:23px;color:#e8eeee;padding:0 5px;box-shadow:0 2px 0 #0c252c}.wasd{display:flex;flex-direction:column;align-items:center;gap:2px}.wasd kbd{height:16px;min-width:17px;font-size:8px;padding:0 4px}.wasd>span{display:flex;gap:2px}.space-key{font-size:8px;width:45px}.footer-note{font-size:8px;letter-spacing:1.7px;color:#7899a3;display:flex;align-items:center;gap:9px}#inventory{position:absolute;right:42px;bottom:103px;display:flex;gap:7px;align-items:center}#inventory>span{font-size:8px;letter-spacing:2px;color:#76959f;margin-right:5px}#inventory>div{width:37px;height:39px;border:1px dashed #7999a34d;border-radius:6px;display:grid;place-items:center;color:#72939a55;font-size:22px;background:#15364044;transition:all .3s}#inventory>div.collected{background:#f4d45124;border:1px solid var(--yellow);color:var(--yellow)}.hidden{display:none!important}#interaction-prompt{position:absolute;bottom:138px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#f8f6e9;color:#19323a;box-shadow:0 5px 0 #13273055;padding:12px 20px;border-radius:4px;font-size:13px;font-weight:700}#interaction-prompt kbd{background:#e7cf68;color:#183138;border:0;box-shadow:none}#reticle{pointer-events:none;position:absolute;left:50%;top:50%;width:17px;height:17px;border:1px solid #ffffff65;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center}#reticle span{width:3px;height:3px;background:white;border-radius:50%}#objective-compass{position:absolute;left:50%;top:100px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:8px 15px;border:1px solid var(--line);background:#13343caa;border-radius:30px;font-size:11px}#direction-arrow{color:var(--yellow);font-size:19px}#target-distance{font-size:10px;color:#a0c0c4;font-weight:500}#toast{position:absolute;top:151px;left:50%;transform:translate(-50%,-10px);opacity:0;transition:all .3s;border:1px solid #f4d45144;background:#173b41ee;padding:11px 18px;border-radius:4px;font-size:12px;pointer-events:none;max-width:420px;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}#dialogue{position:absolute;bottom:103px;left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 60px));background:#f3f0df;color:#1f383c;border:2px solid #d4ddce;box-shadow:7px 8px 0 #061c2880;border-radius:4px;display:flex;gap:21px;padding:22px 27px 18px}#speaker-portrait{width:105px;height:115px;object-fit:contain;align-self:flex-end;filter:drop-shadow(2px 2px 0 #1c383c22)}.dialogue-content{flex:1}.speaker-row{display:flex;align-items:center;justify-content:space-between}#speaker-name{font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}#dialogue-step{font-size:10px;color:#79857c}#dialogue-text{font-size:15px;line-height:1.55;margin:10px 0 15px;min-height:45px}#dialogue-next{background:none;color:#233c40;display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%;font-size:11px;font-weight:700}#dialogue-next kbd{background:#d9d9bf;color:#1a3538;border:0;box-shadow:none}dialog{color:#eff3e9;background:#15353e;border:1px solid #72919a55;border-radius:8px;width:min(560px,calc(100% - 30px));padding:28px 32px;box-shadow:0 24px 100px #0007}dialog::backdrop{background:#041b24bb;backdrop-filter:blur(9px)}.modal-top{display:flex;align-items:center;justify-content:space-between}.close-modal{font-size:27px;background:none;color:#94aeb4}.modal-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:44px;line-height:1.05;margin:24px 0 18px;text-transform:uppercase}.modal-copy{font-size:14px;color:#bacfd1;line-height:1.8}.control-list{padding:0;list-style:none}.control-list li{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;color:#b9cecf}.control-list kbd{margin-left:4px}.primary-button{background:var(--yellow);color:#233b3a;padding:13px 22px;border-radius:3px;font-weight:700;font-size:12px;margin-top:14px;width:100%}.secondary-button{background:none;color:#b7cacc;padding:13px;font-size:11px;width:100%}.journal-step{padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.65;color:#9eb9be}.journal-step.active{color:var(--yellow)}.journal-step b{color:#f0f2df}.journal-step.completed{color:#bad2b6}.badge{display:inline-block;font-size:10px;background:#f4d45122;color:var(--yellow);padding:6px 9px;border-radius:3px;letter-spacing:1px}#loading{position:absolute;inset:0;background:#112d36;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:10;transition:opacity .5s}#loading h2{font-size:42px;margin:20px 0 10px}#loading p{font-size:12px;color:#99b3bd}.loading-star{font-size:48px;color:var(--yellow);animation:spin 5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.playing .episode-panel{top:128px;width:255px}body.playing .episode-panel h1,body.playing .intro-copy,body.playing .episode-panel>.eyebrow,body.playing .episode-divider{display:none}body.playing #intro-prompt{opacity:0;pointer-events:none;transform:translate(-50%,15px)}body.playing #world-tag{display:none}body.playing #location-label{top:auto;bottom:115px;left:45px;right:auto;font-size:8px}body.talking #interaction-prompt,body.talking #reticle{display:none!important}#touch-controls{display:none}
@media(min-height:900px){.episode-panel{top:180px}h1{font-size:87px}.intro-copy{font-size:16px}.quest-heading p{font-size:14px}.quest-description{font-size:13px}.tiny-label{font-size:9px}.chapter-label{font-size:10px}#world-tag{bottom:230px}#intro-prompt{bottom:150px}}
@media(max-height:740px) and (min-width:761px){.episode-panel{top:124px;width:265px}h1{font-size:62px;margin-top:20px}.intro-copy{font-size:12px}.episode-divider{margin:18px 0}.episode-panel h2{font-size:23px;margin-bottom:18px}.quest-description{margin-bottom:14px}.topbar{top:23px}.bottom-bar{bottom:20px;padding-top:13px}#location-label{top:105px}#intro-prompt{bottom:108px}}
@media(max-width:1000px){.world-status{display:none}.episode-panel{left:32px;width:250px}h1{font-size:62px}.topbar{left:28px;right:28px}.bottom-bar{left:28px;right:28px}.controls{gap:12px}.footer-note{display:none}#location-label{right:9%;font-size:8px}#world-tag{right:7%}body.playing .episode-panel{width:215px}#inventory{right:28px}}
@media(max-width:760px){.topbar{top:22px;left:22px;right:22px}.brand-icon{width:34px;height:35px;font-size:22px}.brand-text{font-size:20px}.brand-text>span{font-size:8px;letter-spacing:2.7px}.top-actions{gap:5px}.icon-button{width:32px;height:32px}.episode-panel{left:25px;top:112px;width:220px;pointer-events:none}.eyebrow{font-size:7px}h1{font-size:54px;margin-top:17px}.intro-copy{font-size:12px}.episode-divider,.chapter-label,.episode-panel h2,.quest-heading,.quest-description,.quest-progress,.progress-track,.text-button{display:none}#location-label{top:90px;right:23px;font-size:7px;letter-spacing:1px;max-width:140px;text-align:right}.location-cross{display:none}#world-tag{right:23px;bottom:220px;font-size:8px}#intro-prompt{left:50%;bottom:160px}.key-row{font-size:9px;gap:10px;letter-spacing:1.6px}#intro-prompt p{font-size:9px}.controls{gap:12px;justify-content:center;width:100%}.controls>div{font-size:9px;gap:6px}.controls i{display:none}.bottom-bar{bottom:25px;left:22px;right:22px}#inventory{bottom:101px;right:23px}#inventory>span{font-size:7px}#inventory>div{width:28px;height:30px}body.playing .episode-panel{top:94px;left:23px;width:185px;pointer-events:auto}body.playing .chapter-label,body.playing .quest-heading,body.playing .progress-track,body.playing .text-button{display:flex}body.playing .chapter-label{margin-bottom:14px}body.playing .quest-heading p{font-size:11px}.tiny-label{display:none}body.playing #location-label{bottom:162px;left:23px;max-width:160px;font-size:7px}#objective-compass{top:88px;left:auto;right:20px;transform:none;padding:6px 9px;font-size:9px}#target-distance{font-size:8px}#interaction-prompt{bottom:175px;font-size:11px;white-space:nowrap}#dialogue{bottom:170px;padding:15px;gap:12px;width:calc(100% - 32px)}#speaker-portrait{width:58px;height:75px}#dialogue-text{font-size:13px}#speaker-name{font-size:20px}#toast{top:200px;font-size:10px;width:260px}}
@media(pointer:coarse){#touch-controls{position:absolute;bottom:81px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}#touch-controls button{pointer-events:auto;border:1px solid #90b0b980;background:#244852aa;min-width:38px;height:37px;border-radius:6px;margin:2px;touch-action:none}#touch-controls>div:last-child{display:flex;gap:8px}.touch-dpad{text-align:center}#inventory{bottom:190px}body.playing .controls{display:none}#world-tag{bottom:255px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep the opening title compact at every desktop height. */
@media(min-width:761px){.episode-panel h1{font-size:68px;white-space:nowrap;letter-spacing:-1px}.episode-panel{top:153px}}
@media(max-height:740px) and (min-width:761px){.episode-panel{top:124px}.episode-panel h1{font-size:60px}}

@media(max-width:760px){.episode-panel h1{font-size:44px;white-space:nowrap;letter-spacing:-.5px}.episode-panel{width:calc(100% - 50px)}.intro-copy{font-size:11px}}

/* Brick workshop: the episode stays readable while the world fills the screen. */
#build-tools{position:absolute;right:42px;top:126px;display:flex;flex-direction:column;align-items:flex-end;gap:9px;pointer-events:auto}
#build-button{display:flex;align-items:center;gap:10px;background:#15343eee;border:1px solid #b0cfd345;border-radius:5px;padding:11px 13px;font-size:9px;letter-spacing:1px;box-shadow:0 8px 24px #08182122}
.brick-symbol{color:var(--yellow);font-size:21px;line-height:16px}#build-button[aria-pressed=true]{background:var(--yellow);color:#173740;border-color:var(--yellow)}#build-button[aria-pressed=true] .brick-symbol{color:#173740}#view-button{font-size:9px;letter-spacing:.5px;background:#15343e9c;padding:6px 9px;border-radius:3px;color:#c0d5d8}
#build-tools p{display:none;font-size:10px;color:#d1e1dd;gap:7px;align-items:center;padding:9px;background:#15343eee;border-radius:4px;margin:0}#build-tools p span{margin-left:5px;color:#9ababe}body.building #build-tools p{display:flex}#build-tools kbd{font-size:9px;width:20px;height:20px}
#location-label{right:auto;left:45%;top:115px;font-size:8px;letter-spacing:1.8px}
body.playing .episode-panel{background:linear-gradient(115deg,#102a35f0,#102a35b8);padding:20px;border-radius:6px;border:1px solid #a3bfbe20;left:30px;top:112px;width:255px;box-shadow:0 10px 40px #071b2520}
body.playing .episode-panel h2{font-size:24px}body.playing #location-label{left:32px}body.playing #objective-compass{background:#102a35e0;border:1px solid #9bbbba30;box-shadow:0 8px 24px #071b2520}
body.building #reticle span{background:var(--yellow);box-shadow:0 0 0 5px #f4d45130}body.talking #build-tools{display:none}
@media(min-width:761px){.episode-panel h1{font-size:65px}}
@media(max-width:1050px){#build-tools{right:24px}#location-label{display:none}}
@media(max-width:760px){#build-tools{right:18px;top:110px}#build-button{font-size:8px;padding:8px;gap:7px}#view-button{font-size:8px}#build-tools p{font-size:8px;max-width:175px;flex-wrap:wrap}body.playing .episode-panel{left:18px;top:104px;width:170px;padding:13px}body.playing #objective-compass{top:64px;right:18px}.episode-panel h1{font-size:43px}.intro-copy{max-width:200px}body.playing .text-button{padding-top:10px}}

body.playing .vignette{background:linear-gradient(0deg,#102a35f5,transparent 23%)}
body.playing .bottom-bar{color:#edf4f0}body.playing .footer-note{color:#c0d4d4}body.playing .controls{color:#e2ebdf}body.playing #inventory{background:#17343ec7;padding:8px;border-radius:5px}body.playing #location-label{color:#e1e8d7;text-shadow:0 1px 5px #092534}body.playing #inventory>span{color:#b5cccc}

body.building:not(.mouse-locked) #reticle{display:none}body.building #world{cursor:grab}