/* UI direction follows Unslop by Damir Sokolovsky (@heydamir), CC BY 4.0.
   Island view is the visual; UI follows the scale of a field notebook. */
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600&family=Literata:wght@400;500&display=swap');
:root{font-family:'Golos Text',Arial,sans-serif;color:#e8e4da;background:#a6b9a7;font-synthesis:none;--paper:#ece8df;--ink:#292b27;--forest:#282d28;--panel:#ece8df;--brass:#bca278;--muted:#66675e;--line:#ccccc1;--focus:#d2b379;--radius:6px;--hairline:#e8e4da22}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button,input,select{outline-offset:3px}:focus-visible{outline:2px solid var(--focus)}button:active:not(:disabled){filter:brightness(.88)}button{transition:background-color 140ms,color 140ms,border-color 140ms}canvas{position:fixed;inset:0;width:100%;height:100%;image-rendering:pixelated;touch-action:none}body:after{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#17231c80,transparent 58%);pointer-events:none}.grain{display:none}header,main,footer,#play{position:relative;z-index:3}header{padding:28px 32px;display:flex;justify-content:space-between;align-items:start}.brand{font-family:Literata,Georgia,serif;font-size:24px;line-height:1.2;font-weight:400;color:inherit;text-decoration:none}.brand span{font-family:'Golos Text',sans-serif;font-size:12px;display:block;margin-top:8px;opacity:.65}.status{font-size:12px;text-align:right;color:#eee9de}.status span{display:block;margin-top:8px;opacity:.65}main{position:absolute;top:25%;bottom:80px;left:32px;right:32px;display:flex;align-items:end;justify-content:space-between;gap:24px;pointer-events:none}.intro{align-self:start}.eyebrow{font-size:13px;color:#ded9c9;margin-bottom:24px}h1{font-family:Literata,Georgia,serif;font-weight:400;font-size:clamp(40px,4.7vw,72px);line-height:1.1;letter-spacing:-.025em;margin:0 0 24px}p{font-size:14px;line-height:1.65;margin:0;color:#d9d9ca}.intro p{font-size:16px;line-height:1.65}aside{width:356px;flex-shrink:0;pointer-events:auto;background:#252b26f5;border:1px solid var(--hairline);padding:24px;border-radius:8px}.panel-label{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--paper);margin-bottom:16px}.panel-label span{color:#a9aea1;font-size:12px}.location{border:0;border-bottom:1px solid var(--hairline);border-radius:0;background:transparent;color:inherit;width:100%;display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 0;text-align:left}.location:hover{background:#e8e4da08}.location.selected .num,.location.selected strong,.location.selected .check{color:#dcc392}.num{font-family:monospace;font-size:12px;color:#969e90}.location strong{display:block;font-size:15px;font-weight:500}.location small{display:block;margin-top:4px;font-size:12px;color:#a9aea1;line-height:1.4}.location em{display:none}.check{margin-left:auto;font-size:14px;color:#747c70}.arrival{display:flex;align-items:center;gap:12px;margin-top:20px}.arrival-fields{flex:1;min-width:0}.nickname-label,.shirt-caption{font-size:13px;color:var(--paper);display:block}.shirt-caption{display:flex;justify-content:space-between;gap:8px;margin-top:16px}.shirt-caption span{font-size:12px;color:#a9aea1}#nickname{width:100%;min-height:44px;padding:8px 12px;background:#343a32;border:1px solid #e8e4da26;border-radius:4px;margin-top:8px;color:var(--paper);font-size:14px}#nickname::placeholder{color:#a9aea1}#shirt-colors{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}#shirt-colors button{width:28px;height:32px;border:1px solid #e8e4da26;border-radius:4px;background:var(--swatch);position:relative}#shirt-colors button[aria-pressed=true]:after{content:'';position:absolute;inset:5px;border:2px solid #fff9;border-radius:2px}#shirt-preview{width:68px;flex-shrink:0;align-self:end;background:#343a3280;border-bottom:1px solid #e8e4da26}#shirt-preview svg{display:block;width:100%;height:112px}#spawn{min-height:48px;width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);color:var(--ink);border:0;border-radius:4px;margin-top:24px;padding:12px 16px;font-size:15px;font-weight:500}#spawn:hover{background:#fffaf0}#spawn span{font-size:20px}.hint{margin-top:12px;color:#a9aea1;font-size:12px;line-height:1.5}#join-error{font-size:12px;color:#edd29a;line-height:1.5;margin-top:12px}#join-error:empty{display:none}#marker{position:fixed;z-index:2;pointer-events:none;text-align:center;transform:translate(-50%,-100%);color:#f3e7c8}#marker span{display:block;font-size:32px}#marker b{font-size:12px;font-weight:400;background:#252b26dd;padding:4px 8px;border-radius:4px}footer{position:absolute;bottom:24px;left:32px;right:32px;display:flex;justify-content:space-between;gap:16px;color:#e8e4da99;font-size:12px}#play{position:fixed;bottom:24px;left:24px}.play-location{font-size:14px;font-weight:500}.controls{font-size:11px;color:#c1c5b8;margin-top:8px;max-width:300px}#back{min-height:36px;padding:8px 0;background:none;border:0;border-bottom:1px solid #e8e4da55;color:#d0d3c6;font-size:12px;text-align:left;margin-top:8px}#crosshair{position:fixed;z-index:4;left:50%;top:50%;width:3px;height:3px;background:#fff6df;pointer-events:none}#error{position:fixed;z-index:50;inset:30%;background:#282d28;padding:24px}.in-game:after{background:none}.in-game header{pointer-events:none;padding:24px}.in-game .brand{font-size:16px}.in-game .brand span,.in-game .status,.in-game footer{display:none}kbd{font-size:10px;font-family:inherit;opacity:.6;border:1px solid currentColor;border-radius:3px;padding:1px 4px;margin-left:4px}[hidden]{display:none!important}
#game-ui{position:fixed;inset:0;z-index:5;pointer-events:none;color:var(--paper)}#game-ui button,#game-ui .game-sheet,#joystick{pointer-events:auto}svg{flex-shrink:0}#game-ui svg,.drag-ghost svg{width:24px;height:24px}#game-ui button{color:inherit}.hud-wallet{position:absolute;right:192px;top:max(24px,env(safe-area-inset-top));display:flex;align-items:center;gap:8px;padding:8px 12px;background:#282d28e8;border:1px solid var(--hairline);border-radius:4px;min-height:44px}.hud-wallet svg{width:18px!important;height:18px!important;color:#c4b089}.hud-wallet strong{font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}.hud-wallet span{font-size:12px;color:#a9aea1}.hud-bag{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;color:var(--paper);background:#282d28e8;border:1px solid var(--hairline);border-radius:4px;font-size:13px}.hud-bag svg{width:20px!important;height:20px!important}#hotbar{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:4px;background:#282d28e8;border:1px solid var(--hairline);border-radius:6px}#hotbar button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:72px;min-height:60px;background:transparent;border:1px solid transparent;border-radius:3px;color:var(--paper);font-size:12px}#hotbar button.equipped{background:#e8e4da10;border-color:#bca27888}#hotbar kbd{position:absolute;left:4px;top:4px;margin:0;font-size:9px;border:0}#target-hint{position:absolute;left:50%;top:calc(50% + 24px);transform:translateX(-50%);font-size:13px;white-space:nowrap;color:#eee8d9;background:#282d28e8;border-radius:4px;padding:8px 12px}#target-hint:empty{display:none}#interact{position:absolute;top:calc(50% + 60px);left:50%;transform:translateX(-50%);min-height:44px;padding:8px 16px;border:1px solid #bca27888;border-radius:4px;background:var(--forest);color:var(--paper);font-size:14px;white-space:nowrap}#chop-meter{position:absolute;bottom:124px;left:50%;transform:translateX(-50%);width:296px;border:1px solid var(--hairline);background:#282d28f5;padding:16px;border-radius:6px}.meter-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:0;text-transform:lowercase}.meter-top strong{font-weight:500;font-variant-numeric:tabular-nums}.tree-health{height:3px;background:#e8e4da22;border-radius:2px;margin:12px 0 16px;overflow:hidden}.tree-health i{display:block;height:100%;width:0;background:#c3b086}.timing{position:relative;height:24px;border-radius:3px;background:#171e18;border:1px solid #e8e4da33;overflow:hidden}.good-zone{position:absolute;left:58%;width:28%;top:0;height:100%;background:#6a8463}.perfect-zone{position:absolute;left:68%;width:8%;top:0;height:100%;background:#d2bc83}.timing i{position:absolute;top:0;width:3px;height:100%;background:#fff;transform:translateX(-50%)}#chop-meter p{font-size:11px;margin:12px 0 0;line-height:1.5;color:#bbc0b0}#toast{position:absolute;top:88px;left:50%;transform:translateX(-50%);max-width:80vw;background:var(--paper);color:var(--ink);border-radius:4px;padding:12px 16px;font-size:13px;text-align:center}#toast:empty{display:none}
.game-modal{position:absolute;inset:0;background:#111810b8;display:flex;align-items:center;justify-content:center;pointer-events:auto;padding:16px;z-index:8}.game-sheet{width:min(760px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:8px;padding:24px;background:var(--panel);color:var(--ink);border:1px solid #ffffff33}.sheet-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.sheet-top small{font-size:12px;letter-spacing:0;color:var(--muted);text-transform:none}.sheet-top h2{font-family:Literata,Georgia,serif;font-size:28px;letter-spacing:-.015em;line-height:1.2;margin:8px 0 0;font-weight:400}.close-sheet{width:44px;height:44px;flex-shrink:0;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);display:grid;place-items:center}.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 184px;gap:24px}#inventory-grid{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:8px;touch-action:none;user-select:none}.slot{height:60px;position:relative;border:1px solid #c4c5b8;border-radius:4px;background:#dedfd3;color:#4b5e49;display:grid;place-items:center;touch-action:none;user-select:none}.slot small{position:absolute;top:4px;left:4px;font-size:10px;color:#6b7061;font-variant-numeric:tabular-nums}.slot b{position:absolute;bottom:4px;right:4px;font-size:12px;font-weight:500}.slot.slot-equipped{box-shadow:inset 0 -2px #718564}.slot.slot-selected{border:2px solid #526c46;background:#e9eadd}.slot.drop-target{outline:2px solid #718564;background:#f5f0da}.slot svg{width:32px!important;height:32px!important}.item-details{border-left:1px solid var(--line);padding-left:24px;display:flex;flex-direction:column}.item-details h3{font-size:18px;font-weight:500;line-height:1.3;margin:16px 0 0}.item-details p{color:var(--muted);font-size:13px;line-height:1.6;margin-top:8px}.item-details button,.shop-items button{background:var(--forest);color:var(--paper)!important;min-height:44px;border:0;border-radius:4px;padding:12px;font-size:14px;font-weight:400}.item-details button{margin-top:auto}#item-art{height:88px;border-radius:4px;background:#dedfd3;display:grid;place-items:center}#item-art svg{width:48px!important;height:48px!important}.muted{color:var(--muted);font-size:12px;line-height:1.6;margin:16px 0 0}.shop-intro{color:var(--muted);font-size:14px;line-height:1.7}.shop-intro span{font-size:12px}.shop-items{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.shop-items article{padding:16px;background:#e2e2d8;border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column}.product-art{display:grid;place-items:center;height:88px;margin-bottom:16px;color:#566b4f}.product-art svg{width:56px!important;height:56px!important}.shop-items small{font-size:12px;color:var(--muted);text-transform:none}.shop-items h3{margin:8px 0 0;font-size:20px;font-weight:500}.shop-items p{color:var(--muted);font-size:13px;margin:8px 0 16px;line-height:1.6}.shop-items button{margin-top:auto}.drag-ghost{position:fixed;z-index:100;left:0;top:0;width:56px;height:56px;display:grid;place-items:center;background:var(--paper);color:var(--forest);border:2px solid var(--brass);border-radius:4px;pointer-events:none}
#touch-controls{display:none}#rotate-phone{display:none;position:fixed;inset:0;z-index:200;background:#282d28;color:var(--paper);align-items:center;justify-content:center;text-align:center;padding:32px}#rotate-phone.needed{display:flex}#rotate-phone span{font-size:48px;color:#b7bba9}#rotate-phone h2{font-family:Literata,Georgia,serif;font-weight:400;font-size:28px}#rotate-phone p{color:#b7bba9;font-size:14px}#controls-open{position:fixed;z-index:6;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));min-width:100px;min-height:44px;padding:8px 12px;border:1px solid var(--hairline);border-radius:4px;background:var(--forest);color:var(--paper);font-size:13px}#controls-panel{position:fixed;z-index:50;color:var(--ink)}.controls-sheet{max-width:500px}.setting-label{display:flex;justify-content:space-between;gap:16px;font-size:14px;font-weight:500;margin-top:24px}.setting-label output{color:#526748}.controls-sheet input[type=range]{width:100%;min-height:44px;margin:8px 0 0;accent-color:#526748;touch-action:pan-x}.controls-sheet select{display:block;width:100%;min-height:44px;background:#e1e1d7;border:1px solid var(--line);border-radius:4px;padding:8px 12px;margin:8px 0;color:var(--ink);font-size:14px}.controls-sheet .muted{margin:0}#controls-reset{margin-top:24px;min-height:44px;border:1px solid var(--line);border-radius:4px;background:transparent;padding:12px 16px;color:var(--ink)}
#social-ui{position:fixed;inset:0;z-index:7;pointer-events:none;color:var(--paper)}#social-ui button,#social-ui input{pointer-events:auto}#players-panel{position:absolute;top:88px;right:24px;width:184px;padding:12px 16px;border-radius:4px;border:1px solid var(--hairline);background:#282d28e8}#players-panel small{font-size:11px;letter-spacing:0;color:#b1b6a6}#players-panel h3{font-size:14px;font-weight:500;margin:12px 0 8px}#players-list{list-style:none;margin:0;padding:0;font-size:12px;line-height:1.9;overflow-wrap:anywhere}#players-list li:before{content:'·';color:#a5c18d;margin-right:8px}#chat-toggle{position:absolute;bottom:252px;left:24px;border-radius:4px;min-width:80px;min-height:44px;background:var(--forest);color:var(--paper);border:1px solid var(--hairline);padding:8px 12px;font-size:13px}#chat-unread:not(:empty){color:#d7c28d;padding:2px 4px;margin-left:4px}#chat-panel{position:absolute;bottom:104px;left:24px;width:296px;border-radius:4px;border:1px solid var(--hairline);background:#282d28f5;padding:12px;pointer-events:auto}#chat-toggle[aria-expanded=true]{bottom:368px}.chat-heading{display:flex;justify-content:space-between;align-items:center}.chat-heading strong{font-size:13px;font-weight:500}.chat-heading button{width:44px;height:44px;border:0;border-radius:4px;background:transparent;color:var(--paper);font-size:24px}#chat-messages{height:124px;overflow-y:auto;overscroll-behavior:contain;padding:4px 0 8px;scrollbar-width:thin}#chat-messages p{font-size:12px;line-height:1.6;color:var(--paper);margin:4px 0;overflow-wrap:anywhere}#chat-messages b{color:#c7b389;font-weight:500}#chat-form{display:flex;gap:8px;margin-top:8px}#chat-input{width:0;flex:1;min-height:44px;background:#1e241e;border:1px solid var(--hairline);border-radius:4px;padding:8px;color:var(--paper);font-size:14px}#chat-input::placeholder{color:#a9aea1}#chat-form button{width:44px;height:44px;border:0;border-radius:4px;color:var(--ink);background:var(--paper);font-size:20px}#chat-error{font-size:12px;color:#e3c793;display:block;margin-top:4px;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#world-names{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:hidden}.peer-label{position:absolute;left:0;top:0;text-align:center;max-width:224px;display:flex;flex-direction:column;align-items:center;gap:8px}.peer-label b{color:#eee6d3;background:#282d28dd;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:400;white-space:nowrap}.peer-label span{color:var(--ink);background:#ece8dff5;border-radius:6px 6px 6px 0;padding:8px 12px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}#game-ui:has(.game-modal:not([hidden])){z-index:10}
@media(pointer:coarse){#touch-controls{display:block}#joystick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:104px;height:104px;border:1px solid #ece8df66;border-radius:50%;background:#282d2866;touch-action:none;display:grid;place-items:center}#joystick i{width:44px;height:44px;background:#ece8df88;border:1px solid #ece8df88;border-radius:50%;pointer-events:none}#chop-touch{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:88px;height:88px;border-radius:50%;background:var(--paper);color:var(--ink)!important;border:1px solid #fff8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;touch-action:none;font-size:12px;font-weight:400}#chop-touch svg{width:28px!important;height:28px!important}#chop-meter{bottom:128px}#play .controls{display:none}#play{bottom:auto;top:72px;left:24px}#back{min-height:44px;margin-top:4px}#hotbar{bottom:20px}#hotbar button{min-height:52px;min-width:64px}#hotbar kbd,.hud-bag kbd{display:none}.hud-wallet{right:176px}.hud-bag{right:max(20px,env(safe-area-inset-right))}#interact{top:calc(50% + 24px)}#controls-open{bottom:auto;top:72px;right:max(20px,env(safe-area-inset-right))}#players-panel{top:128px;right:20px;width:152px;padding:8px 12px;max-height:152px;overflow:auto}#players-panel small{font-size:10px}#players-panel h3{font-size:12px;margin:8px 0}#players-list{font-size:11px;line-height:1.6}#chat-toggle,#chat-toggle[aria-expanded=true]{left:auto;right:184px;bottom:auto;top:72px}#chat-panel{left:136px;bottom:104px;width:min(296px,48vw)}#chat-messages{height:96px}#chat-input{font-size:16px}#shirt-colors button{width:36px;height:44px}#shirt-preview{width:64px}}
@media(max-width:800px){header{padding:20px 24px}.brand{font-size:20px}main{left:24px;right:24px;top:22%;bottom:56px}.intro h1{font-size:40px}.intro p{font-size:13px}.intro .eyebrow{margin-bottom:16px}.status{font-size:11px}aside{width:332px;padding:16px}.arrival{margin-top:16px}footer{left:24px;right:24px;font-size:11px}footer span:nth-child(2){display:none}}
@media(max-height:540px) and (orientation:landscape){header{padding:16px 24px}.brand{font-size:18px}.brand span{display:none}main,#selection{top:60px;bottom:16px;align-items:center}aside,#selection aside{width:356px;padding:16px}.intro{align-self:center}.intro h1{font-size:40px}.intro .eyebrow{margin-bottom:16px}.intro p{font-size:13px}.panel-label{margin-bottom:8px;font-size:12px}.panel-label span{font-size:11px}#locations{display:flex;gap:4px}.location{min-height:52px;padding:8px;display:block;flex:1;border:1px solid var(--hairline);border-radius:4px}.location.selected{border-color:#bca27899}.location .num,.location small,.location .check{display:none}.location strong{font-size:12px;line-height:1.4}.arrival{margin-top:12px}.nickname-label{font-size:12px}#nickname{min-height:44px;margin-top:4px}.shirt-caption{margin-top:8px;font-size:12px}#shirt-colors{margin-top:4px;gap:8px}#shirt-colors button{width:28px;height:44px}#shirt-preview{width:56px}#shirt-preview svg{height:100px}#spawn{min-height:44px;margin-top:12px}.hint{display:none}#join-error{font-size:11px;margin-top:4px}footer{display:none}.game-sheet{padding:16px 24px;max-height:calc(100dvh - 16px)}.sheet-top{margin-bottom:16px}.sheet-top h2{font-size:24px}.inventory-layout{gap:16px;grid-template-columns:minmax(0,1fr) 168px}#inventory-grid{gap:8px}.slot{height:48px}.item-details{padding-left:16px}#item-art{height:48px}.muted{font-size:11px;margin-top:8px}.item-details h3{font-size:16px;margin-top:8px}.item-details p{font-size:12px}.shop-intro{display:none}.shop-items{margin-top:0}.shop-items article{padding:12px}.product-art{height:44px;margin-bottom:8px}.product-art svg{width:40px!important;height:40px!important}.shop-items h3{font-size:18px}.shop-items p{margin:8px 0}.hud-wallet,.hud-bag{top:16px}.in-game header{padding:16px 24px}#play{top:64px}.play-location{font-size:12px}#back{font-size:11px;padding:8px 0}.hud-wallet{padding:8px 12px}.hud-bag{min-height:44px}#chop-meter{width:264px;padding:12px;bottom:96px}#chop-meter p{font-size:10px}.tree-health{margin:8px 0 12px}#toast{top:64px;font-size:12px;padding:8px 12px}#joystick{width:96px;height:96px}#chop-touch{width:80px;height:80px}.controls-sheet .setting-label{margin-top:12px}.controls-sheet #controls-reset{margin-top:12px}#chat-panel{bottom:100px;padding:8px}#chat-messages{height:80px}#players-panel{top:128px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Item-grid direction taken from the supplied inventory reference. */
#resume-look{position:fixed;z-index:8;left:50%;top:calc(50% + 64px);transform:translateX(-50%);min-height:48px;padding:12px 24px;border:1px solid #b7baa588;background:#161c17ee;color:#eee9d9;border-radius:4px;font-size:15px}#look-error{position:fixed;z-index:20;left:50%;bottom:128px;transform:translateX(-50%);max-width:600px;background:#282a24;color:#efdcad;font-size:13px;line-height:1.5;padding:12px 16px}#look-error:empty{display:none}.item-icon{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none;user-select:none}.inventory-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.inventory-toolbar>label{flex:1;min-width:160px}.inventory-toolbar input,.inventory-toolbar select{min-height:44px;background:#141713;border:1px solid #a7ac842f;color:#e6e7db;border-radius:0;padding:8px 12px;font-size:13px}.inventory-toolbar input{width:100%}.inventory-toolbar input::placeholder{color:#9fa38f}.inventory-filters{display:flex;gap:4px}.inventory-filters button{min-height:44px;padding:8px 12px;border:1px solid #abb18a33;border-radius:0;background:#141713;color:#aeb69c!important;font-size:12px}.inventory-filters button[aria-pressed=true]{border-color:#9aaa72;color:#eef3da!important;background:#242c20}#inventory-modal .game-sheet{width:min(1056px,calc(100vw - 32px));background:#0d100ef5;color:#e6e7db;border:1px solid #787e613d;border-radius:0;padding:20px}#inventory-modal .sheet-top{margin-bottom:16px;border-bottom:1px solid #9ca68033;padding-bottom:16px}#inventory-modal .sheet-top small{color:#9ca58f;font-size:12px}#inventory-modal h2{font-family:'Golos Text',Arial,sans-serif;font-size:22px;font-weight:500;letter-spacing:0;margin:4px 0 0}#inventory-modal .close-sheet{border-radius:0;border-color:#93674c66;color:#cb9b7b}#inventory-modal .inventory-layout{grid-template-columns:minmax(0,1fr) 184px;gap:20px}#inventory-grid{grid-template-columns:repeat(8,minmax(48px,1fr));gap:3px}.slot{height:auto;aspect-ratio:1;min-height:64px;border-radius:0;border:1px solid #9a9e6b33;background:#121612;color:#e7eddb;overflow:hidden;padding:0;isolation:isolate}.slot.occupied{background:linear-gradient(0deg,#333b2438,transparent 65%),#101511}.slot.occupied:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#83996577}.slot small{color:#9da78a77;font-size:10px;top:3px;left:4px;z-index:2}.slot .item-icon{position:absolute;inset:0;opacity:.8;transform:scale(.92);z-index:0}.slot-name{position:relative;z-index:1;align-self:center;padding:8px 4px;font-size:11px;line-height:1.2;text-align:center;color:#f0f0e5;text-shadow:1px 1px #080a08,-1px -1px #080a08,0 1px #080a08;max-width:100%}.slot b{position:absolute;right:4px;top:3px;bottom:auto;z-index:2;font-size:11px;font-weight:500;color:#f0f0df;text-shadow:0 1px #000}.slot em{position:absolute;bottom:5px;right:4px;left:4px;font-size:9px;line-height:1.1;font-style:normal;color:#b3c298;text-shadow:0 1px #000;text-align:right}.slot.slot-equipped{box-shadow:none;border-color:#c6bf7f}.slot.slot-selected{border:1px solid #e2d18b;background:#303523}.slot.drop-target{outline:2px solid #d2dc98;outline-offset:-3px}.item-details{border-color:#9ca68033;padding-left:20px}#inventory-modal #item-art{background:#1a2018;border-radius:0;height:140px;color:#a8b28d}#item-art .item-icon{width:140px;height:140px}#inventory-modal h3{color:#e6e7db;font-size:17px}#inventory-modal .item-details p,#inventory-modal .muted{color:#a1aa93;font-size:12px}#inventory-modal #equip-item{background:#293822;border:1px solid #7c926366;border-radius:0;color:#e4efd8!important}#inventory-grid.no-results{display:block;min-height:224px}.inventory-empty{color:#a1aa93;padding:32px;text-align:center}.drag-ghost{background:#20271b;border-color:#b6c28b;border-radius:0}.drag-ghost .item-icon{width:52px;height:52px}#hotbar{gap:4px;padding:0;border:0;border-radius:0;background:transparent}#hotbar button{min-width:0;width:60px;min-height:60px;height:60px;border-radius:0;border:1px solid #a2aa7a40;background:#101610c9;overflow:hidden;padding:0;position:relative}#hotbar button.equipped{border-color:#c4bd83;background:#39452a99}#hotbar button .item-icon{position:absolute;inset:0;opacity:.8}#hotbar button span{position:relative;z-index:1;padding:4px;font-size:10px;color:#eeeada;text-shadow:0 1px #000}#hotbar button kbd{z-index:2;opacity:.8;font-size:10px}#hotbar button b{position:absolute;bottom:3px;right:4px;font-size:10px;color:#d5dfbd;z-index:2;font-weight:400}.product-art .item-icon{width:112px;height:112px}
@media(pointer:coarse){#hotbar button{width:48px;height:48px;min-height:48px}#hotbar{bottom:16px}#hotbar button span{font-size:9px}.inventory-filters button{min-height:44px}.slot-name{font-size:10px}.slot{min-height:48px}#inventory-modal .game-sheet{padding:16px}#inventory-modal .inventory-layout{grid-template-columns:minmax(0,1fr) 144px;gap:12px}.item-details{padding-left:12px}#inventory-modal #item-art{height:88px}#item-art .item-icon{width:88px;height:88px}}
@media(max-height:540px) and (orientation:landscape){#inventory-modal .sheet-top{margin-bottom:8px;padding-bottom:8px}#inventory-modal .sheet-top small{display:none}#inventory-modal h2{font-size:18px}.inventory-toolbar{gap:8px;margin-bottom:8px}.inventory-toolbar>label{min-width:120px}.inventory-filters button{padding:8px}#inventory-grid{grid-template-columns:repeat(8,minmax(40px,1fr))}#inventory-modal .game-sheet{max-height:calc(100dvh - 12px)}#inventory-modal .inventory-layout{grid-template-columns:minmax(0,1fr) 140px}#hotbar button{width:44px;height:48px;min-height:48px}#inventory-modal .muted{font-size:10px;line-height:1.3;margin-top:8px}.slot{min-height:44px}.slot-name{font-size:9px}.slot em{font-size:8px}.slot small,.slot b{font-size:9px}}
@media(pointer:coarse){#hotbar{max-width:calc(100vw - 256px);overflow-x:auto;overscroll-behavior-x:contain;pointer-events:auto;scrollbar-width:none;justify-content:flex-start;touch-action:pan-x}#hotbar button{flex:0 0 44px}#hotbar::-webkit-scrollbar{display:none}}

@media(pointer:coarse){#jump-touch{position:absolute;right:max(124px,calc(env(safe-area-inset-right) + 116px));bottom:max(40px,env(safe-area-inset-bottom));min-width:60px;min-height:60px;border:1px solid var(--hairline);border-radius:50%;background:var(--forest);color:var(--paper);touch-action:none;font-size:12px}}

#account-panel{margin:12px 0;max-width:100%;font-size:13px}#account-panel button{font:inherit;cursor:pointer;min-height:44px;padding:8px 12px;border:1px solid #8b927d;border-radius:6px;background:#e8e5d6;color:#27382c} .account-tabs,.password-row{display:flex;gap:8px;margin:8px 0}.account-tabs button[aria-pressed="true"]{background:#354b3b!important;color:#fff!important}.password-row input{min-width:0;flex:1;width:100%;padding:10px;font-size:16px;border:1px solid #8b927d;border-radius:6px;background:#fffdf4;color:#27382c}.account-help{font-size:12px;line-height:1.45;margin:8px 0;color:#465444}#account-status{margin:8px 0;overflow-wrap:anywhere}#account-panel [hidden]{display:none!important}.arrival-fields{min-width:0}#selection aside{max-height:calc(100dvh - 110px);overflow-y:auto}#account-panel button:focus-visible,#account-panel input:focus-visible{outline:3px solid #ac743c;outline-offset:2px}

#field-journal{position:fixed;right:20px;top:150px;width:220px;padding:12px;background:#f1eedf;color:#293f31;border:1px solid #a6ab91;border-radius:8px;pointer-events:auto;font-size:13px}#field-journal summary{cursor:pointer;min-height:30px}#field-journal p{line-height:1.5} @media(max-width:700px){#field-journal{top:75px;right:12px;width:170px;font-size:12px}}
.arrival{display:block}.arrival-fields{width:100%}#shirt-preview{display:none}#account-panel .account-help{color:#c7cdbf}#account-panel label{color:#e8e4da}#account-status{color:#e8e4da}

#locations{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}#locations .location{min-height:65px}#locations .location .num{display:none}#locations .location small{font-size:11px}#locations .location em{display:none}#locations .location strong{font-size:14px}#locations .location .check{margin-left:auto}#locations button:disabled{opacity:.5}#selection aside{position:relative;max-height:calc(100dvh - 48px)}

#selection aside{max-height:calc(100dvh - 160px)}

@media(min-width:701px){#field-journal{top:210px}}

.controls-sheet{max-height:calc(100dvh - 48px);overflow-y:auto}.controls-sheet select{width:100%;min-height:44px;padding:8px 12px;background:#eeeadd;color:#27382c;border:1px solid #9caa92;border-radius:6px}.controls-sheet output{float:right}#world-weather{position:fixed;top:88px;left:32px;z-index:4;padding:8px 12px;background:#27382cdd;color:#f1ead9;border-radius:6px;font-size:12px;pointer-events:none}.in-game #world-weather{top:70px;left:24px}@media(max-height:500px){#world-weather{top:12px;left:45%}.in-game #world-weather{top:12px;left:45%}}

#build-open{position:fixed;right:24px;bottom:74px;z-index:8;min-height:44px;padding:10px 18px;background:#283b2e;color:#eee5d2;border:1px solid #a4ae91;border-radius:6px}#build-panel{position:fixed;left:24px;top:110px;z-index:20;width:290px;max-height:calc(100dvh - 140px);overflow:auto;background:#26392eef;color:#eee5d2;border:1px solid #8f9c7c;border-radius:8px;padding:16px}#build-panel[hidden],#build-open[hidden]{display:none}.build-heading{display:flex;justify-content:space-between;align-items:center}#build-panel button{min-height:44px;background:#e5dfcd;color:#29382b;border:1px solid #a9ac91;border-radius:5px;padding:8px;cursor:pointer}#build-types{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}#build-types button small{display:block;font-size:11px;margin-top:4px}#build-panel button[aria-pressed="true"]{background:#aec48a}#build-panel p{font-size:12px;margin:8px 0;color:#e1e5d6}.build-actions{display:flex;gap:8px}#build-panel>small{font-size:11px;color:#c3ccb8;line-height:1.4}#build-close{font-size:22px} @media(max-height:500px){#build-panel{top:12px;left:12px;width:240px;max-height:calc(100dvh - 24px)}#build-types{gap:4px;margin:6px 0}#build-panel button{padding:4px}#build-open{bottom:65px;right:12px}}

.building-mode #chat-panel,.building-mode #chat-toggle,.building-mode #players-panel,.building-mode #field-journal,.building-mode #hotbar,.building-mode #crosshair,.building-mode #resume-look{display:none!important}.build-zoom{display:flex;gap:8px;margin:8px 0}.build-zoom button{width:44px}#build-panel{box-shadow:0 8px 24px #10221733}
/* Keep HUD anchors tied to the viewport, including resized desktop windows. */
#game-ui,#social-ui{width:100vw;height:100dvh;min-width:0;left:0;top:0;right:auto;bottom:auto;transform:none;contain:layout}
#hotbar{max-width:calc(100vw - 240px);overflow-x:auto;pointer-events:auto}#hotbar button{flex:0 0 52px}
#chop-meter{width:min(296px,calc(100vw - 32px))}#target-hint{max-width:calc(100vw - 32px);white-space:normal;text-align:center}#chat-panel{max-width:calc(100vw - 48px)}
.build-transform{display:grid;grid-template-columns:1fr 1fr;gap:8px}.build-transform label{font-size:12px}.build-transform input,.build-transform select{display:block;width:100%;min-height:36px;margin-top:4px;background:#edf0df;color:#26392e;border:1px solid #8f9c7c;border-radius:4px;padding:6px}#build-panel{width:min(310px,calc(100vw - 24px))}
#clothing-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px}#clothing-slots button{min-height:82px;background:#192018;border:1px solid #7c926366;padding:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}#clothing-slots small{text-transform:capitalize;width:100%;text-align:left;color:#a1aa93}#clothing-slots svg{width:36px;height:36px}#clothing-slots span{font-size:12px}.shop-items{flex-wrap:wrap}.shop-items article{min-width:180px;flex:1}#inventory-grid .slot>svg{width:70%;height:70%;position:absolute;opacity:.65}#hotbar button>svg{width:42px;height:42px;position:absolute}
@media(max-width:900px){#hotbar{max-width:calc(100vw - 32px);bottom:12px}#hotbar button{flex-basis:44px;width:44px;height:48px;min-height:48px}#play{bottom:126px}#chop-meter{bottom:184px}#inventory-grid{grid-template-columns:repeat(6,minmax(36px,1fr))}#inventory-modal .inventory-layout{grid-template-columns:minmax(0,1fr) 140px;gap:12px}#clothing-slots button{gap:4px}#clothing-slots span{font-size:11px}}

html{overflow:hidden;width:100%;height:100%;overscroll-behavior:none}body{position:fixed;inset:0;width:100%;height:100dvh;overflow:clip}#world-names{position:fixed;inset:0;overflow:clip;pointer-events:none}#shop-modal .shop-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

@media(max-width:900px) and (pointer:fine){#play{bottom:78px;max-width:200px}#play .controls{display:none}#chat-panel{bottom:180px}#chat-toggle[aria-expanded=true]{bottom:444px}#clothing-slots .drop-target{outline:2px solid #d2dc98;outline-offset:-2px}}
body:has(#inventory-modal:not([hidden])) #social-ui,body:has(#shop-modal:not([hidden])) #social-ui,body:has(.game-modal:not([hidden])) #build-open,body:has(.game-modal:not([hidden])) #controls-open,body:has(.game-modal:not([hidden])) #play,body:has(.game-modal:not([hidden])) #resume-look{visibility:hidden}
#view-toggle{position:fixed;right:24px;bottom:124px;z-index:8;min-height:44px;padding:10px 14px;background:#283b2e;color:#eee5d2;border:1px solid #a4ae91;border-radius:6px}.building-mode #play,.building-mode #target-hint,.building-mode #interact,.building-mode #chop-meter{display:none!important}#build-panel .build-actions{flex-wrap:wrap;margin:8px 0}#build-panel .build-actions button{flex:1;font-size:12px;padding:6px}#build-panel details{margin:12px 0;font-size:12px}#build-panel summary{cursor:pointer;padding:10px 0}#build-panel .build-transform label{font-size:11px}#build-types{gap:5px;margin:8px 0}#build-types button{font-size:12px}#build-types button small{font-size:10px}#clothing-slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#clothing-slots button{min-height:64px;padding:6px}#clothing-slots small{font-size:10px}#clothing-slots svg{width:24px;height:24px}body:has(.game-modal:not([hidden])) #view-toggle{visibility:hidden}
#admin-open{position:fixed;right:24px;bottom:174px;z-index:9;min-height:44px;padding:8px 14px;background:#514a32;color:#f2ead6;border:1px solid #bca278;border-radius:5px}#admin-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:80;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:20px;background:#25362afc;border:1px solid #bca278;color:#f2ead6;border-radius:6px}#admin-panel p{font-size:12px;color:#c6cdbc;margin:12px 0}#admin-panel label{display:block;font-size:13px;margin-top:12px}#admin-panel input,#admin-panel select{display:block;width:100%;min-height:40px;padding:8px;margin:6px 0;background:#e5e7d9;color:#25362a;border:1px solid #8f9c7c}#admin-panel button{min-height:40px;padding:8px 12px;border:1px solid #bca278;background:#e7dfc9;color:#25362a;border-radius:4px}.admin-mode #social-ui,.admin-mode #build-panel,.admin-mode #resume-look{visibility:hidden}

.admin-mode #look-error,.admin-mode #view-toggle,.admin-mode #controls-open,.admin-mode #build-open{visibility:hidden}#admin-panel{box-shadow:0 0 0 100vmax #10180fa8}
#resume-look{top:110px}body:not(.in-game) #admin-open{display:none!important}
#journal-open{position:fixed;right:24px;top:210px;z-index:8;min-height:44px;padding:10px 16px;background:#ece8d9;color:#29382d;border:1px solid #9ca78c;border-radius:4px;font-size:13px}#journal-modal{position:fixed;z-index:65;color:#eae6d8;background:#10170fba}.journal-sheet{width:min(960px,100%);max-height:calc(100dvh - 32px);overflow:auto;background:#253128;border:1px solid #718064;padding:20px;border-radius:6px}.journal-sheet .sheet-top{margin-bottom:12px}.journal-sheet .sheet-top h2{font-family:Literata,Georgia,serif;font-size:26px;margin:4px 0}.journal-sheet small{color:#b1b8a4}.journal-sheet button{min-height:44px;background:#303d30;border:1px solid #627358;color:#eee7d7;border-radius:4px}.journal-sheet button[aria-pressed=true]{border-color:#d2bd82;background:#43513a}.journal-sheet button:focus-visible{outline:2px solid #e1c48a}#journal-close{width:44px;font-size:24px}#journal-progress{font-size:13px;color:#d2bd82;margin-left:auto;margin-right:16px}#journal-filters{display:flex;gap:6px;overflow:auto;padding-bottom:12px}#journal-filters button{padding:8px 14px;font-size:12px;flex-shrink:0}.journal-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:16px}#journal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;align-content:start;max-height:480px;overflow:auto;padding:2px}.journal-card{display:flex;flex-direction:column;align-items:center;padding:5px;min-height:130px}.journal-card img{width:100%;aspect-ratio:1;object-fit:contain;image-rendering:pixelated}.journal-card strong{font-size:12px;font-weight:500;text-align:center}.journal-card small{font-size:10px;line-height:1.4;margin:4px 0}.journal-detail{background:#1e281f;padding:16px;min-width:0;overflow:auto;max-height:480px;border:1px solid #53614a;border-radius:4px}.journal-detail h3{margin:0;font-size:20px;font-weight:500}.journal-detail p{font-size:13px;color:#d0d5c2;line-height:1.55;margin:12px 0}#journal-scientific{font-size:12px;color:#c4b17c;margin:6px 0}#journal-preview{height:200px;background:#82917d26;border:1px solid #6b79533d;border-radius:4px;margin-top:12px}#journal-preview canvas{position:static;inset:auto;width:100%;height:100%;touch-action:none}#journal-hint{color:#d4bc83}.journal-instruction{font-size:11px!important;color:#a4b099!important}#journal-uses{font-size:12px}.journal-empty{grid-column:1/-1;padding:20px;font-size:13px;line-height:1.6;color:#cad2bc}.journal-mode #social-ui,.journal-mode #build-panel,.journal-mode #resume-look,.journal-mode #admin-open,.journal-mode #view-toggle,.journal-mode #controls-open,.journal-mode #build-open,.journal-mode #play{visibility:hidden}.building-mode #journal-open,.admin-mode #journal-open{display:none!important}@media(max-width:700px){#journal-open{top:210px;right:12px}.journal-sheet{padding:12px}.journal-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px}#journal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-card{min-height:100px}.journal-detail{padding:10px}#journal-preview{height:160px}#journal-progress{font-size:11px;margin-right:8px}}@media(max-height:550px){#journal-cards,.journal-detail{max-height:calc(100dvh - 170px)}#journal-preview{height:120px}}
.journal-sheet .journal-card{min-height:138px;height:auto;flex-shrink:0}.journal-card img{height:82px;flex:0 0 82px}.journal-card strong,.journal-card small{flex-shrink:0}.journal-mode #game-ui,.journal-mode #journal-open{visibility:hidden}
.hair-choice{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:14px}.hair-choice select{min-height:40px;max-width:150px;background:#e5e7d9;color:#29382d;border:1px solid #839273;padding:6px}.trade-tabs{display:flex;gap:8px;margin:16px 0}.trade-tabs button,.sell-row button{min-height:44px;padding:8px 12px;color:#ede8d8;background:#344c36;border:1px solid #8a9676;border-radius:4px}.trade-tabs button[aria-pressed=true]{background:#e6dfc8;color:#283b2c}.sell-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid #85927555;padding:12px 0}.sell-row span{flex:1;min-width:160px;font-size:13px}#shop-sell>p{font-size:13px;line-height:1.6}
.trade-tabs button,.sell-row button{color:#eee8d8!important}.trade-tabs button[aria-pressed=true]{color:#283b2c!important}#shop-sell>p{color:#52604d}.sell-row button:focus-visible,.trade-tabs button:focus-visible{outline:2px solid #98753c;outline-offset:2px}.hair-choice select:focus-visible{outline:2px solid #98753c;outline-offset:2px}#world-weather{max-width:calc(100vw - 48px);font-size:12px;line-height:1.5}
#trade-open{position:fixed;right:24px;top:262px;z-index:8;min-height:44px;padding:10px;background:#ece8d9;border:1px solid #839273;border-radius:4px;color:#29382d}#trade-modal,.world-action-modal{position:fixed;z-index:75}.trade-columns,.sale-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.trade-item{display:flex;align-items:center;gap:12px;margin:8px 0;font-size:13px}.trade-item span{flex:1}.trade-item input{width:72px;min-height:40px;padding:8px;background:#f6f1e2;color:#29382d;border:1px solid #839273}.work-action,.sale-stack{min-height:44px;padding:10px 14px;margin:6px 6px 6px 0;background:#34503b;border:1px solid #8a9676;border-radius:4px;color:#f2ecd9!important}.work-action:disabled{opacity:.45}.work-action:focus-visible,.sale-stack:focus-visible{outline:2px solid #a88141;outline-offset:2px}.recipe-row{padding:10px 0;border-bottom:1px solid #8a967655}.recipe-row p{font-size:13px;color:#52604d}.world-action-modal select{min-height:44px;margin:12px;padding:8px;color:#29382d;background:#eee9d9}.sale-bag{display:flex;flex-wrap:wrap;align-content:start;gap:6px}#sale-drop{min-height:180px;border:2px dashed #8a9676;background:#d5dccb;padding:14px;border-radius:4px}#sale-drop p{font-size:13px;color:#43533d}.sale-stack{font-size:12px;touch-action:none}#trade-error,#work-error{color:#9b3c2c;font-size:13px}#trade-status{color:#52604d;font-size:13px;line-height:1.6}.world-action-modal p{line-height:1.6}.building-mode #trade-open,.admin-mode #trade-open,body:has(.game-modal:not([hidden])) #trade-open{visibility:hidden}body:has(#trade-modal:not([hidden])) #social-ui,body:has(.world-action-modal:not([hidden])) #social-ui{visibility:hidden}@media(max-width:650px){.trade-columns,.sale-layout{grid-template-columns:1fr}.trade-columns>section{max-height:250px;overflow:auto}#trade-open{right:12px}.trade-item input{width:65px}}
body:has(#trade-modal:not([hidden])) #journal-open,body:has(#trade-modal:not([hidden])) #admin-open,body:has(.world-action-modal:not([hidden])) #journal-open,body:has(.world-action-modal:not([hidden])) #admin-open{visibility:hidden}.trade-columns h3{color:#293b2d}.trade-columns p,#trade-body>p{color:#52604d}.trade-columns section{min-width:0}