@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,500&family=Montserrat:wght@400;500;600&display=swap";:root{--ivory:#e9e4d3;--mint:#8fe0c0;--dim:#9aa9a2;--glass:rgba(7,16,15,.58)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050b0b;color:var(--ivory);font-family:Montserrat,Arial,sans-serif}canvas{display:block;width:100%;height:100%}button{font:600 11px Montserrat,Arial;letter-spacing:.22em;color:#07100f;background:var(--ivory);border:0;padding:17px 25px;cursor:pointer;transition:.25s}button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 35px #8fe0c038}.screen{position:fixed;inset:0;z-index:20;display:none;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:10vw;background:radial-gradient(circle at 70% 40%,transparent 0,rgba(3,8,8,.23) 42%,rgba(3,8,8,.8) 100%);opacity:0;transition:opacity .6s}.screen.active{display:flex;opacity:1}.eyebrow{font-size:10px;letter-spacing:.42em;color:var(--mint);margin-bottom:15px}.screen h1{font:600 clamp(70px,11vw,155px)/.68 "Cormorant Garamond",serif;letter-spacing:-.055em;margin:12px 0 40px;text-shadow:0 8px 40px #000}.screen h1 i,.screen h2 i{font-weight:400;color:#afc2b8}.screen p{color:#c3cbc5;font:400 15px/1.8 Cormorant Garamond,serif;letter-spacing:.04em;margin:0 0 34px}.screen button span{font-size:16px;margin-left:18px}.controls{position:absolute;left:10vw;bottom:6vh;color:#74837d;font-size:9px;letter-spacing:.16em}.controls b{color:#bac4bd}.hidden{display:none!important}#pause{align-items:center;padding:0;background:#030808c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#pause h2,#ending h2{font:500 clamp(55px,8vw,115px)/.8 "Cormorant Garamond",serif;margin:10px 0 40px}#ending{align-items:center;text-align:center;padding:0;background:radial-gradient(circle,#0a231db3,#020807f0)}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}.brand{position:absolute;top:30px;left:34px;font:600 17px Cormorant Garamond;letter-spacing:.12em}.brand i{font-weight:400;color:#91a59b}.brand:after{content:"";display:block;margin-top:8px;width:22px;height:1px;background:var(--mint)}#quest{position:absolute;top:35px;right:36px;text-align:right;border-right:1px solid rgba(143,224,192,.55);padding-right:14px}.quest-label{font-size:8px;letter-spacing:.32em;color:var(--mint);margin-bottom:9px}#quest-title{font:600 18px Cormorant Garamond;letter-spacing:.03em}#quest-detail{font-size:9px;color:#8f9b96;letter-spacing:.08em;margin-top:4px}#quest-detail b{color:#dbe6df;margin-left:8px}#stats{position:absolute;bottom:32px;left:34px;width:210px;padding:14px;background:linear-gradient(90deg,rgba(3,10,9,.62),transparent)}.level{font-size:8px;letter-spacing:.28em;margin-bottom:11px;color:#aebbb5}.level b{color:var(--mint)}.level em{float:right;color:#d8c694;font-style:normal;letter-spacing:.12em}.meter{display:grid;grid-template-columns:46px 1fr;align-items:center;margin:7px 0}.meter label{font-size:7px;letter-spacing:.18em;color:#77857f}.bar{height:3px;background:#ffffff21;overflow:hidden}.bar span{display:block;width:100%;height:100%;transition:width .15s}.stamina .bar span{background:linear-gradient(90deg,#578c78,var(--mint))}.health .bar span{background:linear-gradient(90deg,#783c39,#df7c70)}.hunger .bar span{background:linear-gradient(90deg,#8c6b34,#e4c27d)}#crosshair{position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);border:1px solid rgba(233,228,211,.28);border-radius:50%;transition:.2s}#crosshair span{position:absolute;left:6px;top:6px;width:2px;height:2px;background:#fff;border-radius:50%}#crosshair.focus{width:22px;height:22px;border-color:var(--mint)}#crosshair.focus span{left:9px;top:9px;background:var(--mint)}#prompt{position:absolute;left:50%;top:57%;transform:translate(-50%);font-size:9px;letter-spacing:.2em;color:#dce9e2;background:var(--glass);padding:10px 14px;opacity:0;transition:.25s;border:1px solid rgba(255,255,255,.08)}#prompt.show{opacity:1}#compass{position:absolute;left:50%;top:27px;transform:translate(-50%);width:120px;text-align:center;color:#b9c6c0;font:500 9px Montserrat;letter-spacing:.22em}#compass:before,#compass:after{content:"";position:absolute;top:5px;width:38px;height:1px;background:#ffffff24}#compass:before{left:0}#compass:after{right:0}.tick{position:absolute;left:59px;top:-5px;width:1px;height:4px;background:var(--mint)}#world-time{display:block;margin-top:9px;font-size:7px;color:#b9c8c1;letter-spacing:.16em;white-space:nowrap}#toast{position:absolute;left:50%;top:18%;transform:translate(-50%,-12px);width:min(430px,80vw);text-align:center;opacity:0;transition:.6s;padding:22px;background:linear-gradient(90deg,transparent,rgba(5,16,14,.7),transparent)}#toast.show{opacity:1;transform:translate(-50%)}#toast small{display:block;color:var(--mint);font-size:8px;letter-spacing:.35em;margin-bottom:8px}#toast strong{display:block;font:600 25px Cormorant Garamond;letter-spacing:.06em}#toast p{font:400 13px Cormorant Garamond;color:#a9b5af;margin:6px 0}#vignette,#grain{position:fixed;inset:0;z-index:5;pointer-events:none}#vignette{background:radial-gradient(circle,transparent 48%,rgba(8,18,14,.08) 78%,rgba(2,8,7,.46) 125%)}#grain{opacity:.055;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-1%,1%)}50%{transform:translate(1%,-1%)}75%{transform:translate(1%,1%)}}#final-stats{font-size:9px;letter-spacing:.2em;color:#94a39c;margin:-15px 0 30px}@media(max-width:700px){.screen{padding-left:7vw}.screen h1{font-size:65px}.controls{left:7vw;width:85%;line-height:2}.brand{left:18px}.quest{right:18px}#quest-title{font-size:15px}}