:root{--ink:#f5edce;--muted:#b4c5b6;--gold:#e9bd70;--glass:linear-gradient(145deg,#183c36f0,#122e2be8);--edge:#e9dba536;--shadow:0 8px 28px #051e2440;--panel-radius:14px;font-family:system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;overflow:hidden;font:13px system-ui,sans-serif;background:#9fbdb9;color:var(--ink)}canvas{display:block;touch-action:none}[hidden]{display:none!important}
button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{cursor:wait;opacity:.5}button,a{transition:background .15s,border-color .15s,box-shadow .15s}button:active{filter:brightness(1.2)}
header{position:fixed;left:28px;top:23px;padding-left:50px;pointer-events:none;color:var(--ink);text-shadow:0 2px 7px #163a3b99}header::before{content:'✦';position:absolute;left:0;top:2px;width:38px;height:42px;display:grid;place-items:center;color:var(--gold);font-size:34px;border:1px solid #f3df9b66;border-radius:50%}header small{font-size:8px;letter-spacing:3px;font-weight:700;color:#e5eac9}h1{font:600 27px Georgia,serif;margin:4px 0;letter-spacing:.2px}
#climate-label{left:30px!important;top:99px!important;font-size:10px!important;letter-spacing:1.8px!important;color:var(--ink)!important;padding-left:15px}#climate-label::before{content:'';width:5px;height:5px;background:var(--gold);border-radius:50%;position:absolute;left:0;top:5px;box-shadow:0 0 8px #e9bd70}
#multiplayer-status{left:28px!important;top:123px!important;padding:6px 10px!important;background:#153932b8!important;color:#dce9d6!important;font-size:10px!important;border:1px solid #cbe4ce26;border-radius:6px!important;backdrop-filter:blur(8px)}
#materials{color:var(--ink);position:fixed;right:82px;top:24px;display:flex;gap:0;padding:5px 7px;background:var(--glass);border:1px solid var(--edge);border-radius:12px;box-shadow:var(--shadow)}.resource-chip{display:flex;gap:8px;align-items:center;min-width:64px;padding:7px 10px;border-right:1px solid #e1d3a623}.resource-chip:last-child{border:0}.resource-chip i{font-style:normal;font-size:17px;color:#dfd4a9}.resource-chip b{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.resource-chip[data-resource=money] i{color:var(--gold)}
#health{position:fixed;right:85px;top:82px;letter-spacing:3px;font-size:17px;color:#efb499!important;text-shadow:0 2px 5px #132e27;pointer-events:none}#health::before{content:'VITALITY';font-size:8px;letter-spacing:2px;color:#f3ebd0;margin-right:12px;vertical-align:3px}
#reset{position:fixed;right:25px;top:25px;width:42px;height:42px;font-size:0;border:1px solid var(--edge);border-radius:12px;background:var(--glass);color:var(--ink);box-shadow:var(--shadow)}#reset::before{content:'↶';font-size:25px}#reset:hover{border-color:var(--gold)}
#action-dock{position:fixed;bottom:38px;left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:6px;background:var(--glass);border:1px solid var(--edge);border-radius:16px;box-shadow:var(--shadow);z-index:16;max-width:calc(100% - 32px)}#message-controls,#explorer-tools{display:flex;gap:5px;align-items:stretch}#explorer-tools:empty{display:none}
#action-dock button,#craft-toggle{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 14px;border:1px solid transparent;border-radius:10px;color:var(--ink);background:#edf5d60a;font-size:11px;font-weight:600;white-space:nowrap}#action-dock button:hover,#craft-toggle:hover{background:#dbe8c420;border-color:#e8c17a66}#action-dock button::before,#craft-toggle::before{font-size:19px;font-weight:400;color:var(--gold)}#chat-toggle::before{content:'☷'}#note-toggle::before{content:'✎'}#binocular-button::before{content:'◎'}#drop-weapon::before{content:'↓'}#craft-toggle::before{content:'⚒'}#action-dock button[aria-pressed=true]{background:#e9bd7030;border-color:var(--gold)}
#hint{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);color:#e7edcf;font-size:9px;white-space:nowrap;text-shadow:0 1px 5px #143a36;pointer-events:none;opacity:.8}kbd{display:inline-grid;place-items:center;min-width:19px;padding:2px 4px;margin:0 4px 0 10px;border:1px solid #f7ebbc4d;border-radius:4px;background:#12363055;color:#fff1c5;font:600 9px system-ui}
#recipe-hud{position:fixed;right:25px;bottom:92px;z-index:18}#craft-toggle{margin-left:auto;background:var(--glass);border-color:var(--edge);box-shadow:var(--shadow)}#recipes{position:absolute;bottom:60px;right:0;display:grid;grid-template-columns:repeat(3,100px);gap:7px;padding:12px;max-height:65vh;overflow:auto;background:var(--glass);border:1px solid var(--edge);border-radius:14px;box-shadow:var(--shadow);animation:panel-in .18s ease-out}.recipe{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:130px;padding:12px 7px;color:var(--ink);background:#edf5d609;border:1px solid #e6d49c26;border-radius:9px}.recipe svg{width:38px;height:38px}.recipe-name{font-size:11px;font-weight:650}.recipe-cost,.recipe-state{font-size:9px;color:var(--muted)}.recipe[data-state=ready]{border-color:#dbc17c88;background:#d5b96718}.recipe[data-state=ready] .recipe-state{color:#f4d888}.recipe[data-state=equipped]{border-color:#83bfa372}.recipe kbd{position:absolute;right:3px;top:3px;margin:0;font-size:8px}
#message-panel,#inspection{position:fixed;left:50%;bottom:108px;transform:translateX(-50%);z-index:30;width:min(410px,calc(100vw - 32px));padding:20px;color:var(--ink);background:var(--glass);border:1px solid #ead5a45c;border-top:2px solid var(--gold);border-radius:14px;box-shadow:0 15px 55px #051e2466;animation:panel-in .18s ease-out}#message-panel h2,#inspection h2{font:500 23px Georgia,serif;margin:0 0 16px;color:#f8e8b7}#message-log{max-height:min(200px,30vh);overflow:auto;word-break:break-word;font-size:12px;line-height:1.5;scrollbar-width:thin}#message-log p{margin:0 0 8px;padding:7px 10px;border-left:2px solid #e8bc7044;background:#dce8c307;border-radius:0 7px 7px 0}#message-log strong{color:var(--gold);font-size:10px;display:block;margin-bottom:2px}
#message-panel form{display:flex;gap:8px;margin:14px 0 7px}#message-panel input{min-width:0;flex:1;border:1px solid #cfdbc140;border-radius:8px;padding:11px;color:#fff4d6;background:#061c2166;font:12px system-ui}#message-panel input::placeholder{color:#aab9a5}#message-panel button,#close-inspection{padding:9px 14px;border:1px solid #e2c68244;border-radius:8px;color:var(--ink);background:#d7b86a18;font-size:11px}#message-panel button[type=submit]{background:#d6b96e;color:#223c32;font-weight:750}#message-panel small{display:block;min-height:16px;color:#dfbf8d;font-size:10px}#message-panel>button{padding:5px 0;border:0;background:none;color:#bdc8b5}#inspection p{font-size:12px;line-height:1.6;color:#d5dfc9}
#note-prompt,#inspect,#tree-prompt,#loot-prompt,#pickup-notice{position:fixed;left:50%;transform:translateX(-50%);z-index:14;max-width:calc(100vw - 32px);width:max-content;padding:10px 15px;border:1px solid var(--edge);border-radius:8px;background:var(--glass);color:var(--ink);font-size:11px;box-shadow:var(--shadow);text-align:center}#note-prompt{bottom:111px;color:#ebd6a0;font-size:10px;background:#173a3099}#inspect{bottom:111px}#tree-prompt{bottom:155px;pointer-events:none}#loot-prompt{bottom:197px;border-color:#dfbd6f88}#pickup-notice{bottom:239px;pointer-events:none;animation:notice-in .18s ease-out}#discovery{position:fixed;top:164px;left:28px;max-width:290px;color:#f6edcc!important;font:italic 13px Georgia,serif;line-height:1.5;text-shadow:0 2px 6px #18392c;opacity:0;transition:opacity .4s;pointer-events:none}
#build-status{position:fixed;left:28px;bottom:40px;width:250px;padding:15px 17px;background:var(--glass);border:1px solid var(--edge);border-left:3px solid var(--gold);border-radius:10px;color:var(--ink);box-shadow:var(--shadow);pointer-events:none}#build-status strong{font:500 17px Georgia,serif}#build-status div{margin:8px 0;color:var(--gold);font-size:11px}#build-status small{font-size:10px;color:var(--muted);line-height:1.5;display:block}
#recipe-ready-toast{position:fixed;top:25px;left:50%;transform:translateX(-50%);display:flex;gap:8px 15px;align-items:center;flex-wrap:wrap;justify-content:center;z-index:30;padding:12px 20px;max-width:90vw;color:var(--ink);background:var(--glass);border:1px solid #e9bd7080;border-radius:10px;box-shadow:var(--shadow);pointer-events:none;animation:notice-in .25s ease-out}.recipe-toast-title{width:100%;font-size:9px;letter-spacing:2px;text-align:center;text-transform:uppercase;color:var(--gold)}.recipe-toast-entry{display:flex;align-items:center;gap:7px;font-size:11px}.recipe-toast-icon{font-size:22px}
#debug-toggle,#performance-toggle,#map-switch{position:fixed!important;top:auto!important;bottom:25px!important;width:35px!important;height:35px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid var(--edge)!important;border-radius:9px!important;background:#16382cbb!important;color:var(--muted)!important;box-shadow:none!important;text-decoration:none;font-size:0!important;z-index:20!important}#debug-toggle{right:25px!important}#debug-toggle::before{content:'⌗';font-size:20px}#debug-toggle[aria-pressed=true]{border-color:var(--gold)!important;color:var(--gold)!important}#performance-toggle{right:68px!important}#map-switch{right:111px!important}#map-switch::before{content:'♧';font-size:20px}#debug-legend{bottom:72px!important;right:25px!important;background:#17362ee8!important;color:var(--ink)!important}
#speech-bubbles{position:fixed;inset:0;z-index:10;pointer-events:none;overflow:hidden}.speech-bubble{position:absolute;left:0;top:0;will-change:transform;transition:opacity .2s}.speech-body{position:relative;min-width:85px;max-width:min(240px,65vw);padding:10px 15px 12px;border:1px solid #e5d6a784;border-radius:12px;background:linear-gradient(145deg,#263e37f5,#152f2bf5);box-shadow:0 5px 18px #082a3440;color:#fff4d6;text-align:center;animation:bubble-in .2s ease-out;overflow-wrap:anywhere;font:12px/1.45 system-ui}.speech-body small{display:block;margin-bottom:4px;color:#e9c77e;font-size:8px;font-weight:750;letter-spacing:1.3px;text-transform:uppercase}.speech-body::after{content:'';position:absolute;left:calc(50% - 5px);bottom:-6px;width:10px;height:10px;background:#1a332d;border-right:1px solid #e5d6a784;border-bottom:1px solid #e5d6a784;transform:rotate(45deg)}
#touch,#jump,#punch{display:none;position:fixed;z-index:18;touch-action:none;user-select:none;-webkit-user-select:none}#touch{left:24px;bottom:28px;width:124px;height:124px;border:2px solid #e6d39f66;border-radius:50%;background:radial-gradient(circle,#f5e5b910 0 30%,#0d342e55 31% 100%);box-shadow:inset 0 0 25px #153b2c33,0 5px 25px #15372d30}#stick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px;border:1px solid #f8e7b3aa;border-radius:50%;background:linear-gradient(145deg,#d9d4a9dc,#8aa798e8);box-shadow:0 4px 10px #0d322e66;pointer-events:none}#touch[data-running=true]{border-color:var(--gold)}#touch[data-running=true]::after{content:'SPRINT';position:absolute;left:50%;top:-24px;transform:translateX(-50%);color:#fff0ae;font:700 9px system-ui;letter-spacing:2px}#jump,#punch{bottom:37px;width:66px;height:66px;border:1px solid #e8d7a673;border-radius:50%;color:var(--ink);background:var(--glass);font-size:11px;box-shadow:var(--shadow)}#jump{right:22px}#punch{right:102px;background:linear-gradient(145deg,#715d36df,#3b4b33ef)}#jump::before{content:'↑';display:block;font-size:22px}#punch::before{content:'✦';display:block;font-size:22px;color:var(--gold)}
#binocular-view{position:fixed;inset:0;z-index:21;pointer-events:none}#binocular-view svg{width:100%;height:100%;display:block}#binocular-view div{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--ink);text-align:center;width:max-content;max-width:85vw}body.binoculars> :not(canvas):not(#binocular-view):not(#action-dock){visibility:hidden}body.binoculars #action-dock{z-index:22}body.binoculars #message-controls,body.binoculars #drop-weapon{display:none}body.inspection #action-dock,body.inspection #hint,body.inspection #build-status,body.inspection #touch,body.inspection #jump,body.inspection #punch,body.inspection #tree-prompt,body.inspection #note-prompt,body.inspection #discovery,body.inspection #speech-bubbles{display:none}
#error{display:none;position:fixed;inset:30%;padding:25px;border-radius:20px;background:#173c36;color:var(--ink)}
#player-indicators{position:fixed;inset:0;z-index:15;overflow:hidden;pointer-events:none}.player-marker{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:2px;will-change:transform}.player-marker-label{padding:4px 8px;border:1px solid color-mix(in srgb,var(--player-color) 65%,transparent);border-radius:999px;background:#173b35dd;color:#fff7dd;box-shadow:0 2px 9px #102f2c66;font:700 10px/1.2 system-ui,sans-serif;white-space:nowrap;text-shadow:0 1px 2px #132e27}.player-marker-arrow{display:none;color:var(--player-color);font:900 27px/1 system-ui,sans-serif;text-shadow:0 2px 7px #102f2ccc}.player-marker.is-edge .player-marker-arrow{display:block}.player-marker.is-edge .player-marker-label{background:#173b35e8}@media(max-width:600px){.player-marker-label{padding:4px 6px;font-size:9px}.player-marker-arrow{font-size:24px}}
@keyframes panel-in{from{opacity:0;margin-bottom:-7px}to{opacity:1;margin-bottom:0}}@keyframes notice-in{from{opacity:0;margin-top:-7px}to{opacity:1;margin-top:0}}@keyframes bubble-in{from{opacity:0;scale:.88;translate:0 6px}to{opacity:1;scale:1;translate:0 0}}
@media(max-width:1000px){#build-status{bottom:155px;width:225px}#action-dock button{padding:9px 11px;font-size:10px}#hint{font-size:8px}}
@media(pointer:coarse){#touch,#jump,#punch{display:block}#hint{display:none}#action-dock{bottom:184px}#note-prompt,#inspect{bottom:249px}#tree-prompt{bottom:290px}#loot-prompt{bottom:328px}#pickup-notice{bottom:366px}#build-status{bottom:250px;max-width:210px}#recipe-hud{bottom:auto;top:110px}#recipes{bottom:auto;top:54px}#debug-toggle,#performance-toggle,#map-switch{bottom:118px!important}#message-panel,#inspection{bottom:245px;max-height:calc(100dvh - 270px);overflow:auto}#binocular-view div{bottom:150px}}
@media(max-width:600px){header{left:15px;top:15px;padding-left:36px}header::before{width:28px;height:33px;font-size:24px}header small{font-size:6px;letter-spacing:2px}h1{font-size:20px}#climate-label{left:17px!important;top:68px!important;font-size:8px!important}#multiplayer-status{left:15px!important;top:89px!important;font-size:9px!important}#materials{top:123px;left:15px;right:auto;padding:3px}.resource-chip{min-width:54px;padding:5px 8px;gap:6px}.resource-chip b{font-size:12px}.resource-chip i{font-size:14px}#health{right:58px;top:24px;font-size:14px}#health::before{display:none}#reset{right:15px;top:17px;width:32px;height:32px;border-radius:8px}#reset::before{font-size:20px}#discovery{left:16px;top:173px;max-width:210px;font-size:11px}#recipe-hud{right:15px;top:65px;bottom:auto}#craft-toggle{font-size:0;width:38px;min-height:38px;padding:0;border-radius:9px}#craft-toggle::before{font-size:21px}#recipes{top:46px;bottom:auto;grid-template-columns:repeat(3,86px);max-height:55vh}.recipe{min-height:120px}#action-dock{gap:3px;padding:4px;max-width:calc(100% - 24px)}#action-dock button{gap:5px;padding:8px;font-size:9px;min-height:40px}#action-dock button::before{font-size:16px}#action-dock #drop-weapon{font-size:0;padding:8px}#action-dock #drop-weapon::before{font-size:20px}#hint{display:none}#build-status{left:15px;width:190px;padding:11px}#build-status strong{font-size:15px}#recipe-ready-toast{top:174px;min-width:200px}#debug-toggle{right:15px!important}#performance-toggle{right:57px!important}#map-switch{right:99px!important}.speech-body{font-size:11px;max-width:200px}#message-log{max-height:20vh}}
@media(max-height:550px) and (pointer:coarse){header{top:10px}#climate-label{top:69px!important}#multiplayer-status{top:91px!important}#action-dock{bottom:22px}#note-prompt,#inspect{bottom:85px}#tree-prompt{bottom:125px}#build-status{display:none}#message-panel,#inspection{bottom:90px;max-height:calc(100dvh - 110px)}#materials{top:12px;right:74px;left:auto}#health{top:66px;right:78px}#recipe-hud{top:100px}#debug-toggle,#performance-toggle,#map-switch{bottom:118px!important}#discovery{top:128px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:600px){#debug-toggle,#performance-toggle,#map-switch{bottom:122px!important}}

#emote-toggle::before{content:'☺'}#emote-panel{position:fixed;left:50%;bottom:108px;transform:translateX(-50%);display:flex;gap:6px;padding:9px;background:var(--glass);border:1px solid var(--edge);border-radius:12px;z-index:23;box-shadow:var(--shadow)}#emote-panel button{display:flex;align-items:center;gap:5px;padding:10px 13px;border:1px solid #e8d49b33;border-radius:8px;color:var(--ink);background:#edf5d60a;font-size:11px}#emote-panel button:hover{border-color:var(--gold);background:#e9bd701a}#emote-panel kbd{margin:0}#shrine-switch{position:fixed;right:25px;bottom:145px;z-index:18;padding:10px 14px;border:1px solid var(--edge);border-radius:10px;background:var(--glass);color:var(--gold);font-size:11px;text-decoration:none;box-shadow:var(--shadow)}#roll{display:none;position:fixed;right:24px;bottom:116px;width:55px;height:55px;border:1px solid #e8d7a673;border-radius:50%;color:var(--ink);background:var(--glass);z-index:18;touch-action:none;font-size:10px}#roll::before{content:'↻';display:block;font-size:22px}body.inspection #emote-panel,body.inspection #roll{display:none}
@media(pointer:coarse){#roll{display:block}#emote-panel{bottom:249px}#shrine-switch{top:165px;bottom:auto;right:15px}#debug-toggle,#performance-toggle,#map-switch{top:211px!important;bottom:auto!important}}
@media(max-width:600px){#emote-panel{max-width:calc(100% - 24px);gap:4px;padding:6px}#emote-panel button{padding:9px 7px;font-size:10px}#action-dock #emote-toggle{padding:8px 5px}#shrine-switch{right:15px;top:169px;bottom:auto}#hint{display:none}}

#combat-hud{position:fixed;left:50%;bottom:156px;transform:translateX(-50%);z-index:18;padding:7px 10px;border:1px solid var(--edge);border-radius:9px;background:var(--glass);color:var(--ink);pointer-events:none}.combo-chain{display:flex;gap:6px}.combo-chain span{padding:5px 8px;color:var(--muted);font-size:9px;letter-spacing:1px;border-radius:5px}.combo-chain span[data-active=true]{background:#c47c4038;color:#ffd799;box-shadow:inset 0 0 0 1px #e6b87966}.guard-label{font-size:10px;letter-spacing:2px;color:var(--gold)}#damage-vignette{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 35%,#b01e1640 72%,#de2a1caa 100%)}#block{display:none;position:fixed;right:100px;bottom:116px;width:55px;height:55px;border:1px solid #e8d7a673;border-radius:50%;color:var(--gold);background:var(--glass);z-index:18;font-size:10px;touch-action:none}#block::before{content:'◇';display:block;font-size:22px}@media(pointer:coarse){#block{display:block}#combat-hud{bottom:290px}}body.inspection #block,body.inspection #combat-hud{display:none}

#block[aria-pressed=true]{background:#a98849e8;color:#fff3c7;border-color:#f4cd7e;box-shadow:0 0 18px #e0b86255}

body.binoculars #damage-vignette{visibility:visible!important;z-index:23}

#settings-toggle{position:fixed;right:25px;top:80px;width:42px;height:36px;border:1px solid var(--edge);border-radius:10px;background:var(--glass);color:var(--gold);font-size:21px;z-index:24}#settings-toggle[aria-expanded=true]{border-color:var(--gold)}#server-settings{color:var(--ink);position:fixed;right:25px;top:124px;width:min(340px,calc(100vw - 30px));max-height:min(75vh,620px);overflow:auto;padding:19px;background:var(--glass);border:1px solid var(--edge);border-top:2px solid var(--gold);border-radius:14px;box-shadow:var(--shadow);z-index:35}#server-settings h2{font:500 22px Georgia,serif;margin:0 0 14px}#server-settings label{font-size:12px}#server-settings output{float:right;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}#server-settings input[type=range]{display:block;width:100%;margin:7px 0;accent-color:var(--gold);cursor:pointer;touch-action:pan-y}.tuning-row{padding:5px 0;border-bottom:1px solid var(--edge)}#server-settings p{font-size:11px;color:var(--muted);line-height:1.5}#server-settings small{display:block;min-height:26px;font-size:10px;color:var(--gold)}#server-settings button{padding:8px 14px;background:#e9bd7018;color:var(--ink);border:1px solid var(--edge);border-radius:8px}@media(max-width:600px){#settings-toggle{right:15px;top:119px;width:35px;height:35px}#server-settings{right:15px;top:162px}}

#combat-target{position:fixed;left:-13px;top:-13px;width:26px;height:26px;border:2px solid #ffe2a0b0;border-radius:50%;box-shadow:0 0 12px #ffa54a55;z-index:12;pointer-events:none}.impact-label{display:block;text-align:center;font-size:10px;font-weight:750;letter-spacing:2px;color:var(--gold);padding:4px 6px}