@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080e0c;color:#e5e6d9;font:12px 'IBM Plex Mono',monospace}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #c9da9b;outline-offset:5px}button:disabled{opacity:.35;cursor:wait}[hidden]{display:none!important}#world{display:block;width:100%;height:100%;touch-action:none}.vignette,.grain,.scanlines{position:fixed;inset:0;pointer-events:none}.vignette{background:radial-gradient(ellipse at center,transparent 30%,#02090755 75%,#010604c0);z-index:2}.grain{opacity:.055;z-index:6;filter:url(#noise);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.94' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.scanlines{z-index:5;opacity:.12;background:repeating-linear-gradient(transparent 0px,transparent 3px,#000 4px)}#hud{position:fixed;inset:0;z-index:4;pointer-events:none}header{position:absolute;top:28px;left:32px;right:32px;display:flex;align-items:flex-start;gap:28px}.identity{font:700 23px/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;text-shadow:0 2px 8px #000}.identity span{display:block;font:8px 'IBM Plex Mono',monospace;letter-spacing:2.5px;margin-top:7px;color:#9da897}.clock{margin-left:auto;text-align:right}.clock>span{font-size:28px;letter-spacing:2px}.clock small{display:block;font-size:8px;letter-spacing:1.5px;color:#b0b7a5;margin-top:3px}#pause{pointer-events:auto;border:1px solid #a3b49844;background:#10231d88;color:#d3dcc6;padding:8px 12px}.objective{position:absolute;top:120px;left:32px;width:300px;text-shadow:0 2px 6px #000}.tiny{font-size:8px;letter-spacing:2px;color:#a8b9a3}.tiny b{color:#e0b893}.objective h2{font:600 23px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.5px;margin:10px 0 5px}.objective p{font-size:10px;line-height:1.7;color:#bec7b2;max-width:270px}.balance{position:absolute;right:32px;top:120px;text-align:right}.balance small{display:block;font-size:8px;letter-spacing:2px;color:#acb5a0}.balance b{display:block;font-size:23px;margin:7px 0}.balance>span{font-size:8px;letter-spacing:1px;color:#a2ae98}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:17px;font-weight:400;color:#f3f2db88;text-shadow:0 0 5px #000}#crosshair.active{color:#e7e9b6}#prompt{position:absolute;top:58%;left:50%;transform:translateX(-50%);text-align:center;background:#08120ce6;padding:13px 20px;border:1px solid #a1b68b44;min-width:230px;max-width:90vw;box-shadow:0 5px 25px #0005}kbd{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bcc5a6;color:#e3e8ce;width:23px;height:24px;margin-right:12px;font:12px 'IBM Plex Mono'}#action{font-size:11px}#secondary{display:block;color:#d5b99b;font-size:9px;margin:9px 0 0}#secondary:empty{display:none}#subtitle{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);max-width:660px;width:max-content;text-align:center;font-size:14px;line-height:1.6;background:#07110be0;padding:12px 20px;border-left:2px solid #9d4f3f;opacity:0;transition:opacity .3s;max-width:90vw;text-shadow:0 2px #000}#subtitle.show{opacity:1}.bottomline{position:absolute;bottom:25px;left:32px;right:32px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1px;color:#bbc5adb0}.bottomline>span:first-child{color:#dde1c9}.bottomline i{font-style:normal;margin:0 5px;color:#ac7764}.overlay{position:fixed;inset:0;z-index:8;display:flex;align-items:center;padding:6vh 7vw;background:linear-gradient(90deg,#050d0bf2 0%,#06120cda 38%,#06110d44 70%,#0003);overflow:auto}.menuinner{width:520px}.chapter{font-size:9px;letter-spacing:2px;color:#adb8a0;display:flex;align-items:center;gap:12px}.redline{width:22px;height:2px;background:#bb654e}.series{font:600 18px 'Barlow Condensed',Impact,sans-serif;letter-spacing:7px;margin:38px 0 7px;color:#bcc8af}h1{font:800 clamp(75px,11vw,145px)/.82 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px;margin:0 0 30px;color:#e6e7d8;text-shadow:3px 0 #889b8530}h1 span{color:#a75a43}.blurb{font-size:12px;line-height:1.9;color:#b6c0a9}.metarow{display:flex;gap:18px;font-size:8px;letter-spacing:1px;color:#89997f;margin:24px 0}.start{display:flex;justify-content:space-between;align-items:center;width:290px;padding:18px 22px;background:#c5cfab;color:#18271d;border:none;font-weight:600;letter-spacing:2px;box-shadow:0 4px 25px #0003}.start:hover{background:#e3e7c7}.start span{font-size:22px;line-height:1}.instructions{font-size:9px;line-height:1.9;color:#8e9e87;margin:18px 0}.settings{display:flex;gap:20px;flex-wrap:wrap;color:#97a58c;font-size:9px}.settings label{cursor:pointer;display:flex;gap:6px;align-items:center}.settings input{accent-color:#acbd92}#loading{font-size:9px;color:#bca78e;margin-top:18px}.menunote{position:absolute;bottom:40px;right:40px;text-align:right;line-height:1.8;letter-spacing:2px;font-size:11px;color:#dce2ca88}.menunote strong{display:block;font-size:8px;font-weight:400;color:#91a082}.menunote span{display:block;font-size:7px;margin-top:16px;color:#6c7e68}.pausecard{margin:auto;max-width:510px}.pausecard h2{font:700 70px/.95 'Barlow Condensed',Impact,sans-serif;margin:24px 0}.pausecard>p:not(.chapter){line-height:1.9;color:#aebca1}.textbutton{display:block;background:none;border:0;color:#aab99c;margin-top:20px;padding:10px 0}.pausecard .start{margin-top:30px}.pausecard #endstats{border-top:1px solid #81926a44;padding-top:20px;line-height:2;font-size:12px;color:#d1d8bd}#receipt{position:absolute;right:32px;bottom:80px;width:210px;background:#e4dec5;color:#323d30;padding:20px;font-size:10px;line-height:1.9;transform:rotate(2deg);box-shadow:0 5px 20px #0005}#receipt b{display:block;border-bottom:1px dashed #6a725e;margin-bottom:10px;padding-bottom:8px;letter-spacing:2px}#receipt span{display:flex;justify-content:space-between}#touch{display:none;position:absolute;bottom:70px;left:25px;right:25px;justify-content:space-between;align-items:flex-end;pointer-events:none}#touch button{pointer-events:auto;background:#11271f88;border:1px solid #b3c29b55;color:#d3dfc1;width:45px;height:42px;touch-action:none}.dpad{text-align:center}.dpad div{display:flex;gap:5px;margin-top:5px}#touchAction{border-radius:50%;width:65px!important;height:65px!important;font-size:20px!important}@media(pointer:coarse){#touch{display:flex}.bottomline>span:last-child{display:none}}@media(max-width:700px){header{top:20px;left:20px;right:20px;gap:15px}.objective{left:20px;top:105px;width:220px}.objective h2{font-size:19px}.objective p{font-size:9px;max-width:190px}.balance{top:105px;right:20px}.balance b{font-size:19px}.clock>span{font-size:23px}.identity{font-size:20px}.menunote{display:none}.overlay{padding:30px 8vw}.series{margin-top:25px}.menuinner{width:100%}h1{font-size:95px}.metarow{gap:12px;font-size:7px}.bottomline{left:20px;right:20px;bottom:20px}.bottomline>span:last-child{font-size:6px;max-width:220px;line-height:1.8;text-align:right}#receipt{right:20px;width:170px;font-size:9px;bottom:70px}#subtitle{font-size:11px;bottom:85px}.pausecard h2{font-size:55px}}@media(max-height:650px){.overlay{align-items:flex-start;padding-top:25px}.chapter{font-size:8px}.series{margin-top:20px}h1{font-size:83px;margin-bottom:18px}.blurb{font-size:10px}.metarow{margin:14px 0}.start{padding:13px 20px}.instructions{margin:10px 0}#loading{margin-top:10px}}

