:root{--surface-glass: rgba(255, 252, 246, .92);--surface-glass-subtle: rgba(255, 252, 246, .78);--surface-card: #fdfaf4;--surface-subtle: #f5ebe0;--surface-warm: #faeedd;--border-subtle: rgba(140, 105, 75, .16);--border-soft: rgba(140, 105, 75, .28);--border-strong: rgba(74, 53, 37, .35);--accent-green: #2d936c;--accent-green-hover: #227958;--accent-green-light: rgba(45, 147, 108, .12);--accent-gold: #f4b41a;--accent-gold-light: rgba(244, 180, 26, .15);--accent-berry: #e05a77;--accent-purple: #7864e6;--text-main: #18110a;--text-body: #382518;--text-muted: #5a4230;--shadow-elevated: 0 8px 24px rgba(45, 30, 20, .08), 0 2px 6px rgba(45, 30, 20, .04);--shadow-pill: 0 4px 16px rgba(45, 30, 20, .07);--shadow-island: 0 10px 36px rgba(40, 25, 15, .12), 0 2px 8px rgba(40, 25, 15, .04);--font-cozy: "Fredoka", system-ui, -apple-system, sans-serif;--font-pixel: "Press Start 2P", monospace;--font-mono: "VT323", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#app{width:100vw;height:100dvh;overflow:hidden;background-color:#2c4a2e;font-family:var(--font-cozy);color:var(--text-main);touch-action:none;position:relative;-webkit-font-smoothing:antialiased}#game-canvas{display:block;width:100vw;height:100dvh;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;cursor:pointer}.hidden{display:none!important}.pixel-icon{image-rendering:pixelated;image-rendering:crisp-edges;display:inline-block;vertical-align:middle;flex-shrink:0}.pixel-icon.xs{width:15px;height:15px}.pixel-icon.sm{width:20px;height:20px}.pixel-icon.inline{width:1.15em;height:1.15em;vertical-align:-.18em}.pixel-icon.md{width:26px;height:26px}.pixel-icon.lg{width:36px;height:36px}.pixel-icon.xl{width:48px;height:48px}.svg-icon{width:18px;height:18px;flex-shrink:0}.svg-icon.sm{width:15px;height:15px}.svg-icon.md{width:22px;height:22px}.svg-icon.lg{width:28px;height:28px;color:var(--accent-green)}.hud-top{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;pointer-events:none;z-index:20}.hud-card{pointer-events:auto;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-pill);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:6px 14px;display:flex;align-items:center;gap:10px;transition:transform .14s ease,box-shadow .14s ease}.avatar-badge{width:36px;height:36px;border-radius:12px;border:1px solid var(--border-subtle);background:#e05a77;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #0000001a}.avatar-badge:hover{transform:scale(1.08)}.avatar-sprite{width:28px;height:28px}.profile-details{display:flex;flex-direction:column;gap:2px}.profile-row-top{display:flex;align-items:center;gap:6px}.profile-name{font-family:var(--font-cozy);font-size:13.5px;font-weight:600;color:var(--text-main);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-badge{background:var(--accent-green);color:#fff;font-family:var(--font-cozy);font-size:11px;font-weight:600;padding:1px 6px;border-radius:6px}.profile-row-bottom{display:flex;align-items:center;gap:6px}.friend-code-pill{background:var(--surface-subtle);border:1.5px solid var(--border-subtle);border-radius:8px;padding:2px 7px;font-family:var(--font-cozy);font-size:11.5px;font-weight:600;letter-spacing:.2px;color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;gap:4px;box-shadow:0 1px 3px #2d1e140d;transition:transform .1s}.friend-code-pill:hover{transform:translateY(-1px)}.room-pill{background:var(--surface-subtle);border:1.5px solid var(--border-subtle);border-radius:8px;padding:2px 7px;font-family:var(--font-cozy);font-size:11.5px;font-weight:600;color:var(--accent-green-hover);display:inline-flex;align-items:center;gap:5px;cursor:pointer;transition:transform .1s}.room-pill:hover{transform:translateY(-1px)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-green)}.coins-display{background:#fef3c7;border:1.5px solid #f59e0b;border-radius:12px;box-shadow:0 3px 10px #b453091f;padding:6px 12px;font-family:var(--font-cozy);font-weight:700;font-size:14.5px;color:#78350f;display:flex;align-items:center;gap:8px;flex-shrink:0}.coins-display img{width:22px;height:22px}.coins-display #hud-coins{font-size:15px;font-weight:700;color:#92400e}.farmyid-pill-btn{display:inline-flex;align-items:center;gap:6px;background:#eef2ff;border:1.5px solid #a5b4fc;border-radius:12px;padding:5px 11px;font-family:var(--font-cozy);font-size:13px;font-weight:700;color:#4338ca;cursor:pointer;box-shadow:0 2px 6px #6366f11f;transition:all .15s ease;flex-shrink:0}.farmyid-pill-btn:hover{transform:translateY(-1px);background:#e0e7ff;border-color:#818cf8}.farmyid-pill-btn.protected{background:#ecfdf5;border-color:#6ee7b7;color:#065f46;box-shadow:0 2px 6px #10b98126}.farmyid-pill-btn.protected:hover{background:#d1fae5}.icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.icon-btn:hover{background:var(--surface-subtle)}.weather-main{display:flex;align-items:center;gap:9px}.weather-icon-badge{width:34px;height:34px;border-radius:10px;background:#e09f3e26;color:#b87314;display:flex;align-items:center;justify-content:center}.weather-info{display:flex;flex-direction:column;gap:1px}.weather-title-row{display:flex;align-items:center;gap:6px}.weather-name{font-weight:600;font-size:13.5px}.weather-timer{font-family:var(--font-mono);font-size:15px;background:#2b211a14;color:var(--text-main);padding:0 6px;border-radius:6px}.weather-buff{font-size:11px;font-weight:500;color:var(--text-muted)}.nav-pills{display:flex;align-items:center;gap:8px}.nav-segmented{display:flex;align-items:center;background:#ffffffbf;border:1px solid var(--border-subtle);border-radius:14px;padding:3px;gap:2px;box-shadow:0 2px 6px #2d1e140a}.seg-btn{background:transparent;border:none;border-radius:11px;padding:5px 12px;font-family:var(--font-cozy);font-size:12.5px;font-weight:600;color:var(--text-body);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .16s cubic-bezier(.34,1.56,.64,1)}.seg-btn:hover:not(.active){background:#ffffffe6;color:var(--text-main);transform:translateY(-1px)}.seg-btn.active{background:var(--accent-green);color:#fff;box-shadow:0 2px 8px #2d936c52}.neighbor-nav-group{display:flex;align-items:center;background:#ffffffa6;border:1px solid var(--border-subtle);border-radius:12px;padding:2px 4px;gap:4px}.nav-plot-badge{font-family:var(--font-cozy);font-size:11.5px;font-weight:700;color:var(--text-main);padding:2px 6px;min-width:48px;text-align:center;letter-spacing:-.2px}.town-menu-pill{position:relative}.town-pill-btn{background:#ffffffb8;border:1px solid var(--border-subtle);border-radius:12px;padding:6px 11px;font-family:var(--font-cozy);font-size:12.5px;font-weight:600;color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s ease}.town-pill-btn:hover{background:#fff;box-shadow:0 4px 12px #2d1e1414;transform:translateY(-1px)}.town-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1.5px solid var(--border-soft);border-radius:16px;box-shadow:var(--shadow-island);padding:8px;display:flex;flex-direction:column;gap:4px;min-width:250px;z-index:100;animation:modalPop .14s ease-out}.town-menu-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid transparent;border-radius:12px;background:transparent;font-family:var(--font-cozy);cursor:pointer;text-align:left;transition:all .14s ease}.town-menu-option:hover{background:#fcf6ee;border-color:#8c694b33;transform:translate(2px)}.town-menu-text strong{display:block;font-size:13.5px;font-weight:700;color:var(--text-main)}.town-menu-text p{font-size:11.5px;color:var(--text-muted);margin-top:1px;line-height:1.2}.nav-btn{background:#ffffffb8;border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 2px 6px #2d1e140a;padding:6px 12px;font-family:var(--font-cozy);font-size:12.5px;font-weight:600;color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:transform .14s cubic-bezier(.34,1.56,.64,1),background .14s ease,box-shadow .14s ease}.nav-btn:hover{transform:translateY(-1.5px);background:#fff;box-shadow:0 4px 12px #2d1e1414}.nav-btn:active{transform:translateY(1px)}.zoom-group{display:flex;align-items:center;background:#ffffffa6;border:1px solid var(--border-subtle);border-radius:12px;padding:2px;gap:2px}.nav-btn.icon-only,.nav-btn.compact{padding:5px 7px;background:transparent;border:none;box-shadow:none;border-radius:8px}.nav-btn.icon-only:hover,.nav-btn.compact:hover{background:#ffffffe6}.hud-guide-banner{position:fixed;top:72px;left:50%;transform:translate(-50%);max-width:min(580px,94vw);background:#fffdf9f5;border:1.5px solid rgba(45,147,108,.35);border-radius:16px;padding:8px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #2d1e141a,0 2px 6px #2d1e140a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:19;transition:all .25s ease;animation:modalPop .2s cubic-bezier(.34,1.56,.64,1)}.hud-guide-banner.minimized{padding:6px 12px}.hud-guide-banner.minimized .guide-text{display:none}.guide-badge-icon{width:34px;height:34px;border-radius:10px;background:#2d936c1f;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:pulseGuide 2.4s ease-in-out infinite}@keyframes pulseGuide{0%,to{transform:scale(1);box-shadow:0 0 #2d936c66}50%{transform:scale(1.08);box-shadow:0 0 0 6px #2d936c00}}.guide-text-area{flex:1;min-width:0}.guide-title-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}.guide-tag{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--accent-green)}.guide-counter{font-size:11px;font-weight:700;color:var(--text-muted);background:#0000000d;padding:1px 6px;border-radius:999px}.guide-text{font-size:13px;font-weight:600;color:var(--text-main);line-height:1.3}.guide-minimize-btn{background:transparent;border:none;width:24px;height:24px;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.guide-minimize-btn:hover{background:#0000000f;color:var(--text-main)}.held-crop-banner{position:fixed;top:72px;left:50%;transform:translate(-50%);background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:999px;padding:6px 16px;display:flex;align-items:center;gap:10px;font-weight:600;font-size:12.5px;box-shadow:var(--shadow-pill);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:19}.small-pill-btn{background:var(--text-main);color:#fff;border:none;border-radius:999px;padding:4px 10px;font-family:var(--font-cozy);font-weight:600;font-size:11px;cursor:pointer}.chat-emote-bar{position:fixed;bottom:calc(120px + env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:18;pointer-events:none}.emote-strip,.chat-form{pointer-events:auto}.emote-strip{display:flex;gap:4px;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:999px;padding:4px 8px;box-shadow:var(--shadow-pill);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.emote-btn{background:transparent;border:none;font-family:var(--font-cozy);font-size:11px;font-weight:600;color:var(--text-main);cursor:pointer;padding:3px 8px;border-radius:999px;transition:background .12s}.emote-btn:hover{background:#0000000d}.emote-btn.pixel-emote{padding:4px 6px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid transparent;transition:transform .16s cubic-bezier(.34,1.56,.64,1),background .14s,border-color .14s,box-shadow .14s}.emote-btn.pixel-emote:hover{background:#fff;border-color:var(--border-soft);transform:translateY(-3px) scale(1.12);box-shadow:0 4px 10px #2d1e141a}.emote-btn.pixel-emote:active{transform:translateY(1px) scale(.96)}.emote-btn.pixel-emote img{width:22px;height:22px;image-rendering:pixelated}.lang-pill{position:relative;padding:4px 8px}.lang-btn{background:transparent;border:none;font-family:var(--font-cozy);font-size:12px;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .12s}.lang-btn:hover{background:#0000000f}.lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:var(--shadow-island);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:6px;display:flex;flex-direction:column;gap:4px;min-width:145px;z-index:100}.lang-option{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid transparent;border-radius:3px;background:transparent;font-family:var(--font-cozy);font-size:12px;font-weight:600;color:var(--text-main);cursor:pointer;text-align:left;transition:background .12s}.lang-option:hover{background:var(--surface-warm);border-color:var(--border-soft)}.lang-option.active{background:var(--accent-gold);border-color:var(--border-strong);color:#2b1d0c}.chat-form{display:flex;align-items:center;gap:6px;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:999px;padding:4px 6px 4px 12px;box-shadow:var(--shadow-pill);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.chat-form input{border:none;background:transparent;padding:4px 6px;font-family:var(--font-cozy);font-size:12.5px;font-weight:500;color:var(--text-main);width:180px;outline:none;-webkit-user-select:text;user-select:text}.chat-send-btn{background:var(--accent-green);color:#fff;border:none;border-radius:999px;padding:5px 12px;font-family:var(--font-cozy);font-weight:600;font-size:11.5px;cursor:pointer;transition:background .14s ease,transform .14s ease}.chat-send-btn:hover{background:var(--accent-green-hover);transform:scale(1.04)}.touch-joystick-zone{position:fixed;bottom:calc(136px + env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));width:92px;height:92px;z-index:18;display:none;touch-action:none}@media(pointer:coarse),(max-width:900px){.touch-joystick-zone{display:flex;align-items:center;justify-content:center}}.touch-joystick-base{width:80px;height:80px;border-radius:50%;background:#fcf8f061;border:2px solid rgba(43,33,26,.35);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.touch-joystick-stick{width:34px;height:34px;border-radius:50%;background:#ffffffe6;border:2px solid rgba(43,33,26,.5);box-shadow:0 2px 8px #0003}.hud-bottom{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(840px,calc(100vw - 20px));display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none;z-index:20}.hotbar-scroll{pointer-events:auto;display:flex;align-items:center;gap:6px;max-width:100%;overflow-x:auto;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:18px;padding:5px 8px;box-shadow:var(--shadow-island);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);scrollbar-width:none}.hotbar-scroll::-webkit-scrollbar{display:none}.seed-hotbar-list{display:flex;align-items:center;gap:6px}.hotbar-slot{flex:0 0 auto;min-width:62px;height:48px;border-radius:12px;border:1.5px solid transparent;background:#fff9;padding:3px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;position:relative;color:var(--text-main);transition:all .16s cubic-bezier(.34,1.56,.64,1)}.hotbar-slot:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2d1e1414}.hotbar-slot.active{background:#fff;border-color:var(--accent-green);box-shadow:0 4px 16px #2d936c40;transform:translateY(-2px) scale(1.04)}.slot-label{font-family:var(--font-cozy);font-size:10.5px;font-weight:600;color:var(--text-main);white-space:nowrap}.slot-qty{position:absolute;top:1px;right:3px;background:var(--accent-green);color:#fff;font-family:var(--font-cozy);font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:8px;box-shadow:0 2px 4px #2d936c4d}.dock-actions{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.dock-btn{flex:1 1 auto;max-width:155px;background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:14px;padding:7px 10px;font-family:var(--font-cozy);font-size:13px;font-weight:600;color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:var(--shadow-pill);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;transition:transform .14s cubic-bezier(.34,1.56,.64,1),background .14s ease,box-shadow .14s ease}.dock-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #2d1e141c}.dock-btn:active{transform:translateY(1px)}.dock-badge{position:absolute;top:-6px;right:-4px;background:var(--accent-green);color:#fff;border-radius:999px;font-size:10px;font-weight:700;padding:2px 6px;box-shadow:0 2px 6px #0003}.dock-badge.alert{background:var(--accent-berry)}.world-tooltip{position:fixed;pointer-events:auto;z-index:30;background:#201a16f0;color:#faf6f0;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 14px;min-width:200px;max-width:300px;box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;line-height:1.4}.tooltip-title{font-weight:600;font-size:13.5px;color:#fff;margin-bottom:2px;display:flex;align-items:center;justify-content:space-between;gap:6px}.tooltip-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mini-tag{font-size:10px;font-weight:600;padding:2px 6px;border-radius:6px;color:#faf6f0;background:#ffffff24}.toast-container{position:fixed;top:76px;right:16px;display:flex;flex-direction:column;gap:10px;z-index:99;pointer-events:none;max-width:min(380px,92vw)}.toast-item{background:#fff;color:#2b1f14;border:1.5px solid var(--border-subtle);border-radius:14px;padding:10px 14px;font-family:var(--font-cozy);font-size:13px;font-weight:600;line-height:1.4;box-shadow:0 8px 24px #2d190c24,0 2px 6px #0000000f;display:flex;align-items:center;gap:10px;pointer-events:auto;animation:toastPopIn .28s cubic-bezier(.34,1.56,.64,1) forwards;transition:opacity .22s ease,transform .22s ease}.toast-item.toast-exit{opacity:0;transform:translateY(-8px) scale(.96)}.toast-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;font-size:16px;line-height:1;flex-shrink:0;background:#f1f5f9}.toast-msg{flex:1;word-break:break-word}.toast-item.rare{background:#fffbeb;border-color:#fcd34d;color:#78350f}.toast-item.rare .toast-icon{background:#fef08a;border:1px solid #fde047}.toast-item.coins{background:#fef3c7;border-color:#f59e0b;color:#92400e}.toast-item.coins .toast-icon{background:#fde68a;border:1px solid #f59e0b}.toast-item.weather{background:#f0f9ff;border-color:#7dd3fc;color:#0369a1}.toast-item.weather .toast-icon{background:#e0f2fe;border:1px solid #bae6fd}.toast-item.friend{background:#fdf2f8;border-color:#f472b6;color:#9d174d}.toast-item.friend .toast-icon{background:#fce7f3;border:1px solid #fbcfe8}.toast-item.pet{background:#faf5ff;border-color:#c084fc;color:#6b21a8}.toast-item.pet .toast-icon{background:#f3e8ff;border:1px solid #e9d5ff}.toast-item.info{background:#f0fdf4;border-color:#86efac;color:#166534}.toast-item.info .toast-icon{background:#dcfce7;border:1px solid #bbf7d0}@keyframes toastPopIn{0%{opacity:0;transform:translateY(-12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14100c85;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:40}.cozy-modal{width:min(800px,100%);max-height:86dvh;background:#fdfbf7;border:1.5px solid var(--border-subtle);border-radius:20px;box-shadow:0 12px 32px #2d1e1429,0 2px 8px #2d1e1414;display:flex;flex-direction:column;overflow:hidden;animation:modalPop .14s ease-out}.cozy-modal.compact-modal{width:min(430px,100%)}@keyframes modalPop{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background:#f7ede2;border-bottom:1.5px solid var(--border-subtle);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-title-group{display:flex;align-items:center;gap:12px}.modal-header h2{font-family:var(--font-cozy);font-size:19px;font-weight:700;letter-spacing:-.2px;color:var(--text-main)}.modal-subtitle{font-size:12px;color:var(--text-muted);font-weight:500;margin-top:2px}.modal-close-btn{width:32px;height:32px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-card);color:var(--text-muted);font-weight:600;font-size:14px;cursor:pointer;transition:background .12s}.modal-close-btn:hover{background:#ebe4d8;color:var(--text-main)}.modal-toolbar{padding:12px 20px;background:#f8f3e9;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.backpack-summary{display:flex;gap:16px;font-size:13px;color:var(--text-muted)}.backpack-summary strong{color:var(--text-main)}.modal-body{padding:18px 20px;overflow-y:auto;flex:1;touch-action:pan-y}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.eggs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px}.cards-list{display:flex;flex-direction:column;gap:10px}.item-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:14px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;transition:border-color .15s}.item-card:hover{border-color:var(--border-strong)}.item-card-row{flex-direction:row;align-items:center;flex-wrap:wrap}.item-head{display:flex;align-items:center;gap:12px}.item-sprite-box{width:46px;height:46px;border-radius:12px;background:var(--surface-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-title{font-weight:600;font-size:14.5px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.rarity-pill{display:inline-block;font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;color:#fff}.item-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.item-badges{display:flex;flex-wrap:wrap;gap:5px}.badge-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;background:var(--surface-subtle);color:var(--text-main)}.item-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.action-btn{border:1px solid transparent;border-radius:10px;padding:7px 12px;font-family:var(--font-cozy);font-weight:600;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:filter .12s,transform .1s}.action-btn:active:not(:disabled){transform:scale(.98)}.action-btn:disabled{opacity:.45;cursor:not-allowed}.primary-btn{background:var(--accent-green);color:#fff}.gold-btn{background:#f3c663;color:#3d2800}.secondary-btn{background:var(--surface-subtle);border-color:var(--border-subtle);color:var(--text-main)}.purple-btn{background:#ede7fb;color:#4834d4}.full-width{width:100%;padding:10px;font-size:13.5px}.section-heading{font-size:14px;font-weight:600;color:var(--text-main);margin:10px 0 8px}.pet-buffs-banner{background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:12px;padding:10px 14px;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:14px}.pet-buffs-banner strong{color:var(--accent-green-hover)}.social-top-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:12px}.social-box{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.social-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.social-code-row,.inline-form,.social-add-bar{display:flex;align-items:center;gap:8px}.big-code{font-family:var(--font-mono);font-size:24px;color:var(--text-main);letter-spacing:1px}.inline-form input,.social-add-bar input,.profile-form input{flex:1;border:1.5px solid var(--border-subtle);border-radius:12px;padding:8px 12px;font-family:var(--font-cozy);font-size:13px;font-weight:500;background:#fff;color:var(--text-main);outline:none;-webkit-user-select:text;user-select:text;transition:border-color .14s ease,box-shadow .14s ease}.inline-form input:focus,.social-add-bar input:focus,.profile-form input:focus{border-color:var(--accent-green);box-shadow:0 0 0 3px var(--accent-green-light)}.social-add-bar{margin-bottom:16px}.character-preview-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 60%,#e9f5db,#cfe1b9);border:1.5px solid rgba(45,147,108,.28);border-radius:16px;padding:12px;gap:6px}#character-preview-canvas{width:128px;height:128px;image-rendering:pixelated;image-rendering:crisp-edges}.preview-caption{font-size:11px;font-weight:600;color:#3a5a40}.profile-form{display:flex;flex-direction:column;gap:14px}.form-field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:12.5px;color:var(--text-main)}.choice-row{display:flex;flex-wrap:wrap;gap:6px}.choice-pill{flex:1 1 auto;border:1.5px solid var(--border-subtle);background:var(--surface-card);border-radius:10px;padding:7px 10px;font-family:var(--font-cozy);font-weight:600;font-size:12px;color:var(--text-main);cursor:pointer;transition:all .12s}.choice-pill.active{background:#2d936c1f;border-color:var(--accent-green);color:var(--accent-green-hover)}.swatches-row{gap:10px}.color-swatch{width:32px;height:32px;border-radius:50%;border:2.5px solid transparent;cursor:pointer;transition:transform .12s}.color-swatch.active{border-color:var(--text-main);transform:scale(1.14)}.onboarding-cta{padding:12px;font-size:14px;margin-top:4px}.tab-strip{display:flex;gap:8px;padding:10px 18px;background:var(--surface-card);border-bottom:1.5px solid var(--border-subtle)}.tab-btn{padding:7px 16px;border-radius:999px;border:1.5px solid var(--border-subtle);background:#fff;font-family:var(--font-cozy);font-weight:600;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.tab-btn:hover{color:var(--text-main);border-color:var(--accent-green)}.tab-btn.active{background:var(--accent-green);color:#fff;border-color:transparent;box-shadow:0 4px 12px #2d936c40}.skins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:280px;overflow-y:auto;padding-right:4px}.skin-card{background:var(--surface-card);border:1.5px solid var(--border-subtle);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;position:relative;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.skin-card:hover{transform:translateY(-2px);border-color:var(--accent-green);box-shadow:var(--shadow-card)}.skin-card.active,.skin-card.equipped{border-color:var(--accent-green);background:#2d936c14}.skin-head-row{display:flex;justify-content:space-between;align-items:center;gap:6px}.skin-name{font-weight:700;font-size:13px;color:var(--text-main)}.skin-badge{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--surface-subtle);color:var(--text-muted);white-space:nowrap}.skin-badge.equipped{background:#2d936c2e;color:var(--accent-green-hover)}.skin-badge.owned{background:#e09f3e2e;color:#b57a1e}.skin-desc{font-size:11.5px;color:var(--text-subtle);line-height:1.35;flex:1}.skin-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.skin-price{font-family:var(--font-mono);font-weight:700;font-size:13px;color:#c98a1a}.farmyid-status-box{background:#f8fafc;border:1.5px solid var(--border-subtle);border-radius:14px;padding:14px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.farmyid-status-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.farmyid-status-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:13px;font-weight:700;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.farmyid-status-pill.guest{background:#fef3c7;color:#92400e;border-color:#fcd34d}.farmyid-status-pill.protected{background:#d1fae5;color:#065f46;border-color:#6ee7b7}.farmyid-code{font-family:var(--font-pixel);font-size:11px;background:#312e81;color:#a5b4fc;padding:5px 10px;border-radius:8px;letter-spacing:.5px;-webkit-user-select:all;user-select:all}.farmyid-status-hint{font-size:12.5px;color:var(--text-subtle);line-height:1.45;margin:0}@media(max-width:768px){.hud-top{gap:6px}.hud-card{padding:5px 9px;border-radius:12px;gap:6px}.avatar-badge{width:32px;height:32px}.profile-name{font-size:12.5px;max-width:85px}.coins-display{padding:3px 8px;font-size:12.5px}.farmyid-pill-btn{padding:3px 8px;font-size:11.5px}.weather-pill{order:3;width:100%;justify-content:space-between}.dock-text{font-size:10.5px}.dock-btn{padding:7px 6px;flex-direction:column;gap:3px}.chat-emote-bar{bottom:calc(134px + env(safe-area-inset-bottom));right:8px}.chat-form input{width:130px;font-size:12px}.modal-backdrop{align-items:flex-end;padding:0}.cozy-modal,.cozy-modal.compact-modal{width:100%;max-height:90dvh;border-radius:22px 22px 0 0;border-bottom:none}}.bounty-card{background:#fff;border:1.5px solid rgba(85,55,30,.16);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 14px #2d1e140d;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.bounty-card:hover{transform:translateY(-2px);border-color:#55371e52;box-shadow:0 8px 20px #2d1e1417}.bounty-card.completed{background:#f0fdf4;border-color:#86efac}.bounty-head{display:flex;align-items:center;gap:12px}.bounty-icon{width:42px;height:42px;image-rendering:pixelated;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.bounty-title{font-weight:700;font-size:15px;color:var(--text-main);line-height:1.25}.bounty-req{font-size:13.5px;font-weight:600;color:var(--text-body);margin-top:3px}.bounty-progress-bar-bg{width:100%;height:9px;background:#00000014;border-radius:999px;overflow:hidden}.bounty-progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:999px;transition:width .3s ease}.bounty-rewards-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.reward-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:8px;font-size:12.5px;font-weight:700;line-height:1}.reward-chip.coins{background:#fef3c7;color:#78350f;border:1px solid #fcd34d}.reward-chip.xp{background:#ede9fe;color:#4c1d95;border:1px solid #ddd6fe}.reward-chip.item{background:#ecfdf5;color:#064e3b;border:1px solid #a7f3d0}.supply-card{background:var(--surface-card);border:1.5px solid var(--border-subtle);border-radius:14px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;box-shadow:0 4px 12px #5c341d0f}.supply-header{display:flex;gap:10px;align-items:center}.supply-icon{font-size:30px;line-height:1}.supply-info h4{font-size:14px;font-weight:700;color:var(--text-main);margin:0}.supply-info p{font-size:12px;color:var(--text-subtle);margin:4px 0 0;line-height:1.35}.leaderboard-table-wrap{overflow-x:auto;border-radius:12px;border:1.5px solid var(--border-subtle);background:#ffffffd9}.leaderboard-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.leaderboard-table th{background:#f5dfc180;padding:10px 14px;font-weight:700;color:var(--text-main);border-bottom:1.5px solid var(--border-subtle);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.leaderboard-table td{padding:10px 14px;border-bottom:1px solid rgba(0,0,0,.05);color:var(--text-main)}.leaderboard-table tr:hover td{background:#fff8ebb3}.rank-pill{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:800;font-size:13px}.rank-gold{background:#fef08a;color:#854d0e;border:1px solid #facc15}.rank-silver{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.rank-bronze{background:#ffedd5;color:#9a3412;border:1px solid #fdba74}.rank-default{background:transparent;color:var(--text-subtle)}.farmer-cell{display:flex;align-items:center;gap:8px;font-weight:600}