:root{color:#182218;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#c8b88f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#fff7dd;cursor:pointer;background:#244a35;border:0;border-radius:4px;padding:9px 13px}button:disabled{cursor:default;opacity:.62}input,select{color:#142018;background:#fbf0d5;border:2px solid #7b6344;border-radius:4px;min-width:0;padding:9px 10px}.auth-status{color:#6f624d;grid-column:1/-1;font-size:13px}.wallet-status{color:#6f624d;overflow-wrap:anywhere;background:#fbf0d5b8;border:1px solid #7b634473;border-radius:4px;grid-column:1/-1;width:fit-content;max-width:100%;padding:5px 8px;font-size:12px}.wallet-status.connected{color:#244a35;background:#d6e8cbd1;border-color:#244a3573}.shell{grid-template-columns:minmax(0,1fr) 300px;gap:12px;width:min(1280px,100vw);height:100vh;margin:0 auto;padding:12px;display:grid}.game-panel{background:#1b3126;border:3px solid #4d3928;border-radius:6px;min-width:0;min-height:0;position:relative;overflow:hidden}#game,#game canvas{width:100%;height:100%;display:block}.hud{color:#142018;background:#f4e8c4e0;border:2px solid #253426bf;border-radius:4px;flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(100% - 20px);padding:8px 10px;font-size:13px;display:flex;position:absolute;top:10px;left:10px}.build-panel{color:#142018;background:#f4e8c4e6;border:2px solid #253426bf;border-radius:4px;grid-template-columns:auto minmax(150px,1fr) auto;align-items:center;gap:8px;max-width:min(560px,100% - 20px);padding:8px;font-size:13px;display:grid;position:absolute;top:10px;right:10px}.build-panel>div{gap:2px;display:grid}.build-panel select{min-width:0;padding:7px 8px}#build-toggle-button.active{background:#a7472c}#build-status{color:#594934;overflow-wrap:anywhere;grid-column:1/-1}.minimap-panel{color:#142018;background:#f4e8c4e6;border:2px solid #253426c7;border-radius:4px;gap:5px;width:182px;padding:8px;display:grid;position:absolute;bottom:10px;left:10px;box-shadow:0 3px #31271c38}#minimap{width:160px;height:96px;image-rendering:pixelated;background:#183425;border:2px solid #4d3928;border-radius:3px;display:block}.minimap-meta{justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:1.2;display:flex}#minimap-position{color:#594934;font-variant-numeric:tabular-nums}.joystick{touch-action:none;-webkit-user-select:none;user-select:none;background:#f4e8c46b;border:3px solid #343a26bd;border-radius:50%;width:112px;height:112px;display:none;position:absolute;bottom:18px;left:18px;box-shadow:inset 0 0 0 2px #fff7dd52}.joystick-knob{pointer-events:none;background:#244a35e0;border:3px solid #212e20e6;border-radius:50%;width:46px;height:46px;transition:transform 80ms ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interaction-button{border:2px solid #fff7dd8c;display:none;position:absolute;bottom:14px;right:14px;box-shadow:0 3px #31271c73}.interaction-button.interaction-visible{display:block}.interaction-card{color:#211b13;background:#f5e5bdf2;border:2px solid #4d3928;border-radius:4px;width:min(360px,100% - 36px);padding:10px 12px;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px #31271c47}.interaction-card strong,.interaction-card span{display:block}.interaction-card span{margin-top:4px;font-size:14px;line-height:1.35}.player-profile-card{z-index:4;color:#211b13;background:#f5e5bdf7;border:2px solid #4d3928;border-radius:6px;grid-template-columns:54px minmax(0,1fr);gap:10px;width:min(360px,100% - 28px);padding:12px 38px 12px 12px;display:grid;position:absolute;bottom:14px;right:14px;box-shadow:0 5px #31271c4d}.player-profile-card[hidden]{display:none}.profile-close-button{background:#7b6344;border-radius:50%;width:24px;height:24px;padding:0;line-height:1;position:absolute;top:8px;right:8px}.profile-avatar{color:#fff7dd;background:#244a35 50%/cover no-repeat;border:2px solid #4d3928;border-radius:6px;place-items:center;width:54px;height:54px;font-size:24px;font-weight:800;display:grid}.profile-copy{min-width:0}.profile-copy strong,.profile-copy span,.profile-copy small{display:block}.profile-copy strong{overflow-wrap:anywhere;margin-bottom:3px}.profile-copy span,.profile-copy small{color:#6f624d;overflow-wrap:anywhere;font-size:12px}.profile-score{color:#fff7dd;overflow-wrap:anywhere;background:#244a35;border:1px solid #4d3928;border-radius:6px;width:fit-content;max-width:100%;margin-top:6px;padding:4px 7px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex}.profile-score:empty,.profile-badges:empty{display:none}.profile-badges{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.profile-badge{color:#3b2c1f;overflow-wrap:anywhere;background:#fff7ddbd;border:1px solid #4d39286b;border-radius:5px;max-width:100%;padding:3px 6px;font-size:11px;font-weight:700;line-height:1.2}.profile-copy p{overflow-wrap:anywhere;margin:7px 0 4px;font-size:13px;line-height:1.35}.chat-panel{background:#dfc996;border:3px solid #4d3928;border-radius:6px;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-height:0;padding:12px;display:grid}.chat-toggle{display:none}#chat-unread{color:#fff7dd;background:#c13c31;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:6px;font-size:12px;display:inline-flex}.identity{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.identity label{text-transform:uppercase;gap:5px;font-size:13px;font-weight:700;display:grid}.nft-avatar-panel{background:#f5e5bdbd;border:2px solid #4d3928b8;border-radius:5px;grid-column:1/-1;gap:8px;padding:9px;display:grid}.nft-avatar-panel[hidden]{display:none}.nft-avatar-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.nft-avatar-header span{color:#6f624d;overflow-wrap:anywhere;text-align:right;min-width:0;font-size:12px}.nft-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.nft-avatar-option{color:#211b13;text-align:left;background:#fbf0d5;border:2px solid #4d392861;border-radius:5px;gap:5px;min-width:0;padding:6px;display:grid}.nft-avatar-option.selected{border-color:#244a35;box-shadow:inset 0 0 0 2px #244a352e}.nft-avatar-option img{aspect-ratio:1;object-fit:cover;background:#d567a4;border:1px solid #4d392873;border-radius:3px;width:100%}.nft-avatar-option span,.nft-avatar-option small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nft-avatar-option span{font-size:12px;font-weight:800}.nft-avatar-option small{color:#6f624d;font-size:10px}#chat-log{background:#f5e5bd;border:2px solid #7b6344;border-radius:4px;min-height:0;margin:0;padding:10px;list-style:none;overflow:auto}#chat-log li{overflow-wrap:anywhere;margin-bottom:8px}#chat-log .system{color:#6f624d;font-style:italic}#chat-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}@media (width<=860px){.shell{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;gap:8px;height:100vh;min-height:100vh;padding:8px;position:relative}.hud{gap:7px;padding:6px 8px;font-size:12px}.build-panel{grid-template-columns:minmax(0,1fr) auto;font-size:12px;inset:auto 8px 126px}.build-panel select,#build-status{grid-column:1/-1}.minimap-panel{width:142px;padding:6px;bottom:208px;left:auto;right:10px}#minimap{width:126px;height:76px}.minimap-meta{font-size:11px}.joystick{opacity:.88;width:96px;height:96px;display:block}.chat-panel{z-index:5;grid-template-rows:auto;gap:8px;min-height:auto;padding:9px;position:fixed;bottom:8px;left:8px;right:8px}.chat-toggle{justify-content:center;align-items:center;display:inline-flex}.chat-panel:not(.chat-open){padding:8px}.chat-panel:not(.chat-open) .identity,.chat-panel:not(.chat-open) #chat-log,.chat-panel:not(.chat-open) #chat-form{display:none}.chat-panel.chat-open{grid-template-rows:auto auto minmax(150px,25vh) auto;max-height:min(46vh,390px)}#chat-log{padding:8px}.interaction-button{max-width:calc(100% - 24px);padding:8px 10px;top:58px;bottom:auto;right:12px}.interaction-card{bottom:72px}.player-profile-card{width:auto;bottom:72px;left:8px;right:8px}}@media (pointer:coarse){.joystick{display:block}}