#waypoint{font-size:10px;letter-spacing:1px;color:#d9c89b;background:#0a1a10a6;padding:7px 10px;display:inline-block;border-left:2px solid #8eaa77}.balance>small{font-size:8px;letter-spacing:1px;margin-top:7px}.balance .meter{height:3px;width:110px;background:#51604270;margin:8px 0 0 auto}.balance .meter i{display:block;height:100%;background:#b77f59;transition:width .4s}#basket{position:absolute;left:32px;bottom:80px;width:240px;background:#0a180ee8;border:1px solid #91a87b55;padding:17px;font-size:10px;line-height:1.8}#basket strong{display:block;letter-spacing:1px;color:#d8d9b6;margin-bottom:8px}#basket .scanned{color:#839e76}#basket .itemline{display:flex;justify-content:space-between}#basket .trait{margin-top:10px;padding-top:8px;border-top:1px solid #9caa7640;color:#c8b49a;font-size:9px}#notebook{position:absolute;right:30px;top:210px;max-height:calc(100vh - 280px);overflow:auto;width:330px;background:#ddd6bdf5;color:#263c2a;padding:24px;pointer-events:auto;box-shadow:0 5px 50px #0008}#notebook h2{font:600 26px 'Barlow Condensed';margin:14px 0}#notebook .tiny{color:#596847}#ledgerstats{line-height:2;font-size:11px;padding:12px 0;border-top:1px dashed #7a8861;border-bottom:1px dashed #7a8861}#entries p{font-size:10px;line-height:1.7;padding-bottom:8px;border-bottom:1px solid #77855f40}#toast{position:absolute;top:80px;left:50%;transform:translateX(-50%);color:#d9dfbc;font-size:10px}.balance>span{display:block;margin-top:10px}@media(max-width:700px){#basket{left:20px;bottom:65px;width:190px;font-size:9px;padding:12px}#notebook{right:20px;top:220px;width:290px}.balance{max-width:125px}#waypoint{font-size:8px}.objective{max-width:205px}#subtitle{bottom:235px}#receipt{bottom:60px;width:160px}}

