:root{--paper:#eee9d9;--muted:#b8bda9;--green:#b9c58f}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#27342d;color:var(--paper);font:13px 'DM Sans',sans-serif}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #d4dc9d;outline-offset:5px}#world,canvas{position:absolute;inset:0;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(13,25,23,.7),transparent 60%),linear-gradient(0deg,rgba(12,23,21,.9),transparent 24%,transparent 75%,rgba(16,29,27,.6))}header{position:absolute;top:36px;left:45px;right:45px;display:flex;justify-content:space-between;align-items:center}.brand{color:var(--paper);text-decoration:none;display:flex;align-items:center;font:48px Georgia;gap:15px}.brand>span{font:600 17px 'DM Sans';letter-spacing:4px}.brand small{display:block;font-size:8px;letter-spacing:3.2px;margin-top:7px;color:var(--muted)}.topstats{display:flex;align-items:center;gap:22px}.topstats b{font-weight:500;font-size:19px}.topstats small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:5px;color:var(--muted)}.topstats i{width:1px;height:30px;background:#ffffff25}.topstats button{border:1px solid #ffffff23;border-radius:50%;width:35px;height:35px;background:#ffffff07;font-size:17px}.weather-icon{font-size:30px;color:#d1bc84}#intro{position:absolute;left:6.2%;top:25%;width:410px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.2px;color:#c3cdaa;display:flex;align-items:center;gap:10px}.eyebrow>span:first-child{display:inline-block;width:20px;height:1px;background:#c3cdaa}h1{font:76px/.99 'Libre Caslon Display',Georgia,serif;letter-spacing:-2px;margin:27px 0 23px;font-weight:400}h1 em{font-weight:400;color:#c4d09e}#intro p{font-size:13px;line-height:1.9;color:#c9cdbf;margin-bottom:30px}.primary{display:flex;align-items:center;justify-content:space-between;background:#c6d3a7;color:#24342b;border:none;padding:18px 22px;min-width:240px;font-weight:600;font-size:12px}.primary span{font-size:20px}.secondary{display:block;background:#182c2770;border:1px solid #c1cdb33a;padding:14px 20px;min-width:240px;text-align:left;margin-top:10px;font-size:11px}.secondary small{float:right;font-size:8px;color:#b8c3a4;margin-top:3px}.secondary:disabled{opacity:.55;cursor:default}.intro-note{font-size:7px;letter-spacing:1.5px;color:#9fae99;margin-top:24px}#location{position:absolute;left:46px;bottom:110px;font-size:9px;letter-spacing:2px}#location>span{font-size:23px;margin-right:10px}#location small{display:block;padding-left:30px;color:#99aa99;font-size:8px;letter-spacing:1px;margin-top:2px}#journal{position:absolute;right:45px;bottom:112px;width:285px;padding:21px 23px;border:1px solid #dedec321;background:linear-gradient(135deg,#1a2c27c9,#24332bd9);backdrop-filter:blur(12px)}#journal .eyebrow{font-size:8px;letter-spacing:1.4px;justify-content:space-between}#journal .eyebrow span{width:auto;height:auto;background:none;color:#899b86}h3{font:24px 'Libre Caslon Display',Georgia;margin:15px 0 8px}#journal p{font-size:10px;line-height:1.7;color:#b1bca9;margin:0}.steps{display:flex;gap:5px;margin-top:18px}.steps i{height:2px;flex:1;background:#85957a3b}.steps i.active{background:#c6d3a7}footer{position:absolute;left:45px;right:45px;bottom:27px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d0d6bb22;padding-top:20px}.controls{display:flex;gap:18px;font-size:9px;color:#b0bcab;align-items:center}kbd{border:1px solid #c0c9b13d;padding:4px 5px;font:8px 'DM Sans';margin-right:5px;border-radius:2px}.warmth{display:flex;align-items:center;gap:14px}.warmth>span{font-size:27px;color:#c3b28b}.warmth small{font-size:7px;letter-spacing:1.5px;color:#b2bca7;display:block;margin-bottom:4px}.warmth b{font-size:17px;font-weight:400}.warmth em{font:9px 'DM Sans';margin-left:10px;color:#98a68e}.heatbar{width:55px;background:#b9c58f22;height:3px}.heatbar i{display:block;width:8%;height:100%;background:#d9b478}#crosshair{position:absolute;top:50%;left:50%;width:5px;height:5px;border:1px solid #fff9;border-radius:50%;pointer-events:none}#target{position:absolute;top:55%;left:50%;transform:translateX(-50%);background:#182821bc;padding:9px 16px;font-size:11px;border:1px solid #d2dabb30;text-align:center;white-space:pre-line;line-height:1.8}#toast{position:absolute;top:18%;left:50%;transform:translateX(-50%) translateY(-10px);background:#24352bea;border:1px solid #ced6b541;padding:14px 24px;opacity:0;transition:.25s;pointer-events:none;text-align:center;font-size:12px}#toast.show{opacity:1;transform:translateX(-50%)}#playbar{position:absolute;left:45px;bottom:110px}#playbar>div{display:grid;grid-template-columns:40px 170px;gap:4px 10px}.tool-icon{grid-row:span 2;font-size:30px;color:#c6d3a7}#playbar b{font-size:12px;font-weight:500}#playbar small{font-size:9px;color:#a9b79d}#helpBtn{margin-top:15px;background:none;border:0;color:#b7c3aa;font-size:15px;padding:0}#helpBtn span{font-size:9px;margin-left:7px}.modal{position:absolute;inset:0;background:#11201db5;backdrop-filter:blur(12px);display:grid;place-items:center}.modal[hidden]{display:none}.panel{position:relative;width:480px;max-width:95vw;max-height:94vh;overflow:auto;padding:35px;background:#25382f;border:1px solid #b9c58f44}.panel h2{font:38px 'Libre Caslon Display',Georgia;margin:20px 0}.panel p{font-size:12px;line-height:1.9;color:#c4cbb8}.close{position:absolute;top:13px;right:16px;border:0;background:none;font-size:27px}.panel label{display:flex;justify-content:space-between;margin:17px 0;font-size:12px}select{background:#364c3d;border:1px solid #9cac8066;color:#eee9d9;padding:5px}.vrhelp{font-size:10px;color:#a7b49b;line-height:1.7;margin:20px 0}.panel .primary{width:100%}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#25382f;font:30px Georgia;transition:opacity .4s}.playing .vignette{background:linear-gradient(0deg,#10221da6,transparent 20%,transparent 85%,#10221d66)}.playing #intro,.playing #location{display:none}.playing header{pointer-events:none}.playing header button{pointer-events:auto}[hidden]{display:none!important}@media(max-width:760px){header{top:20px;left:20px;right:20px}.topstats{gap:10px}.brand{font-size:34px;gap:8px}.brand>span{font-size:11px;letter-spacing:2px}.brand small{font-size:6px;letter-spacing:2px}.topstats small{font-size:6px}.topstats b{font-size:15px}.topstats button{width:28px;height:28px}.weather-icon{display:none}#intro{left:25px;top:24%;width:85%}h1{font-size:65px}#journal{right:20px;bottom:100px;width:230px}body:not(.playing) #journal{display:none}footer{left:20px;right:20px;bottom:20px}.controls{gap:9px;flex-wrap:wrap;max-width:50%}.controls span:nth-child(n+3){display:none}.warmth{gap:8px}.heatbar{display:none}#location{left:25px}#playbar{left:20px;bottom:110px}#playbar>div{grid-template-columns:30px 100px}#target{max-width:90vw}#toast{width:85%}} 

#playbar #toolSwitch{display:flex;gap:6px;margin-top:12px}#toolSwitch button{background:#172b24c9;border:1px solid #b7c3aa55;padding:8px 10px;color:#c0cbb7;font-size:10px}#toolSwitch button[aria-pressed="true"]{background:#c6d3a7;color:#24342b;border-color:#c6d3a7}

#playbar #toolSwitch{gap:4px}#toolSwitch button{padding:8px;font-size:9px}@media(max-width:760px){#toolSwitch button{padding:7px 5px;font-size:8px}}

.controls{gap:11px;flex-wrap:wrap;max-width:75%}.controls span{white-space:nowrap}