:root{--ink: #efe4bf;--panel: rgba(22, 27, 43, .84);--line-light: #f4d99c;--line-dark: #6f4f39;--field: rgba(11, 14, 22, .92);--accent: #e8b35b;--desktop-game-edge-inset: clamp(2px, .35vw, 6px);--mobile-game-edge-inset: clamp(6px, 1vw, 12px)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}body{overflow:hidden;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Source Han Sans SC,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 0%,#2a334d,#161b2a 56%,#121520);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.game-shell{position:relative;width:100vw;height:100vh;width:100dvw;height:100dvh;overflow:hidden}.game-canvas{position:absolute;top:0;left:var(--desktop-game-edge-inset);right:var(--desktop-game-edge-inset);bottom:0}.world-nameplate-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.world-nameplate{position:absolute;left:0;top:0;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Source Han Sans SC,system-ui,sans-serif;font-size:13px;font-weight:700;line-height:1;color:#f8f0d8;text-align:center;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;filter:drop-shadow(0 1px 0 #1b1420) drop-shadow(1px 0 0 #1b1420) drop-shadow(-1px 0 0 #1b1420);will-change:transform}.pet-nameplate{max-width:150px;font-size:11px;color:#fff0be}.game-canvas,.game-canvas canvas{touch-action:none}.game-canvas canvas{image-rendering:pixelated;image-rendering:crisp-edges}.game-canvas:focus{outline:none}.hud-layer{position:absolute;top:0;left:var(--desktop-game-edge-inset);right:var(--desktop-game-edge-inset);bottom:0;pointer-events:none}.is-hidden{display:none!important}.pixel-frame{border:3px solid var(--line-dark);box-shadow:inset 0 0 0 2px var(--line-light),0 6px #05060973;background:var(--panel);pointer-events:auto}.hud-top{position:absolute;top:14px;left:14px;min-width:250px;padding:10px 12px;display:grid;gap:5px}.hud-body{display:grid;gap:5px}.hud-top.collapsed{min-width:0}.hud-top.collapsed .hud-body{display:none}.hud-brand{color:var(--accent);letter-spacing:.08em;font-size:12px}.room-label,.coins-label,.level-label,.hint-label{font-size:12px}.account-dock{position:absolute;top:14px;left:50%;max-width:calc(100vw - 192px);transform:translate(-50%);display:flex;align-items:flex-start;gap:6px;padding:7px;width:fit-content}.account-dock-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:0;width:max-content;max-width:calc(100vw - 260px)}.account-dock.collapsed .account-dock-actions{display:none}.account-dock button,.account-panel button,.friend-requests-popover button,.friend-context-menu button,.claim-home-btn{border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:var(--field);color:#f8eac5;font-family:inherit;font-size:11px;padding:6px 8px;cursor:pointer}.mail-dock-btn,.notify-btn{position:relative}.mail-unread-badge,.notify-badge{position:absolute;right:-6px;top:-7px;min-width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#d84a3a;color:#fff6df;font-size:9px;line-height:1}.mobile-joystick{position:absolute;left:0;top:0;width:96px;height:96px;margin-left:-48px;margin-top:-48px;z-index:35;pointer-events:none;opacity:.62;filter:drop-shadow(0 6px 0 rgba(5,6,9,.38));transition:opacity .12s ease}.mobile-joystick.active{opacity:.94}.mobile-joystick-base{position:relative;width:96px;height:96px;border:3px solid rgba(244,217,156,.82);border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(244,217,156,.18) 0 30%,transparent 31%),#0d111d94;box-shadow:inset 0 0 0 2px #6f4f39e6,inset 0 0 18px #e8b35b2e}.mobile-joystick-knob{position:absolute;left:50%;top:50%;width:38px;height:38px;margin-left:-19px;margin-top:-19px;border:3px solid var(--line-light);border-radius:999px;background:#e8b35bdb;box-shadow:inset 0 0 0 2px var(--line-dark),0 4px #05060947;transition:transform 34ms linear}.tutorial-dialog{position:absolute;top:130px;left:18px;width:min(360px,46vw);max-height:min(72vh,520px);padding:10px;z-index:18;overflow-y:auto}.tutorial-dialog p,.tutorial-list{margin:8px 0 0;color:#f4e8c8;font-size:12px;line-height:1.55}.tutorial-list{padding-left:18px}.tutorial-list li+li{margin-top:5px}.panel-toggle-btn{border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:var(--field);color:#f8eac5;font-family:inherit;font-size:11px;line-height:1;padding:5px 7px;cursor:pointer}.account-dock button:disabled,.account-panel button:disabled,.friend-requests-popover button:disabled,.friend-context-menu button:disabled,.claim-home-btn:disabled{opacity:.5;cursor:default}.account-panel{position:absolute;top:68px;left:286px;width:min(340px,42vw);max-height:min(64vh,520px);padding:9px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;overflow:hidden}.friend-requests-popover{position:absolute;top:68px;left:640px;width:min(300px,36vw);max-height:min(58vh,470px);padding:9px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;overflow:hidden;z-index:44}.friend-context-menu{position:fixed;z-index:40;min-width:112px;padding:7px}.friend-context-menu button{width:100%;text-align:left}#account-panel-content,#friend-requests-content{min-height:0;overflow-y:auto}#account-panel-content,#friend-requests-content,.task-list,.chat-list{scrollbar-width:thin;scrollbar-color:var(--accent) rgba(7,10,16,.95)}#account-panel-content::-webkit-scrollbar,#friend-requests-content::-webkit-scrollbar,.task-list::-webkit-scrollbar,.chat-list::-webkit-scrollbar{width:10px;height:10px}#account-panel-content::-webkit-scrollbar-track,#friend-requests-content::-webkit-scrollbar-track,.task-list::-webkit-scrollbar-track,.chat-list::-webkit-scrollbar-track{background:#070a10f2;border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px #c49756b3}#account-panel-content::-webkit-scrollbar-thumb,#friend-requests-content::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb,.chat-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f0d18e,#b87332);border:2px solid #2b1c12;box-shadow:inset 0 0 0 1px #fff1b8}#account-panel-content::-webkit-scrollbar-thumb:hover,#friend-requests-content::-webkit-scrollbar-thumb:hover,.task-list::-webkit-scrollbar-thumb:hover,.chat-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffe3a6,#d28a3a)}#account-panel-content::-webkit-scrollbar-corner,#friend-requests-content::-webkit-scrollbar-corner,.task-list::-webkit-scrollbar-corner,.chat-list::-webkit-scrollbar-corner{background:#070a10f2}.panel-head-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-header{color:var(--accent);font-size:12px;letter-spacing:.05em}#account-panel-title{flex:1;min-width:0}#friend-requests-btn{margin-left:auto}.panel-copy,.profile-summary{margin:0;font-size:11px;line-height:1.45;color:#e4d9bd}.profile-name,.shop-card-title,.account-task-title,.social-name{color:#ffe0a6;font-size:12px}.profile-actions{margin-top:8px;display:flex}.claim-home-btn{width:fit-content;margin-top:2px}.profile-logout-btn{width:100%}.shop-tabs,.shop-list,.account-task-list,.friends-panel,.home-panel,.mail-panel,.pet-panel,.entertainment-panel{display:grid;gap:8px}.shop-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.shop-tab-btn.active{background:#45542af2;color:#f4ffcc}.shop-skin-layout{min-height:0;display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;align-items:start}.shop-pet-layout{min-height:0;display:grid;gap:8px}.skin-series-tabs{display:grid;gap:6px;align-content:start}.shop-pet-subtabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.skin-series-tab{width:100%;text-align:left}.skin-series-tab.active,.shop-pet-subtab.active{background:#45542af2;color:#f4ffcc}.shop-list{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-empty-copy{grid-column:1 / -1}.shop-card,.account-task-card,.social-card,.home-item-card,.pet-card,.entertainment-card{display:grid;gap:6px;padding:7px;border:2px solid #5a412d;box-shadow:inset 0 0 0 1px #cda46c;background:#080c14b8}.social-card,.home-item-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.friend-card{cursor:context-menu}.friend-unread-dot{display:inline-flex;min-width:14px;height:14px;margin-left:6px;align-items:center;justify-content:center;border-radius:999px;background:#d84a3a;color:#fff6df;font-size:9px;line-height:1}.mail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mail-list{display:grid;gap:8px}.mail-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border:2px solid #5a412d;box-shadow:inset 0 0 0 1px #cda46c;background:#080c14b8}.mail-card.read{opacity:.78}.mail-icon{width:42px;height:42px;display:grid;place-items:center;border:2px solid #5a412d;background:#141b2bdb;font-size:22px}.mail-icon img{width:30px;height:30px;image-rendering:pixelated}.mail-main{min-width:0;display:grid;gap:3px}.mail-title-row{display:flex;align-items:center;gap:5px;min-width:0}.mail-title{color:#ffe0a6;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-subtitle,.mail-body{color:#d2c5a0;font-size:10px;line-height:1.35}.mail-state-dot{flex:0 0 auto;width:8px;height:8px;border-radius:999px;background:#d84a3a;box-shadow:0 0 0 1px #fff6df}.mail-card-actions{display:grid;gap:5px;min-width:58px}.shop-card{justify-items:center;text-align:center}.skin-shop-card.equipped{border-color:#f3c96b}.shop-card.owned{border-color:#f3c96b;background:#1c261dc7}.shop-card-badge{font-size:9px;color:#bff6c2}.skin-shop-icon{width:56px;height:56px}.shop-card-icon{width:44px;height:44px;image-rendering:pixelated}.shop-card-icon.skin-shop-icon{width:56px;height:64px;object-fit:contain}.shop-card-price{font-size:10px;color:#ffe4a3}.shop-card-desc,.account-task-desc,.account-task-reward,.social-meta{font-size:10px;line-height:1.35;color:#d2c5a0}.pet-card.active{border-color:#f3c96b}.pet-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pet-card-grid .panel-copy{grid-column:1 / -1}.pet-card-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.pet-card-icon{width:42px;height:42px;image-rendering:pixelated}.pet-card-title,.entertainment-title{color:#ffe4a3;font-size:12px}.pet-active-badge{display:inline-flex;margin-left:4px;padding:1px 5px;border:1px solid #f3c96b;color:#f8e39c;font-size:9px}.pet-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.pet-name-row input{min-width:0;border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:#111722;color:#f8eac5;font-family:inherit;font-size:11px;padding:6px 8px}.pet-stat{display:grid;gap:3px}.pet-stat-label{color:#d2c5a0;font-size:10px}.pet-stat-track{height:8px;border:1px solid #5a412d;background:#00000047}.pet-stat-fill{height:100%;background:linear-gradient(90deg,#78c26d,#f3c96b)}.pet-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.entertainment-card{justify-items:center;text-align:center}.jump-rope-stage{position:relative;width:104px;height:64px;display:grid;place-items:center;overflow:hidden}.jump-rope-rope{position:absolute;width:76px;height:46px;border:3px solid #f0d18e;border-top:0;border-radius:0 0 42px 42px;transform-origin:50% 8px}.jump-rope-pet{position:relative;z-index:1;font-size:30px}.jump-rope-pet-image{width:42px;height:42px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.jump-rope-spark{position:absolute;right:7px;top:6px;font-size:18px}.jump-rope-stage.playing .jump-rope-rope{animation:rope-spin .45s linear infinite}.jump-rope-stage.playing .jump-rope-pet{animation:pet-hop .45s ease-in-out infinite}.jump-rope-stage.playing .jump-rope-spark{animation:sparkle-pop .45s ease-in-out infinite}.friend-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.friend-search-row input{min-width:0;border:2px solid #5a412d;background:#0a0e16eb;color:#f8eac5;font-family:inherit;font-size:11px;outline:none;padding:7px}.social-section{display:grid;gap:6px}.social-section-title{color:var(--accent);font-size:11px}.social-actions{display:flex;gap:5px}.home-yard{min-height:92px;display:grid;gap:6px;padding:8px;border:2px dashed #7b5a38;background:#29392694}.account-task-card.done{opacity:.72}.hint-bar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);min-width:340px;max-width:min(85vw,640px);padding:8px 12px;text-align:center;pointer-events:none;transition:opacity .45s ease,transform .45s ease}.hint-bar *{pointer-events:none}.hint-bar.is-idle{opacity:0;transform:translate(-50%,8px)}.inventory-panel{position:absolute;right:14px;top:64px;width:min(560px,calc(100vw - 28px));padding:8px;display:grid;gap:8px;align-content:start;--inventory-slot-size: 42px}.inventory-toggle-btn{position:absolute;right:14px;top:14px;border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:#111828f2;color:#f8eac5;font-family:inherit;font-size:12px;padding:7px 12px;cursor:pointer;pointer-events:auto}.inventory-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.inventory-header{font-size:12px;color:var(--accent);letter-spacing:.05em}.inventory-size{font-size:10px;color:#d9caa6;text-align:center}.inventory-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.inventory-tab-btn{border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:var(--field);color:#f8eac5;font-family:inherit;font-size:10px;padding:5px 4px;cursor:pointer}.inventory-tab-btn.active{background:#45542af2;color:#f4ffcc}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--inventory-slot-size),var(--inventory-slot-size)));grid-auto-rows:var(--inventory-slot-size);justify-content:center;justify-self:center;width:100%;max-width:469px;gap:5px;padding:2px}.inventory-grid.skin-inventory-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));grid-auto-rows:auto;align-items:stretch}.bag-slot{border:2px solid #5a412d;box-shadow:inset 0 0 0 1px #cda46c;background:#090d16f5;color:#f8eac5;padding:0;position:relative;cursor:pointer}.bag-slot.empty{opacity:.5;cursor:default}.bag-slot.filled.active{border-color:#8ca962;box-shadow:inset 0 0 0 1px #e8d29e;background:#213022f0}.bag-slot-icon{width:30px;height:30px;display:block;margin:4px auto 0;image-rendering:pixelated}.bag-slot-count{position:absolute;right:2px;bottom:1px;font-size:9px;color:#ffe3a8;text-shadow:none}.inventory-tooltip{position:absolute;min-width:170px;max-width:220px;padding:7px;border:2px solid #5f462f;box-shadow:inset 0 0 0 1px #e7c68b;background:#090e18f7;pointer-events:auto;z-index:5}.inventory-tooltip-title{font-size:11px;color:#f4d79d}.inventory-tooltip-count{font-size:10px;color:#ffecc5;margin-top:2px}.inventory-tooltip-desc{margin-top:4px;font-size:10px;line-height:1.35;color:#d2c5a0}.inventory-tooltip-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.inventory-tooltip-actions button,.inventory-task-btn,.task-action-btn{border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:#131c2afa;color:#f8eac5;font-family:inherit;font-size:10px;padding:6px 7px;cursor:pointer}.inventory-task-btn{width:100%;margin-top:6px}.inventory-tooltip-actions button:disabled,.inventory-task-btn:disabled,.task-action-btn:disabled{opacity:.5;cursor:default}.task-panel{position:absolute;left:604px;top:64px;width:270px;max-height:min(52vh,460px);padding:8px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;align-content:start;overflow:hidden}.task-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.task-header{font-size:12px;color:var(--accent);letter-spacing:.05em}.task-subtitle{font-size:10px;color:#d2c5a0}.task-list{display:grid;gap:8px;overflow-y:auto;padding-right:2px;min-height:0}.task-panel.collapsed{width:auto}.task-panel.collapsed .task-subtitle,.task-panel.collapsed .task-list{display:none}.task-card{border:2px solid #5a412d;box-shadow:inset 0 0 0 1px #cda46c;background:#080c14eb;padding:8px;display:grid;gap:5px}.task-card.done{background:#19261cf0}.task-card-title{font-size:11px;color:#f4d79d}.task-card-detail,.task-card-progress,.task-card-reward,.task-card-status{font-size:10px;line-height:1.35;color:#d8ccaa}.task-card-reward{color:#ffe4a3}.task-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.skin-panel{position:absolute;left:14px;top:120px;width:120px;padding:8px;display:grid;gap:6px}.skin-title{font-size:11px;color:var(--accent)}.skin-panel button{border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:var(--field);color:#f8eac5;font-family:inherit;font-size:11px;padding:6px;cursor:pointer}.skin-panel button.active{background:#45542af2;color:#f4ffcc}.chat-panel{position:absolute;right:14px;bottom:14px;width:min(360px,42vw);padding:8px;display:grid;grid-template-rows:auto auto minmax(0,170px) auto auto auto;gap:8px;transition:width .14s ease}.chat-panel.has-private-target-row{grid-template-rows:auto auto auto minmax(0,170px) auto auto auto}.chat-head-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-header{font-size:12px;color:var(--accent);letter-spacing:.05em}.chat-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.chat-tab-btn{position:relative;border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:#0f1622f2;color:#f8eac5;font-family:inherit;font-size:11px;padding:5px 6px;cursor:pointer}.chat-tab-btn.active{background:#45542af2;color:#f4ffcc}.chat-tab-btn:disabled{opacity:.5;cursor:default}.chat-tab-badge{position:absolute;right:-5px;top:-7px;min-width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#d84a3a;color:#fff6df;font-size:9px;line-height:1}.private-target-row{min-height:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px}.private-target-label{min-height:13px;font-size:10px;color:#d2c5a0}.private-chat-action-btn{border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:#0f1622f2;color:#f8eac5;font-family:inherit;font-size:10px;padding:3px 6px;cursor:pointer}.chat-toggle-btn{border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:var(--field);color:#f8eac5;font-family:inherit;font-size:11px;padding:4px 8px;cursor:pointer}.chat-list{border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:#070a10f2;padding:6px;overflow-y:auto}.chat-item{font-size:11px;line-height:1.35;margin-bottom:4px;color:#e9dec3;text-shadow:none;word-break:break-word}.chat-item.system{color:#b9c4d9}.chat-time-divider{margin:6px 0;text-align:center;font-size:9px;color:#9f947a}.chat-online-label{border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px #c49756bf;background:#1f2c23eb;color:#bdf5aa;padding:5px 7px;font-size:10px}.private-conversation-item{position:relative;width:100%;border:2px solid #3c2b1e;box-shadow:inset 0 0 0 1px #cda46c;background:#0f1622f5;color:#f8eac5;font-family:inherit;padding:7px 32px 7px 8px;margin-bottom:6px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;text-align:left;cursor:pointer}.private-conversation-main{display:grid;gap:4px;min-width:0}.private-conversation-name{font-size:11px;color:#ffe0a6}.private-conversation-preview,.private-conversation-meta{font-size:9px;color:#bfb08c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.private-conversation-badge{position:absolute;right:8px;top:50%;min-width:15px;height:15px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#d84a3a;color:#fff6df;font-size:9px}.chat-row{display:grid;grid-template-columns:1fr 68px;gap:6px}.chat-row input,.chat-row button,.emoji-row button,.login-card input,.login-card button{border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:var(--field);color:#f8eac5;font-family:inherit;font-size:12px;padding:7px}.chat-row input::placeholder,.login-card input::placeholder{color:#a79a78}.chat-row button,.emoji-row button,.login-card button{cursor:pointer;transition:transform .05s ease}.login-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.login-error{min-height:14px;color:#ffb18e;font-size:11px}.chat-row button:active,.emoji-row button:active,.login-card button:active{transform:translateY(1px)}.emoji-row{display:flex;gap:6px}.emoji-row button{width:36px;height:30px;padding:0}.chat-panel.collapsed{width:140px;grid-template-rows:auto}.chat-panel.collapsed .chat-list,.chat-panel.collapsed .chat-row,.chat-panel.collapsed .emoji-row,.chat-panel.collapsed .chat-tabs,.chat-panel.collapsed .chat-online-label,.chat-panel.collapsed .private-target-row{display:none}.toast-root{position:absolute;top:86px;right:14px;z-index:35;display:grid;gap:8px;width:min(320px,88vw);pointer-events:none}.toast-message{border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light),0 5px #05060961;background:#141e2bf5;color:#fff2cc;font-size:11px;line-height:1.4;padding:8px 10px;animation:toast-in .16s ease-out}.toast-message.leaving{opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease}.orientation-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#070a11d1;pointer-events:auto}.orientation-card{width:min(92vw,430px);display:grid;gap:10px;padding:16px;text-align:center}.orientation-card h2{margin:0;color:var(--accent);font-size:18px}.orientation-card p{margin:0;color:#f0e5c6;font-size:12px;line-height:1.55}.game-modal-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:62;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 42%,rgba(61,75,51,.36),transparent 34%),#070a11b8;pointer-events:auto}.game-modal-card{width:min(92vw,430px);border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light),0 8px #05060970;background:#121826f5;display:grid;gap:12px;padding:16px;text-align:center}.game-modal-title{color:var(--accent);font-size:16px;letter-spacing:.05em}.game-modal-card p{margin:0;color:#f6e8c7;font-size:13px;line-height:1.6}.game-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-modal-actions button{border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:var(--field);color:#f8eac5;font-family:inherit;font-size:12px;padding:9px 8px;cursor:pointer}.game-modal-actions button:disabled{opacity:.55;cursor:default}.orientation-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}.inventory-skin-card{min-height:188px}.inventory-skin-equip-btn{border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:var(--field);color:#f8eac5;font-family:inherit;font-size:10px;padding:6px 8px;cursor:pointer}.inventory-skin-equip-btn:disabled{opacity:.5;cursor:default}.inventory-empty-copy{grid-column:1 / -1;text-align:center}.orientation-actions button{border:2px solid var(--line-dark);box-shadow:inset 0 0 0 1px var(--line-light);background:var(--field);color:#f8eac5;font-family:inherit;font-size:12px;padding:8px;cursor:pointer}.orientation-help{color:#cfc0a0!important;font-size:11px!important}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes rope-spin{0%{transform:rotateX(0) translateY(0)}50%{transform:rotateX(180deg) translateY(-2px)}to{transform:rotateX(360deg) translateY(0)}}@keyframes pet-hop{0%,to{transform:translateY(4px)}50%{transform:translateY(-12px)}}@keyframes sparkle-pop{0%,to{opacity:.55;transform:scale(.86)}50%{opacity:1;transform:scale(1.18)}}.login-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#070a11b8;z-index:20}.login-overlay.hidden{display:none}.login-card{width:min(90vw,360px);padding:14px;display:grid;gap:8px}.login-card h1{margin:0;color:var(--accent);font-size:20px}.login-card p{margin:0;font-size:12px;color:#e4d9bd}@media(max-width:900px),(pointer:coarse){.task-panel{left:8vw;right:8vw;top:6dvh;bottom:6dvh;width:auto;max-height:none;z-index:46;padding:10px}.inventory-toggle-btn{right:10px;top:10px}.inventory-panel{left:8vw;right:8vw;top:6dvh;bottom:6dvh;width:auto;max-height:none;z-index:46;padding:10px;overflow-y:auto}.chat-panel{width:min(92vw,380px);grid-template-rows:auto auto minmax(0,112px) auto auto auto;gap:6px}.chat-panel.has-private-target-row{grid-template-rows:auto auto auto minmax(0,112px) auto auto auto}.hint-bar{min-width:240px;max-width:88vw}.hud-top{min-width:210px}.tutorial-dialog{left:8vw;right:8vw;top:6dvh;bottom:6dvh;width:auto;max-height:none;z-index:46;padding:10px}.account-dock{left:10px;top:116px;flex-wrap:wrap;transform:none}.account-panel{left:10vw;right:10vw;top:5vh;bottom:5vh;width:auto;max-height:none;z-index:42;padding:10px}.friend-requests-popover{left:8vw;right:8vw;top:6dvh;bottom:6dvh;width:auto;max-height:none;z-index:52;padding:10px}.shop-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.shop-skin-layout{grid-template-columns:86px minmax(0,1fr);gap:7px}.skin-series-tab{padding:6px 5px;font-size:10px;text-align:center}.shop-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px),(pointer:coarse){#app.mobile-visual-layout .game-canvas,#app.mobile-visual-layout .hud-layer{left:var(--mobile-game-edge-inset);right:var(--mobile-game-edge-inset)}#app.mobile-visual-layout .account-dock{top:14px;left:50%;right:auto;max-width:max(180px,calc(100vw - 188px));transform:translate(-50%);flex-wrap:nowrap;align-items:flex-start;width:fit-content}#app.mobile-visual-layout .account-dock-actions{flex-wrap:wrap;align-content:flex-start;max-width:max(126px,calc(100vw - 260px))}#app.mobile-visual-layout .hud-top:not(.collapsed)+.account-dock{max-width:max(180px,calc(100vw - 466px))}#app.mobile-visual-layout .hud-top:not(.collapsed)+.account-dock .account-dock-actions{max-width:max(126px,calc(100vw - 520px))}#app.mobile-visual-layout .chat-panel:not(.collapsed){right:10px;bottom:10px;width:min(72vw,250px);padding:6px;grid-template-rows:auto auto minmax(0,56px) auto auto auto;gap:3px}#app.mobile-visual-layout .chat-panel.has-private-target-row:not(.collapsed){grid-template-rows:auto auto auto minmax(0,56px) auto auto auto}#app.mobile-visual-layout .chat-panel:not(.collapsed) .chat-tabs{gap:3px}#app.mobile-visual-layout .chat-panel:not(.collapsed) .chat-tab-btn{padding:3px 4px;font-size:10px}#app.mobile-visual-layout .chat-panel:not(.collapsed) .chat-row{grid-template-columns:1fr 54px;gap:4px}#app.mobile-visual-layout .chat-panel:not(.collapsed) .chat-row input,#app.mobile-visual-layout .chat-panel:not(.collapsed) .chat-row button{padding:5px;font-size:11px}#app.mobile-visual-layout .chat-panel:not(.collapsed) .emoji-row{display:none}#app.mobile-visual-layout .account-panel{left:10vw;right:10vw;top:5vh;bottom:5vh}#app.mobile-visual-layout #account-panel-content{overscroll-behavior:contain}#app.mobile-visual-layout .shop-list{align-content:start}}