.mutebutton{pointer-events:auto;border:1px solid #a3b49844;background:#10231d88;color:#d3dcc6;padding:10px;font-size:8px;letter-spacing:1px}.audio-controls{max-width:340px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:20px}.audio-controls label{font-size:9px;color:#aabb9b;display:grid;grid-template-columns:1fr auto;gap:5px}.audio-controls input{grid-row:2;grid-column:1 / 3;width:100%;accent-color:#b6c69b;cursor:pointer}.audio-controls output{font-size:9px;color:#d2dabd}.audiotest{margin-top:9px;font-size:9px;padding:4px 0}.menuinner .settings{margin-top:12px}.menuinner #loading{margin-top:9px}.pausecard .audio-controls{margin-bottom:22px}@media(max-height:850px){.menuinner .series{margin-top:16px}.menuinner h1{font-size:clamp(66px,9vw,110px);margin-bottom:18px}.menuinner .metarow{margin:15px 0}.menuinner .audio-controls{margin-top:12px;gap:6px 16px}.menuinner .instructions{margin:12px 0}.menuinner .blurb{font-size:11px}}@media(max-width:700px){header{gap:10px}.mutebutton{padding:8px 5px;font-size:7px}.clock small{font-size:6px}.clock>span{font-size:20px}.identity{font-size:18px}.audio-controls{max-width:290px}}

#jobs{position:absolute;left:32px;bottom:65px;padding:12px;background:#0a180ed9;border:1px solid #8b9c6550;width:240px;font-size:8px;line-height:1.9}#jobs b{display:block;letter-spacing:1px;color:#caba95;margin-top:5px}#jobs span{display:block;color:#b0bea3}#workbar{position:absolute;top:69%;left:50%;transform:translateX(-50%);width:240px;text-align:center;font-size:9px;letter-spacing:1px;color:#d7d7b5}#workbar>div{height:5px;background:#253e28;margin-top:10px}#workfill{display:block;height:100%;background:#c9d6a4}#basket:not([hidden])~#notebook{}#basket{bottom:265px}#subtitle{bottom:90px}@media(max-width:700px){#jobs{left:20px;bottom:60px;width:180px;font-size:7px;padding:8px;line-height:1.6}#basket{bottom:270px;width:180px}#subtitle{bottom:230px}#workbar{top:73%}}

.newgame{display:block;margin-top:14px;color:#b7bda6;font-size:9px;text-decoration:none;letter-spacing:1px}.newgame:hover{color:#e1d6b6;text-decoration:underline}

.game-links{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0;font-size:10px}.game-links a{color:#c2d0ac;text-decoration:none}.game-links a:hover{color:#fff}.trait b{display:block;color:#e1c477;margin-top:8px;line-height:1.5}
