@import "https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#f0eee1;font-synthesis:none;background:#b6a17a;font-family:Golos Text,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{width:100vw;height:100vh;display:block}header,footer{justify-content:space-between;align-items:center;display:flex;position:fixed;left:38px;right:38px}header{top:28px}.brand{color:#f0eee1;letter-spacing:-3px;align-items:center;gap:12px;font-size:37px;font-weight:900;text-decoration:none;display:flex}.brand>span{letter-spacing:2px;border-left:1px solid #ffffff50;padding-left:14px;font-size:13px}.brand small{letter-spacing:1.5px;color:#d9d6c5;margin-top:6px;font:9px IBM Plex Mono,monospace;display:block}.location,.eyebrow,.tag,kbd,.controls,.vitals small,.wallet{font-family:IBM Plex Mono,monospace}.location{letter-spacing:1px;font-size:10px}.location i{background:#c8ec9b;width:6px;height:6px;margin-right:9px;display:inline-block;box-shadow:0 0 12px #b6ed8c}.location span{margin:0 12px}button{letter-spacing:1px;color:inherit;cursor:pointer;background:#222d24d9;border:1px solid #e0e5c650;padding:13px 18px;font:11px IBM Plex Mono,monospace;transition:background .2s,transform .2s}button:hover{background:#4a6243;transform:translateY(-2px)}kbd{color:#e5e9ca;border:1px solid #ddd8bd50;margin-left:10px;padding:4px 6px;font-size:10px}.intro{pointer-events:none;text-shadow:0 2px 24px #302f2460;position:fixed;top:145px;left:40px}.eyebrow{letter-spacing:2px;color:#d2e7b9;font-size:9px}h1{letter-spacing:-2.8px;margin:18px 0 20px;font-size:clamp(34px,4.2vw,62px);font-weight:800;line-height:1.04}h1 span{color:#b9df8c}.intro p{color:#e0dfcf;font-size:12px;line-height:1.8}.tag{letter-spacing:1px;color:#c7e5a9;margin-top:27px;font-size:9px}#quest{background:#202a22e8;border-top:2px solid #bdd595;width:258px;padding:21px;position:fixed;top:143px;right:38px;box-shadow:0 8px 35px #18221622}#quest .eyebrow{letter-spacing:1px;justify-content:space-between;font-size:8px;display:flex}h2{letter-spacing:-.7px;font-size:22px}#quest h2{margin:17px 0 9px;font-size:19px}#quest p{color:#bfc5b5;font-size:11px;line-height:1.8}#questSteps{color:#e1e6d6;font-size:10px;line-height:2.3}.done{color:#a7cc86}footer{bottom:27px}.vitals{width:180px}.vitals>span{justify-content:space-between;font:10px IBM Plex Mono,monospace;display:flex}.bar{background:#ffffff30;height:4px;margin:9px 0 12px}.bar i{background:#bcd99b;height:100%;display:block}.vitals small{font-size:9px}.vitals em{color:#d1e5b7;margin-left:12px;font-style:normal}.controls{color:#eee9d6;gap:20px;font-size:9px;display:flex}.controls kbd{background:#25302688;margin:0 5px 0 0}.wallet{font-size:10px}.wallet b{margin-right:8px;font-size:24px}.wallet>span{color:#cfb989;margin-left:10px}#hint{background:#202a22ec;border:1px solid #bcd99b70;padding:12px 20px;font-size:12px;display:none;position:fixed;bottom:125px;left:50%;transform:translate(-50%)}#toast{opacity:0;color:#233125;pointer-events:none;background:#c4db9e;padding:13px 24px;font-size:12px;transition:all .3s;position:fixed;bottom:185px;left:50%;transform:translate(-50%,15px)}#toast.show{opacity:1;transform:translate(-50%)}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#151e18aa;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hidden{display:none}.overlay article{background:#222d25;border-top:3px solid #bfdc94;width:min(520px,92vw);padding:38px;box-shadow:0 30px 100px #0006}.overlay h2{font-size:31px;line-height:1.2}.overlay p{color:#d1d7c7;font-size:14px;line-height:1.9}.overlay button{text-align:left;width:100%;margin-top:15px;display:block}.overlay .secondary{color:#aab6a2;background:0 0;border:0;padding-left:0;font-size:10px}#journalContent{color:#c9d0bf;font-size:12px;line-height:1.9}#journalContent h3{color:#c9e6a6;margin-bottom:4px}@media (width<=800px){header,footer{left:18px;right:18px}.location,.controls,.intro p,.tag{display:none}.intro{top:110px;left:20px}h1{font-size:36px}#quest{width:215px;padding:15px;top:auto;bottom:100px;right:16px}.intro .eyebrow{font-size:8px}.brand{font-size:28px}.brand>span{font-size:10px}#hint{width:max-content;max-width:90vw;bottom:310px}.vitals{width:140px}}body{touch-action:none;overscroll-behavior:none}button:disabled{opacity:.5;cursor:wait}#menuBtn{margin-left:auto;margin-right:12px}#mainMenu{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#18221cf5 0%,#1e2921d9 35%,#1e292100 85%);justify-content:flex-start;padding-left:9vw}#mainMenu article{box-shadow:none;background:0 0;border:0;width:340px;padding:20px 0}#mainMenu h2{letter-spacing:-4px;margin:25px 0;font-size:76px;line-height:.95}#mainMenu h2 span{color:#c4dc9b}#mainMenu p{font-size:12px;line-height:1.8}#mainMenu label{letter-spacing:1.5px;color:#c9d7bc;margin-top:22px;font:9px IBM Plex Mono,monospace;display:block}input{color:#e8eedc;background:#1d2821d9;border:1px solid #c4d6ae55;border-radius:0;outline:none;width:100%;margin-top:8px;padding:13px 12px;font:14px Golos Text,sans-serif;display:block}input:focus{border-color:#c5dd9b}#createGame{color:#223024;background:#c3d99c;font-weight:600}#createGame span{float:right}.menuDivider{color:#a1ae99;letter-spacing:1.4px;margin-top:23px;font:8px IBM Plex Mono,monospace}#mainMenu small{color:#acb7a3;font:9px/1.9 IBM Plex Mono,monospace;display:block}#menuError{min-height:22px;color:#e5ba87!important}#resumeGame.hidden{display:none}#roomBadge{color:#e4e7d8;font:8px IBM Plex Mono,monospace;position:fixed;bottom:92px;right:38px}#copyRoom{background:#243025b8;border:0;margin-left:5px;padding:7px;font-size:10px}#touchControls,#rotateNotice{display:none}.in-menu header,.in-menu footer,.in-menu .intro,.in-menu #quest,.in-menu #roomBadge,.in-menu #touchControls,.in-menu #hint{visibility:hidden}.saveNote{color:#9eaf94!important;font-size:10px!important}#rotateNotice{z-index:100;color:#e4ecd6;text-align:center;background:#202c23;flex-direction:column;justify-content:center;align-items:center;position:fixed;inset:0}#rotateNotice>div{color:#c0d99c;font-size:70px}#rotateNotice p{font-size:13px;line-height:1.9}@media (pointer:coarse){#touchControls{pointer-events:none;z-index:3;display:block;position:fixed;inset:0}#joystick{pointer-events:auto;touch-action:none;background:#26342650;border:1px solid #d4e4ba66;border-radius:50%;place-items:center;width:114px;height:114px;display:grid;position:absolute;bottom:25px;left:30px}#stick{pointer-events:none;background:#a9be8a80;border:1px solid #d6e5bf99;border-radius:50%;width:44px;height:44px}#touchAction{pointer-events:auto;background:#263a2ccf;border-color:#bed796;border-radius:50%;width:85px;height:85px;font-size:24px;position:absolute;bottom:36px;right:35px}#touchAction span{letter-spacing:0;margin-top:5px;font-size:7px;display:block}#touchJournal{pointer-events:auto;padding:13px;font-size:9px;position:absolute;bottom:50px;right:138px}.controls{display:none}footer{bottom:16px;left:170px;right:155px}.vitals{width:125px}.vitals small{display:none}.wallet b{font-size:18px}#quest{width:210px;padding:13px;top:90px;bottom:auto;right:20px}.intro{top:100px;left:22px}.intro h1{font-size:32px}.intro p,.tag{display:none}header{top:17px;left:20px;right:20px}.location{display:none}.brand{font-size:28px}.brand>span{font-size:9px}#roomBadge{top:63px;bottom:auto;right:20px}#hint{width:max-content;max-width:70vw;font-size:10px;bottom:120px}#journalBtn{display:none}#menuBtn{padding:9px}#mainMenu{padding-left:7vw}#mainMenu article{width:320px}#mainMenu h2{margin:10px 0;font-size:47px}#mainMenu .eyebrow{font-size:8px}#mainMenu label{margin-top:10px}#mainMenu input{padding:8px}#mainMenu button{margin-top:8px;padding:10px}#mainMenu p{margin:7px 0;font-size:10px}#mainMenu .menuDivider{margin-top:12px}#mainMenu small{font-size:8px}#menuError{min-height:14px}#toast{width:max-content;max-width:75vw;font-size:10px;bottom:155px}.overlay article{max-height:90vh;padding:24px;overflow-y:auto}.overlay h2{font-size:25px}.overlay p{font-size:12px}}@media (pointer:coarse) and (orientation:portrait){#rotateNotice{display:flex}}@media (height<=450px) and (orientation:landscape){#mainMenu article{width:440px}#mainMenu h2{margin:5px 0;font-size:36px;line-height:1}#mainMenu h2 br{display:none}#mainMenu p{margin:5px 0;font-size:10px}#mainMenu label{margin-top:5px}#mainMenu .menuDivider{margin-top:8px}#mainMenu button{margin-top:6px;padding:8px}#mainMenu input{padding:6px}#mainMenu small{font-size:7px;line-height:1.3}#mainMenu #menuError{min-height:12px;margin:2px 0}#quest{width:200px;top:90px}#quest p{font-size:9px;line-height:1.5}#questSteps{font-size:9px;line-height:1.8}#quest h2{margin:10px 0 5px;font-size:16px}.intro h1{font-size:27px}}#fullscreenBtn{display:none}@media (pointer:coarse){#fullscreenBtn{margin-left:auto;padding:5px 10px;font-size:21px;display:block}#menuBtn{margin-left:10px}header{left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right))}#joystick{left:calc(30px + env(safe-area-inset-left))}#touchAction{right:calc(35px + env(safe-area-inset-right))}#touchJournal{right:calc(138px + env(safe-area-inset-right))}.in-menu #fullscreenBtn{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}