:root{font-family:Manrope,Inter,system-ui,sans-serif;color:#f2f0e6;background:#08120f;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-optical-sizing:auto;--muted:#a8b2a5;--gold:#d3b47c;--line:rgba(232,229,208,.17)}*{box-sizing:border-box}html,body,#game-root,#game{width:100%;height:100%;margin:0;overflow:hidden}body{background:#08120f}button,select,input{font:inherit}button{color:inherit}#game{position:relative;isolation:isolate;background:#13251f}#viewport{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}#viewport canvas{display:block;width:100%;height:100%}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 44%,rgba(3,10,8,.24) 100%),linear-gradient(180deg,rgba(1,8,7,.15),transparent 26%,transparent 75%,rgba(2,8,7,.25))}#damage-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;opacity:0;transition:opacity .15s;background:radial-gradient(ellipse at center,transparent 28%,rgba(208,42,30,.52) 100%)}#damage-flash.active{opacity:1}.hidden{display:none!important}.menu-screen,.pause-screen,.settings-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.menu-screen{overflow:hidden;background:radial-gradient(ellipse at 69% 46%,#425b50 0,#273b34 24%,#13251f 56%,#09130f)}.menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#08120ff5 0%,#091510e8 29%,#0a1611ad 56%,transparent 86%),linear-gradient(0deg,#07100df0 0,transparent 30%,#07100d70 100%)}.menu-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.1;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.menu-top,.menu-bottom{position:absolute;left:5.3%;right:5.3%;display:flex;align-items:center;justify-content:space-between;z-index:3}.menu-top{top:6.4%}.brand-lockup,.brand-mini{display:flex;align-items:center;gap:13px}.brand-mark{width:38px;height:38px;border:1px solid rgba(228,218,185,.54);display:grid;place-items:center;color:#dfc18b;font-family:Georgia,serif;font-size:24px;font-style:italic}.brand-mark.large{width:48px;height:48px;font-size:31px}.brand-lockup strong{font-size:16px;letter-spacing:.24em;font-weight:600}.brand-lockup small,.brand-mini small{display:block;font-family:DM Mono,monospace;color:#99a79b;letter-spacing:.2em;font-size:8px;margin-top:4px}.menu-index{text-align:right;font:9px DM Mono,monospace;letter-spacing:.12em;color:#9eada0}.menu-index b{display:block;color:#d4c7a7;font-weight:400;margin-top:8px}.menu-main{position:absolute;top:18%;right:4%;bottom:11%;left:7%;display:flex;align-items:center;z-index:2}.menu-copy{position:relative;z-index:2;width:42%;padding-left:1.4%}.eyebrow,.objective-kicker{display:flex;align-items:center;gap:10px;color:#c7bb9b;font:9px DM Mono,monospace;letter-spacing:.19em}.eyebrow i{width:19px;height:1px;background:#d3b47c}.menu-copy h1{font-size:clamp(66px,8.4vw,126px);line-height:.79;letter-spacing:-.09em;font-weight:500;margin:24px 0 27px;color:#f4f0e3}.menu-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#d0b784;letter-spacing:-.08em}.menu-copy p{color:#b6c0b4;font-size:14px;line-height:1.9;letter-spacing:.02em;margin:0 0 32px}.menu-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px}.primary-button{height:54px;min-width:230px;padding:0 18px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid #d4bd8b;background:#ddc89d;color:#1a241e;font-size:12px;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:.2s}.primary-button:hover{background:#f0deb2;transform:translateY(-2px);box-shadow:0 12px 30px #0004}.primary-button b{font-size:17px;font-weight:500}.text-button,.settings-quiet{border:0;background:none;color:#d0d2c5;font-size:11px;letter-spacing:.02em;cursor:pointer;padding:4px 0}.text-button span{color:#d3b47c;margin-left:12px}.text-button:hover,.settings-quiet:hover{color:#fff}.menu-footnote{display:flex;gap:9px;align-items:center;color:#83938a;font-size:9px;margin-top:41px}.pulse-dot{width:5px;height:5px;background:#92b497;border-radius:50%;box-shadow:0 0 10px #8bc797}.island-art{position:absolute;right:-4%;top:-4%;width:76%;height:108%;display:flex;align-items:center;justify-content:center;opacity:.9}.island-svg{position:absolute;width:100%;height:100%;filter:drop-shadow(0 36px 55px #0008)}.sun-disc{position:absolute;width:min(34vw,420px);aspect-ratio:1;border-radius:50%;top:14%;right:20%;background:radial-gradient(circle at 45% 43%,#d2c99d 0%,#b4ad83 41%,#718174 68%,transparent 70%);opacity:.45;filter:blur(1px)}.island-haze{position:absolute;bottom:18%;left:5%;right:0;height:30%;background:linear-gradient(0deg,#172a24 0,transparent 100%);z-index:1}.art-caption{position:absolute;bottom:11%;right:9%;display:flex;gap:12px;align-items:center;font:8px DM Mono,monospace;letter-spacing:.2em;color:#abb5a5}.art-caption i{width:58px;height:1px;background:#d3b47c}.menu-bottom{bottom:5%;color:#718077;font:8px DM Mono,monospace;letter-spacing:.13em}.menu-bottom>div{display:flex;gap:22px}.settings-quiet{color:#bcc1b3;font-size:10px}.settings-quiet span{color:#d3b47c;margin-left:8px}#hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.brand-mini{position:absolute;top:28px;left:34px}.brand-mini .brand-mark{width:31px;height:31px;font-size:19px}.brand-mini b{letter-spacing:.23em;font-size:10px;font-weight:700}.brand-mini small{font-size:7px;letter-spacing:.17em}.top-center{position:absolute;top:32px;left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center}.day-chip,.region-chip{height:29px;display:flex;align-items:center;padding:0 12px;border:1px solid #eef0dc32;background:#0a1712aa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:9px DM Mono,monospace;color:#d7dccd;letter-spacing:.07em}.day-chip i{width:7px;height:7px;border-radius:50%;background:#e5c783;box-shadow:0 0 9px #e5c783;margin-right:8px}.region-chip{color:#c7cbbc}.status-block{position:absolute;right:37px;top:29px;width:185px;background:linear-gradient(115deg,#0a1712b8,#0a171275);border:1px solid #eef0dc27;padding:11px 13px 10px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.status-line{display:flex;justify-content:space-between;align-items:center;font:8px DM Mono,monospace;letter-spacing:.1em;color:#b6c0b3}.status-line b{font:10px DM Mono,monospace;color:#ece6d1}.meter{height:3px;background:#e5e4d72c;margin-top:6px}.meter i{display:block;height:100%;width:100%;transition:width .15s;background:#cf755b}.meter .stamina{background:#b7c88e}.stamina-label{margin-top:9px}.meter.thin{height:2px}.objective{position:absolute;right:37px;top:126px;width:255px;border-right:1px solid #d7c292;padding:3px 13px 5px 0;text-align:right}.objective-kicker{font-size:7px;justify-content:flex-end;letter-spacing:.17em;color:#d5bd8e}.objective b{display:block;margin-top:8px;font-size:13px;font-weight:600;color:#f0ecdd}.objective small{display:block;margin-top:5px;color:#aeb7a9;font-size:9px;line-height:1.65}.bottom-left{position:absolute;bottom:30px;left:32px;width:176px;height:196px;padding:0;opacity:.9}.bottom-left canvas{display:block;width:176px;height:176px;border-radius:50%;border:1px solid #eee8ce44;box-shadow:0 8px 36px #0005;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.map-caption{display:flex;justify-content:space-between;padding:7px 4px;color:#aab7a7;font:7px DM Mono,monospace;letter-spacing:.1em}.bottom-right{position:absolute;bottom:36px;right:36px;font-size:9px;color:#c0c7b9;letter-spacing:.04em}.keycap{display:inline-grid;place-items:center;min-width:19px;height:19px;margin:0 5px;border:1px solid #dedcc45c;background:#09130f99;color:#e7dfc6;font:9px DM Mono,monospace}.separator{margin:0 10px;color:#79887d}.crosshair{position:absolute;left:50%;top:50%;width:15px;height:15px;transform:translate(-50%,-50%);opacity:.86;transition:transform .12s}.crosshair i{position:absolute;background:#ede9d9;box-shadow:0 1px 4px #09100c}.crosshair i:first-child{width:1px;height:5px;left:7px;top:0}.crosshair i:nth-child(2){width:1px;height:5px;left:7px;bottom:0}.crosshair span{position:absolute;width:3px;height:3px;border-radius:50%;background:#edddad;left:6px;top:6px}.crosshair.hit{transform:translate(-50%,-50%) scale(1.7);filter:drop-shadow(0 0 6px #ffb283)}.swing{transform:translate(-50%,-50%) scale(.65)}.interact-prompt{position:absolute;left:50%;bottom:18%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:7px 12px;background:#09130fc9;border:1px solid #e9e0c340;font-size:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast{position:absolute;left:50%;top:68px;transform:translate(-50%);padding:10px 18px;background:#10231dcc;border:1px solid #d3b47c66;color:#eee8d6;font-size:10px;letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.fps{position:absolute;top:30px;left:50%;margin-left:164px;padding:6px 8px;background:#09130faa;color:#c8d2bd;font:9px DM Mono,monospace}.map-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#07100dc9;pointer-events:auto;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.map-frame{width:min(780px,92vw);max-height:90vh;padding:27px 32px;background:#101d18;border:1px solid #e3d5af44;box-shadow:0 24px 100px #0009}.map-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.map-head h2{font-size:24px;font-weight:500;margin:8px 0}.map-frame .objective-kicker{justify-content:flex-start}.map-frame canvas{display:block;width:min(650px,75vw);height:min(650px,58vh);margin:auto;border:1px solid #c6be9a26;background:#102321}.map-frame p{display:flex;align-items:center;gap:8px;justify-content:center;color:#bdc5b5;font-size:9px}.legend-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#e9a96b;margin-left:12px}.player-dot{background:#e9a96b}.landmark-dot{background:#f1d08f}.cave-dot{background:#73dbcf}.pause-screen,.settings-screen{display:grid;place-items:center;background:#08120fb9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.pause-card,.settings-card{position:relative;width:min(420px,92vw);padding:38px 42px;background:linear-gradient(145deg,#14241edb,#0b1713ed);border:1px solid #d7c39340;box-shadow:0 28px 110px #0008}.pause-card h2,.settings-card h2{margin:44px 0 11px;font-size:38px;font-weight:500;line-height:1.2;letter-spacing:-.06em}.pause-card h2 em{font-family:Georgia,serif;color:#d4bc8e;font-weight:400}.pause-card>p{margin:0 0 26px;color:#a9b6a9;font-size:11px}.pause-card .primary-button{width:100%}.pause-card .text-button{margin-top:19px}.pause-save{position:absolute;bottom:40px;right:42px;color:#819187;font:8px DM Mono,monospace}.pause-save span{color:#8eb58e;margin-left:5px}.icon-button{width:30px;height:30px;display:grid;place-items:center;background:transparent;border:1px solid #eee6d536;color:#ded8c3;font-size:20px;line-height:1;cursor:pointer}.icon-button:hover{background:#ffffff12}.close-settings{position:absolute;top:22px;right:22px}.settings-card{width:min(590px,94vw);padding:37px 40px}.settings-card h2{margin:13px 0 24px;font-size:30px}.setting-row{min-height:74px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border-top:1px solid #e7dfca1d}.setting-row b{display:block;font-size:11px;font-weight:600;color:#e5e5d8}.setting-row small{display:block;margin-top:5px;font-size:9px;color:#91a095}.setting-row select{width:176px;padding:9px 10px;border:1px solid #dcd2b438;background:#13241e;color:#e7e3d2;font-size:9px;outline:none}.setting-row input[type=range]{width:145px;accent-color:#d1b67f}.setting-number{min-width:26px;color:#d8c79b;font:10px DM Mono,monospace}.switch{position:relative;width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;background:#34453b;border-radius:12px;cursor:pointer;transition:.2s}.switch span:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#c1c8b5;border-radius:50%;transition:.2s}.switch input:checked+span{background:#a98d5d}.switch input:checked+span:before{transform:translate(16px);background:#fff0c2}.danger-button{margin-top:19px;padding:8px 0;border:0;background:none;color:#c88774;font-size:9px;cursor:pointer}.danger-button:hover{color:#efaa92}.settings-notice{min-height:15px;color:#b7c69d;font-size:9px;margin-top:7px}.error-banner{position:absolute;top:15px;left:50%;transform:translate(-50%);z-index:20;max-width:90%;padding:12px 16px;border:1px solid #ef947b;background:#351b19;color:#f2d6c9;font-size:11px}@media(max-width:800px){.menu-main{top:20%;right:4%;bottom:12%;left:7%}.menu-copy{width:56%}.island-art{width:90%;right:-22%;opacity:.62}.menu-copy h1{font-size:clamp(64px,13vw,102px)}.menu-index{display:none}.status-block{right:16px;top:78px;width:150px}.objective{right:16px;top:178px;width:205px}.brand-mini{top:18px;left:17px}.top-center{top:22px}.bottom-left{left:14px;bottom:16px;transform:scale(.82);transform-origin:left bottom}.bottom-right{right:15px;bottom:20px}.fps{left:auto;right:16px;margin:0;top:151px}.menu-footnote{font-size:8px}.map-frame{padding:18px}.settings-card{padding:32px 24px}.pause-card{padding:32px 28px}}@media(max-width:520px){.menu-main{top:24%;right:4%;bottom:10%;left:8%;align-items:flex-start}.menu-copy{width:100%;padding-top:22px}.menu-copy h1{font-size:74px;margin:19px 0}.menu-copy p{font-size:11px;margin-bottom:20px}.primary-button{height:48px;min-width:210px}.island-art{width:130%;height:88%;right:-58%;top:9%;opacity:.5}.menu-footnote{margin-top:20px}.menu-top{top:4%;left:7%}.menu-bottom{left:7%;right:7%;bottom:3%}.menu-bottom>div{gap:10px;font-size:7px}.status-block{top:auto;bottom:23px;right:14px;width:145px}.objective{top:82px;width:200px}.top-center{left:auto;right:15px;transform:none;top:19px}.region-chip,.bottom-left{display:none}.bottom-right{left:14px;right:auto;bottom:30px;font-size:8px}.fps{right:15px;top:55px}.map-frame canvas{width:82vw;height:55vh}.setting-row{grid-template-columns:1fr auto}.setting-row small{max-width:210px}.setting-row select{width:153px;font-size:8px}}