:root{color-scheme:dark;font-family:Trebuchet MS,Noto Sans TC,sans-serif;--app-width: 100vw;--app-height: 100dvh;--app-offset-left: 0px;--app-offset-top: 0px;--panel: rgba(10, 22, 31, .72);--panel-border: rgba(255, 255, 255, .16);--text-main: #f8fafc;--text-muted: #bfd2e1;--accent: #7ddf8a;--danger: #ff6a6a;--shadow: 0 20px 45px rgba(0, 0, 0, .28);--keyboard-offset: 0px}html,body,#app{margin:0;width:var(--app-width);height:var(--app-height);min-width:var(--app-width);min-height:var(--app-height);overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(circle at top,rgba(157,223,255,.5),transparent 38%),linear-gradient(180deg,#8fd7ff,#87ceeb 40%,#d7f2ff);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.performance-lite body{background:linear-gradient(180deg,#97d8ff,#90d1f6 42%,#d5ecf7)}#app{position:fixed;left:var(--app-offset-left);top:var(--app-offset-top);overflow:hidden}canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none}.game-mobile-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.game-mobile-tap{touch-action:manipulation}.game-modal-panel .game-mobile-scroll,.game-modal-panel :is(.settings-panel__content,.shop-panel__offers,.inventory-panel__pages,.inventory-panel__bag-scroll,.inventory-panel__page,.inventory-panel__equipment-bag-grid,.map-travel-panel,.crafting-workshop-panel__recipes,.mailbox-panel__messages,.shared-storage-panel__grid,.trade-panel__body,.trade-panel__detail-card,.trade-panel__slot-grid,.trade-panel__bottom-bar){overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.game-modal-panel .game-mobile-tap,.game-modal-panel :is(button,[role=button],a,input,textarea,select,summary){touch-action:manipulation}.hud-activity-frame-backdrop[hidden],.hud-activity-frame-panel[hidden]{display:none!important}.game-hud{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.game-hud.is-hud-hidden>*:not(.hud-top):not(.game-settings-panel):not(.game-settings-backdrop):not(.hud-editor-overlay):not(.hud-settings-button):not(.hud-activity-button):not(.hud-activity-frame-backdrop):not(.hud-activity-frame-panel){opacity:0!important;pointer-events:none!important;transition:opacity .25s ease}.game-hud.is-hud-hidden .hud-top>*{opacity:0!important;pointer-events:none!important}.game-hud.is-hud-hidden .hud-mode-widgets-side{opacity:0!important;pointer-events:none!important}.game-hud:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .18s ease;pointer-events:none}.game-hud.is-storm-danger:before{opacity:1;background:radial-gradient(circle at center,#0000 40%,#a1212e29 78%,#a1212e4d)}.game-hud.is-storm-safe:before{opacity:1;background:radial-gradient(circle at center,#0000 40%,#24875d14 78%,#24875d29)}.performance-lite .game-hud:before,.performance-lite .hud-crosshair,.performance-lite .hud-hit-marker,.performance-lite .hud-target-chip,.performance-lite .hud-downed-chip,.performance-lite .control-button,.performance-lite .mobile-controls__joystick-knob{transition:none}.performance-lite .hud-card--health,.performance-lite .hud-status,.performance-lite .hud-selection,.performance-lite .hotbar,.performance-lite .hud-target-chip,.performance-lite .hud-downed-chip,.performance-lite .control-button,.performance-lite .mobile-controls__joystick-ring,.performance-lite .hud-settings-button,.performance-lite .hud-activity-button{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 10px 24px #0000002e}.performance-lite .hud-settings-button,.performance-lite .hud-activity-button{background:#fff6faf0}.hud-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:0;z-index:22;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"health message";align-items:flex-start;align-content:flex-start;gap:20px;pointer-events:none}.hud-mode-widgets-side{position:absolute;top:max(18px,env(safe-area-inset-top));right:calc(max(24px,env(safe-area-inset-right)) + 72px);z-index:21;display:grid;gap:8px;justify-items:end;pointer-events:none}.hud-settings-button{position:absolute;top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at top left,rgba(255,255,255,.94),transparent 34%),linear-gradient(180deg,#fff7fbf5,#f2dce8eb);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(241,183,210,.74);color:#763051f5;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 32px #64234338,inset 0 0 0 1px #ffffffc2;z-index:150;padding:0;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hud-activity-button{position:absolute;top:max(24px,env(safe-area-inset-top));right:calc(max(24px,env(safe-area-inset-right)) + 68px);min-width:74px;height:44px;border-radius:999px;background:radial-gradient(circle at top left,rgba(255,255,255,.96),transparent 34%),linear-gradient(180deg,#fffceefa,#ffe8adf0);border:1.5px solid rgba(246,195,78,.7);color:#6f4a07f5;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;cursor:pointer;pointer-events:auto;z-index:149;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 12px 30px #75530a33,inset 0 0 0 1px #ffffffb8;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.hud-activity-button:hover{transform:translateY(-1px);border-color:#e8a714d6;box-shadow:0 14px 34px #75530a3d,0 0 18px #ffdc8438}.hud-activity-button__icon{font-size:15px;line-height:1}.hud-activity-button__label{font-size:14px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.hud-activity-frame-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:156;background:radial-gradient(circle at top,rgba(255,231,241,.28),transparent 40%),#1214228f;opacity:0;pointer-events:none;transition:opacity .2s ease}.hud-activity-frame-panel{position:absolute;inset:50% auto auto 50%;z-index:157;display:flex;flex-direction:column;width:min(920px,calc(100% - 32px));height:min(82vh,760px);padding:14px;border-radius:32px;border:1px solid rgba(255,203,223,.84);background:radial-gradient(circle at top left,rgba(255,255,255,.96),transparent 34%),linear-gradient(165deg,#fffafcfa,#fff0f6f5);box-shadow:0 28px 70px #47233738,inset 0 1px #ffffffdb;transform:translate(-50%,-48%) scale(.985);opacity:0;pointer-events:none;overflow:hidden;transition:opacity .2s ease,transform .2s ease}.hud-activity-frame-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 4px 12px}.hud-activity-frame-title{min-width:0;font-size:1.15rem;font-weight:900;color:#2d3550}.hud-activity-frame-close{flex:none;min-width:108px;padding:14px 18px;border:0;border-radius:20px;background:linear-gradient(160deg,#fffffff2,#fff1f7f5);color:#33425f;box-shadow:inset 0 0 0 1px #ffc4dbd1,0 10px 22px #dda5bf2e;cursor:pointer;pointer-events:auto}.hud-activity-frame-iframe{flex:1 1 auto;width:100%;min-height:0;border:0;border-radius:22px;background:#fffafc}.hud-activity-frame-backdrop.is-open{opacity:1;pointer-events:auto}.hud-activity-frame-panel.is-open{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.game-modal-backdrop,.game-modal-panel{box-sizing:border-box;pointer-events:none}.game-modal-panel,.game-modal-panel *{box-sizing:border-box}.game-hud.has-blocking-panel>:not(.game-modal-backdrop.is-open):not(.game-modal-panel.is-open){opacity:0;visibility:hidden;pointer-events:none!important;-webkit-user-select:none;user-select:none;transition:opacity .14s ease}.hud-settings-button svg{width:28px;height:28px;stroke:currentColor;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;overflow:visible;filter:drop-shadow(0 1px 0 rgba(255,255,255,.28))}.hud-settings-button:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1px solid rgba(240,196,219,.42);pointer-events:none}.hud-settings-button:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid rgba(255,214,231,.56);pointer-events:none}.hud-settings-button:hover{background:radial-gradient(circle at top left,rgba(255,255,255,.98),transparent 34%),linear-gradient(180deg,#ffeff6fc,#f4d2e2f5);transform:translateY(-1px) scale(1.05);border-color:#eb8cbcc7;box-shadow:0 16px 36px #6b234742,0 0 18px #ffc6e042}.hud-settings-button.is-active{border-color:#eb79b2d6;background:radial-gradient(circle at top left,rgba(255,255,255,.96),transparent 34%),linear-gradient(180deg,#ffe8f2fa,#f3c6dcfa);transform:scale(.985);box-shadow:0 14px 30px #6f23493d,0 0 0 1px #ffc6e047}@media (max-width: 900px){.hud-top{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));bottom:0;gap:8px}.hud-mode-widgets-side{top:max(10px,env(safe-area-inset-top));right:calc(max(10px,env(safe-area-inset-right)) + 60px);display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-content:flex-start;gap:8px;max-width:50vw}.hud-settings-button{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:60px;height:60px;padding:0;flex-shrink:0;z-index:180}.hud-activity-button{top:max(14px,env(safe-area-inset-top));right:calc(max(10px,env(safe-area-inset-right)) + 60px);min-width:66px;height:38px;padding:0 12px;gap:5px}.hud-activity-button__label{font-size:13px}.hud-activity-frame-panel{width:calc(100% - 14px);height:calc(100vh - 22px);padding:12px;border-radius:24px}.hud-activity-frame-header{padding-bottom:10px}.hud-activity-frame-title{font-size:1rem}.hud-activity-frame-close{min-width:92px;padding:12px 14px;border-radius:18px}.hud-activity-frame-iframe{border-radius:18px}}@media (max-width: 900px) and (orientation: portrait){.hud-top{grid-template-columns:minmax(0,44vw) auto}.hud-mode-widgets-side{max-width:48vw}}@media (max-width: 900px) and (orientation: landscape){.hud-top{top:max(6px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:0;gap:6px;align-items:start}.hud-mode-widgets-side{top:max(6px,env(safe-area-inset-top));right:calc(max(8px,env(safe-area-inset-right)) + 60px);display:flex;flex-wrap:nowrap;max-width:none;gap:6px}.hud-activity-button{top:max(8px,env(safe-area-inset-top));right:calc(max(8px,env(safe-area-inset-right)) + 60px)}.hud-settings-button{top:max(6px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}}.hotbar{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:24;transform:translate(-50%);display:flex;gap:10px;padding:12px 14px;border-radius:22px;background:#0910168a;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.hotbar--compact{gap:6px;padding:8px 9px;border-radius:18px}.hotbar--compact.is-single-slot{padding-inline:6px}@media (max-width: 900px){.hotbar{left:50%;right:auto;bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100vw - 20px);padding:8px;overflow-x:auto;scrollbar-width:none}}@media (max-width: 900px) and (orientation: landscape){.hotbar{bottom:max(4px,env(safe-area-inset-bottom));gap:4px;padding:5px 6px;border-radius:16px;background:#0910166b;box-shadow:0 10px 22px #0000002e}}.hotbar__slot{width:74px;min-height:66px;display:grid;justify-items:center;align-content:center;gap:6px;padding:10px 8px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text-main);cursor:pointer;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.hotbar__slot.is-hidden{display:none}.hotbar__slot:hover,.hotbar__slot.is-selected{transform:translateY(-2px);border-color:#7ddf8ac7;background:#7ddf8a26}.hotbar__index{color:#ffffffb8;font-size:11px}.hotbar__name{font-size:13px;font-weight:700}.hotbar__count{font-size:12px;font-weight:700;color:#ffffffd1}.hotbar__slot.is-empty{opacity:.9;border-color:#ffffff14;background:#ffffff08}.hotbar__slot.is-empty .hotbar__swatch{background:linear-gradient(145deg,#ffffff14,#ffffff05),#ffffff05;border-style:dashed;border-color:#ffffff2e;box-shadow:none}.hotbar__slot.is-empty .hotbar__name{color:#ffffff94}.hotbar__slot.is-empty .hotbar__count{color:#ffd6ade0}.hotbar--compact .hotbar__slot{width:48px;min-height:50px;gap:4px;padding:6px 4px;border-radius:13px}.hotbar--compact .hotbar__slot.is-selected{width:62px;min-height:56px;padding:7px 5px}.hotbar--compact .hotbar__index,.hotbar--compact .hotbar__name{display:none}.hotbar--compact .hotbar__slot.is-selected .hotbar__name{display:block;max-width:100%;font-size:9px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hotbar--compact .hotbar__count{font-size:10px}@media (max-width: 900px){.hotbar__slot{width:54px;min-height:58px;padding:7px 5px;border-radius:14px;gap:4px}.hotbar__index{font-size:10px}.hotbar__name{display:none}}@media (max-width: 900px) and (orientation: landscape){.hotbar--compact .hotbar__slot{width:40px;min-height:42px;gap:3px;padding:5px 3px;border-radius:11px}.hotbar--compact .hotbar__slot.is-selected{width:56px;min-height:48px;padding:6px 4px}.hotbar--compact .hotbar__slot.is-selected .hotbar__name{font-size:8px}.hotbar--compact .hotbar__count{font-size:9px}}.hotbar__swatch{width:26px;height:26px;border-radius:8px;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff2e}.hotbar__swatch--grass{background:linear-gradient(180deg,#68af43 0,#68af43 36%,#7c502e 36%,#7c502e)}.hotbar__swatch--dirt{background:linear-gradient(145deg,#8b5a33,#5c351b)}.hotbar__swatch--sand{background:linear-gradient(145deg,#eedca5,#cdb16f)}.hotbar__swatch--stone{background:linear-gradient(145deg,#95a2ad,#5a6470)}.hotbar__swatch--cobblestone{background:linear-gradient(145deg,#7d848b,#454c52),linear-gradient(45deg,#ffffff14,#0000)}.hotbar__swatch--white_stone{background:linear-gradient(145deg,#fdfdfb,#d4d9d5)}.hotbar__swatch--smooth_stone{background:linear-gradient(145deg,#ccd4dc,#8d97a1)}.hotbar__swatch--sandstone{background:linear-gradient(145deg,#f3ddb0,#cea76f)}.hotbar__swatch--wood{background:linear-gradient(90deg,#6c4322 0,#6c4322 18%,#a26d42 18%,#a26d42 34%,#6c4322 34%,#6c4322 52%,#a26d42 52%,#a26d42 68%,#6c4322 68%,#6c4322)}.hotbar__swatch--plank{background:linear-gradient(180deg,#d4a06d 0,#d4a06d 22%,#9f6b3d 22%,#9f6b3d 34%,#d4a06d 34%,#d4a06d 56%,#9f6b3d 56%,#9f6b3d 68%,#d4a06d 68%,#d4a06d)}.hotbar__swatch--leaf{background:linear-gradient(145deg,#5aa14f,#35692e)}.hotbar__swatch--brick{background:linear-gradient(180deg,#9ca1a7 0,#9ca1a7 18%,#70767c 18%,#70767c 26%,#9ca1a7 26%,#9ca1a7 52%,#70767c 52%,#70767c 60%,#9ca1a7 60%,#9ca1a7)}.hotbar__swatch--workbench{background:linear-gradient(180deg,#d6ae74 0,#d6ae74 24%,#915a31 24%,#915a31),linear-gradient(90deg,#48260f8c,#48260f00 34%,#48260f8c 68%,#48260f00)}.hotbar__swatch--furnace{background:linear-gradient(180deg,#9ba1a7 0,#9ba1a7),linear-gradient(145deg,#575d63,#2f3439);position:relative}.hotbar__swatch--bed{background:linear-gradient(180deg,#f7f2e6 0,#f7f2e6 46%,#cfae8a 46%,#cfae8a 62%,#8f603f 62%,#8f603f)}.hotbar__swatch--wood_door{background:radial-gradient(circle at 72% 52%,#e6d4afeb 0,#e6d4afeb 8%,#8a5730f5 9%,#8a5730f5 12%,#0000 13%),linear-gradient(180deg,#d2a16c 0,#d2a16c);position:relative}.hotbar__swatch--torch{background:radial-gradient(circle at 50% 22%,#fff7d0fa,#ffb047eb 34%,#7e220a00 62%),linear-gradient(180deg,#c5905cf5 0,#c5905cf5 18%,#7a4c29f5 18%,#7a4c29f5)}.hotbar__swatch--sapling{background:radial-gradient(circle at 36% 44%,#abf18cf5,#489941eb 28%,#0000 30%),radial-gradient(circle at 66% 42%,#abf18cf5,#489941eb 28%,#0000 30%),radial-gradient(circle at 50% 28%,#c4f7a8f5,#4ea446e6 24%,#0000 27%),linear-gradient(180deg,#0000 0,#0000 46%,#92653df2 46%,#92653df2)}.hotbar__swatch--glass{background:linear-gradient(145deg,#ffffff5c,#aad9ff38),#aad9ff33}.hotbar__swatch--haiyue_portrait{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffaf0f5,#eedec4f5),linear-gradient(135deg,#a46d42,#6d4627);background-origin:border-box}.hotbar__swatch--haiyue_portrait:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:4px;background:linear-gradient(180deg,#ffffffeb,#f1e3c8eb);box-shadow:inset 0 0 0 1px #90674238;pointer-events:none}.hotbar__swatch--free_screen{position:relative;overflow:hidden;background:linear-gradient(180deg,#3a2b1efa,#2a1e15fa),linear-gradient(135deg,#4f3825,#2f2118)}.hotbar__swatch--free_screen:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:5px;background:radial-gradient(circle at 26% 24%,#ffffff1f,#fff0 28%),linear-gradient(180deg,#1c2e44f5,#07101bfa);box-shadow:inset 0 0 0 1px #c4dcff1f,inset 0 14px 22px #79b9ff14;pointer-events:none}.hotbar__swatch--free_screen:after{content:"";position:absolute;left:7px;right:7px;bottom:5px;height:2px;border-radius:999px;background:#ecc28073;pointer-events:none}.hotbar__swatch--glowstone{background:radial-gradient(circle at 35% 30%,#fffce8fa,#ffe698f0 20%,#ffc2575c 34%,#0000 36%),radial-gradient(circle at 72% 60%,#fff7d2f0,#ffda7ce6 18%,#ffc35947 30%,#0000 32%),linear-gradient(145deg,#7f5927,#b48945)}.hotbar__swatch--pure_white_wall{background:linear-gradient(145deg,#fffefb,#efede6),linear-gradient(0deg,#ffffff29,#0000)}.hotbar__swatch--beige_wall{background:linear-gradient(145deg,#f7edde,#e3d4c1),linear-gradient(0deg,#fff8ec24,#0000)}.hotbar__swatch--cream_wall{background:linear-gradient(145deg,#fff8f0,#ead9c2),linear-gradient(0deg,#fffaf224,#0000)}.hotbar__swatch--rose_wall{background:linear-gradient(145deg,#ffe6ee,#dbb0c0),linear-gradient(0deg,#fff0f624,#0000)}.hotbar__swatch--peach_wall{background:linear-gradient(145deg,#ffe8da,#efbe98),linear-gradient(0deg,#fff2e624,#0000)}.hotbar__swatch--mint_wall{background:linear-gradient(145deg,#e8faf0,#b4d9bf),linear-gradient(0deg,#f2fff724,#0000)}.hotbar__swatch--sky_wall{background:linear-gradient(145deg,#ebf4ff,#b7d0ea),linear-gradient(0deg,#f4f9ff24,#0000)}.hotbar__swatch--violet_wall{background:linear-gradient(145deg,#f2ecff,#cbbce3),linear-gradient(0deg,#f8f3ff24,#0000)}.hotbar__swatch--cream_tile{background:linear-gradient(145deg,#fff7ea,#e7d8c2),linear-gradient(0deg,#c4a67e24,#fff0)}.hotbar__swatch--rose_tile{background:linear-gradient(145deg,#ffe0e7,#d6a6b9),linear-gradient(0deg,#8c36621f,#fff0)}.hotbar__swatch--peach_tile{background:linear-gradient(145deg,#ffe8d5,#ebb88c),linear-gradient(0deg,#b564391f,#fff0)}.hotbar__swatch--mint_tile{background:linear-gradient(145deg,#e5fff0,#9fd8b6),linear-gradient(0deg,#377b561f,#fff0)}.hotbar__swatch--sky_tile{background:linear-gradient(145deg,#e7f5ff,#9fc8ef),linear-gradient(0deg,#3a6eb11f,#fff0)}.hotbar__swatch--violet_tile{background:linear-gradient(145deg,#f0ebff,#b9afe6),linear-gradient(0deg,#624e9d1f,#fff0)}.hotbar__swatch--cream_fence{background:repeating-linear-gradient(90deg,#f6e8d3 0,#f6e8d3 18%,#e7cfb0 18%,#e7cfb0 34%,#f6e8d3 34%,#f6e8d3 52%),linear-gradient(180deg,#fff9f0,#cfa883)}.hotbar__swatch--rose_fence{background:repeating-linear-gradient(90deg,#efcada 0,#efcada 18%,#d9a8bc 18%,#d9a8bc 34%,#efcada 34%,#efcada 52%),linear-gradient(180deg,#fff2f7,#b77f95)}.hotbar__swatch--peach_fence{background:repeating-linear-gradient(90deg,#f6d3b6 0,#f6d3b6 18%,#e8ab7c 18%,#e8ab7c 34%,#f6d3b6 34%,#f6d3b6 52%),linear-gradient(180deg,#fff0e3,#bb7d50)}.hotbar__swatch--mint_fence{background:repeating-linear-gradient(90deg,#d3e8d3 0,#d3e8d3 18%,#afd0b5 18%,#afd0b5 34%,#d3e8d3 34%,#d3e8d3 52%),linear-gradient(180deg,#f1fbf4,#7ea388)}.hotbar__swatch--sky_fence{background:repeating-linear-gradient(90deg,#d7e6f6 0,#d7e6f6 18%,#b0cae5 18%,#b0cae5 34%,#d7e6f6 34%,#d7e6f6 52%),linear-gradient(180deg,#f4f9ff,#819cbe)}.hotbar__swatch--violet_fence{background:repeating-linear-gradient(90deg,#e4daf1 0,#e4daf1 18%,#c7b5dc 18%,#c7b5dc 34%,#e4daf1 34%,#e4daf1 52%),linear-gradient(180deg,#f8f3ff,#957fb6)}.hotbar--compact .hotbar__swatch{width:20px;height:20px;border-radius:6px}@media (max-width: 900px){.hotbar__swatch{width:24px;height:24px;border-radius:7px}}@media (max-width: 900px) and (orientation: landscape){.hotbar--compact .hotbar__swatch{width:18px;height:18px;border-radius:5px}}.performance-lite .backpack-button,.performance-lite .backpack-material-picker{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 10px 24px #0000002e}.backpack-control{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:24;display:grid;justify-items:center;gap:12px;transform:translate(-50%);pointer-events:none}.backpack-control.is-picker-open{z-index:25}@media (max-width: 900px) and (orientation: portrait){.backpack-control{bottom:max(8px,env(safe-area-inset-bottom));gap:8px}}@media (max-width: 900px) and (orientation: landscape){.backpack-control{bottom:max(4px,env(safe-area-inset-bottom));gap:6px}}.backpack-button{position:relative;overflow:hidden;min-width:unset;display:flex;align-items:center;gap:10px;padding:9px 16px 9px 10px;border-radius:999px;border:1px solid rgba(255,185,210,.72);background:radial-gradient(circle at top left,rgba(255,255,255,.88),transparent 34%),radial-gradient(circle at bottom right,rgba(255,190,220,.34),transparent 50%),linear-gradient(180deg,#fffafcf5,#f6deeaeb);box-shadow:0 16px 30px #170b1642,inset 0 1px #ffffffe6,inset 0 -1px #ba6e932e;color:#5c223ffa;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,opacity .14s ease}.backpack-button:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;background:linear-gradient(180deg,#ffffff47,#fff0);pointer-events:none}.backpack-button>*{position:relative;z-index:1;pointer-events:none}.backpack-button:hover,.backpack-button.is-picker-open{border-color:#ff90bff0;box-shadow:0 18px 34px #30112347,0 0 0 1px #ffe2ef57,inset 0 1px #fffffff0,inset 0 -1px #c6609138}.backpack-button.is-pressed{border-color:#ee84b0f0;background:radial-gradient(circle at top left,rgba(255,255,255,.82),transparent 34%),radial-gradient(circle at bottom right,rgba(255,169,205,.38),transparent 50%),linear-gradient(180deg,#f9e8effa,#efcedff0);box-shadow:0 10px 20px #1f0c1938,inset 0 1px #ffffffb8,inset 0 -1px #c0588a33}.backpack-button.is-empty{border-color:#e4b5c6a3;opacity:.92}.backpack-button__main{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.backpack-button__swatch{width:32px;height:32px;border-radius:12px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #ffffffa8,0 6px 12px #7036532e}.backpack-button__swatch:not(.hotbar__swatch):not(.item-swatch-token){background:#ffffff8f}.backpack-button__swatch.item-swatch-token--empty-hand{background:linear-gradient(135deg,#fffffff0,#f8e2ece6);color:#682945f5;font-weight:900}.backpack-button__meta{display:grid;gap:1px;min-width:0}.backpack-button__material{color:#581e3af5;font-size:16px;font-weight:800;line-height:1.05;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.54)}.backpack-button__count{color:#be487eeb;font-size:11px;font-weight:800}.hud-backpack__label{color:#6e2d4cf5;font-size:17px;font-weight:900;line-height:1;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.48)}@media (max-width: 900px) and (orientation: portrait){.backpack-button{min-width:148px;gap:6px;padding:9px 11px;border-radius:18px}.backpack-button__main{gap:9px}.backpack-button__swatch{width:24px;height:24px;border-radius:7px}.backpack-button__material{font-size:12px}.backpack-button__count{font-size:10px}}@media (max-width: 900px) and (orientation: landscape){.backpack-button{min-width:126px;gap:5px;padding:7px 9px;border-radius:16px}.backpack-button__swatch{width:20px;height:20px;border-radius:6px}.backpack-button__material{font-size:10px}.backpack-button__count{font-size:8px}}@media (orientation: portrait){.game-hud.is-touch-ui .backpack-button{min-width:108px;min-height:48px;gap:8px;padding:7px 12px 7px 10px;border-radius:18px}.game-hud.is-touch-ui .backpack-button__main{gap:8px}.game-hud.is-touch-ui .backpack-button__swatch{width:24px;height:24px;border-radius:9px}.game-hud.is-touch-ui .backpack-button__material{font-size:12px}.game-hud.is-touch-ui .backpack-button__count{font-size:10px}.game-hud.is-touch-ui .hud-backpack__label{font-size:15px}}.backpack-material-picker{position:absolute;left:50%;bottom:calc(100% + 14px);z-index:1;width:min(92vw,560px);display:grid;grid-template-columns:repeat(var(--backpack-picker-columns, 5),minmax(0,1fr));gap:10px;padding:12px;border-radius:24px;border:1px solid rgba(255,188,214,.72);background:radial-gradient(circle at top left,rgba(255,255,255,.9),transparent 28%),radial-gradient(circle at bottom right,rgba(255,194,223,.42),transparent 48%),linear-gradient(180deg,#fffafcfa,#f5dfeaf5);box-shadow:0 30px 56px #230d1c42,inset 0 1px #ffffffdb,inset 0 -1px #bc669124;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transform:translate(-50%,10px) scale(.96);transform-origin:bottom center;pointer-events:none;transition:opacity .14s ease,transform .14s ease;max-height:var(--backpack-picker-max-height, none);overflow:hidden}.backpack-material-picker.is-open{opacity:1;transform:translate(-50%) scale(1);pointer-events:auto}.backpack-material-picker.is-scrollable{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(214,112,161,.44) transparent}.backpack-material-picker.is-scrollable::-webkit-scrollbar{width:4px}.backpack-material-picker.is-scrollable::-webkit-scrollbar-thumb{border-radius:999px;background:#d670a16b}.backpack-material-picker.is-empty:after{content:"背包裡還沒有可切換的持有物";grid-column:1 / -1;padding:18px 14px;border-radius:18px;background:#ffffff8f;color:#7e3858eb;font-size:13px;font-weight:800;text-align:center;box-shadow:inset 0 1px #ffffffb8}@media (max-width: 900px) and (orientation: portrait){.backpack-material-picker{width:min(92vw,430px);gap:6px;padding:8px;border-radius:18px;bottom:calc(100% + 10px)}}@media (max-width: 900px) and (orientation: landscape){.backpack-material-picker{width:min(90vw,320px);gap:5px;padding:6px;border-radius:14px;bottom:calc(100% + 8px)}}.backpack-material-picker__option{position:relative;display:grid;justify-items:center;align-content:center;gap:6px;min-height:92px;padding:10px 8px;border-radius:18px;border:1px solid rgba(240,184,209,.76);background:radial-gradient(circle at top left,rgba(255,255,255,.7),transparent 35%),linear-gradient(180deg,#ffffffb8,#f7e5edeb);color:#5d213efa;box-shadow:0 10px 20px #3f192b14,inset 0 1px #ffffffd6;transition:transform .12s ease,border-color .12s ease,background .12s ease,opacity .12s ease,box-shadow .12s ease;overflow:hidden;touch-action:manipulation}.backpack-material-picker__option.is-selected{border-color:#ff8bbcd6;background:radial-gradient(circle at top left,rgba(255,255,255,.82),transparent 36%),linear-gradient(180deg,#ffebf4fa,#f5d3e2f5);box-shadow:0 12px 22px #561f381f,inset 0 1px #ffffffeb}.backpack-material-picker__option.is-selected:after{content:"";position:absolute;left:8px;top:8px;width:8px;height:8px;border-radius:999px;background:#dc4384e6;box-shadow:0 0 0 3px #ffffffbf,0 0 0 6px #ffbbd861}.backpack-material-picker__option.is-active{border-color:#ec76acf0;background:radial-gradient(circle at top left,rgba(255,255,255,.86),transparent 34%),linear-gradient(180deg,#ffe3effc,#f4c4dbfa);box-shadow:0 14px 24px #60223e29,inset 0 1px #fffffff0;transform:translateY(-2px) scale(1.02)}.backpack-material-picker__option.is-empty{opacity:.56}.backpack-material-picker__option.is-hidden{display:none}.backpack-material-picker__index{position:absolute;top:8px;right:8px;color:#b0608499;font-size:10px;font-weight:800}.backpack-material-picker__swatch{width:28px;height:28px;border-radius:8px}.backpack-material-picker__name{color:#5d213efa;font-size:12px;font-weight:700;text-align:center;line-height:1.1}.backpack-material-picker__count{color:#be487eeb;font-size:11px;font-weight:800}@media (max-width: 900px) and (orientation: portrait){.backpack-material-picker__option{min-height:66px;padding:8px 6px;border-radius:12px;gap:4px}.backpack-material-picker__index{top:6px;right:6px;font-size:8px}.backpack-material-picker__swatch{width:22px;height:22px;border-radius:6px}.backpack-material-picker__name,.backpack-material-picker__count{font-size:10px}}@media (max-width: 900px) and (orientation: landscape){.backpack-material-picker__option{min-height:56px;padding:7px 5px;border-radius:10px;gap:3px}.backpack-material-picker__index{font-size:7px}.backpack-material-picker__swatch{width:18px;height:18px;border-radius:5px}.backpack-material-picker__name,.backpack-material-picker__count{font-size:8px}}@media (orientation: portrait){.game-hud.is-touch-ui .backpack-material-picker{width:min(92vw,430px);gap:8px;padding:10px;bottom:calc(100% + 12px);border-radius:26px;box-shadow:0 22px 38px #3916293d,inset 0 1px #ffffffe6,inset 0 -1px #bc669129}.game-hud.is-touch-ui .backpack-material-picker.is-empty:after{padding:16px 12px;border-radius:16px;font-size:12px;line-height:1.35}.game-hud.is-touch-ui .backpack-material-picker__option{min-height:78px;padding:12px 8px 10px;border-radius:16px;gap:5px}.game-hud.is-touch-ui .backpack-material-picker__option.is-active{transform:translateY(-1px) scale(1.015)}.game-hud.is-touch-ui .backpack-material-picker__index{top:7px;right:7px;font-size:8px}}.item-swatch-token{display:grid;place-items:center;position:relative;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff1f;color:#fff7ebf5;font-size:11px;font-weight:800;letter-spacing:.04em}.item-swatch-token--container{background:linear-gradient(145deg,#cad2e0e6,#6d7a8feb)}.item-swatch-token--tool{background:linear-gradient(145deg,#bca868eb,#765927eb)}.item-swatch-token--monster-ball{color:#163250;border-color:#fff5e1d6;box-shadow:inset 0 1px #ffffffc7,0 4px 10px #172f4c29}.item-swatch-token--monster-ball-empty{background:radial-gradient(circle at 36% 28%,#ffffffeb 0,#ffffffeb 16%,#fff0 17%),linear-gradient(180deg,#fff2ccf5 0,#fff2ccf5 48%,#96672af5 48%,#96672af5)}.item-swatch-token--monster-ball-filled{background:radial-gradient(circle at 36% 28%,#ffffffeb 0,#ffffffeb 16%,#fff0 17%),radial-gradient(circle at 64% 66%,#87f0d880 0,#87f0d880 18%,#87f0d800 19%),linear-gradient(180deg,#aadffff5 0,#aadffff5 48%,#3a67a0f5 48%,#3a67a0f5)}.item-swatch-token--material{background:linear-gradient(145deg,#b08066eb,#663f2deb)}.item-swatch-token--monster-corpse{border-color:#fff5e7b3;box-shadow:inset 0 1px #ffffff85,0 4px 10px #18263a24}.item-swatch-token--monster-corpse:before,.item-swatch-token--monster-corpse:after{content:"";position:absolute;inset:auto;pointer-events:none}.item-swatch-token--monster-corpse-orange-mushroom{background:radial-gradient(circle at 50% 78%,#311e182e,#311e1800 46%),linear-gradient(180deg,#f9d6abf0 52%,#d69a66eb)}.item-swatch-token--monster-corpse-orange-mushroom:before{left:7%;right:7%;top:10%;height:48%;border-radius:52% 52% 42% 42%;background:radial-gradient(circle at 26% 28%,#a5b14cf2 0,#a5b14cf2 12%,#a5b14c00 13%),radial-gradient(circle at 72% 22%,#a5b14cf2 0,#a5b14cf2 10%,#a5b14c00 11%),radial-gradient(circle at 48% 46%,#6f31178c 0,#6f31178c 60%,#6f311700 61%),linear-gradient(180deg,#ea9357fa,#be6030f5);transform:rotate(-8deg)}.item-swatch-token--monster-corpse-orange-mushroom:after{left:28%;right:28%;bottom:16%;height:26%;border-radius:42% 42% 38% 38%;background:radial-gradient(circle at 36% 48%,#231711 0,#231711 11%,#23171100 12%),radial-gradient(circle at 64% 48%,#231711 0,#231711 11%,#23171100 12%),linear-gradient(180deg,#f8efdff5,#d6c4a4f5);box-shadow:inset 0 -1px #502a192e}.item-swatch-token--monster-corpse-snow-yeti{background:radial-gradient(circle at 50% 82%,#311e1829,#311e1800 48%),linear-gradient(180deg,#e8f0f8f5,#bfcfddeb)}.item-swatch-token--monster-corpse-snow-yeti:before{left:14%;right:14%;top:12%;bottom:14%;border-radius:48% 48% 44% 44%;background:radial-gradient(circle at 50% 62%,#fffffffa 0,#fffffffa 24%,#fff0 25%),radial-gradient(circle at 36% 42%,#251d23 0,#251d23 8%,#251d2300 9%),radial-gradient(circle at 64% 42%,#251d23 0,#251d23 8%,#251d2300 9%),linear-gradient(180deg,#fbfdfffa,#dce6eff5);transform:rotate(7deg);box-shadow:inset 0 -2px #a8b8ca52}.item-swatch-token--monster-corpse-snow-yeti:after{left:18%;right:18%;top:6%;height:24%;background:linear-gradient(135deg,#fcfdfffa,#dbe4ecf5);clip-path:polygon(0 100%,18% 0,34% 100%,66% 100%,82% 0,100% 100%);opacity:.96}.monster-capture-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:920;display:grid;place-items:center;padding:28px;pointer-events:none;background:radial-gradient(circle at 50% 62%,rgba(103,226,149,.14),transparent 22%),radial-gradient(circle at 50% 76%,rgba(255,198,122,.18),transparent 30%),linear-gradient(180deg,#070e182e,#070e188f)}.monster-capture-ui[hidden]{display:none!important}.monster-capture-ui.is-active{pointer-events:auto}.monster-capture-ui__panel{position:relative;width:min(92vw,700px);padding:28px 30px 26px;border-radius:34px;border:1px solid rgba(177,219,255,.5);background:radial-gradient(circle at 14% 12%,rgba(255,240,213,.86),transparent 23%),radial-gradient(circle at 86% 10%,rgba(199,226,255,.9),transparent 34%),linear-gradient(145deg,#fffaf0f0,#e1f0ffeb);box-shadow:0 30px 70px #08172852,inset 0 1px #ffffffd6,inset 0 -18px 40px #82add614;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.monster-capture-ui__panel:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:26px;border:1px solid rgba(255,255,255,.46);pointer-events:none}.monster-capture-ui__header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.monster-capture-ui__header-text{min-width:0}.monster-capture-ui__eyebrow{font-size:13px;font-weight:900;letter-spacing:.18em;color:#5796da}.monster-capture-ui__title{margin-top:10px;font-size:clamp(34px,5vw,56px);font-weight:950;line-height:.98;color:#122e52;text-wrap:balance}.monster-capture-ui__hint{max-width:540px;margin-top:14px;color:#557394;font-size:18px;line-height:1.55}.monster-capture-ui__live-badge{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;padding:11px 16px;border-radius:999px;border:1px solid rgba(113,164,224,.22);background:#122f520f;color:#1e4d7f;box-shadow:inset 0 1px #ffffffb8,0 10px 20px #0c1c3014}.monster-capture-ui__live-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(180deg,#94f4ac,#33ba73);box-shadow:0 0 0 5px #44c57029}.monster-capture-ui__live-text{font-size:14px;font-weight:900;letter-spacing:.08em}.monster-capture-ui__meter-card{position:relative;margin-top:26px;padding:22px 22px 18px;border-radius:28px;border:1px solid rgba(176,206,235,.46);background:linear-gradient(180deg,#ffffffb8,#deecfc94);box-shadow:inset 0 1px #ffffffb3,0 14px 28px #0d203814}.monster-capture-ui__meter-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.monster-capture-ui__meter-lead{min-width:0}.monster-capture-ui__meter-label{color:#17395f;font-size:18px;font-weight:900}.monster-capture-ui__meter-sub-label{margin-top:6px;color:#6282a3;font-size:14px;line-height:1.45}.monster-capture-ui__score-cluster{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.monster-capture-ui__score-pill{padding:10px 14px;border-radius:16px;font-size:14px;font-weight:900;letter-spacing:.03em;box-shadow:inset 0 1px #ffffffad}.monster-capture-ui__score-pill.is-success{color:#0d6f44;background:linear-gradient(180deg,#deffe5f5,#b3f1c4f0)}.monster-capture-ui__score-pill.is-miss{color:#91473d;background:linear-gradient(180deg,#ffe8e3f5,#ffc7bcf0)}.monster-capture-ui__track{position:relative;height:34px;margin-top:20px;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,#fafdfff2,#d6e3f1f5);box-shadow:inset 0 3px 10px #1f355329,0 14px 28px #142a4424}.monster-capture-ui__track-glow{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.6),transparent 62%);pointer-events:none}.monster-capture-ui__zone{position:absolute;top:4px;bottom:4px;border-radius:999px;background:linear-gradient(180deg,#84f3a0fa,#2db364fa);box-shadow:0 0 0 1px #ffffff7a,0 0 18px #4cc9786b,inset 0 1px #ffffff57}.monster-capture-ui__zone:before,.monster-capture-ui__zone:after{content:"";position:absolute;top:2px;bottom:2px;width:2px;border-radius:999px;background:#ffffffa8}.monster-capture-ui__zone:before{left:8px}.monster-capture-ui__zone:after{right:8px}.monster-capture-ui__cursor{position:absolute;top:-7px;width:20px;height:46px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#fff8df,#f4bd58 42%,#efab3c);border:2px solid rgba(118,73,7,.36);box-shadow:0 10px 22px #7848004d,inset 0 2px #ffffffc2}.monster-capture-ui__cursor:before,.monster-capture-ui__cursor:after{content:"";position:absolute;left:50%;width:10px;height:10px;border-radius:4px;background:#ffffffb8;transform:translate(-50%) rotate(45deg)}.monster-capture-ui__cursor:before{top:-4px}.monster-capture-ui__cursor:after{bottom:-4px}.monster-capture-ui__cursor-core{width:6px;height:34px;border-radius:999px;background:linear-gradient(180deg,#fffffff5,#fff7d5eb);box-shadow:0 0 0 1px #8e590e2e,0 0 18px #fff5d694}.monster-capture-ui__track-legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.monster-capture-ui__legend-pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.08em}.monster-capture-ui__legend-pill.is-zone{color:#0e6d41;background:#b5f4c4d6}.monster-capture-ui__legend-pill.is-cursor{color:#8a5607;background:#ffe4acd6}.monster-capture-ui__footer{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:22px}.monster-capture-ui__progress-wrap{min-width:0}.monster-capture-ui__progress-label{color:#6987a5;font-size:13px;font-weight:900;letter-spacing:.08em}.monster-capture-ui__progress{display:flex;gap:12px;margin-top:12px}.monster-capture-ui__pip{width:16px;height:16px;border-radius:999px;background:#6e8aaa38;box-shadow:inset 0 1px #ffffffd1,0 3px 10px #11243e14}.monster-capture-ui__pip.is-success{background:linear-gradient(180deg,#aef7bc,#2fb06e)}.monster-capture-ui__pip.is-miss{background:linear-gradient(180deg,#ffc0b3,#e36b59)}.monster-capture-ui__action{min-width:172px;padding:16px 26px;border:0;border-radius:22px;background:linear-gradient(180deg,#214b79,#10345a);color:#f8fbff;font-size:20px;font-weight:950;letter-spacing:.12em;box-shadow:0 18px 34px #081a303d,inset 0 1px #ffffff42;cursor:pointer}.monster-capture-ui__action:hover{transform:translateY(-1px);filter:brightness(1.03)}.monster-capture-ui__action:active{transform:translateY(1px) scale(.988)}.monster-capture-ui__ball{position:fixed;left:0;top:0;width:22px;height:22px;border-radius:999px;pointer-events:none;background:radial-gradient(circle at 35% 35%,#fff7e5 0 22%,transparent 24%),linear-gradient(180deg,#f9d175 0,#f9d175 46%,#7e4d1f 46%,#7e4d1f);border:2px solid rgba(73,41,10,.45);box-shadow:0 14px 28px #0d172652,inset 0 1px #ffffff8f;transform:translate(calc(var(--monster-ball-start-x) - 11px),calc(var(--monster-ball-start-y) - 11px))}.monster-capture-ui__ball.is-flying{animation:monster-ball-throw .44s cubic-bezier(.22,1,.36,1) forwards}@keyframes monster-ball-throw{0%{transform:translate(calc(var(--monster-ball-start-x) - 11px),calc(var(--monster-ball-start-y) - 11px)) scale(.92)}55%{transform:translate(calc(var(--monster-ball-mid-x) - 11px),calc(var(--monster-ball-mid-y) - 11px)) scale(1)}to{transform:translate(calc(var(--monster-ball-end-x) - 11px),calc(var(--monster-ball-end-y) - 11px)) scale(.82)}}@media (max-width: 760px){.monster-capture-ui{padding:16px}.monster-capture-ui__panel{width:min(96vw,620px);padding:22px 18px 20px;border-radius:26px}.monster-capture-ui__header,.monster-capture-ui__meter-header,.monster-capture-ui__footer{flex-direction:column;align-items:stretch}.monster-capture-ui__score-cluster{justify-content:flex-start}.monster-capture-ui__title{font-size:clamp(28px,10vw,42px)}.monster-capture-ui__hint{font-size:16px}.monster-capture-ui__action{width:100%}}.mailbox-panel__backdrop[hidden],.mailbox-panel[hidden]{display:none!important}.mailbox-panel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:236;background:#070d1875;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.mailbox-panel{position:absolute;left:50%;top:50%;z-index:237;width:min(680px,calc(100% - 40px));max-height:min(760px,calc(100% - 48px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:start;gap:18px;padding:24px;transform:translate(-50%,-50%);border:1px solid rgba(183,212,247,.9);border-radius:30px;background:linear-gradient(135deg,#fff8effa,#dceffff5);box-shadow:0 22px 60px #12305338;overflow:hidden;pointer-events:auto;box-sizing:border-box}.mailbox-panel,.mailbox-panel *{box-sizing:border-box}.mailbox-panel__header,.mailbox-panel__actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.mailbox-panel__eyebrow{font-size:14px;font-weight:700;color:#6fa9ff}.mailbox-panel__title{font-size:36px;font-weight:900;color:#12233f}.mailbox-panel__copy{min-width:0}.mailbox-panel__subtitle,.mailbox-panel__hint,.mailbox-panel__message-time{font-size:15px;color:#5d7898}.mailbox-panel__close,.mailbox-panel__send{border:0;border-radius:20px;padding:12px 22px;font-size:17px;font-weight:800;cursor:pointer}.mailbox-panel__close{color:#19345b;background:#ffffffe6}.mailbox-panel__send{color:#fff;background:linear-gradient(135deg,#1f4d87,#143763)}.mailbox-panel__messages{min-height:0;height:min(360px,34vh);max-height:min(360px,34vh);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;display:grid;gap:12px;padding-right:4px}.mailbox-panel__message,.mailbox-panel__empty{padding:16px 18px;border:1px solid rgba(187,213,244,.92);border-radius:22px;background:#ffffffe0;box-shadow:0 12px 28px #22497a14}.mailbox-panel__message-author{font-size:15px;font-weight:800;color:#17335b}.mailbox-panel__message-text{margin-top:6px;font-size:18px;line-height:1.55;color:#1e3554;white-space:pre-wrap}.mailbox-panel__composer{display:grid;grid-template-rows:minmax(110px,160px) auto;gap:12px;min-height:0}.mailbox-panel__input{width:100%;min-height:110px;height:100%;max-height:160px;resize:vertical;padding:16px 18px;border:1px solid rgba(184,211,244,.95);border-radius:24px;font-size:18px;line-height:1.5;color:#17355a;background:#ffffffeb}.shared-storage-panel__backdrop[hidden],.shared-storage-panel[hidden]{display:none!important}.shared-storage-panel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:238;background:#070d1875;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.shared-storage-panel{position:absolute;left:50%;top:50%;z-index:239;width:min(860px,calc(100% - 40px));max-height:min(760px,calc(100% - 48px));display:grid;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:18px;padding:24px;transform:translate(-50%,-50%);border:1px solid rgba(183,212,247,.9);border-radius:30px;background:linear-gradient(135deg,#fff8effa,#dceffff5);box-shadow:0 22px 60px #12305338;overflow:hidden;pointer-events:auto;box-sizing:border-box}.shared-storage-panel,.shared-storage-panel *{box-sizing:border-box}.shared-storage-panel__header,.shared-storage-panel__body{display:grid;gap:18px}.shared-storage-panel__header{grid-template-columns:1fr auto;align-items:start}.shared-storage-panel__copy,.shared-storage-panel__section{min-width:0}.shared-storage-panel__eyebrow{font-size:14px;font-weight:700;color:#6fa9ff}.shared-storage-panel__title{font-size:36px;font-weight:900;color:#12233f}.shared-storage-panel__subtitle,.shared-storage-panel__item-action{font-size:15px;color:#5d7898}.shared-storage-panel__close{border:0;border-radius:20px;padding:12px 22px;font-size:17px;font-weight:800;cursor:pointer;color:#19345b;background:#ffffffe6}.shared-storage-panel__body{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.shared-storage-panel__section{display:grid;gap:12px}.shared-storage-panel__section-title{font-size:18px;font-weight:800;color:#17335b}.shared-storage-panel__grid{min-height:0;max-height:min(420px,48vh);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;display:grid;gap:12px;padding-right:4px}.shared-storage-panel__item,.shared-storage-panel__empty{border:1px solid rgba(187,213,244,.92);border-radius:22px;background:#ffffffe0;box-shadow:0 12px 28px #22497a14}.shared-storage-panel__item{padding:16px 18px;display:grid;gap:4px;text-align:left;cursor:pointer}.shared-storage-panel__item-name{font-size:18px;font-weight:800;color:#17335b}.shared-storage-panel__item-count{font-size:16px;color:#37577f}.shared-storage-panel__empty{padding:18px;font-size:16px;color:#5d7898}.property-claim-clear-panel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:214;background:radial-gradient(circle at top,rgba(255,233,225,.18),transparent 42%),#1118277a;pointer-events:auto}.property-claim-clear-panel{position:absolute;left:50%;top:50%;z-index:215;width:min(560px,calc(100% - 32px));display:grid;gap:20px;padding:28px;box-sizing:border-box;border-radius:34px;border:1px solid rgba(255,205,205,.78);background:radial-gradient(circle at top left,rgba(255,255,255,.96),transparent 36%),linear-gradient(155deg,#fffbf7fa,#ebf5fff7);box-shadow:0 28px 72px #22202e42,inset 0 1px #ffffffd6;transform:translate(-50%,-50%);pointer-events:auto;overflow:hidden}.property-claim-clear-panel[hidden],.property-claim-clear-panel__backdrop[hidden]{display:none!important}.property-claim-clear-panel__header{display:block}.property-claim-clear-panel__copy{min-width:0;display:grid;gap:8px}.property-claim-clear-panel__eyebrow{color:#67a9ff;font-size:.98rem;font-weight:900;letter-spacing:.06em}.property-claim-clear-panel__title{color:#173154;font-size:clamp(2rem,2.8vw,2.8rem);font-weight:900;line-height:1.05}.property-claim-clear-panel__subtitle,.property-claim-clear-panel__warning{color:#49668ae6;font-size:1rem;line-height:1.7}.property-claim-clear-panel__summary{display:grid;gap:12px;padding:18px;border-radius:24px;background:#ffffffd1;border:1px solid rgba(190,215,242,.76);box-shadow:inset 0 1px #ffffffc7}.property-claim-clear-panel__summary-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center}.property-claim-clear-panel__summary-label{color:#6c8bb0eb;font-size:.95rem;font-weight:800}.property-claim-clear-panel__summary-value{color:#173154;font-size:1.08rem;font-weight:900;min-width:0}.property-claim-clear-panel__actions{display:flex;justify-content:flex-end;gap:14px}.property-claim-clear-panel__action{min-width:156px;height:64px;border-radius:24px;border:none;cursor:pointer;font-size:1rem;font-weight:900;touch-action:manipulation}.property-claim-clear-panel__action--secondary{background:#fffffff0;color:#173154;border:1px solid rgba(194,214,241,.88)}.property-claim-clear-panel__action--danger{background:linear-gradient(180deg,#ffb89b,#ff7a68);color:#fff7f2;box-shadow:0 14px 28px #be4e4047}.property-claim-clear-panel__action--danger.is-armed{background:linear-gradient(180deg,#ff7a68,#d63f3f)}@media (max-width: 720px){.property-claim-clear-panel{width:min(100% - 24px,560px);padding:22px;gap:16px}.property-claim-clear-panel__actions{flex-direction:column}.property-claim-clear-panel__action{width:100%}}.free-screen-panel__backdrop[hidden],.free-screen-panel[hidden]{display:none!important}.free-screen-panel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:238;background:radial-gradient(circle at top,rgba(111,184,255,.18),transparent 36%),#080e1a80;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);pointer-events:auto}.free-screen-panel{position:absolute;left:50%;top:50%;z-index:239;width:min(720px,calc(100% - 40px));max-height:min(760px,calc(100% - 48px));display:grid;grid-template-rows:auto auto auto auto;gap:18px;padding:24px;transform:translate(-50%,-50%);border-radius:30px;border:1px solid rgba(181,212,246,.88);background:radial-gradient(circle at top left,rgba(255,255,255,.98),transparent 34%),linear-gradient(145deg,#fff7eefa,#dceefff5);box-shadow:0 24px 64px #102a4a3d;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto;box-sizing:border-box;touch-action:pan-y}.free-screen-panel,.free-screen-panel *{box-sizing:border-box}.free-screen-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.free-screen-panel__copy{min-width:0}.free-screen-panel__eyebrow,.free-screen-panel__card-label{font-size:14px;font-weight:800;color:#6aaeff}.free-screen-panel__title{margin-top:6px;font-size:clamp(34px,4vw,52px);font-weight:900;line-height:.98;color:#132545}.free-screen-panel__subtitle,.free-screen-panel__card-copy,.free-screen-panel__volume-text{margin-top:10px;font-size:15px;line-height:1.7;color:#5f7e9f}.free-screen-panel__close,.free-screen-panel__action{border:0;border-radius:22px;cursor:pointer;font-size:17px;font-weight:900;pointer-events:auto}.free-screen-panel__close{min-width:108px;padding:14px 20px;color:#2f4767;background:linear-gradient(160deg,#fffffff2,#f0f7fff5);box-shadow:inset 0 0 0 1px #b9d6f5e6,0 12px 26px #9dc0e433}.free-screen-panel__card{display:grid;gap:10px;padding:22px 24px;border-radius:28px;background:linear-gradient(160deg,#fffffff0,#f2f8ffe6);box-shadow:inset 0 0 0 1px #bad6f5d6,0 14px 32px #1f4b7414}.free-screen-panel__card--preview{grid-template-columns:1fr auto;align-items:center;gap:12px 18px}.free-screen-panel__screen-name,.free-screen-panel__card-title{font-size:28px;font-weight:900;color:#163153}.free-screen-panel__state-pill{align-self:start;justify-self:end;padding:10px 14px;border-radius:999px;font-size:14px;font-weight:900;color:#5d7898;background:#c8d8eb6b}.free-screen-panel__state-pill.is-live{color:#116c47;background:linear-gradient(160deg,#bfffd6f0,#6ddf9cd1)}.free-screen-panel__action{width:fit-content;min-width:144px;padding:14px 24px}.free-screen-panel__action--primary{color:#fff;background:linear-gradient(160deg,#2b4a72,#102c4c);box-shadow:0 16px 28px #0e2d4f42}.free-screen-panel__action--secondary{color:#264362;background:linear-gradient(160deg,#fffffff5,#ebf5fff5);box-shadow:inset 0 0 0 1px #bad6f5e0,0 10px 22px #8eadd22e}.free-screen-panel__action--secondary.is-muted{color:#895061;background:linear-gradient(160deg,#fff3f6f5,#ffe4ebf5);box-shadow:inset 0 0 0 1px #f1bfcde0,0 10px 22px #b1647d24}.free-screen-panel__audio-controls{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px}.free-screen-panel__volume{min-width:0;display:grid;gap:10px}.free-screen-panel__volume-slider{width:100%;accent-color:#5bb8ff}@media (max-width: 720px){.free-screen-panel{width:min(100% - 18px,560px);padding:18px;gap:14px}.free-screen-panel__header,.free-screen-panel__card--preview,.free-screen-panel__audio-controls{grid-template-columns:1fr;display:grid}.free-screen-panel__close,.free-screen-panel__action{width:100%}.free-screen-panel__state-pill{justify-self:start}}.game-social-action-panel[hidden]{display:none!important}.game-social-action-button{min-width:104px;padding:14px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at top left,rgba(255,176,196,.2),transparent 40%),linear-gradient(180deg,#111a26f0,#060c13f5);color:var(--text-main);font-size:16px;font-weight:900;letter-spacing:.04em;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .12s ease,border-color .12s ease,background-color .12s ease;touch-action:manipulation}.game-social-action-button.is-active{transform:translateY(-2px);border-color:#ffb2c675;background:radial-gradient(circle at top left,rgba(255,176,196,.28),transparent 42%),linear-gradient(180deg,#1a2638f5,#091019fa)}.game-social-action-button.is-pressed{transform:translateY(1px) scale(.985)}.game-social-action-panel{position:absolute;left:auto;right:max(18px,env(safe-area-inset-right));top:auto;bottom:max(18px,env(safe-area-inset-bottom));z-index:24;width:0;height:0;opacity:0;pointer-events:none;transform:scale(.96);transform-origin:center center;transition:opacity .14s ease,transform .14s ease}.game-social-action-panel.is-open{opacity:1;pointer-events:auto;transform:scale(1)}.game-social-action-panel .social-action-panel__option{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:grid;place-items:center;gap:2px;position:absolute;left:0;top:0;min-width:92px;min-height:72px;padding:10px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at top left,rgba(255,228,193,.28),transparent 46%),radial-gradient(circle at bottom right,rgba(193,226,255,.24),transparent 34%),linear-gradient(180deg,#fffffff5,#f1f7fcf0);box-shadow:inset 0 1px #ffffffb8,0 18px 32px #172d442e;color:#102536;cursor:pointer;font:inherit;text-align:center;transform:translate(-50%,-50%);transition:transform .12s ease,border-color .12s ease,background-color .12s ease,box-shadow .12s ease;touch-action:manipulation}.game-social-action-panel .social-action-panel__option:active,.game-social-action-panel .social-action-panel__option.is-active{transform:translate(-50%,-50%) translateY(-3px) scale(1.04);border-color:#6fd48285;background:radial-gradient(circle at top left,rgba(255,228,193,.32),transparent 46%),radial-gradient(circle at bottom right,rgba(111,212,130,.2),transparent 30%),linear-gradient(180deg,#fffffffa,#ecf8f0f5);box-shadow:inset 0 1px #ffffffd6,0 20px 36px #35955933}@media (hover: hover) and (pointer: fine){.game-social-action-button:hover{transform:translateY(-2px);border-color:#ffb2c675;background:radial-gradient(circle at top left,rgba(255,176,196,.28),transparent 42%),linear-gradient(180deg,#1a2638f5,#091019fa)}.game-social-action-panel .social-action-panel__option:hover{transform:translate(-50%,-50%) translateY(-3px) scale(1.04);border-color:#6fd48285;background:radial-gradient(circle at top left,rgba(255,228,193,.32),transparent 46%),radial-gradient(circle at bottom right,rgba(111,212,130,.2),transparent 30%),linear-gradient(180deg,#fffffffa,#ecf8f0f5);box-shadow:inset 0 1px #ffffffd6,0 20px 36px #35955933}}.game-social-action-panel .social-action-panel__option-label{color:#102536;font-size:17px;font-weight:900}.game-social-action-panel .social-action-panel__option-detail{color:#355168c2;font-size:11px;line-height:1.1}@media (max-width: 640px){.game-social-action-button{min-width:88px;padding:12px 14px;font-size:14px}.game-social-action-panel .social-action-panel__option{min-width:80px;min-height:64px;padding:8px 12px;border-radius:18px}.game-social-action-panel .social-action-panel__option-label{font-size:15px}.game-social-action-panel .social-action-panel__option-detail{font-size:10px}}.game-social-invite-backdrop[hidden],.game-social-invite-panel[hidden]{display:none!important}.game-social-invite-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;opacity:0;pointer-events:none;background:radial-gradient(circle at center,#f8fcff29,#0d161e5c),linear-gradient(180deg,#ffffff14,#080f153d);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .18s ease}.game-social-invite-backdrop.is-open{opacity:1;pointer-events:auto}.game-social-invite-panel{position:absolute;left:50%;top:50%;z-index:24;width:min(92vw,420px);display:grid;gap:12px;padding:18px;border-radius:24px;border:1px solid rgba(150,184,212,.34);background:radial-gradient(circle at top left,rgba(255,228,193,.42),transparent 38%),radial-gradient(circle at bottom right,rgba(193,226,255,.32),transparent 32%),linear-gradient(180deg,#fffffff5,#f0f6fcf0);box-shadow:inset 0 1px #ffffffe0,0 26px 54px #1124372e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transform:translate(-50%,-48%) scale(.98);transition:opacity .16s ease,transform .16s ease}.game-social-invite-panel.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.game-social-invite-panel .social-invite-panel__eyebrow{color:#4d7fa2;font-size:12px;font-weight:900;letter-spacing:.12em}.game-social-invite-panel .social-invite-panel__title{color:#0f2230;font-size:30px;font-weight:900;line-height:1.05}.game-social-invite-panel .social-invite-panel__copy{color:#2e4558cc;font-size:14px;line-height:1.55}.game-social-invite-panel .social-invite-panel__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-social-invite-panel .social-invite-panel__primary,.game-social-invite-panel .social-invite-panel__secondary{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:52px;border-radius:16px;border:1px solid rgba(132,167,192,.32);font:inherit;font-size:18px;font-weight:900;cursor:pointer}.game-social-invite-panel .social-invite-panel__primary{background:linear-gradient(180deg,#72e27d,#47c965);color:#10211b;box-shadow:0 12px 24px #47c96533}.game-social-invite-panel .social-invite-panel__secondary{background:linear-gradient(180deg,#fffffffa,#f2f7fcfa);color:#173147;box-shadow:inset 0 1px #ffffffd6,0 8px 18px #2d465d14}@media (max-width: 760px){.game-social-invite-panel{width:min(92vw,360px);padding:14px;gap:10px;border-radius:20px}.game-social-invite-panel .social-invite-panel__title{font-size:22px}.game-social-invite-panel .social-invite-panel__copy{font-size:12px}.game-social-invite-panel .social-invite-panel__actions{gap:8px}.game-social-invite-panel .social-invite-panel__primary,.game-social-invite-panel .social-invite-panel__secondary{min-height:44px;font-size:16px;border-radius:14px}}.game-trade-notice-backdrop[hidden],.game-trade-notice-panel[hidden]{display:none!important}.game-trade-notice-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;opacity:0;pointer-events:none;background:radial-gradient(circle at center,#f8fcff2e,#0d161e52),linear-gradient(180deg,#ffffff1a,#080f152e);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .18s ease}.game-trade-notice-backdrop.is-open{opacity:1;pointer-events:auto}.game-trade-notice-panel{position:absolute;left:50%;top:50%;z-index:24;width:min(92vw,380px);display:grid;gap:12px;padding:18px;border-radius:24px;border:1px solid rgba(150,184,212,.34);background:radial-gradient(circle at top left,rgba(255,228,193,.42),transparent 38%),radial-gradient(circle at bottom right,rgba(193,226,255,.32),transparent 32%),linear-gradient(180deg,#fffffff7,#f0f6fcf2);box-shadow:inset 0 1px #ffffffe0,0 26px 54px #1124372e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transform:translate(-50%,-48%) scale(.98);transition:opacity .16s ease,transform .16s ease}.game-trade-notice-panel.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.game-trade-notice-panel .trade-notice-panel__eyebrow{color:#4d7fa2;font-size:12px;font-weight:900;letter-spacing:.12em}.game-trade-notice-panel .trade-notice-panel__title{color:#0f2230;font-size:28px;font-weight:900;line-height:1.05}.game-trade-notice-panel .trade-notice-panel__copy{color:#2e4558cc;font-size:14px;line-height:1.55}.game-trade-notice-panel .trade-notice-panel__actions{display:flex;justify-content:flex-end}.game-trade-notice-panel .trade-notice-panel__button{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:124px;min-height:48px;border-radius:16px;border:1px solid rgba(132,167,192,.32);background:linear-gradient(180deg,#72e27d,#47c965);color:#10211b;box-shadow:0 12px 24px #47c96533;font:inherit;font-size:18px;font-weight:900;cursor:pointer}@media (max-width: 760px){.game-trade-notice-panel{width:min(92vw,344px);padding:14px;gap:10px;border-radius:20px}.game-trade-notice-panel .trade-notice-panel__title{font-size:22px}.game-trade-notice-panel .trade-notice-panel__copy{font-size:12px}.game-trade-notice-panel .trade-notice-panel__button{min-width:100%;min-height:44px;font-size:16px;border-radius:14px}}.hud-selection{position:absolute;left:50%;bottom:max(98px,env(safe-area-inset-bottom) + 72px);z-index:23;transform:translate(-50%);max-width:min(78vw,560px);padding:8px 14px;border-radius:999px;background:#091016b3;border:1px solid rgba(255,255,255,.12);color:var(--text-main);font-size:12px;font-weight:700;letter-spacing:.04em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none}.hud-crosshair{position:absolute;left:50%;top:50%;z-index:12;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border:2px solid rgba(255,255,255,.92);border-radius:50%;box-sizing:border-box;mix-blend-mode:difference;transition:transform .16s ease,background-color .16s ease}.hud-crosshair.is-active{transform:scale(1.12);background:#7ddf8a47}.hud-crosshair.is-hostile{border-color:#ff6e6ef5;background:#ff6a6a2e}.hud-target-chip{position:absolute;left:50%;bottom:calc(max(18px,env(safe-area-inset-bottom)) + 108px);z-index:14;transform:translate(-50%) translateY(8px);display:grid;justify-items:start;gap:2px;min-width:120px;max-width:min(56vw,320px);padding:8px 10px;border-radius:14px;background:#0910169e;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .14s ease,transform .14s ease,border-color .14s ease,background-color .14s ease;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.hud-target-chip.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.hud-target-chip.is-hostile{border-color:#ff6a6a57;background:#2d0f12c2}.hud-target-chip__label{color:var(--text-main);font-size:12px;font-weight:800;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-target-chip__detail{color:var(--text-muted);font-size:11px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 900px){.hud-selection{display:block;bottom:max(92px,env(safe-area-inset-bottom) + 74px);padding:6px 12px;font-size:11px}.hud-crosshair{width:14px;height:14px;margin-left:-7px;margin-top:-7px;border-width:1.5px}.hud-target-chip{bottom:calc(max(8px,env(safe-area-inset-bottom)) + 96px);min-width:96px;max-width:min(64vw,280px);padding:5px 8px;border-radius:12px}.hud-target-chip__label{font-size:11px}.hud-target-chip__detail{font-size:10px}}@media (max-width: 900px) and (orientation: landscape){.hud-target-chip{bottom:calc(max(4px,env(safe-area-inset-bottom)) + 84px);min-width:88px;max-width:min(36vw,210px);padding:4px 7px;border-radius:11px}.hud-target-chip__label{font-size:10px}.hud-target-chip__detail{font-size:8px}}@media (max-width: 860px){.hud-selection{display:none!important}}.hud-downed-chip{position:absolute;left:50%;top:calc(50% - 76px);z-index:16;transform:translate(-50%) translateY(-6px);padding:10px 14px;border-radius:16px;background:#47141cd6;border:1px solid rgba(255,106,106,.32);color:#fee2e2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .16s ease,transform .16s ease}.hud-downed-chip.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.hud-downed-chip__text{font-size:13px;font-weight:700}.hud-hit-marker{position:absolute;left:50%;top:50%;z-index:13;width:36px;height:36px;margin-left:-18px;margin-top:-18px;opacity:0;transform:scale(.9);transition:opacity .12s ease,transform .12s ease}.hud-hit-marker:before,.hud-hit-marker:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;background:linear-gradient(45deg,transparent 44%,rgba(255,255,255,.96) 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,rgba(255,255,255,.96) 44% 56%,transparent 56%)}.hud-hit-marker.is-visible{opacity:1;transform:scale(1)}.hud-damage-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none;opacity:0;background:radial-gradient(circle at center,#fff0 42%,#ff5c5c14 72%,#82000047);transition:opacity .16s ease}.hud-damage-flash.is-visible{opacity:1}@media (max-width: 900px){.hud-hit-marker{width:28px;height:28px;margin-left:-14px;margin-top:-14px}.hud-downed-chip{top:calc(50% - 62px);padding:8px 10px;border-radius:14px}.hud-downed-chip__text{font-size:11px}}.hud-card--health{grid-area:health;position:relative;min-width:0;width:min(320px,calc(100vw - 100px));max-width:min(320px,calc(100vw - 100px));padding:13px 14px 12px;display:flex;flex-direction:column;gap:9px;box-sizing:border-box;overflow:hidden;background:linear-gradient(145deg,#fff7f8e6,#ffecf5e0 48%,#eff6ffdb),linear-gradient(180deg,#ffffffb8,#ffffff70);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.62);box-shadow:0 18px 42px #42273e2e,0 4px 12px #4f608414,inset 0 1px #ffffffeb;border-radius:20px}.hud-card--health:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(255,194,214,.44),transparent 34%),radial-gradient(circle at top right,rgba(183,223,255,.36),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.42),transparent 28%);opacity:.95;pointer-events:none}.hud-card--health:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff6b,inset 0 -24px 42px #ffffff14;pointer-events:none}.hud-health__header{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:9px 12px;min-width:0}.hud-health__header.is-stacked{grid-template-columns:minmax(0,1fr)}.hud-health__header.is-stacked .hud-currency-badge{justify-self:end}.hud-player-name{display:block;min-width:0;font-size:17px;font-weight:900;letter-spacing:-.01em;color:#46283f;opacity:1;line-height:1.08;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;text-shadow:0 1px 0 rgba(255,255,255,.6)}.hud-room-meta{position:relative;z-index:1;display:inline-flex;align-self:flex-start;max-width:100%;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.56);background:#ffffff75;box-shadow:inset 0 1px #ffffff9e,0 10px 18px #73597514;font-size:10px;font-weight:800;color:#7b6077;letter-spacing:.02em;margin-top:-1px;line-height:1.2;white-space:normal;text-wrap:balance}.hud-health__footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;margin-top:0;padding-top:8px;border-top:1px solid rgba(170,135,162,.18)}.hud-performance,.hud-latency,.hud-coordinates{font-size:10px;font-family:var(--font-mono);color:#7f677a;letter-spacing:.02em;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.hud-performance,.hud-latency{flex:0 0 auto}.hud-coordinates{flex:1 0 100%;text-align:left}@media (max-width: 900px){.hud-card--health{align-self:start;width:min(320px,calc(100vw - 84px));max-width:min(320px,calc(100vw - 84px));padding:12px 13px 11px;border-radius:18px}.hud-player-name{margin-bottom:1px;font-size:16px}.hud-room-meta,.hud-performance,.hud-latency,.hud-coordinates{font-size:10px}.hud-health__footer{gap:6px 8px}}@media (max-width: 900px) and (orientation: portrait){.hud-card--health{width:min(44vw,188px);max-width:44vw;padding:10px 10px 9px;border-radius:17px;gap:7px}.hud-player-name{font-size:15px}.hud-room-meta{padding:4px 8px;font-size:9px}.hud-health__footer{padding-top:7px}}@media (max-width: 900px) and (orientation: landscape){.hud-card--health{width:min(300px,calc(100vw - 82px));max-width:min(300px,calc(100vw - 82px))}.hud-player-name{font-size:15px}.hud-room-meta,.hud-performance,.hud-latency,.hud-coordinates{font-size:9px}.hud-health__footer{gap:5px 6px}}.hud-currency-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-width:0;max-width:100%;padding:4px 10px 4px 6px;border-radius:999px;background:linear-gradient(180deg,#ffffffd6,#fff4f9b8),#ffffff85;border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px #ffffffeb,0 10px 20px #81687e1a}.hud-currency-badge.is-compact{gap:5px;padding:4px 8px 4px 6px}.hud-currency-badge.is-wide{gap:4px;padding:4px 8px 4px 5px}.hud-currency-badge__icon{width:18px;height:18px;border-radius:50%;object-fit:cover;object-position:center 20%;background:radial-gradient(circle at top,#fffffffa,#ffeef4e0),#fff;border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px #ffffffd1,0 4px 10px #a37f9629;display:block}.hud-currency-badge__value{font-size:12px;font-weight:800;letter-spacing:.02em;color:#7e4766;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.72)}.hud-currency-badge__delta{position:absolute;left:calc(100% + 8px);top:50%;opacity:0;pointer-events:none;font-size:11px;font-weight:900;letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;transform:translate3d(0,-50%,0) scale(.96);text-shadow:0 2px 8px rgba(0,0,0,.28)}.hud-currency-badge__delta.is-positive{color:#84ffb6fa}.hud-currency-badge__delta.is-negative{color:#ffababfa}.hud-currency-badge__delta.is-visible{animation:hudCurrencyDeltaFloat 1.6s ease forwards}@keyframes hudCurrencyDeltaFloat{0%{opacity:0;transform:translate3d(-4px,-40%,0) scale(.92)}14%{opacity:1;transform:translate3d(0,-54%,0) scale(1)}72%{opacity:1;transform:translate3d(0,-82%,0) scale(1)}to{opacity:0;transform:translate3d(10px,-118%,0) scale(1.02)}}@media (max-width: 900px){.hud-currency-badge{gap:5px;padding:4px 8px 4px 6px}.hud-currency-badge__icon{width:16px;height:16px}.hud-currency-badge__value{font-size:11px}.hud-currency-badge__delta{left:calc(100% + 6px);font-size:10px}}@media (max-width: 900px) and (orientation: landscape){.hud-currency-badge{gap:4px;padding:3px 7px 3px 5px}.hud-currency-badge__icon{width:14px;height:14px}.hud-currency-badge__value{font-size:10px}.hud-currency-badge__delta{left:calc(100% + 5px);font-size:9px}}.hud-health__track{position:relative;display:flex;align-items:center;width:100%;max-width:100%;height:22px;margin-top:0;padding:0 12px;border-radius:999px;background:linear-gradient(180deg,#ffffffe0,#fff4f9d1),#ffffff9e;border:1px solid rgba(255,255,255,.74);box-shadow:inset 0 1px #ffffffe0,inset 0 -1px #e0bcca4d,0 8px 18px #846c8814;box-sizing:border-box;overflow:hidden}.hud-health__fill{position:absolute;inset:0 auto 0 0;height:100%;background:linear-gradient(90deg,#ff8ca8,#ffadc2 38%,#ffd2bf 72%,#ffe6b2);border-radius:inherit;box-shadow:inset 0 1px #ffffff57,0 8px 18px #ff99b538;transition:width .3s ease}.hud-health__metric{position:relative;z-index:1;display:block;max-width:100%;font-size:11px;font-weight:800;color:#71425f;letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,255,255,.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.hud-health__metric{font-size:12px}.hud-health__track{height:20px;margin-top:2px;padding:0 10px}}@media (max-width: 900px) and (orientation: landscape){.hud-health__metric{font-size:10px}.hud-health__track{height:18px;margin-top:2px;padding:0 8px}}.outcome-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:26;display:grid;place-items:center;background:#050a102e;opacity:0;pointer-events:none;transition:opacity .2s ease}.outcome-overlay.is-visible{opacity:1}.outcome-card{width:min(86vw,440px);padding:26px 24px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:#091016d6;box-shadow:var(--shadow);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.outcome-card__title{margin:0;color:var(--text-main);font-size:28px}.outcome-card__body{margin:12px 0 0;color:var(--text-muted);font-size:15px;line-height:1.6}.outcome-overlay.is-win .outcome-card{border-color:#7ddf8a7a;box-shadow:0 24px 50px #2c78483d}.outcome-overlay.is-lose .outcome-card{border-color:#ff6a6a61;box-shadow:0 24px 50px #782c2c3d}.hud-message-rail{grid-area:message;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.hud-status{padding:8px 14px;border-radius:12px;background:#0e192ab8;border:1px solid rgba(255,255,255,.12);color:var(--text-main);font-size:13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .25s ease,transform .25s ease;pointer-events:auto}@media (max-width: 900px){.hud-message-rail{gap:8px}.hud-status{padding:6px 10px;font-size:11px;text-align:center}}@media (max-width: 900px) and (orientation: landscape){.hud-status{padding:5px 8px;font-size:10px}}.hud-editor-overlay[hidden]{display:none!important}.hud-editor-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5000;background:#040c1673;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .22s cubic-bezier(.4,0,.2,1);display:block;user-select:none;-webkit-user-select:none}.hud-editor-overlay.is-active{opacity:1;pointer-events:auto}.hud-editor-overlay__handles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hud-editor-overlay.is-active .hud-editor-overlay__handles{pointer-events:auto}.hud-editor-handle{position:absolute;pointer-events:auto;touch-action:none;border-radius:18px;outline:3px dashed #48dbfb;outline-offset:4px;background:#48dbfb29;box-shadow:0 0 18px #48dbfb47;z-index:1}.hud-editor-handle:after{content:attr(data-hud-editor-label);position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#48dbfb;color:#000;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:900;white-space:nowrap;pointer-events:none;box-shadow:0 6px 16px #00000080;z-index:1}.hud-editor-overlay__hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;gap:8px;justify-items:center;pointer-events:none;text-align:center;text-shadow:0 4px 12px rgba(0,0,0,.5);z-index:1}.hud-editor-overlay__hint-title{color:#fff6;font-size:22px;font-weight:900;letter-spacing:.15em;white-space:nowrap}.hud-editor-overlay__hint-detail{max-width:min(72vw,520px);color:#dcecffd1;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.04em}.hud-editor-overlay__actions{position:absolute;top:max(40px,env(safe-area-inset-top) + 20px);left:50%;transform:translate(-50%);display:flex;gap:16px;pointer-events:auto;z-index:2}.hud-editor-overlay__btn{padding:12px 24px;border-radius:16px;font-size:15px;font-weight:800;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #0003;transition:all .14s ease}.hud-editor-overlay__btn--primary{background:linear-gradient(135deg,#448af6,#2d70e0);border-color:#ffffff40;box-shadow:0 10px 28px #2d70e059}.game-hud.is-editing-hud{cursor:move}.game-hud.is-editing-hud>:not(.hud-editor-overlay),.game-hud.is-editing-hud>:not(.hud-editor-overlay) *{pointer-events:none!important}.game-hud.is-editing-hud .mobile-controls{z-index:4900!important;pointer-events:none!important}.game-hud.is-editing-hud [data-hud-layout-widget="1"]{position:relative;z-index:4900!important;pointer-events:none!important;touch-action:none!important;outline:none!important;animation:none!important}@keyframes hud-glow{0%{box-shadow:0 0 5px #48dbfb66}to{box-shadow:0 0 20px #48dbfbcc}}.game-hud.is-editing-hud .hud-card--health,.game-hud.is-editing-hud .hud-message-rail,.game-hud.is-editing-hud .hud-mode-widgets-side,.game-hud.is-editing-hud .chat-panel,.game-hud.is-editing-hud .hud-selection,.game-hud.is-editing-hud .hud-target-chip,.game-hud.is-editing-hud .hud-downed-chip,.game-hud.is-editing-hud .mobile-controls__joystick,.game-hud.is-editing-hud .control-button,.game-hud.is-editing-hud .hotbar{background:#48dbfb33!important;opacity:1!important;visibility:visible!important;filter:none!important}.game-hud.is-editing-hud .hud-card--health,.game-hud.is-editing-hud .hud-message-rail,.game-hud.is-editing-hud .hud-mode-widgets-side,.game-hud.is-editing-hud .chat-panel,.game-hud.is-editing-hud .hud-selection,.game-hud.is-editing-hud .hud-target-chip,.game-hud.is-editing-hud .hud-downed-chip{pointer-events:none!important}.game-hud.is-editing-hud .hud-selection{white-space:nowrap!important;text-overflow:ellipsis!important}.game-hud.is-editing-hud .hud-selection{display:block!important}.game-hud.is-editing-hud .hud-target-chip,.game-hud.is-editing-hud .hud-downed-chip{display:flex!important}.game-hud.is-editing-hud .hud-message-rail:empty,.game-hud.is-editing-hud .hud-mode-widgets-side:empty{min-width:140px;min-height:56px}.game-hud.is-editing-hud .hud-message-rail:empty:before,.game-hud.is-editing-hud .hud-mode-widgets-side:empty:before{display:block;padding:12px;color:#ffffffad;font-size:13px;font-weight:700}.game-hud.is-editing-hud .hud-message-rail:empty:before{content:"系统消息"}.game-hud.is-editing-hud .hud-mode-widgets-side:empty:before{content:"玩法提示"}.game-hud.is-editing-hud [data-hud-layout-widget="1"]:after{display:none!important}.game-hud.is-editing-hud .mobile-controls__joystick,.game-hud.is-editing-hud .control-button,.game-hud.is-editing-hud .hud-chat-toggle,.game-hud.is-editing-hud .hud-voice-button{border-radius:50%!important;pointer-events:none!important}.game-hud.is-editing-hud .hotbar{border-radius:18px!important;pointer-events:none!important}.game-hud.is-editing-hud .mobile-controls__look-zone,.game-hud.is-editing-hud .hud-settings-button{pointer-events:none!important;opacity:.2;filter:grayscale(1) blur(2px)}.game-hud.is-editing-hud .hotbar .hotbar__slot{pointer-events:none!important}.mobile-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:18;pointer-events:none}.mobile-controls__look-zone{position:absolute;top:0;right:0;bottom:0;width:58%;pointer-events:none;background:linear-gradient(270deg,rgba(6,12,16,.08),transparent 55%);transition:background .12s ease}.mobile-controls__look-zone.is-active{background:linear-gradient(270deg,rgba(18,30,40,.14),transparent 62%)}.mobile-controls__look-hint{position:absolute;top:50%;right:20px;transform:translateY(-50%);padding:8px 12px;border-radius:999px;color:#ffffffbd;background:#070c1061;font-size:12px}.mobile-controls__actions{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}@media (max-width: 900px){.mobile-controls__look-zone{width:50%;background:none}.mobile-controls__look-hint{display:none}.mobile-controls__actions{right:max(6px,env(safe-area-inset-right));bottom:max(68px,env(safe-area-inset-bottom) + 44px);grid-template-columns:66px 90px;grid-template-rows:54px 90px;gap:10px}}@media (max-width: 900px) and (orientation: landscape){.mobile-controls__actions{right:max(6px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom) + 18px);grid-template-columns:54px 78px;grid-template-rows:44px 78px;gap:8px}}@media (pointer: fine){.mobile-controls{display:none}}.mobile-controls__joystick{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:max(110px,env(safe-area-inset-bottom) + 92px);width:132px;height:132px;pointer-events:auto;touch-action:none}.mobile-controls__joystick-ring,.mobile-controls__joystick-knob{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.mobile-controls__joystick-ring{width:132px;height:132px;background:radial-gradient(circle,#fff3,#ffffff0d);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-controls__joystick-knob{width:64px;height:64px;background:#ffffff5c;border:1px solid rgba(255,255,255,.34);box-shadow:0 10px 20px #0003;transition:transform .08s ease,background-color .12s ease,box-shadow .12s ease}.mobile-controls__joystick.is-active .mobile-controls__joystick-ring{background:radial-gradient(circle,#7ddf8a38,#ffffff12);border-color:#7ddf8a5c}.mobile-controls__joystick.is-active .mobile-controls__joystick-knob{background:#ffffff73;box-shadow:0 14px 24px #00000042}@media (max-width: 900px){.mobile-controls__joystick{left:max(10px,env(safe-area-inset-left));bottom:max(82px,env(safe-area-inset-bottom) + 56px);width:112px;height:112px}.mobile-controls__joystick-ring{width:112px;height:112px}.mobile-controls__joystick-knob{width:52px;height:52px}}@media (max-width: 900px) and (orientation: landscape){.mobile-controls__joystick{bottom:max(54px,env(safe-area-inset-bottom) + 34px);width:96px;height:96px}.mobile-controls__joystick-ring{width:96px;height:96px}.mobile-controls__joystick-knob{width:42px;height:42px}}.control-button{position:absolute;width:66px;height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:50%!important;color:#fff;box-shadow:0 8px 24px #0000004d;transition:all .1s ease;padding:0;z-index:10;pointer-events:auto;touch-action:none}.control-button:before,.control-button:after{display:none}.control-button>*{position:relative;z-index:1}.control-button.is-pressed{transform:translateY(4px) scale(.92);background:#ffffff38;box-shadow:0 4px 12px #0003}.control-button__tag{position:absolute;top:4px;right:6px;padding:2px 5px;border-radius:6px;background:#0006;border:1px solid rgba(255,255,255,.15);color:#fffffff2;font-size:9px;font-weight:700;letter-spacing:.05em;transform:scale(.9)}.control-button__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#fffffff2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.control-button__icon svg{width:100%;height:100%}.control-button__label{font-size:11px;font-weight:700;letter-spacing:.05em;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.4)}.control-button--jump{right:calc(max(10px,env(safe-area-inset-right)) + 16px);bottom:calc(max(20px,env(safe-area-inset-bottom)) + 128px);width:78px;height:78px;background:#ffffff38}.control-button--break{right:max(10px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:108px;height:108px;background:#ffffff26}.control-button--place{right:calc(max(10px,env(safe-area-inset-right)) + 124px);bottom:calc(max(20px,env(safe-area-inset-bottom)) + 12px);width:72px;height:72px}.control-button--function{grid-area:function;width:60px;height:60px;align-self:center;justify-self:center}.control-button--function .control-button__icon{width:24px;height:24px}@media (max-width: 900px){.control-button{gap:2px}.control-button--jump{width:90px;height:66px}.control-button--break{width:90px;height:90px}.control-button--place{width:66px;height:66px}.control-button--function{width:54px;height:50px}.control-button__tag{top:6px;right:6px;padding:1px 5px;font-size:7px}.control-button__icon{font-size:22px}.control-button__label{font-size:9px}.control-button--function .control-button__icon{font-size:15px}.control-button--function .control-button__label{font-size:7px}}@media (max-width: 900px) and (orientation: landscape){.control-button--jump{width:78px;height:58px;border-radius:22px}.control-button--break{width:78px;height:78px;border-radius:24px}.control-button--place{width:58px;height:58px;border-radius:20px}.control-button--function{width:50px;height:44px;border-radius:16px}.control-button__icon{font-size:17px}.control-button__label{font-size:8px}.control-button--function .control-button__icon{font-size:13px}.control-button--function .control-button__label{font-size:7px}}.chat-panel__composer{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%) scale(.96);z-index:100;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:min(90%,480px);padding:8px;border-radius:999px;border:1px solid rgba(241,183,210,.74);background:radial-gradient(circle at top left,rgba(255,255,255,.92),transparent 36%),radial-gradient(circle at bottom right,rgba(255,197,223,.34),transparent 46%),linear-gradient(180deg,#fff8fcf5,#f4dde9f0);box-shadow:0 22px 46px #6224433d,0 0 80px #b55e891f,inset 0 1px #ffffffd6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease,border-color .16s ease}.chat-panel.is-open .chat-panel__composer{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.chat-panel__composer:focus-within{border-color:#e87eb7d6;box-shadow:0 24px 50px #6c244942,0 0 0 1px #ffc6e03d,inset 0 1px #ffffffe6}.chat-panel__input{min-width:0;width:100%;height:40px;padding:0 6px;border:none;background:transparent;color:#712b4cfa;font-size:13px;outline:none}.chat-panel__input::placeholder{color:#ab6f8ead}.chat-panel__input:focus{box-shadow:none}.chat-panel__send{min-width:60px;height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(235,134,186,.72);background:radial-gradient(circle at top left,rgba(255,255,255,.94),transparent 36%),linear-gradient(180deg,#ffe9f3fa,#f3c4dcfa);color:#852753fa;font-size:12px;font-weight:800;box-shadow:0 10px 18px #6a254824,inset 0 1px #ffffffe0;transition:transform .12s ease,filter .12s ease,opacity .12s ease,box-shadow .12s ease}.chat-panel__send:hover,.chat-panel__send:active{transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 12px 22px #6d23492e,inset 0 1px #ffffffeb}.chat-panel__send:disabled{opacity:.46;cursor:not-allowed;transform:none;filter:none}@media (max-width: 900px){.chat-panel__input{font-size:11px}.chat-panel__send{font-size:9px;min-width:42px;height:28px;padding:0 8px}.chat-panel__composer{width:min(100%,260px);grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:4px}.chat-panel__input{height:28px}}@media (max-width: 900px) and (orientation: landscape){.chat-panel__input,.chat-panel__send{font-size:9px}.chat-panel__send{min-width:50px;height:28px;padding:0 8px}.chat-panel__composer{width:min(100%,320px);grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:4px}.chat-panel__input{height:28px}}.hud-bottom-left-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:none}.hud-bottom-left-controls>*{pointer-events:auto}.hud-bottom-left-controls .chat-toggle,.hud-bottom-left-controls .voice-toggle{position:absolute;bottom:max(18px,env(safe-area-inset-bottom))}.hud-bottom-left-controls .chat-toggle{left:max(18px,env(safe-area-inset-left))}.hud-bottom-left-controls .voice-toggle{left:calc(max(18px,env(safe-area-inset-left)) + 60px)}.hud-side-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at top left,rgba(255,255,255,.92),transparent 34%),linear-gradient(180deg,#fff7fbf0,#f2dce8e6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(240,181,208,.72);color:#763051f5;box-shadow:0 10px 24px #5b223f29,inset 0 1px #ffffffdb;pointer-events:auto;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hud-side-toggle:focus{outline:none}.hud-side-toggle:focus-visible{border-color:#e87bb4d6;box-shadow:0 0 0 2px #ffdeeeeb,0 0 0 5px #e489ba61,0 10px 24px #5b223f29,inset 0 1px #ffffffe6}.hud-side-toggle:hover{background:radial-gradient(circle at top left,rgba(255,255,255,.96),transparent 34%),linear-gradient(180deg,#ffeff6fa,#f4d2e2f5);transform:scale(1.1);border-color:#eb8cbcc2;box-shadow:0 14px 26px #67244533,inset 0 1px #ffffffeb}.hud-side-toggle:active{transform:scale(.95)}.hud-side-toggle svg{width:22px;height:22px;stroke:currentColor;transition:transform .2s ease}.hud-side-toggle:hover svg{transform:rotate(-10deg)}.chat-toggle.is-active{background:radial-gradient(circle at top left,rgba(255,255,255,.94),transparent 34%),linear-gradient(180deg,#ffe8f2fa,#f3c6dcfa);border-color:#eb79b2d6;color:#8b2957fa;box-shadow:0 0 0 1px #ffc2de38,0 12px 24px #6d224738}.voice-toggle.is-active{background:radial-gradient(circle at top left,rgba(255,255,255,.94),transparent 34%),linear-gradient(180deg,#ffeaf4fa,#f3cadffa);border-color:#ec82b8d1;color:#8b2957fa;box-shadow:0 0 0 1px #ffc7e13d,0 14px 28px #6d224738}.voice-toggle.is-live{background:radial-gradient(circle at top left,rgba(255,255,255,.95),transparent 34%),linear-gradient(180deg,#ffebf5fa,#f4cde1fa);border-color:#ee86bbe0;color:#952b5cfa;box-shadow:0 0 0 1px #ffcbe347,0 12px 24px #6d22473d}.voice-toggle.is-pending{background:radial-gradient(circle at top left,rgba(255,255,255,.94),transparent 34%),linear-gradient(180deg,#ffeff6fa,#f5d6e5fa);border-color:#e597c2b8;color:#863a59f5}.voice-toggle.is-error,.voice-toggle.is-unsupported{background:radial-gradient(circle at top left,rgba(255,255,255,.92),transparent 34%),linear-gradient(180deg,#ffebf1f5,#efccdcf0);border-color:#dd87b1ad;color:#8f3f62f0}@media (max-width: 900px){.hud-side-toggle{width:44px;height:44px}.hud-side-toggle svg{width:20px;height:20px}}.chat-panel{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 42px);z-index:23;width:min(340px,50vw);display:grid;gap:6px;pointer-events:none}.chat-panel.is-open{z-index:25}.chat-panel__messages{width:100%;min-height:0;max-height:min(22vh,180px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:10px 0 0;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.84) 18%,rgba(0,0,0,1) 46%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.84) 18%,rgba(0,0,0,1) 46%);pointer-events:none;touch-action:pan-y;transition:opacity .16s ease,transform .16s ease,max-height .16s ease}.chat-panel__messages::-webkit-scrollbar{display:none}.chat-panel.is-open .chat-panel__messages{max-height:min(32vh,280px);pointer-events:auto}.chat-panel.is-empty:not(.is-open) .chat-panel__messages{opacity:0;transform:translateY(10px)}.chat-panel__empty{align-self:flex-start;width:auto;padding:10px 14px;border-radius:999px;border:1px dashed rgba(255,255,255,.12);background:#070e1429;color:#e2eef8b3;font-size:12px;line-height:1.45;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-panel__message{align-self:flex-start;width:auto;max-width:100%;display:flex;flex-direction:column;gap:3px;padding:8px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#09111957,#09111924);box-shadow:0 12px 28px #00000029;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-panel__message.is-own{border-color:#7ddf8a3d;background:linear-gradient(180deg,#7ddf8a24,#7ddf8a0d)}.chat-panel__message.is-latest{animation:chat-message-rise .22s ease both}@keyframes chat-message-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-panel__message-meta{display:flex;align-items:center;justify-content:flex-start;gap:8px}.chat-panel__message-author{color:var(--text-main);font-size:11px;font-weight:800}.chat-panel__message-time{color:#cbdff294;font-size:10px}.chat-panel__message-body{color:#f4f9ffeb;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}@media (max-width: 900px){.chat-panel{bottom:calc(max(6px,env(safe-area-inset-bottom)) + 10px + 74px + var(--keyboard-offset));width:min(45vw,220px);gap:4px;left:max(8px,env(safe-area-inset-left))}.chat-panel__messages{max-height:min(15vh,100px);gap:3px;padding:6px 6px 2px}.chat-panel.is-open .chat-panel__messages{max-height:min(20vh,150px)}.chat-panel__message{padding:5px 7px;border-radius:10px}.chat-panel__message-body{font-size:11px}}@media (max-width: 900px) and (orientation: landscape){.chat-panel{top:calc(max(10px,env(safe-area-inset-top)) + 140px);bottom:auto;left:max(10px,env(safe-area-inset-left));width:min(66vw,300px);z-index:50;pointer-events:none}.chat-panel__messages{max-height:min(20vh,126px);gap:5px;padding:10px 6px 4px}.chat-panel.is-open .chat-panel__messages{max-height:min(24vh,168px)}.chat-panel__message{padding:7px 8px;border-radius:10px}.chat-panel__message-author,.chat-panel__message-time,.chat-panel__message-body{font-size:9px}}.game-crafting-workshop-backdrop[hidden],.game-crafting-workshop-panel[hidden]{display:none!important}.game-crafting-workshop-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:36;background:radial-gradient(circle at top,rgb(255 228 190 / .16),transparent 38%),linear-gradient(180deg,#13121438,#0d0c0ea3);opacity:0;pointer-events:none;transition:opacity .2s ease}.game-crafting-workshop-backdrop.is-open{opacity:1;pointer-events:auto}.game-crafting-workshop-panel{position:absolute;top:50%;left:50%;z-index:37;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;width:min(1100px,calc(100% - 28px));max-height:min(92vh,860px);padding:18px;border-radius:34px;border:1px solid rgb(246 203 172 / .5);background:radial-gradient(circle at top left,rgb(255 242 222 / .78),transparent 28%),radial-gradient(circle at top right,rgb(255 233 211 / .38),transparent 26%),linear-gradient(180deg,#fef8eefa,#f8eedff5);box-shadow:0 28px 90px #1d120a42,inset 0 1px #ffffffe6;color:#2d251d;opacity:0;transform:translate(-50%,-47%) scale(.98);transition:opacity .22s ease,transform .22s ease;overflow:hidden;pointer-events:none;isolation:isolate}.game-crafting-workshop-panel.is-open{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.game-crafting-workshop-panel:before,.game-crafting-workshop-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.game-crafting-workshop-panel:before{background:linear-gradient(90deg,transparent 0 4%,rgb(86 53 28 / .24) 4% 6%,transparent 6% 94%,rgb(86 53 28 / .24) 94% 96%,transparent 96%),linear-gradient(180deg,rgb(120 76 42 / .18),transparent 16%),radial-gradient(circle at 12% 10%,rgb(255 229 170 / .14),transparent 10%),radial-gradient(circle at 88% 12%,rgb(255 215 154 / .12),transparent 11%);z-index:0}.game-crafting-workshop-panel:after{inset:auto 18px 16px;height:74px;border-radius:24px 24px 18px 18px;background:linear-gradient(180deg,#633f23e0,#3a2211f2),repeating-linear-gradient(90deg,#ffdead0a 0,#ffdead0a 18px,#0000000f 18px,#0000000f 22px);box-shadow:inset 0 1px #ffe7bf29,0 -8px 24px #2b180b1f;z-index:0}.game-crafting-workshop-panel>*{position:relative;z-index:1}.crafting-workshop-panel__topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.crafting-workshop-panel__header{display:grid;gap:8px;min-width:0}.crafting-workshop-panel__eyebrow,.crafting-workshop-panel__confirm-eyebrow{font-size:.84rem;font-weight:900;letter-spacing:.12em;color:#bb6940}.crafting-workshop-panel__title{margin:0;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:900;line-height:1.02;color:#2b2117}.crafting-workshop-panel__copy,.crafting-workshop-panel__confirm-copy,.crafting-workshop-panel__confirm-summary,.crafting-workshop-panel__section-copy{font-size:.97rem;line-height:1.6;color:#7a6755}.crafting-workshop-panel__hero-meta{display:flex;flex-wrap:wrap;gap:8px}.crafting-workshop-panel__hero-pill,.crafting-workshop-panel__recipe-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgb(182 145 102 / .22);background:#fff8ebc7;color:#765431;font-size:.78rem;font-weight:800;letter-spacing:.03em}.crafting-workshop-panel__hero-pill--warm{background:linear-gradient(180deg,#fff1cdf5,#ffe2afeb);color:#8b5526}.crafting-workshop-panel__close,.crafting-workshop-panel__recipe,.crafting-workshop-panel__step,.crafting-workshop-panel__max,.crafting-workshop-panel__action{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font:inherit;cursor:pointer}.crafting-workshop-panel__close{flex:none;min-width:118px;padding:14px 20px;border-radius:20px;background:linear-gradient(180deg,#fffaf3f5,#f5e2c5f5);color:#3d2e1e;box-shadow:inset 0 0 0 1px #d8b991db,0 14px 26px #72431929}.crafting-workshop-panel__recipe-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;padding:18px;border-radius:28px;background:radial-gradient(circle at 10% 14%,rgb(255 214 129 / .16),transparent 11%),radial-gradient(circle at 86% 19%,rgb(157 221 178 / .14),transparent 14%),linear-gradient(180deg,#5c3d24fa,#392517fa 20%,#22160ffc);box-shadow:inset 0 1px #ffefd41f,inset 0 0 0 1px #8b613d57,0 18px 34px #140d093d;overflow:hidden}.crafting-workshop-panel__recipe-shell:before,.crafting-workshop-panel__recipe-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.crafting-workshop-panel__recipe-shell:before{background:repeating-linear-gradient(90deg,#ffe2b308 0,#ffe2b308 12px,#19100a14 12px,#19100a14 17px),linear-gradient(180deg,rgb(255 241 216 / .06),transparent 16%,transparent 82%,rgb(0 0 0 / .2))}.crafting-workshop-panel__recipe-shell:after{inset:22px 18px auto;height:104px;border-radius:20px;background:linear-gradient(180deg,#fff4e014,#fff4e005),linear-gradient(0deg,#2c1c11e0,#2c1c11e0) left 14px top 26px / calc(100% - 28px) 10px no-repeat,linear-gradient(0deg,#3b2618e0,#3b2618e0) left 14px top 62px / calc(100% - 28px) 10px no-repeat;opacity:.8}.crafting-workshop-panel__recipe-shell>*{position:relative;z-index:1}.crafting-workshop-panel__recipe-shell-header{display:grid;gap:4px}.crafting-workshop-panel__section-title{color:#ffeecdfa;font-size:1.08rem;font-weight:900;letter-spacing:.06em;text-shadow:0 1px 0 rgb(21 13 8 / .45)}.crafting-workshop-panel__section-copy{color:#ebd7c1c2}.crafting-workshop-panel__recipes{display:grid;align-content:start;gap:12px;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-right:6px}.crafting-workshop-panel__recipe{display:grid;gap:10px;padding:14px;border-radius:20px;text-align:left;background:radial-gradient(circle at top center,rgb(255 248 234 / .92),transparent 44%),linear-gradient(180deg,#fffcf6f0,#f2e4d0e0);box-shadow:inset 0 1px #ffffffc2,inset 0 0 0 1px #c4a68047,0 12px 24px #19110c24;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.crafting-workshop-panel__recipe.is-selected{background:radial-gradient(circle at top center,rgb(255 245 219 / .96),transparent 44%),linear-gradient(180deg,#fffaeefa,#fbe5bff2);box-shadow:inset 0 0 0 2px #d9a458b8,0 14px 28px #53301238}.crafting-workshop-panel__recipe.is-disabled{opacity:.54}.crafting-workshop-panel__recipe-section-label{font-size:.74rem;font-weight:900;letter-spacing:.08em;color:#8e6740}.crafting-workshop-panel__recipe-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center}.crafting-workshop-panel__recipe-swatch,.crafting-workshop-panel__confirm-swatch{width:44px;height:44px;border-radius:12px;flex:none}.crafting-workshop-panel__confirm-swatch{width:52px;height:52px;border-radius:14px}.crafting-workshop-panel__recipe-meta{display:grid;gap:3px;min-width:0}.crafting-workshop-panel__recipe-title,.crafting-workshop-panel__confirm-title{font-size:1.02rem;font-weight:900;line-height:1.15;color:#31251a}.crafting-workshop-panel__recipe-output{font-size:.94rem;font-weight:800;color:#3f8b5c}.crafting-workshop-panel__recipe-badges{display:flex;flex-wrap:wrap;gap:8px}.crafting-workshop-panel__recipe-badge--station{color:#455e7e;background:#ecf4fce6}.crafting-workshop-panel__recipe-badge--instant{color:#865923;background:#ffefd2eb}.crafting-workshop-panel__recipe-note{color:#6f614f;font-size:.9rem;line-height:1.52}.crafting-workshop-panel__recipe-ingredient-section{display:grid;gap:8px;padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,#fff7e7e0,#f6ebd6d1);box-shadow:inset 0 0 0 1px #d6c19f66,inset 0 1px #ffffffad}.crafting-workshop-panel__recipe-ingredients{display:flex;flex-wrap:wrap;gap:8px}.crafting-workshop-panel__ingredient-chip{display:inline-flex;align-items:center;gap:7px;min-width:0;padding:6px 9px;border-radius:999px;background:#fff8edd1;box-shadow:inset 0 0 0 1px #dac3a370}.crafting-workshop-panel__ingredient-swatch{width:22px;height:22px;border-radius:7px;flex:none}.crafting-workshop-panel__ingredient-label{color:#604c39;font-size:.78rem;font-weight:800;line-height:1.2}.crafting-workshop-panel__recipe-footer{display:grid;gap:5px}.crafting-workshop-panel__recipe-cost,.crafting-workshop-panel__recipe-action-hint{font-size:.8rem;line-height:1.45}.crafting-workshop-panel__recipe-cost{color:#8a7358}.crafting-workshop-panel__recipe-action-hint{color:#a28667}.crafting-workshop-panel__confirm-card{display:flex;flex-direction:column;gap:12px;padding:16px 18px 18px;border-radius:24px;background:radial-gradient(circle at top left,rgb(255 243 219 / .56),transparent 34%),linear-gradient(180deg,#fffaf2fa,#f3e6d1f5);box-shadow:inset 0 0 0 1px #d4b79175,0 14px 30px #472e192e}.crafting-workshop-panel__confirm-card[hidden]{display:none}.crafting-workshop-panel__confirm-card.is-open{animation:crafting-workshop-pop .18s ease}.crafting-workshop-panel__confirm-head{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center}.crafting-workshop-panel__confirm-text{display:grid;gap:3px}.crafting-workshop-panel__quantity-row,.crafting-workshop-panel__actions{display:flex;gap:12px}.crafting-workshop-panel__quantity-row{align-items:center}.crafting-workshop-panel__quantity-input{flex:1 1 auto;min-width:0;padding:12px 14px;border:1px solid rgb(211 188 155 / .88);border-radius:16px;background:#fffcf6f0;color:#2d251d;font:inherit;text-align:center}.crafting-workshop-panel__step,.crafting-workshop-panel__max,.crafting-workshop-panel__action{padding:12px 16px;border-radius:16px;font-weight:900}.crafting-workshop-panel__step,.crafting-workshop-panel__max,.crafting-workshop-panel__action--secondary{background:#fff7eceb;color:#6c5b46;box-shadow:inset 0 0 0 1px #d5c2a4eb}.crafting-workshop-panel__action{flex:1 1 0}.crafting-workshop-panel__action--primary{background:linear-gradient(180deg,#ffdfa9,#ffc36e);color:#6f4312;box-shadow:inset 0 0 0 1px #fff8e2d6,0 14px 24px #a4642133}.crafting-workshop-panel__step:disabled,.crafting-workshop-panel__max:disabled,.crafting-workshop-panel__action:disabled{opacity:.46;cursor:not-allowed}@media (hover: hover) and (pointer: fine){.crafting-workshop-panel__close:hover,.crafting-workshop-panel__recipe:hover,.crafting-workshop-panel__step:hover,.crafting-workshop-panel__max:hover,.crafting-workshop-panel__action:hover{transform:translateY(-1px)}}@media (max-width: 720px){.game-crafting-workshop-panel{width:calc(100% - 12px);max-height:calc(100vh - 12px);padding:12px;border-radius:24px}.crafting-workshop-panel__topbar{flex-direction:column;gap:10px}.crafting-workshop-panel__close{min-width:88px;align-self:flex-end;padding:10px 16px}.crafting-workshop-panel__recipe-shell{padding:12px;border-radius:20px}.game-crafting-workshop-panel:after{left:12px;right:12px;bottom:10px;height:52px}.crafting-workshop-panel__recipes{grid-template-columns:1fr}.crafting-workshop-panel__recipe-head,.crafting-workshop-panel__confirm-head{grid-template-columns:38px minmax(0,1fr);gap:10px}.crafting-workshop-panel__recipe-swatch,.crafting-workshop-panel__confirm-swatch{width:38px;height:38px}.crafting-workshop-panel__quantity-row,.crafting-workshop-panel__actions{flex-wrap:wrap}.crafting-workshop-panel__actions{flex-direction:column}}@keyframes crafting-workshop-pop{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.game-hud .game-inventory-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:219;opacity:0;pointer-events:none;background:radial-gradient(circle at center,#0e161e24,#050a1085),linear-gradient(180deg,#060c123d,#060c126b);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .18s ease}.game-hud .game-inventory-backdrop.is-open{opacity:1;pointer-events:auto}.game-inventory-backdrop[hidden],.game-inventory-panel[hidden]{display:none!important}.game-hud .game-inventory-panel{position:absolute;left:50%;top:50%;z-index:220;width:min(92vw,900px);height:min(calc(var(--app-height) - 32px),720px);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;padding:18px;border-radius:30px;background:radial-gradient(circle at top left,rgba(255,231,198,.9),transparent 22%),radial-gradient(circle at 82% 14%,rgba(191,225,255,.88),transparent 26%),linear-gradient(180deg,#fcfefffb,#f0f7fffa);border:1px solid rgba(192,213,236,.82);box-shadow:0 26px 68px #0513223d,inset 0 1px #fffffff0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#10253c;opacity:0;pointer-events:none;transform:translate(-50%,-48%) scale(.985);transition:opacity .16s ease,transform .16s ease;overflow:hidden;touch-action:pan-y;isolation:isolate}.game-hud .game-inventory-panel.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.game-inventory-panel .inventory-panel__topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:relative;z-index:4;isolation:isolate}.game-inventory-panel .inventory-panel__header{display:grid;gap:4px;min-width:0}.game-inventory-panel .inventory-panel__eyebrow,.game-inventory-panel .inventory-panel__section-eyebrow{color:#70a8e3;font-size:11px;font-weight:800;letter-spacing:.08em}.game-inventory-panel .inventory-panel__title{color:#10253c;font-size:24px;font-weight:900;letter-spacing:.02em}.game-inventory-panel .inventory-panel__subtitle,.game-inventory-panel .inventory-panel__page-copy,.game-inventory-panel .inventory-panel__detail-meta,.game-inventory-panel .inventory-panel__detail-description,.game-inventory-panel .inventory-panel__meta-note,.game-inventory-panel .inventory-panel__storage-summary{color:#69819a;font-size:13px;line-height:1.5}.game-inventory-panel .inventory-panel__close{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;z-index:5;flex:0 0 auto;align-self:flex-start;margin-left:auto;min-width:112px;min-height:56px;padding:14px 20px;border-radius:20px;border:1px solid rgba(194,213,236,.9);background:#ffffffd1;color:#10253c;font:inherit;font-size:13px;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;box-shadow:0 12px 24px #506e9114;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.game-inventory-panel .inventory-panel__close:hover,.game-inventory-panel .inventory-panel__close:active{transform:translateY(-1px);border-color:#71afffe0;box-shadow:0 16px 30px #506e9124}.game-inventory-panel .inventory-panel__tabs{display:flex;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.game-inventory-panel .inventory-panel__tabs::-webkit-scrollbar{display:none}.game-inventory-panel .inventory-panel__tab{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:88px;padding:10px 14px;border-radius:999px;border:1px solid rgba(198,218,240,.94);background:#fafdffeb;color:#5d7590;font:inherit;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.game-inventory-panel .inventory-panel__tab:hover,.game-inventory-panel .inventory-panel__tab:active{transform:translateY(-1px)}.game-inventory-panel .inventory-panel__tab.is-active{border-color:#71afffe6;background:linear-gradient(180deg,#e9f5fffa,#dbecfff5);color:#0d2d48;box-shadow:0 10px 24px #6290d429}.game-inventory-panel .inventory-panel__pages{display:grid;min-height:0;overflow:hidden;position:relative;z-index:1}.game-inventory-panel .inventory-panel__page{display:none;height:100%;min-height:0}.game-inventory-panel .inventory-panel__page.is-active{display:grid}.game-inventory-panel .inventory-panel__page-heading{display:grid;gap:4px}.game-inventory-panel .inventory-panel__section-title{color:#10253c;font-size:22px;font-weight:900;letter-spacing:.02em}.game-inventory-panel .inventory-panel__page--bag{grid-template-rows:auto minmax(0,1fr);gap:12px}.game-inventory-panel .inventory-panel__storage-summary{padding:14px 16px}@media (max-width: 980px){.game-inventory-panel{width:min(94vw,520px);height:min(calc(var(--app-height) - 18px),700px);gap:10px;padding:14px;border-radius:24px}.game-inventory-panel .inventory-panel__title{font-size:20px}.game-inventory-panel .inventory-panel__subtitle{display:none}.game-inventory-panel .inventory-panel__close{min-width:92px;min-height:50px;padding:12px 14px;border-radius:16px}.game-inventory-panel .inventory-panel__tabs{gap:6px}.game-inventory-panel .inventory-panel__tab{min-width:0;flex:1;padding:9px 10px;font-size:12px}}@media (max-width: 680px){.game-inventory-panel{width:min(94vw,440px);height:min(calc(var(--app-height) - 16px),690px);gap:8px;padding:12px;border-radius:22px}.game-inventory-panel .inventory-panel__topbar{gap:10px}.game-inventory-panel .inventory-panel__title{font-size:18px}.game-inventory-panel .inventory-panel__eyebrow,.game-inventory-panel .inventory-panel__section-eyebrow{font-size:10px}.game-inventory-panel .inventory-panel__section-title{font-size:18px}.game-inventory-panel .inventory-panel__page-copy,.game-inventory-panel .inventory-panel__storage-summary,.game-inventory-panel .inventory-panel__detail-meta,.game-inventory-panel .inventory-panel__detail-description{font-size:11px}}.game-inventory-panel .inventory-panel__avatar-frame,.game-inventory-panel .inventory-panel__bag-shell,.game-inventory-panel .inventory-panel__storage-summary,.game-inventory-panel .inventory-panel__equipment-slot,.game-inventory-panel .inventory-panel__meta-pill,.game-inventory-panel .inventory-panel__detail-dialog{border-radius:22px;border:1px solid rgba(202,220,239,.88);background:linear-gradient(180deg,#fffffffb,#f5fafff6);box-shadow:inset 0 1px #fffffff5,0 12px 24px #4e709114;position:relative;isolation:isolate}.game-inventory-panel .inventory-panel__detail-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#09152633;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .14s ease}.game-inventory-panel .inventory-panel__detail-dialog-backdrop.is-open{opacity:1;pointer-events:auto}.game-inventory-panel .inventory-panel__detail-dialog{position:absolute;left:50%;top:50%;z-index:6;width:min(420px,calc(100% - 32px));display:grid;justify-items:start;gap:10px;padding:18px;transform:translate(-50%,-46%) scale(.98);opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.game-inventory-panel .inventory-panel__detail-dialog.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.game-inventory-panel .inventory-panel__detail-dialog-close{-moz-appearance:none;appearance:none;-webkit-appearance:none;justify-self:end;min-width:80px;padding:10px 12px;border-radius:16px;border:1px solid rgba(194,213,236,.9);background:#ffffffe0;color:#10253c;font:inherit;font-size:13px;font-weight:800}.game-inventory-panel .inventory-panel__detail-eyebrow{color:#7b91a7;font-size:11px;font-weight:800}.game-inventory-panel .inventory-panel__detail-title{color:#10253c;font-size:28px;font-weight:900;line-height:1.08}.game-inventory-panel .inventory-panel__detail-swatch{width:60px;height:60px}.game-inventory-panel .inventory-panel__detail-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:148px;padding:12px 16px;border-radius:16px;border:1px solid rgba(239,164,196,.9);background:linear-gradient(180deg,#fff1f7fa,#f7dbeaf5);color:#8f3f68;font:inherit;font-size:14px;font-weight:900;box-shadow:inset 0 1px #fffffffa,0 12px 24px #b971952e}.game-inventory-panel .inventory-panel__detail-button:disabled{opacity:.45}@media (max-width: 980px){.game-inventory-panel .inventory-panel__detail-dialog{width:min(390px,calc(100% - 24px));padding:16px}.game-inventory-panel .inventory-panel__detail-title{font-size:24px}}@media (max-width: 680px){.game-inventory-panel .inventory-panel__detail-dialog{width:min(360px,calc(100% - 18px));gap:8px;padding:14px;border-radius:18px}.game-inventory-panel .inventory-panel__detail-dialog-close{min-width:72px;padding:9px 11px;font-size:12px}.game-inventory-panel .inventory-panel__detail-swatch{width:52px;height:52px}.game-inventory-panel .inventory-panel__detail-title{font-size:22px}.game-inventory-panel .inventory-panel__detail-button{width:100%;min-width:0;font-size:13px}}.game-inventory-panel .inventory-panel__page--equipment{align-content:start;gap:14px;min-height:0;overflow-y:auto;padding-right:4px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.game-inventory-panel .inventory-panel__equipment-hero{display:grid;grid-template-columns:minmax(208px,228px) minmax(0,1fr);gap:16px;align-items:start}.game-inventory-panel .inventory-panel__equipment-summary{display:grid;gap:12px;min-width:0}.game-inventory-panel .inventory-panel__equipment-identity{display:grid;gap:8px}.game-inventory-panel .inventory-panel__avatar-name{color:#10253c;font-size:24px;font-weight:900;line-height:1.05}.game-inventory-panel .inventory-panel__avatar-frame{position:relative;padding:8px;border-radius:24px;border:1px solid rgba(195,214,236,.92);background:linear-gradient(180deg,#ffffff94,#f1f8ff6b);box-shadow:inset 0 1px #ffffffeb,0 14px 28px #4e709114}.game-inventory-panel .inventory-panel__avatar-stage{position:relative;min-height:210px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(178,216,255,.45),transparent 28%),radial-gradient(circle at 50% 110%,rgba(119,176,255,.18),transparent 34%),linear-gradient(180deg,#0f2237fa,#0a1421fa)}.game-inventory-panel .inventory-panel__avatar-stage:before{content:"";position:absolute;inset:auto 18% 10px;height:52px;border-radius:999px;background:radial-gradient(circle,#598dd647,#598dd600);filter:blur(18px);pointer-events:none}.game-inventory-panel .inventory-panel__avatar-canvas{display:block;width:100%;height:100%}.game-inventory-panel .inventory-panel__avatar-badge{position:absolute;top:16px;left:16px;z-index:1;padding:6px 10px;border-radius:999px;background:#ffffffe6;color:#537697;font-size:11px;font-weight:800;box-shadow:0 8px 16px #597da41f}.game-inventory-panel .inventory-panel__avatar-hint{position:absolute;right:14px;bottom:14px;z-index:1;padding:6px 10px;border-radius:999px;background:#0a1827a8;color:#ecf6fff0;font-size:10px;font-weight:800;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-inventory-panel .inventory-panel__avatar-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:8px;padding:20px;text-align:center;color:#ecf6ffeb}.game-inventory-panel .inventory-panel__avatar-placeholder-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);font-size:20px;font-weight:900}.game-inventory-panel .inventory-panel__avatar-placeholder-title{font-size:16px;font-weight:800}.game-inventory-panel .inventory-panel__avatar-placeholder-text{max-width:220px;font-size:11px;line-height:1.45;color:#e6f1fac2}.game-inventory-panel .inventory-panel__meta-pill{width:fit-content;max-width:100%;padding:7px 12px;border-radius:999px;border:1px solid rgba(191,213,235,.92);background:#fafdffb8;color:#55748e;font-size:11px;font-weight:800;box-shadow:inset 0 1px #ffffffe0}.game-inventory-panel .inventory-panel__equipment-loadout{display:grid;gap:10px;padding:12px;border-radius:22px;border:1px solid rgba(197,216,236,.88);background:linear-gradient(180deg,#ffffff9e,#edf6ff80);box-shadow:inset 0 1px #ffffffeb,0 12px 24px #4e70910f}.game-inventory-panel .inventory-panel__equipment-strip-title{color:#66829d;font-size:11px;font-weight:800;letter-spacing:.08em}.game-inventory-panel .inventory-panel__equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}.game-inventory-panel .inventory-panel__equipment-slot{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:grid;gap:4px;min-height:72px;padding:10px 11px;border-radius:18px;border:1px solid rgba(200,219,239,.9);background:linear-gradient(180deg,#fffffff0,#f5faffe0);color:inherit;cursor:pointer;font:inherit;text-align:left;box-shadow:inset 0 1px #fffffff5,0 10px 18px #4e70910d;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.game-inventory-panel .inventory-panel__equipment-slot:hover:not(:disabled),.game-inventory-panel .inventory-panel__equipment-slot:active:not(:disabled),.game-inventory-panel .inventory-panel__equipment-slot:focus-visible:not(:disabled){transform:translateY(-1px);border-color:#74b4ffeb;box-shadow:inset 0 1px #fffffff5,0 16px 26px #4e70911f}.game-inventory-panel .inventory-panel__equipment-slot.is-empty{border-style:dashed;background:#f7fbff6b;box-shadow:none;opacity:.82}.game-inventory-panel .inventory-panel__equipment-slot.is-equipped{border-color:#56c28deb;background:linear-gradient(135deg,#e7fff5fa,#def2fff0);box-shadow:inset 0 1px #fffffffa,0 18px 28px #54997024}.game-inventory-panel .inventory-panel__equipment-slot:disabled{cursor:default}.game-inventory-panel .inventory-panel__equipment-label{color:#7390ab;font-size:10px;font-weight:800;letter-spacing:.06em}.game-inventory-panel .inventory-panel__equipment-value{color:#10253c;font-size:14px;font-weight:900;line-height:1.3}.game-inventory-panel .inventory-panel__equipment-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px}.game-inventory-panel .inventory-panel__equipment-metric{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:10px 12px;border-radius:16px;border:1px solid rgba(198,217,236,.86);background:#ffffff94;box-shadow:inset 0 1px #ffffffe6}.game-inventory-panel .inventory-panel__equipment-metric-label{color:#6f879e;font-size:10px;font-weight:800;letter-spacing:.05em}.game-inventory-panel .inventory-panel__equipment-metric-value{color:#10253c;font-size:13px;font-weight:900;white-space:nowrap}.game-inventory-panel .inventory-panel__owned-equipment-section{display:grid;gap:10px;min-height:0}.game-inventory-panel .inventory-panel__owned-equipment-heading{display:grid;gap:3px}.game-inventory-panel .inventory-panel__owned-equipment-title{color:#10253c;font-size:18px;font-weight:900}.game-inventory-panel .inventory-panel__owned-equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;align-content:start;min-height:0}.game-inventory-panel .inventory-panel__owned-equipment-item{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-height:96px;padding:12px 14px;border-radius:20px;border:1px solid rgba(200,219,239,.88);background:linear-gradient(180deg,#ffffffb3,#f3f9ff9e);box-shadow:inset 0 1px #fffffff0,0 12px 22px #4e709112;color:inherit;cursor:pointer;font:inherit;text-align:left;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.game-inventory-panel .inventory-panel__owned-equipment-item:hover,.game-inventory-panel .inventory-panel__owned-equipment-item:active,.game-inventory-panel .inventory-panel__owned-equipment-item:focus-visible{transform:translateY(-1px);border-color:#74b4ffeb;box-shadow:inset 0 1px #fffffff5,0 18px 30px #4e70911f}.game-inventory-panel .inventory-panel__owned-equipment-item.is-equipped{border-color:#56c28df0;background:linear-gradient(135deg,#eafff5fa,#e0f4fff5);box-shadow:inset 0 1px #fffffffa,0 20px 34px #4c946c2e}.game-inventory-panel .inventory-panel__owned-equipment-item[data-rarity=uncommon]:not(.is-equipped){border-color:#84e09cc7}.game-inventory-panel .inventory-panel__owned-equipment-item[data-rarity=rare]:not(.is-equipped){border-color:#77c6ffd6}.game-inventory-panel .inventory-panel__owned-equipment-item[data-rarity=epic]:not(.is-equipped){border-color:#ed99ffd6}.game-inventory-panel .inventory-panel__owned-equipment-swatch{width:42px;height:42px}.game-inventory-panel .inventory-panel__owned-equipment-body{display:grid;gap:4px;min-width:0}.game-inventory-panel .inventory-panel__owned-equipment-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.game-inventory-panel .inventory-panel__owned-equipment-slot,.game-inventory-panel .inventory-panel__owned-equipment-state{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.03em}.game-inventory-panel .inventory-panel__owned-equipment-slot{background:#e8f1fce6;color:#6a88a4}.game-inventory-panel .inventory-panel__owned-equipment-state{background:#dfeaf6e0;color:#5f7691}.game-inventory-panel .inventory-panel__owned-equipment-state.is-equipped{background:#70d0932e;color:#16714a}.game-inventory-panel .inventory-panel__owned-equipment-name{color:#10253c;font-size:15px;font-weight:900;line-height:1.2}.game-inventory-panel .inventory-panel__owned-equipment-stats{color:#68809a;font-size:11px;line-height:1.45}.game-inventory-panel .inventory-panel__owned-equipment-action{color:#4778a9;font-size:11px;font-weight:800}.game-inventory-panel .inventory-panel__owned-equipment-item.is-equipped .inventory-panel__owned-equipment-action{color:#1c8153}@media (max-width: 980px){.game-inventory-panel .inventory-panel__equipment-hero{grid-template-columns:1fr}.game-inventory-panel .inventory-panel__avatar-stage{min-height:176px}.game-inventory-panel .inventory-panel__avatar-name{font-size:20px}.game-inventory-panel .inventory-panel__equipment-grid,.game-inventory-panel .inventory-panel__equipment-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.game-inventory-panel .inventory-panel__owned-equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.game-inventory-panel .inventory-panel__page--equipment{gap:12px}.game-inventory-panel .inventory-panel__avatar-frame{padding:6px;border-radius:20px}.game-inventory-panel .inventory-panel__avatar-stage{min-height:148px}.game-inventory-panel .inventory-panel__equipment-loadout{padding:10px;border-radius:18px}.game-inventory-panel .inventory-panel__equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-inventory-panel .inventory-panel__equipment-slot{min-height:66px;padding:10px;border-radius:16px}.game-inventory-panel .inventory-panel__equipment-value{font-size:13px}.game-inventory-panel .inventory-panel__equipment-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.game-inventory-panel .inventory-panel__equipment-metric{padding:9px 10px;border-radius:14px}.game-inventory-panel .inventory-panel__equipment-metric-label,.game-inventory-panel .inventory-panel__equipment-metric-value,.game-inventory-panel .inventory-panel__owned-equipment-slot,.game-inventory-panel .inventory-panel__owned-equipment-state,.game-inventory-panel .inventory-panel__owned-equipment-stats,.game-inventory-panel .inventory-panel__owned-equipment-action,.game-inventory-panel .inventory-panel__avatar-hint{font-size:10px}.game-inventory-panel .inventory-panel__owned-equipment-grid{grid-template-columns:1fr}.game-inventory-panel .inventory-panel__owned-equipment-item{min-height:88px;padding:10px 12px;border-radius:18px}.game-inventory-panel .inventory-panel__owned-equipment-name{font-size:14px}}.game-inventory-panel .inventory-panel__bag-stage{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:0;align-content:start;overflow:hidden;touch-action:pan-y}.game-inventory-panel .inventory-panel__page--bag{min-height:0;overflow:hidden;touch-action:pan-y}.game-inventory-panel .inventory-panel__bag-shell{min-height:0;padding:14px;overflow:hidden;position:relative;isolation:isolate}.game-inventory-panel .inventory-panel__bag-shell{display:grid;grid-template-rows:minmax(0,1fr);touch-action:pan-y}.game-inventory-panel .inventory-panel__bag-scroll,.game-inventory-panel .inventory-panel__page--equipment{scrollbar-width:thin}.game-inventory-panel .inventory-panel__bag-scroll{height:100%;max-height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:2px;touch-action:pan-y}.game-inventory-panel .inventory-panel__bag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;align-content:start;position:relative;z-index:1}.game-inventory-panel .inventory-panel__empty-state{display:grid;place-items:center;min-height:220px;padding:18px;border-radius:18px;border:1px dashed rgba(194,212,234,.92);color:#7890a7;font-size:14px;font-weight:700;text-align:center}.game-inventory-panel .inventory-panel__bag-item{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:grid;justify-items:center;align-content:start;gap:8px;min-height:110px;padding:14px 10px 12px;border-radius:18px;border:1px solid rgba(202,220,239,.88);background:linear-gradient(180deg,#fffffffa,#f8fcfff5);box-shadow:inset 0 1px #fffffff5,0 10px 20px #4e70910f;color:inherit;cursor:pointer;font:inherit;text-align:center;-webkit-user-select:none;user-select:none;touch-action:pan-y;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease}.game-inventory-panel .inventory-panel__bag-item:hover,.game-inventory-panel .inventory-panel__bag-item:active{border-color:#74b4ffeb;box-shadow:inset 0 1px #fffffff5,0 14px 26px #4e70911f}.game-inventory-panel .inventory-panel__bag-item.is-selected{border-color:#4596fff5;background:linear-gradient(180deg,#e7f4fffa,#d7ecfff5);box-shadow:inset 0 0 0 2px #4596ff52,inset 0 1px #fffffffa,0 18px 30px #3878d633}.game-inventory-panel .inventory-panel__bag-item.is-selected .inventory-panel__bag-name,.game-inventory-panel .inventory-panel__bag-item.is-selected .inventory-panel__bag-count{color:#0f3f78}.game-inventory-panel .inventory-panel__bag-item--equipment[data-rarity=common]{border-color:#d1dde8e0}.game-inventory-panel .inventory-panel__bag-item--equipment[data-rarity=uncommon]{border-color:#84e09cbd;box-shadow:inset 0 1px #fffffff5,0 10px 20px #599f6c1a}.game-inventory-panel .inventory-panel__bag-item--equipment[data-rarity=rare]{border-color:#77c6ffd1}.game-inventory-panel .inventory-panel__bag-item--equipment[data-rarity=epic]{border-color:#ed99ffd1}.game-inventory-panel .inventory-panel__bag-swatch{width:34px;height:34px}.game-inventory-panel .inventory-panel__bag-name{color:#10253c;font-size:14px;font-weight:800;line-height:1.25}.game-inventory-panel .inventory-panel__bag-count{color:#5f7894;font-size:13px;font-weight:800}@media (max-width: 980px){.game-inventory-panel .inventory-panel__bag-shell{padding:12px}.game-inventory-panel .inventory-panel__bag-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.game-inventory-panel .inventory-panel__bag-item{min-height:94px;padding:12px 8px 10px}.game-inventory-panel .inventory-panel__bag-name{font-size:12px}.game-inventory-panel .inventory-panel__bag-count{font-size:11px}}@media (max-width: 680px){.game-inventory-panel .inventory-panel__bag-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.game-inventory-panel .inventory-panel__bag-item{min-height:88px;padding:10px 6px 8px;border-radius:16px}.game-inventory-panel .inventory-panel__bag-swatch{width:28px;height:28px}.game-inventory-panel .inventory-panel__bag-name{font-size:11px}.game-inventory-panel .inventory-panel__bag-count{font-size:10px}}.game-map-travel-backdrop[hidden],.game-map-travel-panel[hidden]{display:none!important}.game-map-travel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:36;background:radial-gradient(circle at top,rgb(255 234 242 / .34),transparent 42%),#15131b8a;opacity:0;pointer-events:none;transition:opacity .2s ease}.game-map-travel-backdrop.is-open{opacity:1;pointer-events:auto}.game-map-travel-panel{position:absolute;top:50%;left:50%;z-index:37;display:flex;flex-direction:column;gap:18px;width:min(760px,calc(100% - 28px));max-height:min(88vh,760px);padding:24px;border:1px solid rgb(255 202 222 / .92);border-radius:34px;background:radial-gradient(circle at top left,rgb(255 248 251 / .98),transparent 38%),linear-gradient(160deg,#fffcfdfa,#fff4f8f2 48%,#fff7fbf5);box-shadow:0 28px 90px #4a273b2e,inset 0 1px #ffffffe6;color:#2c3245;opacity:0;transform:translate(-50%,-46%) scale(.98);transition:opacity .22s ease,transform .22s ease;overflow:hidden auto;pointer-events:none;touch-action:pan-y}.game-map-travel-panel.is-open{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.map-travel-panel__topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.map-travel-panel__header{display:flex;flex-direction:column;gap:10px}.map-travel-panel__eyebrow,.map-travel-panel__confirm-eyebrow,.map-travel-panel__section-title{font-size:.84rem;font-weight:900;letter-spacing:.08em;color:#df739d}.map-travel-panel__section-title{display:none}.map-travel-panel__title,.map-travel-panel__confirm-title{margin:0;font-size:clamp(1.78rem,2.4vw,2.35rem);font-weight:900;line-height:1.04;color:#26324a}.map-travel-panel__message,.map-travel-panel__confirm-message{margin:0;font-size:1rem;line-height:1.62;color:#6c7791}.map-travel-panel__close,.map-travel-panel__action,.map-travel-panel__option,.map-travel-panel__hotspot{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font:inherit;cursor:pointer}.map-travel-panel__close{flex:none;min-width:120px;padding:16px 22px;border-radius:24px;background:linear-gradient(160deg,#fffffff5,#fff1f7f5);color:#30415d;box-shadow:inset 0 0 0 1px #ffc6dcd1,0 14px 30px #e8b0c938;transition:transform .18s ease,box-shadow .18s ease}.map-travel-panel__map-stage{display:flex;flex-direction:column;gap:10px}.map-travel-panel__map-board{position:relative;min-height:350px;border-radius:30px;overflow:hidden;background:radial-gradient(circle at top,rgb(255 255 255 / .36),transparent 44%),linear-gradient(180deg,#ffe9f2,#fff5f8 32%,#ffeef6);box-shadow:inset 0 0 0 1px #ffd3e4eb,0 16px 34px #e1a8c229}.map-travel-panel__map-board.is-empty{min-height:220px}.map-travel-panel__map-glow{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:26px;background:radial-gradient(circle at 28% 34%,rgb(255 255 255 / .95),transparent 18%),radial-gradient(circle at 70% 42%,rgb(255 206 227 / .55),transparent 20%),radial-gradient(circle at 50% 78%,rgb(247 220 255 / .46),transparent 18%);pointer-events:none}.map-travel-panel__map-terrain{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:24px;background:linear-gradient(145deg,#fff8fbfa,#fff0f6f5),repeating-linear-gradient(135deg,#f9c6db29 0,#f9c6db29 12px,#ffffff1f 12px,#ffffff1f 24px);clip-path:polygon(10% 16%,28% 12%,41% 21%,58% 15%,76% 24%,89% 19%,90% 48%,83% 70%,64% 83%,41% 88%,19% 80%,8% 62%,7% 33%)}.map-travel-panel__map-districts,.map-travel-panel__map-hotspots{position:absolute;top:0;right:0;bottom:0;left:0}.map-travel-panel__district{position:absolute;display:grid;place-items:center;padding:12px;border-radius:22px;white-space:pre-line;text-align:center;font-size:.82rem;font-weight:800;line-height:1.45;color:#b58ca0;background:#ffffff85;box-shadow:inset 0 0 0 1px #f0cbdcdb}.map-travel-panel__district--locked{opacity:.76}.map-travel-panel__district--north{top:12%;left:32%;width:24%;height:18%}.map-travel-panel__district--west{top:42%;left:12%;width:20%;height:20%}.map-travel-panel__district--east{top:24%;right:10%;width:18%;height:18%}.map-travel-panel__hotspot{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:14px;border-radius:24px;text-align:left;background:linear-gradient(180deg,#ffffff52,#ffffff1f),linear-gradient(155deg,#ffcde361,#ffecf533);box-shadow:inset 0 0 0 1px #ffc5dcd1,0 14px 26px #e7abc633;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.map-travel-panel__hotspot.is-danger{background:linear-gradient(180deg,#ffe8ef99,#fffafc38),linear-gradient(155deg,#ff97b86b,#ffddeb33)}.map-travel-panel__hotspot.is-home{background:linear-gradient(180deg,#fff6f99e,#fffbfc3d),linear-gradient(155deg,#ffcbdb6b,#ffe8f133)}.map-travel-panel__hotspot.is-selected{transform:translateY(-2px) scale(1.02);box-shadow:inset 0 0 0 2px #df739deb,0 18px 34px #e4a0bf47}.map-travel-panel__hotspot-badge{display:inline-flex;width:fit-content;max-width:min(100%,132px);padding:7px 12px;border-radius:999px;background:#ffffffe6;color:#7f3159;font-size:.86rem;font-weight:900;line-height:1.25;white-space:normal;text-wrap:balance;box-shadow:0 6px 12px #ffd2e45c}.map-travel-panel__hotspot-sub{color:#8e5d75;font-size:.74rem;font-weight:800;letter-spacing:.04em}.map-travel-panel__map-title,.map-travel-panel__map-hint{position:absolute;left:24px;z-index:1}.map-travel-panel__map-title{top:18px;font-size:1.02rem;font-weight:900;color:#793851}.map-travel-panel__map-hint{bottom:18px;max-width:62%;font-size:.88rem;line-height:1.5;color:#8f6f83}.map-travel-panel__options{display:none;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.map-travel-panel__option{display:grid;gap:4px;padding:14px 16px;border-radius:20px;text-align:left;background:#ffffffd1;box-shadow:inset 0 0 0 1px #f8cddfc2,0 10px 20px #ebb5cc24;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.map-travel-panel__option.is-selected{background:linear-gradient(160deg,#fff5f9fa,#ffecf4fa);box-shadow:inset 0 0 0 2px #df739dc2,0 14px 28px #e5aec538}.map-travel-panel__option-label{font-size:1rem;font-weight:900;color:#30405a}.map-travel-panel__option-description{font-size:.86rem;line-height:1.5;color:#7d879d}.map-travel-panel__confirm{display:flex;flex-direction:column;gap:12px;padding:18px 20px 20px;border-radius:26px;background:linear-gradient(165deg,#fff8fbfa,#ffeef5f5);box-shadow:inset 0 0 0 1px #facee0e6,0 16px 30px #e5abc433}.map-travel-panel__confirm[hidden]{display:none}.map-travel-panel__confirm.is-open{animation:map-travel-panel-pop .18s ease}.map-travel-panel__confirm-title{color:#2d3550}.map-travel-panel__confirm-message{color:#6f7892}.map-travel-panel__confirm-actions{display:flex;gap:12px}.map-travel-panel__action{flex:1 1 0;padding:14px 16px;border-radius:18px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease}.map-travel-panel__action--secondary{background:#ffffffd1;color:#6e758a;box-shadow:inset 0 0 0 1px #e4d2dceb}.map-travel-panel__action--primary{background:linear-gradient(160deg,#ffc9de,#fff7fb);color:#8f3b63;box-shadow:inset 0 0 0 1px #ffffffc7,0 14px 28px #e69dbd47}.map-travel-panel__empty{padding:22px 18px;border-radius:22px;background:#ffffffc7;color:#7b86a0;text-align:center;box-shadow:inset 0 0 0 1px #f8d1e2d1}.map-travel-panel__map-hotspots>.map-travel-panel__empty{position:absolute;inset:50% auto auto 50%;width:min(320px,calc(100% - 48px));transform:translate(-50%,-50%)}@media (hover: hover) and (pointer: fine){.map-travel-panel__close:hover,.map-travel-panel__action:hover,.map-travel-panel__option:hover,.map-travel-panel__hotspot:hover{transform:translateY(-1px)}.map-travel-panel__close:hover{box-shadow:inset 0 0 0 1px #ffc6dcf5,0 18px 34px #e7b3c942}.map-travel-panel__action--primary:hover{box-shadow:inset 0 0 0 1px #ffffffdb,0 18px 34px #e69dbd57}}@media (max-width: 720px){.game-map-travel-panel{width:calc(100% - 16px);max-height:calc(100vh - 18px);padding:18px 14px;border-radius:28px}.map-travel-panel__topbar{flex-direction:column;align-items:flex-start}.map-travel-panel__close{min-width:88px;padding:10px 16px;align-self:flex-end;margin-top:-6px}.map-travel-panel__map-board{min-height:248px}.map-travel-panel__district{padding:8px;border-radius:18px;font-size:.7rem}.map-travel-panel__map-hint{max-width:calc(100% - 48px);font-size:.74rem}.map-travel-panel__hotspot{gap:3px;min-width:88px;padding:8px;border-radius:18px}.map-travel-panel__hotspot-badge{max-width:min(100%,92px);padding:5px 8px;font-size:.68rem;line-height:1.15}.map-travel-panel__hotspot-sub{font-size:.6rem}.map-travel-panel__confirm-actions{flex-direction:column}}@keyframes map-travel-panel-pop{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.game-shop-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;opacity:0;pointer-events:none;background:radial-gradient(circle at center,#121f1633,#060a0e8f),linear-gradient(180deg,#060c1238,#060c1270);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .18s ease}.game-shop-backdrop.is-open{opacity:1;pointer-events:auto}.game-shop-backdrop[hidden],.game-shop-panel[hidden]{display:none!important}.game-shop-panel{position:absolute;left:50%;top:50%;z-index:24;width:min(95vw,1040px);max-height:min(calc(var(--app-height) - 24px),780px);display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;padding:16px;border-radius:28px;background:radial-gradient(circle at top left,rgba(255,232,201,.74),transparent 28%),radial-gradient(circle at bottom right,rgba(180,223,255,.4),transparent 30%),linear-gradient(180deg,#f8fcfffa,#e5eef7f5);border:1px solid rgba(115,144,176,.24);box-shadow:0 28px 54px #07151e3d,inset 0 1px #ffffff8f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform:translate(-50%,-48%) scale(.98);transition:opacity .16s ease,transform .16s ease;overflow:hidden;isolation:isolate;touch-action:pan-y}.game-shop-panel>*{position:relative;z-index:1}.game-shop-panel.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.game-shop-panel .shop-panel__topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.game-shop-panel .shop-panel__header{display:grid;gap:4px;min-width:0}.game-shop-panel .shop-panel__eyebrow{color:#4a7d9be6;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.game-shop-panel .shop-panel__title{color:#0f2230;font-size:26px;font-weight:900;letter-spacing:.03em}.game-shop-panel .shop-panel__subtitle,.game-shop-panel .shop-panel__hero-note,.game-shop-panel .shop-panel__empty{color:#2e4558bd;font-size:11px;line-height:1.45}.game-shop-panel .shop-panel__close{flex:0 0 auto;min-width:92px;padding:11px 14px;border-radius:16px;border:1px solid rgba(142,173,196,.22);background:linear-gradient(180deg,#ffffffc7,#e9f1f8b8);color:#0f2230;font-size:13px;font-weight:800;letter-spacing:.04em;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.game-shop-panel .shop-panel__close:hover,.game-shop-panel .shop-panel__close:active{transform:translateY(-1px);border-color:#63a5dd75;background:#f4f9fffa}.game-shop-panel .shop-panel__hero{display:grid;gap:7px;padding:12px 14px;border-radius:22px;border:1px solid rgba(142,173,196,.22);background:radial-gradient(circle at top right,rgba(193,226,255,.28),transparent 42%),linear-gradient(180deg,#ffffffb8,#f1f6fba8);box-shadow:inset 0 1px #fff9,0 10px 22px #2d465d14}.game-shop-panel .shop-panel__hero-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.game-shop-panel .shop-panel__hero-badge,.game-shop-panel .shop-panel__balance{width:fit-content;max-width:100%;padding:8px 12px;border-radius:999px;border:1px solid rgba(142,173,196,.22);background:#ffffffa3;color:#365167;font-size:12px;font-weight:800;letter-spacing:.04em}.game-shop-panel .shop-panel__balance{color:#82571f}.game-shop-panel .shop-panel__offers{position:relative;display:grid;align-content:start;gap:16px;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;pointer-events:auto;padding:16px 8px 18px 14px;border-radius:26px;background:radial-gradient(circle at 16% 18%,rgba(255,223,152,.18),transparent 14%),radial-gradient(circle at 79% 22%,rgba(167,229,192,.12),transparent 18%),linear-gradient(180deg,#5a3f27f2,#3a2719f5 28%,#1d1510fa);box-shadow:inset 0 1px #ffeed124,inset 0 0 0 1px #7b5b3d57,0 16px 34px #1c120b3d;scrollbar-width:thin}.game-shop-panel .shop-panel__offers:before,.game-shop-panel .shop-panel__offers:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.game-shop-panel .shop-panel__offers:before{background:repeating-linear-gradient(90deg,#ffe7c008 0,#ffe7c008 14px,#20130b14 14px,#20130b14 18px),linear-gradient(180deg,rgba(255,241,214,.08),transparent 18%,transparent 78%,rgba(0,0,0,.16));opacity:.92}.game-shop-panel .shop-panel__offers:after{inset:18px 18px auto 18px;height:112px;border-radius:18px;background:linear-gradient(180deg,#fff7e40f,#fff7e403),linear-gradient(0deg,#281a0fd1,#281a0fd1) left 14% top 24px / calc(100% - 28px) 10px no-repeat,linear-gradient(0deg,#362416d1,#362416d1) left 14% top 62px / calc(100% - 28px) 10px no-repeat,radial-gradient(circle at 8% 20%,rgba(255,223,148,.38),transparent 16%),radial-gradient(circle at 92% 22%,rgba(160,237,191,.22),transparent 15%);opacity:.85}.game-shop-panel .shop-panel__offers>*{position:relative;z-index:1}@media (max-width: 760px){.game-shop-panel{width:min(96vw,430px);max-height:min(calc(var(--app-height) - 8px),98vh);gap:8px;padding:10px;border-radius:22px;touch-action:pan-y}.game-shop-panel .shop-panel__topbar{gap:8px}.game-shop-panel .shop-panel__eyebrow{font-size:10px;letter-spacing:.12em}.game-shop-panel .shop-panel__title{font-size:18px;letter-spacing:.01em}.game-shop-panel .shop-panel__hero{padding:10px 12px;border-radius:16px}.game-shop-panel .shop-panel__offers{padding:12px 10px 14px;border-radius:20px;min-height:0;max-height:100%}.game-shop-panel .shop-panel__offers:after{inset:12px 12px auto 12px;height:84px}}.game-shop-panel .shop-panel__section{display:grid;gap:6px}.game-shop-panel .shop-panel__section-header{display:grid;gap:2px;padding:0 2px 2px}.game-shop-panel .shop-panel__section-title{color:#fff2d9f5;font-size:14px;font-weight:900;letter-spacing:.06em;text-shadow:0 1px 0 rgba(31,19,11,.44)}.game-shop-panel .shop-panel__section-copy{color:#f4e4ccb8;font-size:11px;line-height:1.45}.game-shop-panel .shop-panel__section-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;touch-action:pan-y}.game-shop-panel .shop-panel__offer{position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:grid;align-content:start;justify-items:center;gap:6px;min-height:108px;padding:10px 8px 8px;border-radius:16px;border:1px solid rgba(173,146,114,.26);background:radial-gradient(circle at top center,rgba(255,249,235,.82),transparent 46%),linear-gradient(180deg,#ffffffe6,#f1e8d9d1);box-shadow:inset 0 1px #ffffffb8,0 8px 18px #1c120b1f;color:#0f2230;cursor:pointer;font:inherit;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease}.game-shop-panel .shop-panel__offer:hover,.game-shop-panel .shop-panel__offer:active{transform:translateY(-1px);border-color:#e2ba718f;box-shadow:inset 0 1px #ffffffd1,0 10px 22px #a87b4138}.game-shop-panel .shop-panel__offer.is-disabled,.game-shop-panel .shop-panel__offer:disabled{opacity:.48;cursor:not-allowed;transform:none}.game-shop-panel .shop-panel__offer-swatch{width:34px;height:34px;border-radius:10px}.game-shop-panel .shop-panel__offer-swatch--coin{display:grid;place-items:center;background:linear-gradient(135deg,#ffdd87fa,#eba436f5);color:#482a00f0;font-size:16px;font-weight:900}.game-shop-panel .shop-panel__offer-count{position:absolute;top:6px;right:6px;max-width:calc(100% - 12px);padding:2px 5px;border-radius:999px;background:#0f2230d1;color:#fffffff5;font-size:9px;font-weight:800;line-height:1.2}.game-shop-panel .shop-panel__offer-body{display:grid;gap:3px;width:100%}.game-shop-panel .shop-panel__offer-name{width:100%;overflow:hidden;color:#0f2230eb;font-size:11px;font-weight:900;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-wrap:balance}.game-shop-panel .shop-panel__offer-price{color:#82571f;font-size:10px;font-weight:800;line-height:1.2}.game-shop-panel .shop-panel__offer-footer{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;flex-wrap:wrap}.game-shop-panel .shop-panel__offer-badge,.game-shop-panel .shop-panel__offer-state{width:fit-content;max-width:100%;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.04em}.game-shop-panel .shop-panel__offer-badge{border:1px solid rgba(195,172,126,.22);background:#fff5dacc;color:#7a5a2b}.game-shop-panel .shop-panel__offer-state{border:1px solid rgba(162,143,124,.24);background:#f9f2e9e0;color:#563f29c7}.game-shop-panel .shop-panel__empty{grid-column:1 / -1;display:grid;place-items:center;min-height:92px;padding:12px;border-radius:16px;border:1px dashed rgba(141,171,193,.3);background:#ffffff61;text-align:center}@media (max-width: 760px){.game-shop-panel .shop-panel__section-copy{font-size:11px}.game-shop-panel .shop-panel__section-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.game-shop-panel .shop-panel__offer{min-height:98px;padding:8px 7px 7px;border-radius:14px;gap:5px}.game-shop-panel .shop-panel__offer-swatch{width:28px;height:28px;border-radius:9px}.game-shop-panel .shop-panel__offer-name{font-size:10px}.game-shop-panel .shop-panel__offer-price{font-size:9px}.game-shop-panel .shop-panel__offer-badge,.game-shop-panel .shop-panel__offer-state{font-size:8px;padding:2px 5px}}.game-trade-panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;opacity:0;pointer-events:none;background:radial-gradient(circle at center,#ffffff2e,#15263438),linear-gradient(180deg,#c9e2f41f,#12222c2e);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .16s ease}.game-trade-panel-backdrop.is-open{opacity:1;pointer-events:auto}.game-trade-panel-backdrop[hidden],.game-trade-panel[hidden]{display:none!important}.game-trade-panel{position:absolute;left:50%;top:50%;z-index:24;width:min(92vw,920px);max-height:min(calc(var(--app-height) - 40px),680px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:18px;border-radius:28px;background:radial-gradient(circle at top left,rgba(255,232,201,.74),transparent 28%),radial-gradient(circle at bottom right,rgba(180,223,255,.4),transparent 30%),linear-gradient(180deg,#f8fcfffa,#e5eef7f5);border:1px solid rgba(115,144,176,.24);box-shadow:0 28px 54px #07151e3d,inset 0 1px #ffffff8f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform:translate(-50%,-48%) scale(.98);transition:opacity .16s ease,transform .16s ease;overflow:hidden}.game-trade-panel.trade-panel--pending{width:min(92vw,420px);max-height:none;grid-template-rows:auto minmax(0,1fr)}.game-trade-panel.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.game-trade-panel .trade-panel__topbar,.game-trade-panel .trade-panel__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-trade-panel .trade-panel__header,.game-trade-panel .trade-panel__body,.game-trade-panel .trade-panel__bottom-bar,.game-trade-panel .trade-panel__pending-actions{display:grid;gap:10px}.game-trade-panel .trade-panel__eyebrow{color:#4a7d9be6;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.game-trade-panel .trade-panel__title{color:#0f2230;font-size:28px;font-weight:900;letter-spacing:.03em}.game-trade-panel .trade-panel__pending-copy,.game-trade-panel .trade-panel__section-note,.game-trade-panel .trade-panel__detail-copy,.game-trade-panel .trade-panel__action-summary,.game-trade-panel .trade-panel__grid-empty,.game-trade-panel .trade-panel__bottom-summary{color:#2e4558bd;font-size:12px;line-height:1.45}.game-trade-panel .trade-panel__pending-card{width:min(100%,420px);margin:auto;align-self:center}.game-trade-panel .trade-panel__pending-card,.game-trade-panel .trade-panel__bottom-bar{padding:14px;border-radius:20px;border:1px solid rgba(142,173,196,.22);background:radial-gradient(circle at top right,rgba(193,226,255,.28),transparent 42%),linear-gradient(180deg,#ffffffb8,#f1f6fba8);box-shadow:inset 0 1px #fff9,0 10px 22px #2d465d14;min-height:0}.game-trade-panel .trade-panel__pending-title{color:#0f2230;font-size:18px;font-weight:900}.game-trade-panel .trade-panel__body,.game-trade-panel .trade-panel__pending-card{min-height:0}.game-trade-panel .trade-panel__body{min-height:0;overflow:hidden;display:grid;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.game-trade-panel .trade-panel__bottom-bar{padding:12px 14px 14px;border:1px solid rgba(135,166,191,.3);background:linear-gradient(180deg,#fafcfffa,#f3f8fcfa);box-shadow:inset 0 1px #ffffffe0,0 10px 22px #2d465d0f;align-content:start}@media (max-width: 760px){.game-trade-panel{width:min(96vw,430px);max-height:min(calc(var(--app-height) - 8px),98vh);gap:8px;padding:10px;border-radius:22px}.game-trade-panel .trade-panel__topbar{gap:4px}.game-trade-panel .trade-panel__eyebrow{font-size:10px;letter-spacing:.12em}.game-trade-panel .trade-panel__title{font-size:18px;letter-spacing:.01em}.game-trade-panel .trade-panel__body{min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-right:2px}.game-trade-panel .trade-panel__bottom-bar{gap:8px;padding:10px 12px 12px;max-height:none}.game-trade-panel .trade-panel__footer{gap:8px}.game-trade-panel .trade-panel__footer>*{flex:1 1 0;min-width:0}}.game-trade-panel .trade-panel__close,.game-trade-panel .trade-panel__primary,.game-trade-panel .trade-panel__secondary,.game-trade-panel .trade-panel__danger,.game-trade-panel .trade-panel__tiny-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid rgba(109,139,168,.24);color:#123040;font:inherit}.game-trade-panel .trade-panel__close,.game-trade-panel .trade-panel__primary,.game-trade-panel .trade-panel__secondary,.game-trade-panel .trade-panel__danger{min-width:92px;padding:10px 14px;border-radius:14px;font-size:13px;font-weight:800}.game-trade-panel .trade-panel__close,.game-trade-panel .trade-panel__secondary{background:linear-gradient(180deg,#ffffffd1,#e0e9f1e6)}.game-trade-panel .trade-panel__primary{background:linear-gradient(180deg,#6add84f5,#4ac467f0);color:#082410f5;border-color:#67c4766b}.game-trade-panel .trade-panel__danger{background:linear-gradient(180deg,#ffbca8f5,#f48970eb);color:#230a06f0;border-color:#f4897057}.game-trade-panel .trade-panel__primary:disabled,.game-trade-panel .trade-panel__secondary:disabled,.game-trade-panel .trade-panel__danger:disabled,.game-trade-panel .trade-panel__tiny-button:disabled{opacity:.48;cursor:not-allowed}.game-trade-panel .trade-panel__bottom-actions{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(116px,1fr))}.game-trade-panel .trade-panel__pending-actions{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 760px){.game-trade-panel .trade-panel__bottom-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.game-trade-panel .trade-panel__tiny-button,.game-trade-panel .trade-panel__bottom-actions .trade-panel__primary,.game-trade-panel .trade-panel__bottom-actions .trade-panel__secondary,.game-trade-panel .trade-panel__footer .trade-panel__primary,.game-trade-panel .trade-panel__footer .trade-panel__secondary{min-height:36px;padding:8px 6px;border-radius:10px;font-size:11px}}.game-trade-panel .trade-panel__shell,.game-trade-panel .trade-panel__section,.game-trade-panel .trade-panel__slot-grid{display:grid;gap:10px}.game-trade-panel .trade-panel__shell{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;height:100%;min-height:0;overflow:hidden;align-items:stretch}.game-trade-panel .trade-panel__section--local-offer{grid-area:local}.game-trade-panel .trade-panel__section--remote-offer{grid-area:remote}.game-trade-panel .trade-panel__section--bag{grid-area:bag}.game-trade-panel .trade-panel__section--detail{grid-area:detail}.game-trade-panel .trade-panel__section{grid-template-rows:auto minmax(0,1fr);align-self:stretch;padding:14px;border-radius:20px;border:1px solid rgba(142,173,196,.22);background:radial-gradient(circle at top right,rgba(193,226,255,.28),transparent 42%),linear-gradient(180deg,#ffffffb8,#f1f6fba8);box-shadow:inset 0 1px #fff9,0 10px 22px #2d465d14;min-height:0}.game-trade-panel .trade-panel__section-title{color:#0f2230;font-size:18px;font-weight:900}.game-trade-panel .trade-panel__slot-grid{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;min-height:0;align-content:start;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-right:2px}.game-trade-panel .trade-panel__slot-grid--bag{grid-template-columns:repeat(5,minmax(0,1fr))}.game-trade-panel .trade-panel__tile{position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;display:grid;justify-items:center;gap:6px;min-height:92px;padding:10px 8px 8px;border-radius:18px;border:1px solid rgba(141,171,193,.22);background:linear-gradient(180deg,#ffffffc7,#e9f1f8b8);color:#0f2230;font:inherit;cursor:pointer;text-align:center;box-shadow:inset 0 1px #ffffffa6;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.game-trade-panel .trade-panel__tile:hover,.game-trade-panel .trade-panel__tile:active,.game-trade-panel .trade-panel__tile.is-selected{transform:translateY(-1px);border-color:#63a5dd75;box-shadow:inset 0 1px #ffffffbf,0 8px 18px #5a91c12e}.game-trade-panel .trade-panel__tile[data-rarity=uncommon]{border-color:#75ca7e6b}.game-trade-panel .trade-panel__tile[data-rarity=rare]{border-color:#62a0ef70}.game-trade-panel .trade-panel__tile[data-rarity=epic]{border-color:#c176e975}.game-trade-panel .trade-panel__tile-swatch{width:34px;height:34px;border-radius:10px}.game-trade-panel .trade-panel__tile-swatch--coin{display:grid;place-items:center;background:linear-gradient(135deg,#ffdd87fa,#eba436f5);color:#482a00f0;font-size:15px;font-weight:900}.game-trade-panel .trade-panel__tile-count{position:absolute;top:8px;right:8px;max-width:calc(100% - 12px);padding:2px 6px;border-radius:999px;background:#0f2230d1;color:#fffffff5;font-size:10px;font-weight:800;line-height:1.2}.game-trade-panel .trade-panel__tile-label{width:100%;overflow:hidden;color:#0f2230e6;font-size:11px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.game-trade-panel .trade-panel__grid-empty{display:grid;place-items:center;min-height:92px;padding:12px;border-radius:16px;border:1px dashed rgba(141,171,193,.3);background:#ffffff61;text-align:center}@media (max-width: 760px){.game-trade-panel .trade-panel__shell{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"local remote" "bag bag" "detail detail";grid-template-rows:minmax(112px,auto) minmax(168px,auto) minmax(180px,auto);gap:8px;height:auto;min-height:min-content;overflow:visible}.game-trade-panel .trade-panel__section{padding:10px;border-radius:16px}.game-trade-panel .trade-panel__section-title{font-size:14px}.game-trade-panel .trade-panel__slot-grid--offer{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-trade-panel .trade-panel__section--bag{grid-template-rows:auto minmax(132px,1fr)}.game-trade-panel .trade-panel__slot-grid--bag{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:132px;align-content:start;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.game-trade-panel .trade-panel__tile{min-height:70px;padding:7px 5px 6px;border-radius:14px;gap:4px}.game-trade-panel .trade-panel__tile-swatch{width:28px;height:28px;border-radius:8px}.game-trade-panel .trade-panel__tile-count{top:6px;right:6px;padding:2px 5px;font-size:9px}.game-trade-panel .trade-panel__tile-label{font-size:10px}.game-trade-panel .trade-panel__grid-empty{min-height:70px;border-radius:14px;font-size:11px;padding:8px}}.game-trade-panel .trade-panel__detail-card,.game-trade-panel .trade-panel__detail-text,.game-trade-panel .trade-panel__bottom-actions,.game-trade-panel .trade-panel__detail-actions,.game-trade-panel .trade-panel__action-dock{display:grid;gap:10px}.game-trade-panel .trade-panel__section--detail{grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.game-trade-panel .trade-panel__detail-card,.game-trade-panel .trade-panel__action-dock{padding:14px;border-radius:20px;border:1px solid rgba(142,173,196,.22);background:radial-gradient(circle at top right,rgba(193,226,255,.28),transparent 42%),linear-gradient(180deg,#ffffffb8,#f1f6fba8);box-shadow:inset 0 1px #fff9,0 10px 22px #2d465d14;min-height:0}.game-trade-panel .trade-panel__detail-card,.game-trade-panel .trade-panel__action-dock{background:linear-gradient(180deg,#ffffffd1,#eff5fac2)}.game-trade-panel .trade-panel__detail-card{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.game-trade-panel .trade-panel__detail-head{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center}.game-trade-panel .trade-panel__detail-swatch{width:56px;height:56px;border-radius:16px}.game-trade-panel .trade-panel__detail-swatch--coin{display:grid;place-items:center;background:linear-gradient(135deg,#ffdd87fa,#eba436f5);color:#482a00f0;font-size:15px;font-weight:900}.game-trade-panel .trade-panel__detail-title{color:#0f2230;font-size:18px;font-weight:900}.game-trade-panel .trade-panel__detail-subtitle{color:#486376e0;font-size:12px;font-weight:700}.game-trade-panel .trade-panel__detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start}.game-trade-panel .trade-panel__detail-actions .trade-panel__section-note{grid-column:1 / -1}.game-trade-panel .trade-panel__action-dock{position:relative;z-index:1;overflow:hidden;border-color:#87a6bf4d;background:linear-gradient(180deg,#fafcfffa,#f3f8fcfa);box-shadow:inset 0 1px #ffffffe0,0 10px 22px #2d465d0f;align-content:start}.game-trade-panel .trade-panel__action-dock .trade-panel__detail-actions{padding-bottom:0;border-bottom:0}.game-trade-panel .trade-panel__action-summary{min-height:20px}.game-trade-panel .trade-panel__action-dock .trade-panel__detail-actions:empty{display:none}.game-trade-panel .trade-panel__action-dock .trade-panel__tiny-button,.game-trade-panel .trade-panel__action-dock .trade-panel__primary,.game-trade-panel .trade-panel__action-dock .trade-panel__secondary{min-height:40px}.game-trade-panel .trade-panel__tiny-button{min-width:0;padding:9px 10px;border-radius:12px;background:#ffffffb8;font-size:12px;font-weight:800}@media (max-width: 760px){.game-trade-panel .trade-panel__detail-card,.game-trade-panel .trade-panel__action-dock{padding:10px;border-radius:16px}.game-trade-panel .trade-panel__section--detail{grid-template-rows:auto minmax(0,1fr);min-height:0}.game-trade-panel .trade-panel__detail-card{max-height:none;min-height:92px;overflow:hidden}.game-trade-panel .trade-panel__detail-head{grid-template-columns:42px minmax(0,1fr);gap:10px}.game-trade-panel .trade-panel__detail-swatch{width:42px;height:42px;border-radius:12px}.game-trade-panel .trade-panel__detail-title{font-size:16px}.game-trade-panel .trade-panel__detail-subtitle,.game-trade-panel .trade-panel__detail-copy,.game-trade-panel .trade-panel__action-summary,.game-trade-panel .trade-panel__bottom-summary{font-size:11px}.game-trade-panel .trade-panel__detail-copy{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}}.game-settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8999;background:radial-gradient(circle at center,#ffffff2e,#15263438),linear-gradient(180deg,#c9e2f41f,#12222c2e);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .16s ease}.game-settings-backdrop.is-open{opacity:1;pointer-events:auto}.game-settings-backdrop[hidden],.game-settings-panel[hidden]{display:none!important}.game-settings-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.98);z-index:9000;width:min(92vw,860px);max-height:min(calc(var(--app-height) - 32px),760px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;padding:18px;border-radius:28px;background:radial-gradient(circle at top left,rgba(255,232,201,.74),transparent 28%),radial-gradient(circle at bottom right,rgba(180,223,255,.4),transparent 30%),linear-gradient(180deg,#f8fcfffa,#e5eef7f5);border:1px solid rgba(115,144,176,.24);box-shadow:0 28px 54px #07151e3d,inset 0 1px #ffffff8f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;overflow:hidden}.game-settings-panel.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.game-settings-panel .settings-panel__header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.game-settings-panel .settings-panel__header-copy,.game-settings-panel .settings-panel__content,.game-settings-panel .settings-panel__grid,.game-settings-panel .settings-panel__group,.game-settings-panel .settings-panel__group-header,.game-settings-panel .settings-panel__group-body,.game-settings-panel .settings-panel__quick-grid,.game-settings-panel .settings-panel__block,.game-settings-panel .settings-panel__keybind-section,.game-settings-panel .settings-panel__keybind-grid{display:grid;gap:10px}.game-settings-panel .settings-panel__content{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-right:4px}.game-settings-panel .settings-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}.game-settings-panel .settings-panel__group{min-height:0;padding:14px;border-radius:22px;border:1px solid rgba(142,173,196,.22);background:radial-gradient(circle at top right,rgba(193,226,255,.28),transparent 42%),linear-gradient(180deg,#ffffffb8,#f1f6fba8);box-shadow:inset 0 1px #fff9,0 10px 22px #2d465d14}.game-settings-panel .settings-panel__group--wide{grid-column:1 / -1}.game-settings-panel .settings-panel__group-title{color:#0f2230;font-size:18px;font-weight:900}.game-settings-panel .settings-panel__group-copy,.game-settings-panel .settings-panel__hint{color:#2e4558bd;font-size:12px;line-height:1.45}.game-settings-panel .settings-panel__block{gap:8px;padding:12px 14px;border-radius:18px;border:1px solid rgba(152,179,201,.18);background:linear-gradient(180deg,#ffffffa8,#f2f7fbc2)}.game-settings-panel .settings-panel__block-title{color:#4a7d9beb;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.game-settings-panel .settings-panel__eyebrow{color:#4a7d9be6;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.game-settings-panel .settings-panel__title{color:#0f2230;font-size:30px;font-weight:900;letter-spacing:.03em}.game-settings-panel .settings-panel__subtitle{color:#2e4558bd;font-size:13px;line-height:1.55}.game-settings-panel .settings-panel__close{min-width:92px;padding:10px 14px;border-radius:14px;border:1px solid rgba(109,139,168,.24);background:linear-gradient(180deg,#ffffffd1,#e0e9f1e6);color:#123040;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .1s}.game-settings-panel .settings-panel__close:hover{border-color:#63a5dd75;box-shadow:inset 0 1px #ffffffbf,0 8px 18px #5a91c12e}.game-settings-panel .settings-panel__close:active{transform:translateY(1px)}@media (max-width: 900px){.game-settings-panel{width:min(90vw,760px);max-height:min(calc(var(--app-height) - 24px),720px);gap:14px;padding:16px;border-radius:24px}.game-settings-panel .settings-panel__title{font-size:24px}.game-settings-panel .settings-panel__subtitle,.game-settings-panel .settings-panel__group-copy,.game-settings-panel .settings-panel__hint{font-size:11px}.game-settings-panel .settings-panel__grid{gap:10px}.game-settings-panel .settings-panel__group{padding:12px;border-radius:18px}.game-settings-panel .settings-panel__group-title{font-size:16px}}@media (max-width: 640px){.game-settings-panel{width:min(94vw,560px);max-height:min(calc(var(--app-height) - 16px),92vh);gap:12px;padding:12px;border-radius:18px}.game-settings-panel .settings-panel__title{font-size:18px}.game-settings-panel .settings-panel__subtitle,.game-settings-panel .settings-panel__group-copy,.game-settings-panel .settings-panel__hint{font-size:10px}.game-settings-panel .settings-panel__grid{grid-template-columns:1fr;gap:8px}.game-settings-panel .settings-panel__group,.game-settings-panel .settings-panel__block{padding:10px;border-radius:14px}.game-settings-panel .settings-panel__group-title{font-size:15px}}.game-settings-panel .settings-panel__quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-settings-panel .settings-panel__quick-grid--support{grid-template-columns:repeat(2,minmax(0,1fr))}.game-settings-panel .settings-panel__quick-button{display:grid;justify-items:start;gap:4px;min-height:86px;padding:12px 13px;border-radius:18px;border:1px solid rgba(141,171,193,.22);background:linear-gradient(180deg,#ffffffc7,#e9f1f8b8);color:#0f2230;transition:transform .12s ease,border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.game-settings-panel .settings-panel__quick-button:hover,.game-settings-panel .settings-panel__quick-button:active,.game-settings-panel .settings-panel__quick-button.is-active{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffbf,0 8px 18px #5a91c12e}.game-settings-panel .settings-panel__quick-button--style:hover,.game-settings-panel .settings-panel__quick-button--style:active{border-color:#75ca7e6b;background:#7ddf8a14}.game-settings-panel .settings-panel__quick-button--sound:hover,.game-settings-panel .settings-panel__quick-button--sound:active{border-color:#63a5dd6b;background:#66abe614}.game-settings-panel .settings-panel__quick-button--fps:hover,.game-settings-panel .settings-panel__quick-button--fps:active{border-color:#a0ffd661;background:#73e0bc14}.game-settings-panel .settings-panel__quick-button--craft:hover,.game-settings-panel .settings-panel__quick-button--craft:active,.game-settings-panel .settings-panel__quick-button--craft.is-active{border-color:#ffd88f7a;background:#382610b8}.game-settings-panel .settings-panel__quick-button--craft.is-ready{border-color:#ffd88f9e;box-shadow:0 0 0 1px #ffd88f1a,0 14px 30px #422e0e33}.game-settings-panel .settings-panel__quick-button--sound.is-muted,.game-settings-panel .settings-panel__quick-button--fps.is-muted{border-color:#e87e7e57;background:#ffcbcb66}.game-settings-panel .settings-panel__quick-label{color:#4a7d9be0;font-size:11px;font-weight:800;letter-spacing:.05em}.game-settings-panel .settings-panel__quick-value{color:#0f2230;font-size:15px;font-weight:900}@media (max-width: 900px){.game-settings-panel .settings-panel__quick-button{min-height:78px;padding:10px 12px;border-radius:16px}.game-settings-panel .settings-panel__quick-label{font-size:10px}.game-settings-panel .settings-panel__quick-value{font-size:13px}}@media (max-width: 640px){.game-settings-panel .settings-panel__quick-grid{gap:5px}.game-settings-panel .settings-panel__quick-button{min-height:68px;padding:8px 9px;border-radius:12px}.game-settings-panel .settings-panel__quick-label{font-size:8px}.game-settings-panel .settings-panel__quick-value{font-size:11px}}.game-settings-panel .settings-panel__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.game-settings-panel .settings-panel__option{padding:11px 8px;border-radius:14px;border:1px solid rgba(141,171,193,.22);background:linear-gradient(180deg,#ffffffd1,#e0e9f1e6);color:#123040;font-size:12px;font-weight:800;transition:transform .12s ease,border-color .12s ease,background-color .12s ease}.game-settings-panel .settings-panel__option:hover,.game-settings-panel .settings-panel__option:active,.game-settings-panel .settings-panel__option.is-active{transform:translateY(-1px);border-color:#63a5dd75;box-shadow:inset 0 1px #ffffffbf,0 8px 18px #5a91c12e}@media (max-width: 900px){.game-settings-panel .settings-panel__options{grid-template-columns:repeat(2,minmax(0,1fr))}.game-settings-panel .settings-panel__option{padding:9px 8px;border-radius:12px;font-size:11px}}@media (max-width: 640px){.game-settings-panel .settings-panel__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.game-settings-panel .settings-panel__option{padding:7px 5px;border-radius:10px;font-size:10px}}.game-settings-panel .settings-panel__keybind-section{gap:10px}.game-settings-panel .settings-panel__keybind-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-settings-panel .settings-panel__keybind-button{display:grid;justify-items:start;gap:5px;min-height:64px;padding:10px 12px;border-radius:14px;border:1px solid rgba(141,171,193,.22);background:linear-gradient(180deg,#ffffffc7,#e9f1f8b8);color:#0f2230;text-align:left;transition:transform .12s ease,border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.game-settings-panel .settings-panel__keybind-button:hover,.game-settings-panel .settings-panel__keybind-button:active,.game-settings-panel .settings-panel__keybind-button:focus-visible{transform:translateY(-1px);border-color:#63a5dd75;box-shadow:inset 0 1px #ffffffbf,0 8px 18px #5a91c12e}.game-settings-panel .settings-panel__keybind-button.is-listening{border-color:#ffd88fa8;background:#ffefccb8;box-shadow:0 0 0 1px #ffd88f24,0 16px 34px #cdaf6a2e}.game-settings-panel .settings-panel__keybind-label{color:#4a7d9be0;font-size:11px;font-weight:800;letter-spacing:.05em}.game-settings-panel .settings-panel__keybind-value{color:#0f2230;font-size:15px;font-weight:900}@media (max-width: 900px){.game-settings-panel .settings-panel__keybind-grid{gap:6px}.game-settings-panel .settings-panel__keybind-button{min-height:58px;padding:10px 11px;border-radius:12px}.game-settings-panel .settings-panel__keybind-label{font-size:9px}.game-settings-panel .settings-panel__keybind-value{font-size:12px}}@media (max-width: 640px){.game-settings-panel .settings-panel__keybind-grid{grid-template-columns:minmax(0,1fr);gap:5px}.game-settings-panel .settings-panel__keybind-button{min-height:0;padding:6px 7px;border-radius:10px}.game-settings-panel .settings-panel__keybind-label{font-size:8px}.game-settings-panel .settings-panel__keybind-value{font-size:10px}}

/* Force social action controls to bottom-right to avoid HUD top-left fallback */
.hud-social-action-button,
.game-social-action-button,
.social-action-panel{
  position: fixed !important;
  left: auto !important;
  right: max(18px, env(safe-area-inset-right)) !important;
  top: auto !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  z-index: 999 !important;
}

.social-action-button{
  position: fixed !important;
  left: auto !important;
  right: max(18px, env(safe-area-inset-right)) !important;
  top: auto !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  z-index: 999 !important;
}

.game-social-action-panel{
  width: auto !important;
  height: auto !important;
  transform-origin: center center !important;
}