@font-face{font-family:Fredoka;src:url(/content/fonts/Fredoka.ttf) format("truetype");font-weight:300 700;font-weight:400 700;font-display:block}:root{--bg: #000;--panel: #1b1b1b;--line: #fff;--accent: #f2c14e;--error: #ff6b6b}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:#fff;font-family:Fredoka,sans-serif;font-weight:500;overflow:hidden;touch-action:manipulation;-webkit-text-size-adjust:100%}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block;image-rendering:pixelated}#ui{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:16px;overflow-y:auto}#ui.visible{display:flex}.card{width:100%;max-width:360px;margin:auto;padding:20px 16px;background:var(--panel);border:2px solid var(--line)}.card h1{margin:0 0 16px;font-size:24px;text-align:center;font-weight:700}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab,.btn{min-height:48px;padding:8px 12px;font:inherit;font-size:18px;color:#fff;background:#000;border:2px solid var(--line);cursor:pointer}.tab{flex:1}.tab[aria-selected=true]{background:var(--accent);color:#000}.btn{width:100%;background:var(--accent);color:#000;font-weight:700}.btn:disabled{opacity:.5;cursor:default}label{display:block;margin-bottom:12px;font-size:16px}input{display:block;width:100%;min-height:48px;margin-top:4px;padding:8px;font:inherit;font-size:18px;color:#fff;background:#000;border:2px solid var(--line);border-radius:0}input:focus-visible,.tab:focus-visible,.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hint{margin:-6px 0 12px;font-size:14px;opacity:.75}.error{min-height:20px;margin:0 0 12px;color:var(--error);font-size:16px}.world-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#00000080}.world-overlay p{margin:0 0 16px;font-size:20px;text-align:center}.world-overlay p:last-child{margin:0}.chat{--kb: 0px}.chat-buttons{position:fixed;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));display:flex;gap:8px;z-index:20}.chat-btn{width:40px;height:40px;padding:0;font-size:20px;line-height:1;color:#fff;background:#0009;border:2px solid var(--line);cursor:pointer}body{--chatbar: 64px;--above: 0px}body.touch{--chatbar: 56px}body.building-bar{--above: 118px}.chat-log{position:fixed;left:max(8px,env(safe-area-inset-left));bottom:calc(var(--chatbar) + var(--above) + var(--kb) + env(safe-area-inset-bottom));width:min(420px,calc(100vw - 16px));display:flex;flex-direction:column;gap:2px;pointer-events:none;z-index:15}.chat-lines{display:flex;flex-direction:column;gap:2px}.chat-lines[hidden]{display:none}.chat-log:not(.open) .chat-lines>.chat-line:nth-last-child(n+6){display:none}.chat-tabs{display:none;position:sticky;top:0;gap:4px;padding:4px;background:#000000d9;z-index:1}.chat-log.open .chat-tabs{display:flex}.chat-tab{flex:1;min-height:36px;font:inherit;font-size:16px;color:#fff;background:transparent;border:2px solid var(--line);cursor:pointer}.chat-tab.on{background:var(--accent);color:#000;font-weight:700}.chat-log.open{max-height:min(50vh,calc(100vh - var(--chatbar) - var(--above) - var(--kb) - 80px));overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;background:#0009;border:2px solid var(--line);z-index:27}.chat-more{position:fixed;left:calc(max(8px,env(safe-area-inset-left)) + 8px);bottom:calc(var(--chatbar) + var(--above) + var(--kb) + env(safe-area-inset-bottom) + 8px);min-height:36px;padding:0 12px;font:inherit;font-size:16px;color:#000;background:var(--accent);border:2px solid #000;cursor:pointer;z-index:28}.chat-more[hidden]{display:none}.chat-line{padding:2px 6px;font-size:18px;line-height:1.2;overflow-wrap:anywhere;background:#0000008c;pointer-events:auto;cursor:pointer}.chat-name{color:var(--accent);font-weight:700}.chat-system{color:#ddd}.chat-old{opacity:.7}.chat-bar{position:fixed;left:0;right:0;bottom:calc(var(--kb) + env(safe-area-inset-bottom));padding:8px;background:#000c;z-index:25}.chat-bar[hidden],.emote-wheel[hidden]{display:none}.chat-suggest{position:absolute;left:8px;right:8px;bottom:100%;display:flex;flex-wrap:wrap;gap:6px;padding:6px 0}.chat-suggest[hidden]{display:none}.chat-hint{min-height:36px;padding:4px 12px;font:inherit;font-size:16px;color:#fff;background:#000000d9;border:2px solid var(--line);border-radius:6px;cursor:pointer}.chat-input{display:block;width:100%;min-height:48px;margin:0;padding:10px 8px;font:inherit;font-size:18px;line-height:24px;color:#fff;background:#000;border:2px solid var(--line);border-radius:0;resize:none;overflow:hidden}.chat-input:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.touch .chat-bar{display:flex;gap:6px;padding:4px 8px}.touch .chat-bar[hidden]{display:none}.touch .chat-bar .chat-input{flex:1;min-width:0}.chat-bar .chat-btn{flex:0 0 48px;width:48px;height:48px;font-size:24px}.touch .chat-input:not(:focus){background:#0009}.emote-wheel{position:fixed;left:50%;top:50%;width:0;height:0;z-index:25}.emote-btn{position:absolute;width:60px;height:60px;padding:0;transform:translate(-50%,-50%);font-size:34px;line-height:1;background-color:#000000bf;border:2px solid var(--line);cursor:pointer}.players-btn{width:auto;min-width:48px;padding:0 10px;font:inherit;font-size:20px}.players-panel{position:fixed;top:calc(64px + env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));width:min(320px,calc(100vw - 16px));max-height:calc(100vh - 80px - env(safe-area-inset-top));overflow-y:auto;padding:12px;background:var(--panel);border:2px solid var(--line);z-index:26}.players-panel[hidden]{display:none}.players-title{margin:0 0 8px;font-size:20px;font-weight:700}.players-list{list-style:none;margin:0 0 12px;padding:0;font-size:18px;line-height:1.4}.players-list li{overflow-wrap:anywhere}.players-me{color:var(--accent);font-weight:700}.touch #game{touch-action:none;user-select:none;-webkit-user-select:none}.npc-prompt{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);width:auto;padding:0 18px;z-index:24}.npc-prompt[hidden]{display:none}.touch .npc-prompt{bottom:calc(var(--chatbar) + 12px + env(safe-area-inset-bottom))}body.menu-open>:not(#game):not(.world-overlay):not(.chat){display:none!important}body.map-open .chat-buttons,body.map-open .chat-log,body.map-open .chat-bar,body.map-open .emote-wheel,body.map-open .chat-more{z-index:45}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-bottom:8px}.inventory-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:48px;padding:6px 4px;background:#0006;border:2px solid var(--line);color:inherit;font:inherit;font-size:14px;cursor:pointer}.inventory-item.worn{border-color:var(--accent)}.inventory-icon{width:64px;height:64px;background-repeat:no-repeat;image-rendering:pixelated}.inventory-name{text-align:center;overflow-wrap:anywhere}.inventory-hint{margin:0;font-size:14px;opacity:.8}.build-panel{position:fixed;top:calc(64px + env(safe-area-inset-top));right:8px;bottom:8px;width:232px;overflow-y:auto;padding:10px;background:var(--panel);border:2px solid var(--line);z-index:26}.build-panel[hidden]{display:none}.build-panel h3{margin:8px 0 4px;font-size:16px}.build-help{margin:0 0 4px;font-size:13px;opacity:.8}.build-grid{display:flex;flex-wrap:wrap;gap:4px}.build-item{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;background:#0006;border:2px solid var(--line);cursor:pointer}.build-item.selected{border-color:var(--accent)}.build-icon{width:32px;height:32px;background-repeat:no-repeat;image-rendering:pixelated;font-size:22px;line-height:32px;text-align:center}.build-shop{margin:6px 0;padding:6px;border:2px solid var(--accent)}.build-shop[hidden]{display:none}.build-shop label{font-size:14px;margin-bottom:6px}.build-shop select,.build-shop input{width:100%;min-height:32px;margin-top:2px}.build-bar{display:flex;gap:4px;align-items:stretch;margin-bottom:6px}.build-toggle{display:flex;flex:1;gap:0}.build-toggle button,.build-undo,.build-fold{min-height:40px;padding:0 8px;background:#0006;color:inherit;border:2px solid var(--line);font:inherit;font-size:15px;cursor:pointer}.build-toggle button{flex:1}.build-toggle button.on{background:var(--accent);color:#000;font-weight:700}.build-panel>.build-toggle{margin-bottom:6px}.build-undo,.build-fold{min-width:40px;font-size:20px}.build-fold,.build-panel.folded .build-body{display:none}.touch .build-panel{bottom:calc(var(--chatbar) + 8px + env(safe-area-inset-bottom))}@media(max-width:700px){.build-panel{top:auto;left:0;right:0;bottom:0;width:auto;max-height:45vh;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.build-fold{display:block}.touch .build-panel{bottom:calc(var(--chatbar) + env(safe-area-inset-bottom));padding-bottom:8px}}.build-item{position:relative}.build-qty{position:absolute;right:1px;bottom:0;font-size:12px;line-height:1;padding:1px 2px;color:#fff;background:#000000bf}.build-body[hidden],.build-undo[hidden]{display:none}.hotbar{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100vw - 16px);display:flex;flex-direction:column;gap:4px;padding:4px;background:var(--panel);border:2px solid var(--line);z-index:26}.hotbar-tabs{display:flex;gap:4px}.hotbar-tabs[hidden]{display:none}.hotbar-tab{min-width:44px;min-height:40px;padding:0 10px;font:inherit;font-size:18px;color:#fff;background:#0006;border:2px solid var(--line);cursor:pointer;white-space:nowrap}.hotbar-tab.on{flex:1;background:var(--accent);color:#000;font-weight:700}.hotbar-row{display:flex;gap:4px;min-width:0}.hotbar-items{display:flex;gap:4px;min-width:0;overflow-x:auto;overscroll-behavior:contain}.hotbar[hidden]{display:none}.touch .hotbar{bottom:calc(var(--chatbar) + 6px + env(safe-area-inset-bottom))}.hotbar-slot{position:relative;flex:0 0 auto;width:52px;height:52px;padding:0;display:flex;align-items:center;justify-content:center;background:#0006;border:2px solid var(--line);font-size:26px;color:#fff;cursor:pointer}.hotbar-slot.selected{border-color:var(--accent);background:#f2c14e40}.hotbar-icon{width:32px;height:32px;background-repeat:no-repeat;image-rendering:pixelated}.hotbar-qty{position:absolute;right:2px;bottom:1px;font-size:13px;line-height:1;padding:1px 2px;color:#fff;background:#000000bf}.hotbar-hint{align-self:center;padding:0 8px;font-size:14px;white-space:nowrap}.menu-btn{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:21}.menu-btn[hidden]{display:none}.menu-list{position:fixed;top:calc(54px + env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));min-width:200px;display:flex;flex-direction:column;background:var(--panel);border:2px solid var(--line);z-index:27}.menu-list[hidden]{display:none}.menu-item{min-height:44px;padding:0 12px;text-align:left;background:transparent;color:inherit;border:0;border-bottom:1px solid rgba(255,255,255,.2);font:inherit;font-size:17px;cursor:pointer}.menu-item:last-child{border-bottom:0}.menu-item:hover{background:#f2c14e33}.build-exit{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:auto;padding:0 14px;min-height:40px;z-index:26}.build-exit[hidden]{display:none}.notices{position:fixed;top:calc(56px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 24px));display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;z-index:30}.notice{max-width:100%;padding:6px 12px;font-size:16px;line-height:1.25;text-align:center;overflow-wrap:anywhere;color:#fff;background:#000c;border:2px solid var(--line);transition:opacity .3s}.notice-error{border-color:var(--error);color:#ffd0d0}.notice-reward{border-color:var(--accent);color:var(--accent)}.notice.leaving{opacity:0}@media(max-width:700px){.notice{font-size:15px;padding:4px 10px}}.shop-panel{position:fixed;top:calc(56px + env(safe-area-inset-top));left:0;right:0;bottom:calc(var(--chatbar) + 130px + env(safe-area-inset-bottom));display:flex;flex-direction:column;background:var(--panel);border-top:2px solid var(--line);border-bottom:2px solid var(--line);z-index:24}.shop-panel[hidden]{display:none}.shop-head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.2)}.shop-title{flex:1;margin:0;font-size:22px}.shop-close{min-width:44px;min-height:44px;font:inherit;font-size:20px;color:#fff;background:transparent;border:2px solid var(--line);cursor:pointer}.shop-body{flex:1;overflow-y:auto;padding:12px;max-width:560px;width:100%;margin:0 auto}.shop-sub{margin:0 0 10px;font-size:18px}.shop-hint{margin:12px 0 6px;font-size:16px;opacity:.85}.shop-error{margin:8px 0 0;color:var(--error);font-size:16px}.shop-item{display:flex;align-items:center;gap:12px;margin-bottom:8px}.shop-item-text{display:flex;flex-direction:column;font-size:17px}.shop-icon{flex:0 0 48px;width:48px;height:48px;background-repeat:no-repeat;image-rendering:pixelated}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.shop-pick{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:96px;padding:8px 4px;font:inherit;font-size:14px;color:#fff;background:#0006;border:2px solid var(--line);cursor:pointer}.shop-pick-name{text-align:center;overflow-wrap:anywhere}.shop-pick-qty{opacity:.8}.shop-stepper{display:flex;align-items:center;gap:8px}.shop-step{min-width:52px;min-height:48px;font:inherit;font-size:24px;color:#fff;background:#0006;border:2px solid var(--line);cursor:pointer}.shop-step:disabled{opacity:.4;cursor:default}.shop-step-all{font-size:16px;padding:0 10px}.shop-step-n{min-width:48px;text-align:center;font-size:24px;font-weight:700}.shop-price{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:17px}.shop-price input{width:100px;min-height:48px;margin:0;text-align:center}.shop-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.shop-actions .btn{flex:1 1 200px;width:auto}.btn.shop-secondary{background:transparent;color:#fff}body.shop-open .chat-bar[hidden]{display:block}body.shop-open .npc-prompt{display:none}.trade-side{margin-bottom:14px;padding:8px 10px;border:2px solid var(--line)}.trade-side.trade-locked{border-color:var(--accent)}.trade-credits{margin:4px 0 8px;font-size:20px;font-weight:700}.trade-item{flex-wrap:wrap}.trade-ctl{display:flex;gap:6px;margin-left:auto}.trade-invite{position:fixed;top:calc(60px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:min(92vw,460px);padding:10px 12px;background:var(--panel);border:2px solid var(--accent);z-index:30}.trade-invite[hidden]{display:none}.trade-invite-text{flex:1 1 100%;font-size:17px;text-align:center}.trade-invite .btn{flex:1 1 120px;width:auto}