/* Wayfarers is an intentionally isolated full-viewport game. */
.wg-app,.wg-dialog { --wg-navy:#142b43; --wg-cream:#fff9e9; --wg-paper:#faf5e7; --wg-panel:#fffdf4; --wg-line:#d2cdbc; --wg-amber:#f6c447; --wg-ink:#152d45; --wg-muted:#506477; color:var(--wg-ink); font-family:Inter,system-ui,sans-serif; font-size:1rem; line-height:1.5; }
.wg-app { width:100%; height:100%; min-height:0; max-width:none; margin:0; padding:0!important; }
.wg-app [hidden] { display:none!important; }
.wg-app *,.wg-app *::before,.wg-app *::after { box-sizing:border-box; }
.wayfarers-guild-page #main .wayfarers-guild-masthead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.wg-game { position:relative; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto; width:100%; height:100%; min-width:0; min-height:0; margin:0 auto; background:var(--wg-paper); overflow:hidden; }
.wg-game>* { min-width:0; max-width:100%; }
.wg-stage { display:flex; flex-direction:column; min-height:0; overflow:auto; overscroll-behavior:contain; padding-bottom:12px; }
.wg-stage> :not(.wg-play) { flex-shrink:0; }
.wg-game:is([data-screen=trail],[data-screen=guild]) .wg-stage { overflow:hidden; padding-bottom:0; }
.wg-game h2,.wg-game h3,.wg-game h4,.wg-dialog h2,.wg-dialog h3 { color:var(--wg-ink); font-family:ui-monospace,'Cascadia Mono',monospace; font-weight:800; letter-spacing:-.025em; margin:0; line-height:1.3; }
.wg-game p,.wg-dialog p { margin:0; color:var(--wg-muted); }
.wg-app button,.wg-dialog button { font-family:inherit; cursor:pointer; touch-action:manipulation; }
.wg-app button,.wg-app summary,.wg-app input:not([type=checkbox]),.wg-app select,.wg-app .wg-exit { min-height:48px; }
.wg-app button { min-width:48px; }
.wg-app button:focus-visible,.wg-app a:focus-visible,.wg-app summary:focus-visible,.wg-app select:focus-visible,.wg-app textarea:focus-visible,.wg-app input:focus-visible { outline:3px solid #2878ad; outline-offset:3px; }
.wg-topline { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:2px 6px; align-items:center; padding:4px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left)); background:var(--wg-navy); color:var(--wg-cream); border-bottom:3px solid #274f70; }
.wg-exit { display:flex; align-items:center; justify-content:center; gap:5px; min-width:48px; color:var(--wg-cream); text-decoration:none; font-size:1.25rem; }
.wg-exit span { display:none; }
.wg-brand { font:800 1rem/1.2 ui-monospace,monospace; min-width:0; }
.wg-wallet { grid-column:1/-1; grid-row:2; display:flex; gap:4px 16px; align-items:center; justify-content:center; flex-wrap:wrap; min-width:0; }
.wg-resource { display:flex; flex-wrap:wrap; gap:5px; align-items:center; min-width:0; max-width:100%; font-size:.75rem; }
.wg-resource strong { min-width:0; overflow-wrap:anywhere; }
.wg-resource strong { font:800 1rem/1.2 ui-monospace,monospace; color:var(--wg-cream); }
.wg-resource-icon { display:flex; font-size:1.125rem; }
.wg-resource-name { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.wg-resource-rate { color:#d5e8f1; font:700 .75rem/1.2 ui-monospace,monospace; }
.wg-resource-rate:empty { display:none; }
.wg-utilities { display:flex; gap:0; }
.wg-icon-button { width:48px; min-height:48px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:0; border-radius:6px; padding:4px; background:transparent; color:inherit; font-size:1.375rem; }
.wg-icon-button span:not(.wg-icon) { font-size:.75rem; }
.wg-topline .wg-icon-button { color:var(--wg-cream); }
.wg-topline .wg-icon-button:hover { background:#29455e; }
.wg-icon { vertical-align:middle; image-rendering:pixelated; }
.wg-play { display:flex; flex-direction:column; flex:1; min-height:0; overflow:hidden; }
.wg-scene-column,.wg-controls-column { min-width:0; min-height:0; }
.wg-scene-column { position:relative; flex:1; overflow:hidden; background:#72bbee; }
.wg-scene { position:relative; background:#72bbee; margin:0; width:100%; height:100%; overflow:hidden; }
.wg-scene canvas { display:block; width:100%; height:100%; image-rendering:pixelated; }
.wg-scene-error { position:absolute; inset:auto 0 0; padding:8px; background:var(--wg-paper); color:var(--wg-ink); font-size:.75rem; }
.wg-game .wg-activity { position:absolute; left:7%; bottom:26%; max-width:70%; padding:4px 8px; border:2px solid #f4edce; background:var(--wg-navy); color:var(--wg-cream); font:700 .75rem/1.3 ui-monospace,monospace; box-shadow:2px 2px 0 #102b43; pointer-events:none; }
.wg-game[data-screen=guild] .wg-activity { display:none; }
.wg-opening-help { padding:6px 16px; text-align:center; font-size:.875rem; }
.wg-goal { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:0; padding:8px 10px; border:0; border-bottom:3px solid #b7a571; background:var(--wg-cream); }
.wg-goal-icon { display:none; }
.wg-goal-copy { flex:1; display:grid; grid-template-columns:minmax(0,1fr); gap:3px; min-width:100px; }
.wg-goal h2 { font-size:.875rem; }
.wg-goal progress { display:block; grid-row:3; width:100%; height:10px; min-width:0; border:0; border-radius:2px; overflow:hidden; background:#466370; accent-color:#5baf69; }
.wg-goal progress::-webkit-progress-bar { background:#466370; }
.wg-goal progress::-webkit-progress-value { background:#5baf69; }
.wg-goal progress::-moz-progress-bar { background:#5baf69; }
.wg-goal [data-goal-progress-text] { font-size:.75rem; color:var(--wg-ink); overflow-wrap:anywhere; }
.wg-goal-description { display:none; }
.wg-goal-controls { display:flex; align-items:center; flex-wrap:wrap; flex-shrink:0; gap:4px; max-width:100%; }
.wg-goal-controls:has(>[hidden]):not(:has(>:not([hidden]))) { display:none; }
.wg-goal-controls .wg-button { padding:6px; font-size:.75rem!important; }
.wg-compass { display:grid; place-items:center; width:48px; flex-shrink:0; background:#f4e7bd; border:1px solid #c6b887; border-radius:3px; font-size:1.125rem; }
.wg-controls-column { flex:0 1 auto; max-height:60%; overflow:auto; overscroll-behavior:contain; padding:6px 8px 8px; border-top:3px solid var(--wg-amber); background:var(--wg-navy); color:var(--wg-cream); }
.wg-action-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.wg-action { min-width:0; position:relative; padding:10px; border:1px solid var(--wg-line); background:var(--wg-panel); border-radius:8px; display:flex; flex-direction:column; }
.wg-action[data-selected=true] { border-color:#c19529; box-shadow:inset 0 0 0 1px #c19529; }
.wg-action[data-highlighted=true],.wg-guided { outline:3px dashed #b88717!important; outline-offset:3px; }
.wg-action[data-locked=true] { background:#efeee6; }
.wg-action-info { position:relative; width:100%; min-height:68px!important; display:flex; align-items:center; gap:8px; padding:0 0 18px; border:0; background:transparent; color:var(--wg-ink); text-align:left; }
.wg-item-icon { font-size:2rem; flex-shrink:0; display:flex; }
.wg-action-heading { display:flex; flex-direction:column; gap:3px; min-width:0; }
.wg-action-heading strong { font:800 .875rem/1.35 ui-monospace,monospace; overflow-wrap:anywhere; }
.wg-action-level { color:var(--wg-muted); font-size:.75rem; line-height:1.4; }
.wg-info-mark { position:absolute; right:0; bottom:0; font-size:.75rem; color:#365d78; text-decoration:underline; }
.wg-action-effect { font-size:.875rem; line-height:1.5; padding:8px 0; flex:1; }
.wg-action-footer { display:flex; flex-direction:column; align-items:stretch; gap:8px; margin-top:4px; }
.wg-action-cost { display:flex; flex-wrap:wrap; gap:6px; font:700 .75rem/1.5 ui-monospace,monospace; }
.wg-cost { display:inline-flex; align-items:center; gap:4px; overflow-wrap:anywhere; }
.wg-cost .wg-icon { font-size:1rem; }
.wg-button { border:1px solid #bb8d23; background:var(--wg-amber); color:var(--wg-ink); border-radius:6px; padding:10px 14px; font:800 .875rem/1.4 ui-monospace,monospace!important; }
.wg-button:hover:not(:disabled),.wg-compass:hover { background:#ffda75; }
.wg-button:disabled { background:#e8e5dd; border-color:#cbc7bd; color:#566979; cursor:default; }
.wg-buy { min-width:48px; font-size:1.25rem!important; }
.wg-buy[data-compact-label=true] { font-size:.875rem!important; }
.wg-action-reason { font-size:.75rem; line-height:1.5; padding-top:8px; }
.wg-action-reason:empty,.wg-action-effect:empty { display:none; }
.wg-room-selector { display:flex; gap:8px; overflow:auto; padding:8px 12px; border-bottom:1px solid var(--wg-line); }
.wg-room-selector button { display:flex; align-items:center; gap:5px; flex-shrink:0; padding:8px; border:1px solid var(--wg-line); background:var(--wg-paper); color:var(--wg-ink); border-radius:5px; font-size:.75rem; }
.wg-room-selector button[aria-pressed=true] { background:#f8e7b4; }
.wg-selected-room { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:2px 4px 6px; }
.wg-selected-room h2 { font-size:.875rem; color:var(--wg-cream); }
.wg-selected-room p { display:none; }
.wg-selected-room span { color:#c5d7e7; font-size:.6875rem; line-height:1.3; }
.wg-overview { height:100%; overflow:auto; overscroll-behavior:contain; padding:0; background:#5c4a35; }
.wg-overview>.wg-panel-heading { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.wg-overview>.wg-section,.wg-overview>.wg-details { margin:0; padding:12px; background:var(--wg-paper); }
.wg-panel-heading { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:8px; padding-bottom:12px; }
.wg-panel-heading h2,.wg-feature-panel>h2 { font-size:1.375rem; }
.wg-panel-heading p { font-size:.875rem; }
.wg-room-grid { display:flex; flex-direction:column; gap:0; }
.wg-room-tile { position:relative; flex-shrink:0; display:block; width:100%; min-width:0; aspect-ratio:2.6; padding:0; overflow:hidden; background:#5c4a35; color:var(--wg-cream); border:0; border-bottom:3px solid #2e251f; border-radius:0; text-align:left; }
.wg-room-tile:hover::after { border-color:#e1c46f; }
.wg-room-tile::after { content:""; position:absolute; inset:0; border:3px solid transparent; pointer-events:none; }
.wg-room-tile[aria-pressed=true]::after { border-color:var(--wg-amber); box-shadow:inset 0 0 0 1px #604721; }
.wg-room-tile:focus-visible { outline-offset:-6px; z-index:1; }
.wg-room-tile strong { position:absolute; left:5%; top:15%; max-width:44%; display:block; padding:3px 7px; border:2px solid #f6edd2; background:#112c44ed; font:800 .875rem/1.25 ui-monospace,monospace; }
.wg-room-tile canvas { position:absolute; inset:0; display:block; width:100%; height:100%; image-rendering:pixelated; }
.wg-room-tile small { position:absolute; left:5%; top:44%; max-width:45%; display:flex; align-items:center; gap:5px; padding:3px 6px; border:1px solid #d6dbc9; background:#112c44ed; color:var(--wg-cream); font:700 .6875rem/1.3 ui-monospace,monospace; overflow-wrap:anywhere; }
.wg-floor-flow { position:absolute; left:8%; bottom:8%; display:flex; align-items:center; gap:4px; padding:1px 5px; background:#102d44d9; color:var(--wg-amber); font-weight:800; }
.wg-floor-flow:empty { display:none; }
.wg-flow { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:0 0 12px; font-size:.75rem; }
.wg-flow>span { display:flex; align-items:center; gap:4px; }
.wg-flow .wg-icon { font-size:1.25rem; }
.wg-feature-panel { padding:12px; }
.wg-stage>.wg-feature-panel { padding-top:60px; }
.wg-panel-intro { padding:8px 0 16px; font-size:.875rem; }
.wg-section { margin-top:20px; padding-top:16px; border-top:1px solid var(--wg-line); }
.wg-section>h3 { font-size:1rem; margin-bottom:10px; }
.wg-section>p { font-size:.875rem; margin-bottom:12px; }
.wg-details { border-top:1px solid var(--wg-line); margin-top:16px; padding-top:4px; }
.wg-details summary { cursor:pointer; display:list-item; padding:12px 4px; font-size:.875rem; font-weight:700; }
.wg-details p { font-size:.875rem; padding-bottom:10px; }
.wg-text-button { border:0; padding:10px; color:#285776; background:transparent; text-decoration:underline; text-underline-offset:3px; font-size:.875rem; font-weight:700; }
.wg-mode-picker,.wg-subnav { display:flex; gap:8px; overflow:auto; }
.wg-mode-picker { margin:8px 0; }
.wg-subnav { gap:0; padding:0 6px; border-bottom:2px solid #bfb28b; background:#eae0c6; }
.wg-subnav button { border:0!important; border-radius:0!important; background:transparent!important; padding:6px 8px!important; font-size:.75rem!important; }
.wg-subnav button[aria-pressed=true] { box-shadow:inset 0 -3px #a7791d; color:#684610; }
.wg-mode-picker button,.wg-subnav button { display:flex; justify-content:center; align-items:center; gap:6px; flex:1; flex-shrink:0; min-width:max-content; border:1px solid var(--wg-line); border-radius:6px; padding:10px; font-size:.875rem; font-weight:700; color:var(--wg-ink); background:var(--wg-panel); }
.wg-mode-picker button[aria-pressed=true],.wg-subnav button[aria-pressed=true] { background:#f8e7b4; border-color:#b49035; }
.wg-assignments,.wg-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.wg-assignments label { border:1px solid var(--wg-line); border-radius:7px; padding:10px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; background:var(--wg-panel); }
.wg-assignment-portrait { font-size:2rem; }
.wg-app label { min-width:0; font-size:.875rem; }
.wg-app select,.wg-app input:not([type=checkbox]) { display:block; width:100%; padding:10px; border:1px solid #a1acb5; border-radius:5px; font:inherit; font-size:.875rem; background:var(--wg-panel); color:var(--wg-ink); }
.wg-plan-editor { display:grid; gap:16px; margin-top:16px; }
.wg-plan-status { padding:12px; margin-top:10px!important; background:#f4ecd5; border:1px solid #d4cba9; border-radius:6px; font-size:.875rem; }
.wg-queue-add { display:flex; align-items:end; flex-wrap:wrap; gap:8px; }
.wg-queue-add label { flex:1; }
.wg-plan-editor ol { margin:8px 0; padding-left:24px; font-size:.875rem; }
.wg-plan-editor li { padding:6px 0; }
.wg-plan-editor li button { margin-left:8px; }
.wg-loadout { border-top:1px solid var(--wg-line); padding:12px 0; }
.wg-loadout>div { display:flex; gap:8px; margin-top:8px; }
.wg-reset-row { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--wg-line); }
.wg-reset-row h4 { font-size:1rem; }
.wg-reset-row p,.wg-reset-row span { display:block; font-size:.875rem; margin-top:6px; }
.wg-record-row { display:flex; justify-content:space-between; gap:14px; padding:10px 0; border-bottom:1px solid var(--wg-line); font-size:.875rem; }
.wg-record-row strong { text-align:right; }
.wg-nav { position:static!important; z-index:3; display:flex; gap:8px; padding:6px 12px max(6px,env(safe-area-inset-bottom)); background:var(--wg-navy); color:var(--wg-cream); }
.wg-nav button { flex:1; display:flex; flex-direction:row; justify-content:center; align-items:center; gap:6px; padding:6px; border:0; border-radius:3px; background:transparent; color:var(--wg-cream); font-size:.875rem; font-weight:700; }
.wg-nav .wg-icon { font-size:1.5rem; }
.wg-nav button[aria-current=page] { color:var(--wg-amber); background:#233e58; box-shadow:inset 0 -3px var(--wg-amber); }
.wg-nav button:hover { background:#24415c; }
.wg-status { font-size:.75rem; padding:0 12px; }
.wg-status:not(:empty) { padding:10px 12px; border-top:1px solid var(--wg-line); }
.wg-warning { padding:12px; font-size:.875rem; background:#fff0c9; color:#72531a!important; border-bottom:1px solid #d9ad56; }
.wg-dialog { width:min(660px,calc(100vw - 16px)); max-width:none; height:min(820px,calc(var(--android-webview-height,100dvh) - 16px)); max-height:calc(var(--android-webview-height,100dvh) - 16px); margin:auto; overflow:hidden; padding:0; border:2px solid var(--wg-navy); border-radius:12px; background:var(--wg-paper); box-shadow:0 15px 80px #10253855; }
.wg-dialog[open] { display:grid; grid-template-rows:auto minmax(0,1fr) auto; }
.wg-dialog::backdrop { background:#112a43aa; }
.wg-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 12px; background:var(--wg-navy); color:var(--wg-cream); }
.wg-dialog-heading h2 { flex:1; font-size:1.125rem; color:var(--wg-cream); }
.wg-dialog-heading .wg-text-button { color:var(--wg-cream); }
.wg-sheet-scroll { overflow:auto; overscroll-behavior:contain; min-height:0; padding:16px; }
.wg-sheet-footer { display:flex; gap:8px; padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); border-top:1px solid var(--wg-line); background:var(--wg-panel); }
.wg-sheet-footer button { flex:1; min-width:0; overflow-wrap:anywhere; }
.wg-dialog[data-kind=room] .wg-sheet-scroll,.wg-dialog[data-kind=shop] .wg-sheet-scroll { padding:0; }
.wg-dialog[data-kind=room] .wg-activity,.wg-dialog[data-kind=room] .wg-opening-help { display:none; }
.wg-dialog h3 { font-size:1rem; margin:16px 0 8px; }
.wg-dialog p,.wg-dialog li { font-size:.875rem; line-height:1.6; }
.wg-dialog ul { margin:8px 0 14px; padding-left:22px; }
.wg-dialog-label { display:block; margin:16px 0 8px; }
.wg-dialog #wg-reset-confirm { width:100%; min-height:48px; padding:10px 12px; border:1px solid #718b9c; border-radius:6px; background:#112837; color:#fff3d7; font:700 16px/1.5 system-ui,sans-serif; }
.wg-dialog textarea { width:100%; height:120px; padding:10px; border:1px solid #a1acb5; border-radius:5px; background:var(--wg-panel); color:var(--wg-ink); font:.875rem/1.5 ui-monospace,monospace; }
.wg-dialog-actions { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
.wg-dialog .wg-dialog-notice { color:#74521c; margin:12px; }
.wg-inspect-icon { font-size:3rem; text-align:center; margin-bottom:16px; }
.wg-inspect-effect { font-size:1rem!important; color:var(--wg-ink)!important; }
.wg-inspect-cost { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:16px 0; font-weight:800; }
.wg-inspect-comparison { padding-top:12px; }
.wg-toggle { display:flex; justify-content:space-between; align-items:center; min-height:48px; gap:20px; margin:12px 0; }
.wg-toggle input { accent-color:#b58018; width:24px; height:24px; }
.wg-reward { color:#805514!important; font:800 1.25rem/1.4 ui-monospace,monospace!important; }
.wg-preview-requirements li[data-met=false] { color:#97461e; }
.wg-shop-wallet { display:flex; flex-wrap:wrap; gap:14px 26px; padding:12px; border:1px solid var(--wg-line); border-radius:7px; background:var(--wg-panel); }
.wg-shop-wallet div { display:flex; flex-direction:column; gap:4px; }
.wg-shop-wallet strong { font:800 1.5rem/1.2 ui-monospace,monospace; color:#805514; }
.wg-shop-wallet span,.wg-shop-note { font-size:.875rem; }
.wg-shop-note { margin-top:12px!important; }
.wg-pack-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
.wg-pack { display:flex; flex-direction:column; gap:8px; min-width:0; padding:12px; border:1px solid var(--wg-line); background:var(--wg-panel); border-radius:7px; }
.wg-pack strong { font:800 .875rem/1.3 ui-monospace,monospace; }
.wg-pack span { font-size:.75rem; color:var(--wg-muted); flex:1; }
.wg-pack .wg-button { width:100%; }
.wg-shop-controls { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.wg-shop-message { font-size:.875rem; margin-top:12px!important; }
.wg-game[data-banner=banner-moon] { --wg-amber:#a6c8f1; }
.wg-game[data-banner=banner-amber] .wg-topline { box-shadow:inset 0 -4px #dcaa43; }
.wg-teaching,.wg-return-summary { display:flex; align-items:start; gap:12px; max-height:min(35dvh,260px); overflow:auto; overscroll-behavior:contain; margin:12px; padding:12px; border:1px solid #d2bd7e; border-radius:8px; background:#fff2cf; }
.wg-teaching>span { font-size:1.5rem; }
.wg-teaching strong,.wg-return-summary h2 { font-size:1rem; }
.wg-teaching p,.wg-return-summary p,.wg-return-summary summary,.wg-return-summary li { font-size:.875rem; }
.wg-teaching button,.wg-return-summary>button { flex-shrink:0; margin-left:auto; }
.wg-return-summary>div { min-width:0; }
.wg-return-summary summary { padding:12px 0; cursor:pointer; }
.wg-discovery-dock { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding:12px; border-top:1px solid var(--wg-line); }
.wg-small-dock { display:flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--wg-line); border-radius:6px; background:var(--wg-panel); color:var(--wg-ink); font-size:.875rem; font-weight:700; }
.wg-relic-equipped { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid #bf9f50; border-radius:7px; margin:0 0 16px; background:#fff3ce; }
.wg-relic-equipped>.wg-icon { font-size:2rem; }
.wg-relic-equipped p { font-size:.875rem; margin-top:6px; }
.wg-discovery-ledger article { display:flex; gap:12px; padding:12px 0; border-bottom:1px solid var(--wg-line); }
.wg-discovery-ledger strong { font-size:.875rem; }
.wg-discovery-ledger p,.wg-discovery-ledger small { font-size:.75rem; }
.wg-find { position:absolute; z-index:8; left:12px; right:12px; bottom:88px; max-height:calc(100% - 120px); max-width:620px; margin:auto; display:grid; grid-template-rows:minmax(0,1fr) auto; background:var(--wg-panel); color:var(--wg-ink); border:3px solid #cfa44c; border-radius:10px; box-shadow:0 12px 55px #142b4360; animation:wg-find-arrival .4s ease-out; }
.wg-find-content { display:flex; gap:14px; overflow:auto; padding:16px; }
.wg-find-content>[data-find-icon] { font-size:2.5rem; flex-shrink:0; }
.wg-find-content>div { min-width:0; }
.wg-find[data-rarity=legendary] { border-color:#c39020; background:#fff2c8; }
.wg-find[data-rarity=epic] { border-color:#8977a6; }
.wg-find small { text-transform:uppercase; letter-spacing:.06em; font-size:.75rem; color:#79531b; }
.wg-find strong { display:block; font:800 1.125rem/1.4 ui-monospace,monospace; margin:6px 0; }
.wg-find p,.wg-find [data-find-reward] { font-size:.875rem; }
.wg-find-actions { display:flex; gap:8px; padding:12px; border-top:1px solid #cdbd91; background:var(--wg-panel); }
.wg-find-actions button { flex:1; }
.wg-caravan-heading { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.wg-caravan-heading>.wg-icon { font-size:2.75rem; }
.wg-caravan-payout { display:flex; flex-wrap:wrap; gap:16px; padding:16px 0 8px; justify-content:center; }
.wg-caravan-payout>span { display:flex; flex-direction:column; align-items:center; gap:6px; }
.wg-caravan-payout .wg-icon { font-size:1.5rem; }
.wg-caravan-payout small { color:var(--wg-muted); font-size:.75rem; }
.wg-caravan-benefit { text-align:center; padding:12px 0; font-weight:700; color:var(--wg-ink)!important; }
.wg-material-picker { margin:16px 0; font-size:.875rem; font-weight:700; }
.wg-material-picker>div { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.wg-material-picker button { display:flex; align-items:center; gap:6px; padding:8px 12px; border:1px solid var(--wg-line); border-radius:6px; background:var(--wg-panel); color:var(--wg-ink); font-size:.875rem; }
.wg-material-picker button[aria-pressed=true] { border-color:#ad7d11; background:#fae7b3; }
.wg-material-picker small { display:block; margin-top:8px; font-weight:400; color:var(--wg-muted); font-size:.75rem; }
.wg-collection-banner { display:flex; align-items:center; gap:12px; margin:12px 0; padding:12px; border:1px solid #ad955d; border-radius:8px; background:#fff0bb; }
.wg-collection-banner small { display:block; font-size:.75rem; }
.wg-resource-pulse { animation:wg-resource-pulse .55s ease-out; }
.wg-noscript { text-align:center; padding:20px; }
@keyframes wg-find-arrival { from { opacity:0; translate:0 14px; } to { opacity:1; translate:0 0; } }
@keyframes wg-resource-pulse { 40% { filter:brightness(1.5); } }
/* Main purchases stay compact; full explanations remain in the detail sheet. */
.wg-primary-actions { grid-template-columns:minmax(0,1fr); gap:4px; }
.wg-primary-actions .wg-action { display:grid; grid-template-columns:minmax(0,1fr) minmax(80px,34%); gap:0 8px; padding:6px; border:1px solid #365a77; border-radius:2px; background:#183650; color:var(--wg-cream); }
.wg-primary-actions .wg-action-info { grid-column:1; grid-row:1; min-height:38px!important; padding:0; gap:8px; color:var(--wg-cream); }
.wg-primary-actions button.wg-action-info { min-height:48px!important; }
.wg-primary-actions .wg-action-heading { flex-direction:row; flex-wrap:wrap; align-items:baseline; gap:2px 5px; }
.wg-primary-actions .wg-action-heading strong { font-size:.8125rem; }
.wg-primary-actions .wg-item-icon { font-size:2rem; }
.wg-primary-actions .wg-action-level { color:#c4d7e6; font-size:.6875rem; }
.wg-primary-actions .wg-info-mark { display:none; }
.wg-primary-actions button.wg-action-info .wg-info-mark { position:static; display:grid; place-items:center; flex-shrink:0; width:16px; height:16px; margin-left:auto; border:1px solid #95b5cf; border-radius:50%; color:#dbeaf4; font-size:0; text-decoration:none; }
.wg-primary-actions button.wg-action-info .wg-info-mark::after { content:"i"; font:700 11px/1 ui-monospace,monospace; }
.wg-game .wg-primary-actions .wg-action-effect { grid-column:1; grid-row:2; padding:0 0 1px 40px; color:#e5eff7; font-size:.75rem; line-height:1.35; }
.wg-primary-actions .wg-action-footer { grid-column:2; grid-row:1 / span 2; display:flex; flex-direction:row; align-items:center; gap:0; margin:0; min-width:0; }
.wg-primary-actions .wg-action-cost { align-content:center; justify-content:center; flex-direction:column; gap:2px; max-width:100px; min-height:48px; padding:4px 6px; border:1px solid #b38829; border-right:0; border-radius:3px 0 0 3px; background:#f4ce65; color:#142b43; font-size:.75rem; }
.wg-primary-actions .wg-action-cost:empty { display:none; }
.wg-primary-actions .wg-buy { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; width:100%; min-width:64px; min-height:48px; align-self:stretch; border-radius:3px; padding:6px 8px; font-size:.875rem!important; }
.wg-buy-costs { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:3px 8px; min-width:0; font:700 .75rem/1.3 ui-monospace,monospace; }
.wg-buy-costs:empty { display:none; }
.wg-primary-actions .wg-buy-costs .wg-cost-name { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.wg-primary-actions .wg-buy-costs .wg-cost { white-space:nowrap; }
.wg-buy-label { display:block; font-weight:800; }
.wg-scene-column>.wg-discovery-dock { position:absolute; top:8px; right:8px; z-index:4; display:flex; flex-wrap:wrap; justify-content:flex-end; max-width:calc(100% - 16px); gap:6px; padding:0; border:0; }
.wg-scene-column .wg-small-dock { justify-content:center; width:48px; min-height:48px; padding:6px; border:2px solid #eddb99; border-radius:3px; background:#142b43ed; color:var(--wg-cream); }
.wg-scene-column .wg-small-dock>span:not([data-finds-icon]):not([data-caravan-icon]) { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.wg-scene-column .wg-small-dock>[data-finds-icon],.wg-scene-column .wg-small-dock>[data-caravan-icon] { display:flex; font-size:1.5rem; }
.wg-game .wg-primary-actions .wg-action-reason { grid-column:1/-1; color:#c2d7e7; padding:3px 0 0 40px; font-size:.6875rem; line-height:1.3; }
.wg-more-upgrades { display:block; width:100%; min-height:48px; color:#d3e5f2; font-size:.75rem; text-decoration:none; }
.wg-controls-column>.wg-section,.wg-controls-column>.wg-details { padding:12px; margin:8px -8px -8px; background:var(--wg-paper); color:var(--wg-ink); }
.wg-controls-column>.wg-section+section,.wg-controls-column>.wg-details+section { margin-top:8px; }
@media(min-width:760px) {
  .wg-game { max-width:1100px; border-inline:3px solid #274f70; }
  .wg-topline { grid-template-columns:48px minmax(0,1fr) auto auto; }
  .wg-wallet { grid-column:auto; grid-row:auto; }
  .wg-play { display:grid; grid-template-columns:minmax(280px,1.2fr) minmax(300px,1fr); align-items:stretch; }
  .wg-controls-column { max-height:none; border-top:0; border-left:3px solid var(--wg-amber); padding:10px; }
  .wg-primary-actions .wg-action { padding:10px 8px; }
  .wg-scene-column { height:100%; }
  .wg-goal { padding-inline:16px; }
  .wg-goal-copy { grid-template-columns:minmax(0,1fr) auto; column-gap:16px; }
  .wg-goal progress { grid-column:1/-1; grid-row:2; }
  .wg-goal [data-goal-progress-text] { grid-column:2; grid-row:1; }
  .wg-feature-panel .wg-action-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .wg-nav { padding-inline:12%; }
}
@media(max-width:359px) {
  .wg-topline { padding-inline:4px; gap:2px 4px; }
  .wg-brand { font-size:.875rem; }
  .wg-action-list { gap:8px; }
  .wg-action { padding:8px; }
  .wg-goal { padding:6px; gap:4px; }
  .wg-goal h2 { font-size:.8125rem; }
  .wg-next-unlock { flex-basis:72px; }
  .wg-primary-actions .wg-action { gap:0 4px; padding:5px; }
  .wg-primary-actions .wg-item-icon { font-size:1.5rem; }
  .wg-primary-actions .wg-action-info { gap:5px; }
  .wg-primary-actions .wg-action-cost { max-width:88px; padding-inline:4px; font-size:.6875rem; }
  .wg-game .wg-primary-actions .wg-action-effect,.wg-game .wg-primary-actions .wg-action-reason { padding-left:29px; }
  .wg-primary-actions .wg-buy { padding-inline:6px; }
  .wg-room-tile strong { font-size:.8125rem; }
  .wg-flow { font-size:.75rem; }
}
@media(max-height:500px) and (orientation:landscape) {
  .wg-topline { grid-template-columns:48px minmax(0,1fr) auto auto; padding-block:0; }
  .wg-wallet { grid-column:auto; grid-row:auto; }
  .wg-play { display:grid; grid-template-columns:minmax(200px,1fr) minmax(280px,1fr); }
  .wg-controls-column { max-height:none; border-top:0; border-left:3px solid var(--wg-amber); }
  .wg-goal { padding-block:3px; }
  .wg-nav { padding-block:0; }
  .wg-nav button { padding-block:0; }
  .wg-dialog { height:calc(var(--android-webview-height,100dvh) - 8px); max-height:calc(var(--android-webview-height,100dvh) - 8px); }
  .wg-dialog-heading,.wg-sheet-footer { padding:4px 8px; }
  .wg-find { bottom:64px; max-height:calc(100% - 80px); }
}
@media(prefers-reduced-motion:reduce) { .wg-app *, .wg-app *::before,.wg-app *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
.wg-app[data-quiet=true] .wg-find,.wg-app[data-quiet=true] .wg-resource-pulse { animation:none!important; }
.wg-next-unlock { flex:0 1 92px; display:flex; align-items:center; border-left:1px solid #d3c8a7; padding-left:5px; font-size:.75rem; }
.wg-next-unlock button { display:flex; align-items:center; justify-content:center; gap:4px; width:100%; padding:4px; border:0; background:transparent; color:var(--wg-ink); }
.wg-next-unlock>[data-next-unlock-requirement],.wg-next-unlock>[data-next-unlock-effect] { display:none; }
.wg-next-unlock strong { font:800 .75rem/1.25 ui-monospace,monospace; overflow-wrap:anywhere; }
.wg-next-unlock>span { color:var(--wg-ink); }
.wg-game .wg-next-unlock p { font-size:.75rem; line-height:1.5; }
.wg-teaching-details { margin-top:8px; }
.wg-teaching-details summary { cursor:pointer; display:flex; align-items:center; }
.wg-teaching>[data-teaching-icon] { flex-shrink:0; }
.wg-teaching>div { min-width:0; }
.wg-teaching [data-open-teaching] { margin-left:0; }
.wg-action-info:not(button) { cursor:default; }
.wg-collection-summary { padding:12px; margin-bottom:12px; border:1px solid var(--wg-line); border-radius:7px; background:var(--wg-panel); } .wg-collection-summary h3 { font-size:1rem; } .wg-collection-summary p { font-size:.75rem; margin-top:6px; }
.wayfarers-guild-page #main.wg-app { height:var(--android-webview-height,100dvh)!important; max-height:var(--android-webview-height,100dvh)!important; overflow:hidden; }
.wg-brand { overflow-wrap:anywhere; }
.wg-icon-button>.wg-icon,.wg-nav .wg-icon { font-size:16px; }
.wg-long-goal { flex-basis:100%; font-size:.75rem; border-top:1px solid var(--wg-line); padding-top:8px; } .wg-goal-options { flex-basis:100%; grid-template-columns:repeat(2,minmax(0,1fr))!important; } .wg-goal-options .wg-action-info { min-height:48px!important; } .wg-goal-options .wg-item-icon { font-size:1.25rem; } .wg-goal-options .wg-action-effect { font-size:.75rem; }

/* The game owns a stable viewport. Unlocks change its contents, never its rows.
   Only lists and explicit detail sheets scroll; notices float over the world. */
.wg-game { --wg-tray:224px; grid-template-rows:56px minmax(0,1fr) 60px; max-width:640px; border:0; background:var(--wg-navy); }
.wg-game .wg-topline { grid-template-columns:48px minmax(0,1fr) auto; grid-template-rows:48px; padding:4px 8px; gap:4px; border-bottom:1px solid #34536b; }
.wg-brand { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.wg-game .wg-wallet { grid-column:2; grid-row:1; display:flex; flex-wrap:nowrap; justify-content:center; gap:14px; overflow:hidden; }
.wg-game .wg-resource { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; column-gap:5px; row-gap:0; flex:0 1 auto; }
.wg-game button.wg-resource { border:0; background:transparent; padding:2px 0; text-align:left; min-height:48px; }
.wg-record-row small { display:block; font-size:12px; font-weight:400; }
.wg-game .wg-resource-icon { grid-row:1 / 3; font-size:24px; }
.wg-game .wg-resource strong { font:800 16px/20px ui-monospace,monospace; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wg-game .wg-resource-rate { grid-column:2; font:500 11px/14px ui-monospace,monospace; text-align:left; white-space:nowrap; }
.wg-game .wg-wallet:not([data-count="1"]) { gap:8px; }
.wg-game .wg-wallet:not([data-count="1"]) .wg-resource-icon { font-size:16px; }
.wg-game .wg-wallet:not([data-count="1"]) .wg-resource strong { font-size:12px; }
.wg-game .wg-wallet:not([data-count="1"]) .wg-resource-rate { font-size:10px; }
.wg-game .wg-wallet[data-count="3"] { gap:4px; }
.wg-game .wg-wallet[data-count="3"] .wg-resource { column-gap:2px; }
.wg-game .wg-wallet[data-count="3"] .wg-resource strong { font-size:11px; }
.wg-game .wg-utilities { grid-column:3; }
.wg-topline .wg-icon-button>.wg-icon { font-size:22px; }
.wg-topline [data-open=shop] span:not(.wg-icon) { display:none; }
.wg-stage { position:relative; padding:0; }
.wg-goal { flex:0 0 64px!important; height:64px; min-height:64px; display:grid; grid-template-columns:minmax(0,1fr) 100px; gap:8px; padding:6px 12px; border-bottom:2px solid #c1ad70; flex-wrap:nowrap; }
.wg-game .wg-goal-copy { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:20px 16px 6px; gap:2px; min-width:0; }
.wg-game .wg-goal h2 { font:750 14px/20px system-ui,sans-serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wg-game .wg-goal [data-goal-progress-text] { grid-row:2; grid-column:1; font:500 11px/16px ui-monospace,monospace; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wg-game .wg-goal progress { grid-row:3; grid-column:1; height:6px; }
.wg-goal-controls { flex-wrap:nowrap; display:flex!important; justify-content:flex-end; gap:4px; min-width:100px; }
.wg-goal-controls [data-goal-direct] { width:48px; height:48px; min-width:48px; padding:0; font-size:0!important; position:relative; }
.wg-goal-controls [data-goal-direct]>* { display:none; }
.wg-goal-controls [data-goal-direct]::after { content:'\2192'; font:800 24px/1 system-ui,sans-serif; }
.wg-compass { background:transparent; border:0; }
.wg-compass .wg-icon { font-size:24px; }
.wg-info-symbol { display:grid; place-items:center; width:22px; height:22px; border:1.5px solid currentColor; border-radius:50%; font:700 14px/1 system-ui,sans-serif; }
.wg-game .wg-play { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) var(--wg-tray); }
.wg-game .wg-scene-column { height:auto; min-height:0; }
.wg-game .wg-controls-column { display:grid; grid-template-rows:48px minmax(0,1fr); gap:0; height:var(--wg-tray); max-height:none; padding:0 12px 12px; border:0; border-top:2px solid #34536b; overflow:hidden; }
.wg-dock-heading { display:flex; align-items:center; gap:8px; min-width:0; }
.wg-dock-heading strong { font:700 14px/1.2 system-ui,sans-serif; white-space:nowrap; }
.wg-dock-heading [data-dock-hint] { flex:1; color:#b9cbd9; font:400 11px/1.3 system-ui,sans-serif; text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wg-game .wg-more-upgrades { margin-left:auto; flex-shrink:0; width:48px; height:48px; min-height:48px; padding:0; text-decoration:none; color:var(--wg-cream); }
.wg-more-upgrades .wg-icon { font-size:24px; }
.wg-primary-actions { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:minmax(0,1fr); gap:8px; min-height:0; }
.wg-primary-actions[data-single=true] { grid-template-columns:minmax(0,280px); justify-content:center; }
.wg-game .wg-primary-actions .wg-action { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:48px 20px minmax(48px,1fr) 16px; gap:2px; min-width:0; padding:6px 8px; border:1px solid #d0bd81; border-radius:6px; background:var(--wg-cream); color:var(--wg-ink); overflow:hidden; }
.wg-game .wg-primary-actions .wg-action-info { grid-column:1; grid-row:1; min-height:48px!important; height:48px; padding:0; gap:7px; color:var(--wg-ink); }
.wg-game .wg-primary-actions .wg-action-heading { display:block; min-width:0; }
.wg-game .wg-primary-actions .wg-action-heading strong { display:block; font:750 14px/20px system-ui,sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wg-game .wg-primary-actions .wg-action-level { display:block; color:#546474; font:500 11px/16px ui-monospace,monospace; white-space:nowrap; }
.wg-primary-actions .wg-item-icon { flex-shrink:0; font-size:32px; }
.wg-game .wg-primary-actions button.wg-action-info .wg-info-mark { display:grid; width:16px; height:16px; margin-left:auto; border-color:#718696; color:#466073; }
.wg-game .wg-primary-actions .wg-action-effect { grid-column:1; grid-row:2; margin:0; padding:0; color:#395d46; font:650 12px/20px system-ui,sans-serif; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.wg-game .wg-primary-actions .wg-action-footer { grid-column:1; grid-row:3; margin:0; min-height:48px; }
.wg-game .wg-primary-actions .wg-buy { position:relative; flex-direction:row; justify-content:center; gap:8px; width:100%; height:100%; min-height:48px; padding:4px 6px; border:1px solid #ad8127; border-bottom:3px solid #ad8127; border-radius:4px; background:#f6c447; color:#17314a; overflow:hidden; }
.wg-game .wg-primary-actions .wg-buy:disabled { opacity:1; background:#e9e5d4; border-color:#c6bea7; color:#5a6a72; }
.wg-game .wg-primary-actions .wg-buy:disabled::before { content:''; position:absolute; inset:0 auto 0 0; width:var(--purchase-progress,0%); background:#e2cd8d; opacity:.5; pointer-events:none; }
.wg-game .wg-primary-actions .wg-buy>* { position:relative; z-index:1; }
.wg-primary-actions .wg-buy-costs { display:flex; flex-wrap:wrap; gap:2px 6px; justify-content:center; font-size:12px; line-height:16px; }
.wg-primary-actions .wg-buy-label { font-size:12px; }
.wg-primary-actions [data-action-type=buy] .wg-buy-label { font-size:0; }
.wg-primary-actions [data-action-type=buy] .wg-buy-label::after { content:'+'; font:800 22px/1 system-ui,sans-serif; }
.wg-game .wg-primary-actions .wg-action-reason { display:block; grid-column:1; grid-row:4; min-height:16px; padding:0; color:#52646c; font:500 10px/16px system-ui,sans-serif; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.wg-primary-actions .wg-action[data-ready=true] .wg-action-reason { color:#426a36; }
.wg-game .wg-activity { left:12px; bottom:12px; border:0; border-radius:4px; padding:4px 8px; max-width:calc(100% - 24px); font:500 11px/16px system-ui,sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wg-game:is([data-early=true]) .wg-activity { display:none; }
.wg-game .wg-nav { display:flex; justify-content:center; gap:0; height:60px; padding:0 8px; border-top:1px solid #34536b; }
.wg-game .wg-nav button { flex:1 1 0; max-width:180px; height:60px; padding:5px 4px; flex-direction:column; gap:4px; font:650 11px/14px system-ui,sans-serif; border-radius:0; }
.wg-game .wg-nav .wg-icon { font-size:22px; }
.wg-game .wg-nav button[aria-current=page] { background:transparent; box-shadow:inset 0 3px var(--wg-amber); }
.wg-teaching,.wg-return-summary { position:absolute; z-index:7; top:120px; left:12px; right:12px; margin:0; max-height:min(45%,220px); padding:10px; gap:8px; border:1px solid #b49a53; border-radius:6px; box-shadow:0 4px 20px #142b4333; }
.wg-teaching { align-items:center; }
.wg-teaching>div { flex:1; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:8px; }
.wg-teaching strong { grid-column:1; font:750 13px/18px system-ui,sans-serif; }
.wg-teaching p { grid-column:1; font:450 11px/16px system-ui,sans-serif; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.wg-teaching [data-open-teaching] { grid-column:2; grid-row:1/3; padding:6px 8px; border:1px solid #b79541; background:#f6c447; border-radius:4px; text-decoration:none; color:#17314a; font-size:12px; }
.wg-teaching-details { display:none; }
.wg-teaching>[data-teaching-icon] { font-size:28px; }
.wg-teaching .wg-icon-button { margin:0; width:48px; min-width:48px; align-self:start; }
.wg-return-summary h2 { font:750 14px/20px system-ui,sans-serif; }
.wg-return-summary p,.wg-return-summary summary { font-size:12px; }
.wg-status { position:absolute; z-index:6; bottom:calc(var(--wg-tray) + 12px); left:16px; right:16px; width:fit-content; max-width:calc(100% - 32px); margin:auto!important; padding:8px 12px!important; border:0!important; border-radius:6px; background:#142b43ed; color:#fff9e9!important; font:500 12px/18px system-ui,sans-serif; pointer-events:none; opacity:0; max-height:60px; overflow:hidden; transition:opacity .2s; }
.wg-status[data-visible=true]:not(:empty) { opacity:1; }
.wg-warning { position:absolute; z-index:10; top:120px; left:12px; right:12px; margin:0; padding:8px 12px; max-height:120px; overflow:hidden; border:1px solid #d9ad56; border-radius:6px; font-size:12px; line-height:18px; pointer-events:none; }
.wg-game .wg-discovery-dock { position:absolute; top:auto; right:8px; bottom:8px; height:48px; align-items:start; flex-wrap:nowrap; border:0; padding:0; }
.wg-game .wg-discovery-dock .wg-small-dock { width:48px; height:48px; max-height:48px; flex:none; }
.wg-small-dock { padding:6px; font-size:11px; }
.wg-small-dock span:not(:first-child) { display:none; }
.wg-small-dock .wg-icon { font-size:24px; }
.wg-overview { display:flex; flex-direction:column; background:#72bbee url('/img/wayfarers-guild/living-trail.webp?v=7a796037857e') center bottom/cover no-repeat; padding-top:48px; }
.wg-room-grid { margin-top:auto; flex-shrink:0; }
.wg-subnav { position:absolute; z-index:2; top:64px; left:0; right:0; height:48px; }
.wg-feature-panel { padding:12px; }
.wg-feature-panel .wg-action-list,.wg-dialog .wg-action-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.wg-feature-panel .wg-action,.wg-dialog .wg-action { padding:8px; }
.wg-dialog .wg-action-info { gap:5px; }
.wg-dialog .wg-action-info .wg-item-icon { font-size:16px; }
.wg-dialog .wg-action-heading strong { font-size:12px; overflow-wrap:normal; }
.wg-feature-panel .wg-action-effect,.wg-dialog .wg-action-effect { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:12px; line-height:18px; padding:4px 0; }
.wg-panel-intro { font-size:12px; padding:4px 0 10px; }
.wg-has-help { position:relative; }
.wg-has-help>h2,.wg-has-help>h3,.wg-has-help>.wg-panel-heading { padding-right:44px; min-height:40px; }
.wg-has-help>.wg-context-help { position:absolute; top:0; right:0; width:48px; height:48px; border:0; background:transparent; color:#506477; display:grid; place-items:center; }
.wg-context-help span { display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; width:18px; height:18px; font:700 12px/1 system-ui,sans-serif; }
.wg-context-copy { display:none; }
.wg-action-heading strong { font-family:system-ui,sans-serif; font-size:14px; }
.wg-action-reason { font-size:11px; }
.wg-dialog { border-radius:12px 12px 0 0; margin:auto auto 0; width:min(640px,100%); height:min(720px,calc(var(--android-webview-height,100dvh) - 56px)); border:0; }
.wg-dialog[data-kind=testing-reset] { --wg-ink:#e4edf0; --wg-muted:#bdcfda; --wg-line:#3d5c70; --wg-panel:#142e40; --wg-paper:#102b3d; inset:50% 0 auto; transform:translateY(-50%); margin:0 auto; width:min(600px,calc(100% - 24px)); height:fit-content; max-height:calc(var(--android-webview-height,100dvh) - 16px); border:1px solid #597a8e; border-radius:12px; }
.wg-dialog[data-kind=testing-reset] .wg-sheet-scroll { padding:12px 16px 16px; }
.wg-dialog[data-kind=testing-reset] .wg-sheet-scroll p { margin:0 0 8px; color:#d2e0e6; }
.wg-dialog[data-kind=testing-reset] .wg-dialog-label { margin:10px 0 6px; color:#d2e0e6; }
.wg-dialog[data-kind=testing-reset] .wg-sheet-footer .wg-text-button { color:#d2e0e6; }
.wg-dialog[data-kind=testing-reset] .wg-button { color:#142b43; }
.wg-dialog-heading h2 { font-family:system-ui,sans-serif; font-size:16px; }
.wg-purchased { animation:wg-purchase .45s ease-out; }
@keyframes wg-purchase { 40% { border-color:#5f983f; box-shadow:inset 0 0 0 2px #7aad54; } }
.wg-app[data-quiet=true] .wg-purchased { animation:none; }
@media(max-width:359px) {
  .wg-game .wg-topline { padding-inline:4px; gap:0; }
  .wg-game .wg-wallet { gap:8px; }
  .wg-game .wg-resource strong { font-size:14px; }
  .wg-game .wg-resource-rate { font-size:10px; }
  .wg-game .wg-resource-icon { font-size:20px; }
  .wg-game .wg-controls-column { padding-inline:8px; }
  .wg-game .wg-primary-actions .wg-action { padding-inline:6px; }
  .wg-game .wg-primary-actions .wg-action-heading strong { font-size:12px; }
}
@media(max-height:550px) and (orientation:landscape) {
  .wg-game { max-width:1100px; --wg-tray:214px; grid-template-rows:52px minmax(0,1fr) 52px; }
  .wg-game .wg-topline { padding-block:2px; }
  .wg-game .wg-play { grid-template-columns:minmax(0,1fr) minmax(260px,40%); grid-template-rows:minmax(0,1fr); }
  .wg-game .wg-controls-column { height:100%; grid-template-rows:48px minmax(0,1fr); border-top:0; border-left:2px solid #34536b; padding-bottom:6px; }
  .wg-game .wg-primary-actions { align-content:start; }
  .wg-game .wg-primary-actions .wg-action { height:164px; grid-template-rows:48px 20px 48px 16px; }
  .wg-game .wg-nav,.wg-game .wg-nav button { height:52px; }
  .wg-goal { flex-basis:56px!important; min-height:56px; height:56px; padding-block:2px; }
  .wg-subnav { top:56px; }
  .wg-game[data-screen=guild] [data-guild-nav] { right:40%; }
  .wg-teaching,.wg-return-summary,.wg-warning { top:112px; right:42%; }
  .wg-status { bottom:8px; right:42%; }
}
.wg-game[data-expedition-mode=true] { display:block!important; position:relative; width:100%; max-width:480px; padding:0!important; overflow:hidden; background:#0b1d2c; }
.wg-game[data-expedition-mode=true]>:not(.wx-game):not(.wg-find) { display:none!important; }
.wx-game { --wx-ink:#0b1d2c; --wx-panel:#122c40; --wx-border:#34546a; --wx-muted:#adc3d0; --wx-gold:#ffd45d; display:grid; grid-template-rows:60px 58px minmax(0,1fr) 66px; height:100%; min-height:0; color:#fff3d7; background:var(--wx-ink); font:600 14px/1.3 system-ui,sans-serif; position:relative; isolation:isolate; }
.wx-game *, .wx-sheet * { box-sizing:border-box; }
.wx-game strong,.wx-sheet strong { font-weight:700; }
.wx-game [hidden], .wx-sheet [hidden] { display:none!important; }
.wx-game button, .wx-sheet button { font:inherit; color:inherit; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent; min-height:48px; border:1px solid #34546a; background:#163247; border-radius:6px; padding:8px 12px; }
.wx-game button:disabled,.wx-sheet button:disabled { cursor:default; color:#9bafba; background:#172c3a; border-color:#294353; }
.wx-game button:focus-visible,.wx-sheet button:focus-visible,.wx-sheet input:focus-visible { outline:3px solid #ffe380; outline-offset:-3px; }
.wx-game button:active:not(:disabled),.wx-sheet button:active:not(:disabled) { filter:brightness(1.22); }
.wx-game .wg-icon,.wx-sheet .wg-icon { font-size:22px; vertical-align:middle; }
.wx-header { display:flex; justify-content:space-between; gap:8px; padding:4px 8px; border-bottom:1px solid #30495a; min-width:0; }
.wx-currency-strip { position:relative; display:flex; flex:1; min-width:0; }
.wx-currency-rail { display:flex; align-items:center; flex:1; min-width:0; gap:4px; height:100%; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; overscroll-behavior-x:contain; touch-action:pan-x; scroll-padding:4px; }
.wx-currency-rail::-webkit-scrollbar { display:none; }
.wx-header .wx-currency { display:flex; align-items:center; gap:5px; flex:0 0 auto; min-width:76px; height:48px; padding:3px 7px; border:0; background:transparent; text-align:left; }
.wx-currency .wg-icon { flex-shrink:0; width:22px; }
.wx-currency>span:last-child { display:grid; gap:2px; min-width:0; }
.wx-currency strong { font:750 14px/18px ui-monospace,monospace; white-space:nowrap; }
.wx-currency small { color:#b4cad3; font-size:9px; line-height:12px; white-space:nowrap; }
.wx-header .wx-currency-more { flex:0 0 48px; width:48px; min-width:48px; height:48px; min-height:48px; padding:0; border:0; border-radius:0; background:linear-gradient(90deg,#0b1d2cbb,#0b1d2c 40%); font-size:25px; color:#ffdd83; }
.wx-currency-detail { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.wx-currency-detail .wg-icon { font-size:34px; }
.wx-currency-detail strong { font:750 24px/1.3 ui-monospace,monospace; }
.wx-funded { color:#c5dcb8; }
[data-wx-unseen] { position:relative; }
[data-wx-unseen]::after { content:''; position:absolute; top:5px; right:5px; width:7px; height:7px; border-radius:50%; background:#ffdd83; box-shadow:0 0 0 2px #122b3b; pointer-events:none; animation:wx-unseen-pulse 2.8s ease-in-out infinite; }
.wx-guild-tab[data-wx-unseen]::after { top:7px; right:7px; }
@keyframes wx-unseen-pulse { 0%,100% { opacity:1; box-shadow:0 0 0 2px #122b3b; } 50% { opacity:.75; box-shadow:0 0 0 4px #ffdd8330; } }
@media(prefers-reduced-motion:reduce) { [data-wx-unseen]::after { animation:none; } }
.wx-game[data-quiet=true] [data-wx-unseen]::after,.wx-sheet[data-quiet=true] [data-wx-unseen]::after { animation:none; }
.wx-header .wx-wallet { display:flex; align-items:center; gap:6px; padding:0 6px; border:0; background:transparent; min-width:0; text-align:left; }
.wx-wallet>span:last-child { display:grid; min-width:0; }
.wx-wallet strong { font:750 20px/24px ui-monospace,monospace; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wx-wallet small { font-size:10px; color:#aec2ca; white-space:nowrap; }
.wx-local-count { display:grid; align-content:center; justify-items:center; min-width:0; padding:0 3px; }
.wx-local-count small { font-size:10px; color:#adc5cf; }
.wx-local-count strong { font:650 13px/20px ui-monospace,monospace; white-space:nowrap; max-width:90px; overflow:hidden; text-overflow:ellipsis; }
.wx-utilities { display:flex; gap:2px; }
.wx-utilities button { width:48px; height:48px; padding:3px; background:transparent; border:0; }
.wx-objective { position:relative; display:flex; align-items:center; padding:0 10px 4px; border-bottom:1px solid #3a5664; min-width:0; }
.wx-objective>button { text-align:left; padding:3px 0; border:0; background:transparent!important; flex:1; min-width:0; }
.wx-objective>button:disabled { color:inherit; }
.wx-objective strong { display:block; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.wx-objective [data-wx-stage-name] { display:block; font-size:9px; letter-spacing:1.3px; text-transform:uppercase; color:#abc2cf; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wx-objective progress { position:absolute; bottom:0; left:0; width:100%; height:3px; border:0; appearance:none; background:#213a4e; }
.wx-objective progress::-webkit-progress-bar { background:#213a4e; }
.wx-objective progress::-webkit-progress-value { background:#ffcf59; }
.wx-objective progress::-moz-progress-bar { background:#ffcf59; }
.wx-checkpoints { display:flex; gap:5px; padding-left:8px; }
.wx-checkpoints span { width:11px; height:11px; border:2px solid #849caa; border-radius:50%; background:transparent; }
.wx-checkpoints span[data-complete=true] { border-color:#ffe285; background:#f4be42; }
.wx-play { min-height:0; display:grid; grid-template-rows:minmax(0,1fr) 160px; overflow:hidden; }
.wx-world { min-height:0; position:relative; overflow:hidden; background:#76a956; }
.wx-world canvas { width:100%; height:100%; display:block; image-rendering:pixelated; }
.wx-world-label { position:absolute; top:10px; left:10px; max-width:calc(100% - 20px); color:#fff5da; background:#102839e8; border-radius:4px; padding:5px 8px; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; pointer-events:none; }
.wx-world-label:empty { display:none; }
.wx-hotspots { position:absolute; inset:0; pointer-events:none; }
.wx-world-actions { position:absolute; left:10px; right:10px; bottom:10px; display:flex; justify-content:center; }
.wx-world-actions .wx-world-button { display:flex; align-items:center; gap:8px; box-shadow:0 3px 0 #07182380; background:#112b40ef; border:2px solid #779ab3; min-width:200px; max-width:100%; text-align:center; font-size:13px; }
.wx-world-button span:not(.wg-icon) { flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wx-world-actions .wx-gold { background:#ffd45d; border-color:#ffe894; color:#112b40; }
.wx-tray { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; padding:7px 8px; border-top:2px solid #3d5c70; background:#102638; }
.wx-tray[data-count="1"] { grid-template-columns:minmax(0,150px); justify-content:center; }
.wx-tray[data-count="2"] { grid-template-columns:repeat(2,minmax(0,150px)); justify-content:center; }
.wx-upgrade { display:grid; grid-template-rows:minmax(0,1fr) 48px; min-width:0; border:2px solid #355970; border-radius:7px; padding:3px; background:#152f43; }
.wx-upgrade[data-ready=true] { border-color:#f5cf64; box-shadow:0 0 0 1px #f5cf6420; }
.wx-upgrade .wx-upgrade-info { display:grid; justify-items:center; grid-template-columns:1fr; align-content:center; gap:1px; background:transparent; border:0; padding:0; width:100%; min-width:0; }
.wx-upgrade-info strong { max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px; line-height:16px; }
.wx-upgrade-info .wg-icon { font-size:21px; }
.wx-prop { width:42px; height:40px; display:block; background-size:400% 300%; background-repeat:no-repeat; image-rendering:pixelated; }
.wx-upgrade-info small { font:600 11px/14px ui-monospace,monospace; color:#b8cbd6; }
.wx-upgrade-info .wx-next-rate { font:600 10px/14px system-ui,sans-serif; color:#cdddba; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
.wx-game .wx-price, .wx-sheet .wx-price { min-height:48px; border-radius:4px; background:#f1c34f; color:#0e283c; border-color:#c89b32; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:3px 6px; padding:3px; font:750 13px/16px ui-monospace,monospace; }
.wx-price>span,.wx-confirm>span { display:inline-flex; align-items:center; gap:4px; white-space:nowrap; }
.wx-price .wg-icon,.wx-confirm .wg-icon { font-size:12px; }
.wx-game .wx-price:disabled,.wx-sheet .wx-price:disabled { background:#203e52; color:#b7c9d2; border-color:#304e60; }
.wx-nav { display:flex; justify-content:center; border-top:1px solid #355166; padding:0 8px; background:#0b1e2c; }
.wx-nav button { display:flex; flex-direction:column; align-items:center; justify-content:center; flex:1; max-width:170px; gap:2px; padding:3px 4px; border:0; background:transparent; border-radius:0; font-size:11px; color:#adc3d0; }
.wx-nav button { position:relative; min-width:48px; }
.wx-nav button>span:not(.wg-icon) { white-space:nowrap; }
.wx-nav [data-wx-attention] { position:absolute; top:5px; right:calc(50% - 20px); width:6px; height:6px; border-radius:50%; background:#ffdc73; }
.wx-nav button[aria-current=page] { color:#ffdc73; box-shadow:inset 0 2px #ffcd5b; }
.wx-nav .wg-icon { font-size:20px; }
.wx-destination { min-height:0; overflow:auto; overscroll-behavior:contain; padding:14px 12px 20px; background:linear-gradient(#18394f,#0c2232); }
.wx-upgrade-tools { position:sticky; top:-14px; z-index:2; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px; margin:-14px -12px 12px; padding:8px 12px 5px; background:#102b3d; border-bottom:1px solid #355366; }
.wx-upgrade-search { display:flex; align-items:center; gap:8px; border:1px solid #4a677c; border-radius:5px; background:#0b2131; padding:0 10px; }
.wx-upgrade-search .wg-icon { font-size:18px; flex-shrink:0; }
.wx-game .wx-upgrade-search input { min-width:0; width:100%; height:48px; padding:0; border:0; background:transparent; color:#fff3d7; font:500 14px system-ui,sans-serif; }
.wx-upgrade-search input::placeholder { color:#a7c0cf; }
.wx-filter-strip { display:flex; gap:5px; overflow-x:auto; scrollbar-width:thin; padding:5px 0; }
.wx-area-filters { grid-column:1/-1; }
.wx-game .wx-filter-trigger { align-self:center; min-width:60px; padding:6px; font-size:12px; }
.wx-game .wx-filter { flex:0 0 auto; min-width:48px; padding:7px 10px; min-height:48px; font-size:12px; white-space:nowrap; background:#15374a; }
.wx-game .wx-filter[aria-pressed=true] { color:#ffe19a; border-color:#f1cc6d; box-shadow:inset 0 -2px #f1cc6d; }
.wx-effect-filters { padding-top:0; }
.wx-effect-filters .wx-filter { font-size:11px; background:#112b3c; }
.wx-destination .wx-group { margin:12px 0; }
.wx-destination .wx-group h3 { color:#b5cbd6; font:650 11px/1.3 system-ui,sans-serif; text-transform:uppercase; letter-spacing:1px; margin:12px 0 6px; }
.wx-upgrade-list { display:grid; gap:5px; }
.wx-research-row { display:grid; grid-template-columns:minmax(0,1fr) 84px; gap:6px; padding:5px; border:1px solid #35576b; border-radius:6px; background:#163549; min-width:0; }
.wx-research-row[data-ready=true] { border-color:#88784b; }
.wx-game .wx-research-info,.wx-sheet .wx-research-info { display:flex; align-items:center; gap:9px; min-height:78px; padding:3px; min-width:0; border:0; background:transparent; text-align:left; }
.wx-research-info>.wg-icon { font-size:24px; flex:0 0 26px; }
.wx-research-info>span:not(.wg-icon) { display:grid; gap:3px; min-width:0; }
.wx-research-info strong { font-size:12px; line-height:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.wx-research-info strong small { color:#afc8d6; font-size:10px; }
.wx-research-effect { color:#c6d9bf; font-size:11px; line-height:15px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.wx-prerequisite { color:#c5b89a; font-size:10px; line-height:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wx-research-row>.wx-price { align-self:center; min-height:52px; max-width:100%; gap:3px; font-size:11px; }
.wx-research-row>.wx-price>span { gap:3px; }
.wx-area-links { display:flex; flex-wrap:wrap; align-items:center; gap:4px; color:#bed3dd; font-size:10px; }
.wx-area-links>span { display:inline-flex; gap:3px; align-items:center; }
.wx-area-links .wg-icon { font-size:13px!important; }
.wx-research-info .wx-link-name { display:none; }
.wx-area-links>b { font-size:12px; color:#f6d476; }
.wx-impact { display:grid; gap:4px; margin:14px 0; }
.wx-impact>div { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:5px 12px; padding:8px 0; border-bottom:1px solid #355367; }
.wx-impact>div>span { color:#afcbd9; font-size:12px; }
.wx-impact strong { color:#ddedbd; font:650 12px/1.5 ui-monospace,monospace; }
.wx-impact strong small { font-size:10px; }
.wx-choice .wx-choice-impact { width:100%; margin:0; text-align:left; }
.wx-choice-impact>div { flex-direction:column; align-items:flex-start; gap:2px; padding:5px 0; }
.wx-choice-impact>div>span { font-size:10px; }
.wx-choice-impact strong { font-size:11px; white-space:normal; overflow-wrap:anywhere; }
.wx-dependencies { list-style:none; margin:12px 0; padding:0; display:grid; gap:7px; }
.wx-dependencies li { display:flex; gap:8px; color:#c2cbd0; font-size:12px; }
.wx-dependencies li[data-met=true] { color:#b9d9bd; }
.wx-dependencies b { width:14px; flex-shrink:0; }
.wx-owned-toggle { width:100%; margin:12px 0; }
.wx-empty { color:#b4c9d4; text-align:center; font-size:12px; margin:30px 8px; }
.wx-world .wx-network-link { position:absolute; left:10px; top:44px; display:flex; align-items:center; gap:6px; min-height:48px; max-width:calc(100% - 20px); padding:5px 8px; background:#102839ed; border-color:#486777; font-size:11px; }
.wx-network-link>.wx-area-links { flex-shrink:0; }
.wx-network-link .wx-link-name { display:none; }
.wx-network-link>span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wx-world-actions { gap:6px; }
.wx-world-actions:has(>button:nth-child(2)) .wx-world-button { min-width:0; flex:1; padding-inline:8px; }
.wx-world-actions:has(>button:nth-child(2)) .wx-develop { flex:0 0 auto; min-width:86px; }
.wx-world-actions:has(>button:nth-child(2)) .wx-world-button .wg-icon { font-size:18px; }
.wx-connection { display:grid; gap:8px; padding:12px 0; border-bottom:1px solid #355367; }
.wx-connection>strong { font-size:14px; }
.wx-connection>span { font-size:12px; color:#bed1db; }
.wx-room-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:12px; }
.wx-game .wx-room { display:flex; flex-direction:column; align-items:center; min-height:112px; padding:9px 3px; gap:4px; min-width:0; border-width:2px; background:#183f53; }
.wx-room .wg-icon { font-size:29px; }
.wx-room strong { font-size:12px; }
.wx-room small { color:#adc3d0; font-size:10px; }
.wx-game .wx-menu,.wx-sheet .wx-menu { display:flex; align-items:center; gap:10px; width:100%; padding:10px; text-align:left; min-height:68px; margin:8px 0; background:#16354b; }
.wx-menu>span:not(.wg-icon) { display:grid; gap:4px; flex:1; min-width:0; }
.wx-menu strong { font-size:14px; }
.wx-menu small { color:#b5c8d3; font-size:11px; font-weight:400; }
.wx-menu>b { font-size:22px; color:#aac2d3; }
.wx-atlas-path { display:grid; gap:0; padding:0 0 6px; }
.wx-game .wx-atlas-stop { display:flex; gap:10px; align-items:center; text-align:left; width:100%; padding:12px 8px; border:0; border-bottom:1px solid #31526a; background:transparent; min-width:0; }
.wx-atlas-stop>span:not(.wg-icon):not(.wx-atlas-number) { display:grid; flex:1; gap:4px; min-width:0; }
.wx-atlas-stop strong { font-size:13px; }
.wx-atlas-stop small { font-size:11px; color:#b8d3c0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.wx-atlas-number { display:grid; place-items:center; border:1px solid #5c7d8e; border-radius:50%; width:24px; height:24px; font-size:11px; flex-shrink:0; }
.wx-atlas-stop>b { color:#e5cd78; }
.wx-sheet { --wx-ink:#0b1d2c; display:none; inset:auto 0 0; width:min(480px,100%); max-width:100%; max-height:calc(var(--android-webview-height,100dvh) - 28px); height:fit-content; padding:0; margin:0 auto; border:1px solid #456479; border-bottom:0; border-radius:16px 16px 0 0; background:#102b3d; color:#fff3d7; overflow:hidden; box-shadow:0 -10px 60px #0006; font:500 14px/1.5 system-ui,sans-serif; }
.wx-sheet[open] { display:flex; flex-direction:column; }
.wx-sheet:is([data-kind=choice],[data-kind=finale]) { top:50%; bottom:auto; transform:translateY(-50%); width:min(448px,calc(100% - 24px)); border:1px solid #597a8e; border-radius:12px; }
.wx-sheet::backdrop { background:#04121bbb; }
.wx-sheet>header { display:flex; align-items:center; gap:8px; padding:8px; flex-shrink:0; border-bottom:1px solid #355266; min-width:0; }
.wx-sheet>header h2 { color:inherit; font:750 17px/1.3 system-ui,sans-serif; flex:1; margin:0; overflow-wrap:anywhere; }
.wx-sheet>header button { width:48px; flex-shrink:0; padding:0; font-size:26px; border:0; background:transparent; }
.wx-sheet-content { padding:14px 14px max(20px,env(safe-area-inset-bottom)); min-height:0; overflow:auto; overscroll-behavior:contain; }
.wx-sheet-content>p { margin:4px 0 16px; }
.wx-sheet .wx-group { margin:18px 0 0; }
.wx-sheet .wx-group h3 { color:#adc5d1; font:650 11px/1.3 system-ui,sans-serif; text-transform:uppercase; letter-spacing:1px; margin:0 0 9px; }
.wx-group>.wx-button { margin-right:6px; margin-bottom:6px; }
.wx-catalog { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.wx-card { display:grid; grid-template-rows:minmax(68px,auto) 34px minmax(48px,auto); gap:5px; padding:6px; background:#17374a; border:1px solid #3b5a6e; border-radius:8px; min-width:0; }
.wx-card[data-ready=true] { border-color:#ac9858; }
.wx-card .wx-card-info { display:flex; flex-direction:column; align-items:center; gap:3px; min-width:0; background:transparent; border:0; padding:2px; }
.wx-card-info strong { font-size:12px; line-height:16px; text-align:center; overflow-wrap:anywhere; }
.wx-card-info small { font-size:10px; color:#c0d0da; }
.wx-card-effect { color:#b4c9d7; font-size:11px; line-height:16px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.wx-detail-hero { display:flex; flex-direction:column; align-items:center; gap:12px; padding:12px 0 18px; }
.wx-detail-hero .wg-icon { font-size:52px; }
.wx-detail-hero strong { color:#ffe195; }
.wx-effect { font-size:16px; color:#f5e9ca; }
.wx-muted { font-size:12px; color:#adc6d5; }
.wx-milestone { display:flex; gap:8px; align-items:center; margin:12px 0; padding:10px; background:#203e4b; border:1px solid #6e6a48; border-radius:7px; font-size:13px; }
.wx-sheet .wx-confirm { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:52px; background:#ffd267; border:1px solid #efc267; color:#143046; margin:12px 0 6px; font-weight:750; }
.wx-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.wx-sheet .wx-choice { display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; padding:12px 8px; min-height:120px; }
.wx-choice strong { font-size:14px; }
.wx-choice>span:not(.wg-icon) { font-size:12px; color:#bdcdd6; font-weight:400; }
.wx-choice small { color:#ffda73; }
.wx-sheet button[aria-pressed=true] { border-color:#ffd467; box-shadow:inset 0 0 0 1px #ffd467; }
.wx-roster-slots { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.wx-sheet .wx-portrait-slot { min-height:140px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; }
.wx-portrait-slot .wg-icon { font-size:34px; }
.wx-portrait-slot strong { font-size:12px; }
.wx-portrait-slot small { color:#abbfcc; font-size:10px; }
.wx-segments { display:flex; gap:5px; margin-top:9px; }
.wx-segments>button { flex:1; min-width:0; padding:6px 3px; font-size:12px; }
.wx-stockpile { display:grid; gap:2px; }
.wx-stockpile>div { display:flex; align-items:center; gap:10px; border-bottom:1px solid #355366; padding:12px 2px; }
.wx-stockpile>div>span:not(.wg-icon) { flex:1; }
.wx-stockpile small { display:block; font-size:11px; color:#afc8d4; }
.wx-stockpile strong { font-family:ui-monospace,monospace; }
.wx-checkpoint-list { padding:0; list-style:none; display:grid; gap:12px; }
.wx-checkpoint-list li { display:flex; gap:10px; color:#aec5d3; }
.wx-checkpoint-list li[data-done=true] { color:#ffe299; }
.wx-checkpoint-list b { width:20px; }
.wx-field { display:grid; gap:8px; }
.wx-field input { width:100%; min-height:48px; border:1px solid #6c8b9f; border-radius:5px; padding:8px; background:#0d2131; color:#fff3d7; }
.wx-row { display:flex; gap:8px; align-items:center; margin:8px 0; }
.wx-row>span { flex:1; }
.wx-journal-entry { display:grid; gap:5px; padding:14px 0; border-bottom:1px solid #355369; }
.wx-journal-entry strong { font-size:13px; }
.wx-journal-entry span { font-size:12px; color:#b2cbd9; }
.wx-toast { position:absolute; bottom:222px; left:50%; transform:translateX(-50%); padding:8px 12px; max-width:calc(100% - 24px); width:max-content; background:#102333f0; color:#ffe8ac; font-size:12px; border-radius:6px; pointer-events:none; opacity:0; transition:opacity .2s; box-shadow:0 2px 10px #0004; z-index:4; }
.wx-toast[data-visible=true] { opacity:1; }
.wx-game .wx-save-alert { position:absolute; z-index:6; top:118px; left:10px; right:10px; color:#172a3c; background:#ffdd8a; border-color:#ffdd8a; font-size:12px; }
.wx-purchased { animation:wx-pulse .35s ease-out; }
@keyframes wx-pulse { 40% { background:#567a58; box-shadow:0 0 12px #ffdc7780; } }
.wg-app[data-quiet=true] .wx-purchased { animation:none; }
.wg-game[data-expedition-mode=true] .wg-find { position:absolute; z-index:10; inset:50% 12px auto; transform:translateY(-50%); width:auto; max-height:85%; overflow:auto; box-shadow:0 0 0 100vmax #071926b3,0 6px 36px #0008; }
@media(max-width:359px) { .wx-game { grid-template-rows:56px 56px minmax(0,1fr) 62px; } .wx-objective strong { font-size:12px; } .wx-checkpoints { gap:4px; } .wx-checkpoints span { width:9px; height:9px; } .wx-tray { gap:5px; padding-inline:6px; } .wx-upgrade-info strong { font-size:11px; } .wx-game .wx-price { font-size:12px; } .wx-room-grid { gap:5px; } }
@media(max-height:550px) and (orientation:landscape) { .wg-game[data-expedition-mode=true] { max-width:900px; } .wx-game { grid-template-rows:52px 52px minmax(0,1fr) 52px; } .wx-play { grid-template-columns:minmax(0,1fr) minmax(250px,40%); grid-template-rows:1fr; } .wx-tray { align-items:center; border-top:0; border-left:1px solid #43627a; } .wx-upgrade { height:154px; } .wx-upgrade-info .wx-prop { width:30px; height:29px; } .wx-upgrade-info small { font-size:10px; line-height:13px; } .wx-upgrade-info .wx-next-rate { white-space:normal; max-height:28px; line-height:13px; text-align:center; } .wx-nav button { flex-direction:row; gap:6px; } .wx-toast { bottom:60px; } .wx-sheet { max-height:calc(100dvh - 12px); } .wx-network-link { top:8px!important; left:auto!important; right:8px; max-width:55%!important; } .wx-world-label { max-width:42%; } }
@media(prefers-reduced-motion:reduce) { .wx-purchased { animation:none; } .wx-toast { transition:none; } }
@media(max-height:550px) and (orientation:landscape) { .wx-upgrade-tools { grid-template-columns:minmax(170px,1fr) auto auto; align-items:center; padding-bottom:8px; } .wx-area-filters { grid-column:2; grid-row:1; padding:0; } .wx-game .wx-filter-trigger { grid-column:3; grid-row:1; } }
@media(max-height:430px) and (orientation:landscape) { .wx-world .wx-network-link { width:48px; min-width:48px; justify-content:center; } .wx-network-link>span { display:none; } .wx-network-link::before { content:'↔'; font-size:24px; line-height:1; } }

/* Area navigation and the bounded upgrade list share one stable phone frame. */
.wx-objective .wx-area-step { flex:0 0 48px; width:48px; height:48px; text-align:center; font-size:30px; padding:0; }
.wx-objective:has(.wx-area-step:not([hidden])) [data-wx-objective] { text-align:center; }
.wx-play { grid-template-rows:minmax(0,1fr) 240px; }
.wx-world canvas { touch-action:pan-y pinch-zoom; }
.wx-game .wx-world-label { min-height:48px; padding:7px 9px; max-width:calc(100% - 108px); text-align:left; pointer-events:auto; font-size:11px; }
.wx-world .wx-network-link { top:66px; max-width:calc(100% - 20px); }
.wx-game .wx-focus-trigger { position:absolute; top:10px; right:10px; display:flex; gap:5px; align-items:center; min-width:76px; height:48px; padding:4px 7px; color:#ffe0a3; background:#122d42ed; border-color:#8f825a; font-size:11px; }
.wx-focus-trigger>span:first-child { font-size:19px; }
.wx-focus-trigger>span:last-child { display:grid; gap:2px; }
.wx-focus-trigger small { color:#c7d8e2; font-size:10px; }
.wx-dock { display:grid; grid-template-rows:48px minmax(0,1fr); min-height:0; border-top:2px solid #3d5c70; background:#102638; overflow:hidden; }
.wx-dock-heading { display:flex; align-items:center; justify-content:space-between; padding:0 8px; gap:8px; min-width:0; }
.wx-dock-heading>strong { font-size:11px; color:#bcd0dc; text-transform:uppercase; letter-spacing:.7px; }
.wx-dock-heading>strong { min-width:0; margin-right:auto; white-space:nowrap; }
.wx-dock-heading [data-wx-tier-ready] { min-width:68px; min-height:48px; padding:5px 8px; font-size:12px; font-weight:750; color:#ffe19a; background:#2b3e42; border-color:#a39159; white-space:nowrap; }
.wx-nav [data-wx-tier-attention] { position:absolute; top:7px; right:calc(50% - 20px); width:7px; height:7px; border-radius:50%; background:#ffdc73; }
.wx-tier-link { border-color:#a39159; }
.wx-sheet:is([data-kind=tier],[data-kind=tiers]) { top:50%; bottom:auto; transform:translateY(-50%); width:min(440px,calc(100% - 24px)); border:1px solid #597a8e; border-radius:12px; }
.wx-tier-heading { display:flex; align-items:center; gap:12px; min-width:0; }
.wx-tier-heading>.wg-icon { flex:0 0 40px; font-size:34px; }
.wx-tier-heading>span { display:flex; flex-direction:column; min-width:0; }
.wx-tier-heading small,.wx-tier-ready-list .wx-menu small { color:#bed0d9; font-size:12px; }
.wx-tier-heading strong { color:#ffe19a; font-size:18px; line-height:1.3; }
.wx-tier-effect { margin:12px 0!important; color:#d8e5e9; font-size:13px; }
.wx-tier-tracks { display:grid; gap:8px; }
.wx-tier-tracks>div { display:flex; align-items:center; gap:10px; min-width:0; padding:8px; border:1px solid #36566b; border-radius:7px; background:#15374a; }
.wx-tier-tracks .wg-icon { flex:0 0 28px; font-size:24px; }
.wx-tier-tracks>div>span { display:flex; flex-direction:column; min-width:0; }
.wx-tier-tracks strong { font-size:14px; }
.wx-tier-tracks small { color:#bed0d9; font-size:12px; }
.wx-tier-actions { display:grid; grid-template-columns:minmax(80px,1fr) minmax(130px,1.5fr); gap:8px; }
.wx-sheet .wx-tier-actions .wx-confirm { margin:0; min-height:48px; }
.wx-sheet .wx-tier-later { min-height:48px; width:100%; margin:0; background:#193b50; color:#d5e4eb; }
.wx-tier-ready-list { display:grid; gap:8px; }
.wx-tier-ready-list .wx-menu { margin:0; }
.wx-dock-heading [data-wx-batch],.wx-game .wx-batch,.wx-sheet .wx-batch { min-width:84px; min-height:48px; padding:5px 9px; font-size:12px; background:#193b50; white-space:nowrap; }
.wx-dock .wx-tray { display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; gap:4px; padding:0 8px 10px; border:0; background:transparent; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; touch-action:pan-y; scrollbar-width:thin; scroll-padding:4px; }
.wx-tray:focus-visible { outline:2px solid #ffe380; outline-offset:-2px; }
.wx-dock .wx-upgrade { display:grid; grid-template-columns:minmax(0,1fr) 84px; grid-template-rows:1fr; gap:6px; min-height:58px; height:58px; flex:0 0 58px; padding:3px; border-width:1px; border-radius:5px; }
.wx-dock .wx-upgrade-info { display:flex; justify-content:flex-start; align-items:center; gap:5px; min-height:48px; padding:0 2px; text-align:left; }
.wx-dock .wx-upgrade-info .wx-prop { width:28px; height:28px; flex:0 0 28px; }
.wx-dock .wx-upgrade-info>.wg-icon { font-size:16px; }
.wx-track-copy { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:5px; row-gap:2px; min-width:0; flex:1; }
.wx-dock .wx-upgrade-info strong { font-size:12px; line-height:16px; }
.wx-dock .wx-upgrade-info [data-wx-rank] { font:500 11px/16px ui-monospace,monospace; white-space:nowrap; }
.wx-dock .wx-upgrade-info .wx-next-rate { grid-column:1/-1; text-align:left; font-size:11px; line-height:14px; max-height:14px; white-space:nowrap; }
.wx-dock .wx-price { width:84px; min-height:48px; font-size:12px; gap:1px 4px; }
.wx-price>.wx-batch-unavailable,.wx-confirm>.wx-batch-unavailable { display:block; font-size:11px; line-height:16px; text-align:center; }
.wx-quantity { width:100%; font:650 10px/12px system-ui,sans-serif; }
.wx-area-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.wx-sheet .wx-area-tile { position:relative; display:flex; flex-direction:column; align-items:center; gap:5px; padding:12px 6px; min-height:102px; text-align:center; min-width:0; }
.wx-area-tile strong { font-size:13px; }
.wx-area-tile small { font-size:10px; line-height:14px; color:#b8d3c5; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wx-new { position:absolute; top:5px; right:6px; font-size:9px; color:#ffe09c; }
.wx-next-discovery { display:flex; gap:10px; align-items:center; padding:13px 4px; margin-top:10px; border-top:1px solid #3b596c; }
.wx-next-discovery>span:not(.wg-icon) { display:grid; gap:4px; }
.wx-next-discovery strong { font-size:12px; }
.wx-next-discovery small { font-size:11px; color:#bbcbd2; }
.wx-batch-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(60px,1fr)); gap:7px; margin-bottom:12px; }
.wx-focus-summary { display:flex; align-items:center; gap:12px; margin:0 0 12px; }
.wx-focus-summary strong { font:750 23px ui-monospace,monospace; color:#ffdc93; }
.wx-focus-summary span { font-size:12px; color:#b8cdd6; }
.wx-focus-choices { display:grid; gap:8px; }
.wx-sheet .wx-focus-choice { display:flex; gap:10px; align-items:center; text-align:left; width:100%; padding:12px 8px; }
.wx-focus-choice>span:not(.wg-icon) { display:grid; gap:5px; flex:1; min-width:0; }
.wx-focus-choice strong { font-size:13px; }
.wx-focus-choice small { font-size:11px; color:#bed0d9; }
.wx-focus-choice>b { white-space:nowrap; color:#f6dca7; }
.wx-focus-choice .wx-impact { margin:4px 0; }
.wx-upgrade-tools:has(.wx-batch) { grid-template-columns:minmax(0,1fr) auto; }
.wx-upgrade-tools>.wx-batch { grid-column:2; grid-row:2; }
.wx-upgrade-tools:has(.wx-batch) .wx-area-filters { grid-column:1; min-width:0; }
.wx-game .wx-area-filter-trigger { display:none; }
.wx-sr-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.wx-guide { position:fixed; inset:0; width:100%; height:var(--android-webview-height,100dvh); max-width:none; max-height:none; padding:0; margin:0; border:0; overflow:hidden; background:transparent; color:#fff3d7; font:500 14px/1.45 system-ui,sans-serif; }
.wx-guide::backdrop { background:transparent; }
.wx-guide[data-interactive=true] { pointer-events:none; z-index:2147483000; box-sizing:border-box; }
.wx-guide[data-interactive=true] .wx-guide-shade path { pointer-events:visiblePainted; }
.wx-guide[data-interactive=true] .wx-guide-card { pointer-events:auto; }
.wx-guide[data-interactive=true]::backdrop { pointer-events:none; }
dialog.wx-guide-surface { position:fixed!important; inset:0!important; transform:none!important; margin:0!important; width:100%!important; max-width:none!important; height:var(--android-webview-height,100dvh)!important; max-height:none!important; border-radius:0!important; box-sizing:border-box; }
.wx-guide-shade { position:absolute; inset:0; width:100%; height:100%; fill:#04131ddd; pointer-events:none; }
.wx-guide-ring { position:absolute; border:3px solid #ffdb70; border-radius:6px; box-shadow:0 0 0 2px #081b2e; pointer-events:none; }
.wx-guide-card { position:absolute; display:flex; flex-direction:column; min-width:0; padding:14px; border:1px solid #7795a5; border-radius:12px; background:#122d40; box-shadow:0 5px 24px #0008; overflow:hidden; }
.wx-guide-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#bdd0d7; font-size:11px; line-height:16px; }
.wx-guide .wx-guide-meta [data-guide-settings] { flex:0 0 48px; width:48px; min-width:48px; height:48px; padding:0; border:0; background:transparent; font-size:24px; margin:-8px -8px -8px 0; }
.wx-guide-meta [data-guide-area] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wx-guide-meta [data-guide-count] { flex-shrink:0; white-space:nowrap; color:#ffe2a1; }
.wx-guide h2 { min-width:0; max-width:100%; overflow-wrap:anywhere; white-space:normal; color:#fff3d7; font:750 18px/1.25 system-ui,sans-serif; margin:7px 0 8px; }
.wx-guide-copy { min-height:0; overflow:auto; overscroll-behavior:contain; }
.wx-guide p { margin:0 0 9px; font-size:14px; line-height:1.45; color:#d9e7e8; }
.wx-guide .wx-guide-reward { color:#e7d598; font-size:12px; }
.wx-guide .wx-guide-quote { flex-shrink:0; margin:5px 0 0; color:#ffe2a1; font-size:12px; font-weight:700; white-space:pre-line; }
.wx-guide .wx-guide-recovery { color:#ffcf99; font-size:12px; }
.wx-guide footer { display:flex; gap:8px; flex-shrink:0; padding-top:9px; }
.wx-guide button { min-width:48px; min-height:48px; flex:1; padding:7px 9px; border:1px solid #728c9c; border-radius:5px; background:#193b50; color:#e6eceb; font:650 13px/1.2 system-ui,sans-serif; }
.wx-guide [data-guide-next] { border-color:#e6bd52; color:#102638; background:#ffd45d; }
.wx-guide button:disabled { opacity:.65; }
.wx-guide button:focus-visible { outline:3px solid #fff3ca; outline-offset:2px; }
.wx-guide :is(.wx-guide-ring,.wx-guide-reward,.wx-guide-recovery)[hidden] { display:none; }
.wx-guide-announcement { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.wx-guide[data-missing=true] .wx-guide-card { border-color:#c2a067; }
.wx-guide [hidden] { display:none!important; }
.wx-inbox-list .wx-menu small { max-width:100%; white-space:normal; }
.wx-guide-replay { margin-top:8px; }
.wx-arrival-target { outline:3px solid #ffe28a!important; outline-offset:-3px; }
.wx-sheet[data-kind=onboarding-notice] { inset:50% 0 auto; transform:translateY(-50%); width:min(420px,calc(100% - 20px)); max-height:calc(var(--android-webview-height,100dvh) - 28px); border:1px solid #68869a; border-radius:12px; }
.wx-sheet:is([data-kind=local],[data-kind=upgrade],[data-kind=inspect]) .wx-detail-hero { flex-direction:row; justify-content:flex-start; gap:10px; padding:0 0 8px; }
.wx-sheet:is([data-kind=local],[data-kind=upgrade],[data-kind=inspect]) .wx-detail-hero .wg-icon { font-size:28px; }
.wx-sheet:is([data-kind=local],[data-kind=upgrade],[data-kind=inspect]) .wx-effect { font-size:14px; }
.wx-purchase-footer { flex-shrink:0; padding:8px 12px max(10px,env(safe-area-inset-bottom)); border-top:1px solid #486575; background:#173548; }
.wx-purchase-summary { display:grid; gap:3px; padding-bottom:6px; font-size:12px; }
.wx-purchase-summary strong { font-size:12px; color:#e0e9df; }
.wx-purchase-summary small { font-size:11px; color:#c0d5dc; overflow-wrap:anywhere; }
.wx-purchase-controls { display:flex; gap:8px; }
.wx-purchase-controls .wx-batch { flex:0 0 auto; }
.wx-sheet .wx-purchase-controls .wx-confirm { min-width:0; flex:1; margin:0; }
.wx-toast { bottom:308px; }
.wx-utilities .wx-collection-shortcut { display:flex; flex-direction:column; justify-content:center; gap:1px; padding:3px; }
.wx-collection-shortcut>.wg-icon { width:23px!important; height:23px!important; font-size:23px; }
.wx-collection-shortcut small { font-size:10px; line-height:12px; }
.wx-nav [data-wx-guild-attention] { position:absolute; width:7px; height:7px; border-radius:50%; background:#ffdb81; top:8px; right:calc(50% - 20px); }
.wx-guild-tabs,.wx-deck-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; margin:0 0 10px; }
.wx-game .wx-guild-tab,.wx-deck-tab { min-width:0; min-height:48px; padding:6px; font-size:12px; }
.wx-guild-tab[aria-pressed=true],.wx-deck-tab[aria-pressed=true] { border-color:#e8c47c; background:#315362; color:#ffe8b3; }
.wx-collection-workbench { display:grid; gap:14px; min-width:0; }
.wx-collection-workbench section { min-width:0; }
.wx-deck-tab { display:grid; align-content:center; gap:3px; }
.wx-deck-tab strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
.wx-deck-tab small { font-size:10px; color:#bfd0d4; }
.wx-deck-heading,.wx-library-heading { display:flex; gap:8px; align-items:center; justify-content:space-between; margin:0 0 6px; }
.wx-deck-heading>span,.wx-library-heading>span { font-size:11px; color:#b9cbd4; }
.wx-library-heading h3,.wx-collection-intro h3 { margin:0; font-size:14px; color:#e5eee8; }
.wx-collection-workbench button { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.wx-deck-slot .wx-card-portrait { max-width:50px; }
.wx-small-button { flex:0 0 auto; min-width:48px; min-height:48px; padding:5px 8px; font-size:11px; }
.wx-deck-slots { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.wx-deck-slot,.wx-card-tile { display:flex; min-width:0; flex-direction:column; align-items:center; padding:6px; gap:5px; text-align:center; }
.wx-deck-slot>strong,.wx-card-tile>strong { width:100%; font-size:11px; line-height:14px; min-height:28px; overflow-wrap:anywhere; }
.wx-deck-slot>small,.wx-card-tile>small { font-size:10px; color:#c3d2d9; }
.wx-card-portrait { position:relative; display:flex; flex-shrink:0; width:100%; max-width:82px; aspect-ratio:3/4; align-items:center; justify-content:center; border:2px solid #76998f; background:linear-gradient(#2b4855,#162e3b); border-radius:3px; box-shadow:inset 0 0 0 3px #172c35; }
.wx-card-portrait .wg-icon { width:84%!important; height:auto!important; aspect-ratio:1; font-size:40px; }
.wx-card-portrait>small { position:absolute; bottom:3px; right:3px; max-width:calc(100% - 6px); background:#102637; padding:2px 3px; font:700 9px ui-monospace,monospace; text-transform:capitalize; white-space:nowrap; }
.wx-card-rank { position:absolute; top:3px; right:3px; background:#102637; padding:2px 3px; font:700 9px ui-monospace,monospace; }
.wx-card-portrait[data-rarity=rare],.wx-collection-hero[data-rarity=rare] { border-color:#72bfea; }
.wx-card-portrait[data-rarity=epic],.wx-collection-hero[data-rarity=epic] { border-color:#c29be9; }
.wx-card-portrait[data-rarity=legendary],.wx-collection-hero[data-rarity=legendary] { border-color:#ffd67d; }
.wx-card-portrait[data-rarity=empty] { border-style:dashed; opacity:.6; }
.wx-card-portrait[data-rarity=empty]>b { color:#d4e3e3; font:400 28px ui-monospace,monospace; }
.wx-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.wx-collection-intro { display:grid; justify-items:center; gap:10px; padding:18px 8px; text-align:center; }
.wx-collection-intro>.wg-icon { font-size:48px; width:48px; height:48px; }
.wx-collection-intro p { max-width:34ch; font-size:13px; line-height:1.5; margin:0; color:#bed2d9; }
.wx-collection-hero { display:flex; align-items:center; gap:10px; padding:8px; margin-bottom:10px; border:1px solid #6f958c; background:#18323f; border-radius:6px; }
.wx-collection-hero>.wg-icon { width:40px!important; height:40px!important; font-size:30px; flex-shrink:0; }
.wx-collection-hero>span:not(.wg-icon) { display:grid; min-width:0; gap:4px; }
.wx-collection-hero strong { font-size:15px; overflow-wrap:anywhere; }
.wx-collection-hero small { font-size:11px; color:#c5d1d8; }
.wx-sheet[data-kind=collection-result] .wx-collection-hero { border-width:2px; }
.wx-sheet[data-kind=collection-result] .wx-collection-hero[data-rarity=legendary] { background:linear-gradient(115deg,#49422a,#18323f); }
.wx-collection-inbox { margin-top:10px; }
.wx-gear-slots,.wx-gear-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-bottom:10px; }
.wx-gear-slot { display:flex; align-items:center; gap:7px; min-width:0; min-height:70px; padding:7px; text-align:left; }
.wx-gear-slot>.wg-icon { width:35px!important; height:35px!important; flex-shrink:0; font-size:30px; }
.wx-gear-slot>span:not(.wg-icon) { display:grid; min-width:0; gap:3px; }
.wx-gear-slot strong { font-size:11px; line-height:1.3; overflow-wrap:anywhere; }
.wx-gear-slot small { font-size:10px; color:#bfccd7; text-transform:capitalize; }
.wx-gear-tile { display:flex; flex-direction:column; align-items:center; gap:5px; padding:10px 7px; min-width:0; }
.wx-gear-tile>.wg-icon { width:58px!important; height:58px!important; font-size:48px; }
.wx-gear-tile>strong { font-size:12px; line-height:1.3; }
.wx-gear-tile>small { font-size:11px; color:#bccfd9; text-transform:capitalize; }
.wx-gear-attempts { display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:10px 0; font-size:12px; border-bottom:1px solid #496371; }
.wx-gear-attempts>span { color:#bfd1da; }
.wx-scroll-odds { display:flex; align-items:center; gap:12px; margin:10px 0; }
.wx-scroll-odds strong { font:700 28px ui-monospace,monospace; color:#ffe2a0; }
.wx-scroll-odds span { font-size:12px; color:#c0d2d9; }
.wx-scroll-list .wx-menu { width:100%; }
.wx-collection-earlier summary { min-height:48px; display:flex; align-items:center; cursor:pointer; font-size:12px; color:#cedfe3; }
.wx-sheet input[data-wx-deck-name] { min-height:48px; width:100%; background:#112837; color:#f0f2ea; border:1px solid #6c8797; padding:8px; }
@media(max-width:350px) {
  .wx-deck-slots { gap:4px; }
  .wx-deck-slot { padding:4px; }
  .wx-deck-slot>strong { font-size:10px; }
}
@media(min-width:650px) {
  .wx-collection-workbench { grid-template-columns:minmax(230px,.9fr) minmax(0,1.4fr); gap:18px; }
  .wx-card-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(min-height:551px),(orientation:portrait) {
  .wx-world { overflow:visible; z-index:0; }
  .wx-world canvas { height:calc(100% + 240px); }
  .wx-dock { position:relative; z-index:1; background:linear-gradient(180deg,#102638cc,#102638 85%); }
  .wx-dock[data-count="1"],.wx-dock[data-count="2"] { background:linear-gradient(180deg,transparent 0%,#10263822 30%,#102638cc 80%,#102638 100%); border-top:0; }
  .wx-dock[data-count="1"] .wx-dock-heading,.wx-dock[data-count="2"] .wx-dock-heading { position:absolute; left:0; right:0; height:48px; bottom:72px; }
  .wx-dock[data-count="2"] .wx-dock-heading { bottom:134px; }
  .wx-dock[data-count="1"] .wx-tray,.wx-dock[data-count="2"] .wx-tray { grid-row:2; justify-content:flex-end; }
}
@media(max-height:550px) and (orientation:landscape) {
  .wx-play { grid-template-rows:minmax(0,1fr); grid-template-columns:minmax(0,1fr) minmax(280px,39%); }
  .wx-dock { border-top:0; border-left:1px solid #43627a; }
  .wx-world .wx-network-link { top:66px!important; right:10px; left:auto!important; width:48px; min-width:48px; max-width:48px!important; justify-content:center; }
  .wx-network-link>span { display:none; }
  .wx-network-link::before { content:'↔'; font-size:24px; }
  .wx-game .wx-world-label { max-width:calc(100% - 106px); }
  .wx-world-actions { bottom:8px; }
  .wx-world-actions .wx-world-button { min-height:48px; }
  .wx-upgrade-tools,.wx-upgrade-tools:has(.wx-batch) { grid-template-columns:minmax(140px,1fr) auto auto auto; }
  .wx-area-filters,.wx-upgrade-tools:has(.wx-batch) .wx-area-filters { display:none; }
  .wx-game .wx-area-filter-trigger { display:block; grid-column:2; grid-row:1; font-size:12px; }
  .wx-game .wx-filter-trigger { grid-column:3; grid-row:1; }
  .wx-upgrade-tools>.wx-batch { grid-column:4; grid-row:1; }
  .wx-toast { bottom:58px; }
}
.wx-lesson-reference { display:grid; gap:6px; padding:12px 0; border-bottom:1px solid #304757; }
.wx-lesson-reference small { color:#b9cbd1; }
.wx-lesson-reference p { margin:0; }
.wx-world-label[data-arrived=true] { color:#fff0be; border-color:#e8ba52; box-shadow:inset 0 0 0 1px #e8ba52; }

/* Approved C: a living operation above three stable foundation tiles. */
.wx-game { --wx-ink:#081c2c; --wx-panel:#0d304e; --wx-border:#377da7; --wx-muted:#b8d1e9; --wx-gold:#ffd360; background:#081c2c; color:#eff4ff; }
.wx-header { background:#071c2e; border-bottom-color:#326d94; }
.wx-objective { padding-inline:12px; background:linear-gradient(110deg,#123d5c,#0b2943); border-bottom-color:#34769e; }
.wx-objective strong { font-size:21px; font-weight:800; letter-spacing:.2px; }
.wx-objective [data-wx-stage-name] { text-transform:none; letter-spacing:.3px; font-size:10px; }
.wx-objective progress::-webkit-progress-value { background:#46d5d4; }
.wx-game .wx-play { grid-template-rows:minmax(120px,1fr) 280px; }
.wx-game .wx-world { overflow:hidden; background:#0c2b44; }
.wx-game .wx-world canvas { height:100%; }
.wx-header .wx-currency { padding-right:16px; }
.wx-header .wx-currency[data-wx-unseen]::after { right:3px; top:4px; }
.wx-flow-strip { position:absolute; z-index:1; top:60px; bottom:calc(var(--wx-art-height,170px) + 36px); left:10px; right:10px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-content:center; gap:5px; pointer-events:none; }
.wx-flow-strip>div { position:relative; display:flex; flex-direction:column; align-items:center; gap:3px; min-width:0; padding:7px 2px; border-top:1px solid #3a7492; border-bottom:1px solid #3a7492; background:linear-gradient(#153d5688,#0c2945); }
.wx-flow-strip>div:not(:last-child)::after { content:'›'; position:absolute; right:-7px; top:50%; z-index:1; font:700 22px/1 system-ui; color:#ffd360; }
.wx-flow-strip .wg-icon { width:28px!important; height:28px!important; }
.wx-flow-strip strong { font:700 12px/15px system-ui,sans-serif; color:#cbeff8; }
.wx-flow-strip small { font:600 11px/14px system-ui,sans-serif; text-align:center; color:#fff0c2; }
.wx-flow-strip .wx-flow-queue { color:#adc8d9; font-weight:400; }
.wx-world:has([data-wx-world-label][hidden]) .wx-flow-strip { top:12px; }
.wx-game .wx-network-link { top:auto!important; bottom:38px; left:auto!important; right:8px!important; max-width:48px!important; width:48px; justify-content:center; padding:4px; background:#092135e8; }
.wx-game .wx-network-link>span { display:none; }
.wx-game .wx-network-link::before { content:'↔'; font-size:24px; line-height:1; }
@media(max-height:760px) and (orientation:portrait) { .wx-flow-strip { top:55px; } .wx-flow-strip>div { padding:3px 1px; gap:1px; } .wx-flow-strip .wg-icon { width:20px!important; height:20px!important; } .wx-flow-strip .wx-flow-queue { display:none; } }
@media(orientation:landscape) { .wx-flow-strip { display:none; } }
.wx-game .wx-dock { grid-template-rows:32px minmax(0,1fr) 58px; background:#09253c; border-top:1px solid #367ca5; padding:0 8px; }
.wx-game .wx-dock:has([data-wx-batch]:not([hidden])),.wx-game .wx-dock:has([data-wx-tier-ready]:not([hidden])) { grid-template-rows:48px minmax(0,1fr) 58px; }
.wx-game .wx-dock-heading { position:static; padding:0; height:auto; }
.wx-game .wx-dock-heading>strong { font-size:11px; letter-spacing:.6px; color:#b6d2e7; }
.wx-game .wx-dock .wx-tray { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:minmax(0,1fr); justify-content:stretch; align-items:stretch; padding:0; gap:7px; overflow:visible; }
.wx-game .wx-skill-tile { position:relative; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(88px,1fr) auto; gap:3px; min-width:0; min-height:158px; height:auto; padding:5px; border:1px solid #367fa8; border-radius:7px; background:linear-gradient(135deg,#164d72,#0b2945); box-shadow:inset 0 0 0 2px #0a2135; }
.wx-game .wx-skill-tile .wx-upgrade-info { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:0; min-height:80px; width:100%; text-align:center; background:transparent; border:0; }
.wx-game .wx-skill-tile .wx-upgrade-info strong { display:flex; align-items:center; justify-content:center; font-size:12px; line-height:15px; min-height:30px; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.wx-game .wx-skill-tile .wx-upgrade-info>.wg-icon { width:42px!important; height:42px!important; font-size:24px; }
.wx-game .wx-skill-tile .wx-upgrade-info>.wx-prop { width:42px; height:42px; }
.wx-game .wx-dock .wx-upgrade-info>.wg-icon,.wx-game .wx-dock .wx-upgrade-info>.wx-prop { width:64px!important; height:64px!important; }
.wx-game .wx-dock .wx-upgrade-info strong { font:700 13px/17px system-ui,sans-serif; min-height:17px; }
.wx-game .wx-skill-tile [data-wx-rank] { font:600 12px/16px system-ui,sans-serif; color:#c6e8f0; }
.wx-game .wx-skill-tile .wx-price { width:100%; min-height:48px; padding:4px 2px; font-size:12px; line-height:15px; border:1px solid #ecca66; background:linear-gradient(#236ea1,#164774); color:#fff3d8; border-radius:5px; box-shadow:inset 0 0 0 1px #0f324b; }
.wx-game .wx-skill-tile .wx-price:disabled { background:#33485b; color:#bbc9d5; border-color:#65839a; }
.wx-game .wx-skill-tile .wx-price .wg-icon { font-size:12px; }
.wx-game .wx-skill-tile[data-state="locked"] { background:linear-gradient(140deg,#16324a,#10273c); border-color:#46637a; }
.wx-game .wx-skill-tile[data-state="locked"] .wx-upgrade-info>.wg-icon,.wx-game .wx-skill-tile[data-state="locked"] .wx-upgrade-info>.wx-prop { filter:grayscale(1); opacity:.62; }
.wx-lock .wg-icon { display:inline-block; width:20px; height:20px; color:#d6e0e7; }
.wx-game .wx-requirements { display:grid; gap:3px; min-height:48px; width:100%; padding:3px 0; border:0; background:transparent; color:#bfcee5; font-size:10px; line-height:13px; text-align:left; }
.wx-skill-requirement { display:flex; align-items:center; gap:4px; min-width:0; }
.wx-skill-requirement>.wg-icon { width:21px!important; height:21px!important; flex:0 0 21px; }
.wx-skill-requirement>span { min-width:0; overflow-wrap:anywhere; }
.wx-skill-requirement b { display:block; color:#d5edfb; font:650 11px/14px system-ui,sans-serif; }
.wx-skill-requirement[data-met="true"] b { color:#80d8c3; }
.wx-skill-requirements { display:grid; gap:12px; margin:16px 0; }
.wx-skill-requirements .wx-skill-requirement { font-size:14px; }
.wx-game .wx-skill-tile[data-state="ready"] { border-color:#ffe181; box-shadow:inset 0 0 0 1px #ffe181,0 0 12px #efbf3b40; }
.wx-game .wx-skill-tile[data-state="ready"]::after { content:""; pointer-events:none; position:absolute; inset:3px; border:1px solid #ffe381; border-radius:5px; animation:wx-skill-ready 1.9s ease-in-out infinite; }
.wx-game .wx-skill-tile .wx-skill-unlock { background:linear-gradient(#ffe89a,#edb939); border-color:#ffe79b; color:#0b2237; font-weight:800; }
@keyframes wx-skill-ready { 0%,100% { opacity:.4; box-shadow:0 0 2px #ffd85b40; } 50% { opacity:1; box-shadow:0 0 13px #ffce5c90; } }
.wx-game[data-quiet="true"] .wx-skill-tile[data-state="ready"]::after { animation:none; opacity:.8; }
.wx-game .wx-world-actions { position:static; min-height:0; align-items:center; gap:7px; padding:4px 0; }
.wx-game .wx-world-actions .wx-world-button { min-width:0; flex:1; min-height:48px; height:48px; padding:5px 8px; border:1px solid #76a6c8; background:linear-gradient(#174868,#0b2c47); font-size:12px; }
.wx-game .wx-world-actions .wx-operation-button { border-color:#f1d17a; color:#ffe8a4; }
.wx-game .wx-world-actions .wx-gold { background:linear-gradient(#ffe598,#eabe51); color:#13243b; border-color:#fff0bb; }
.wx-game .wx-world-actions .wx-develop { min-width:86px; flex:0 0 auto; }
.wx-nav { gap:4px; padding:4px 8px; background:#071d30; border-top:1px solid #397a9c; }
.wx-nav button { border:1px solid #275a7c; border-radius:5px; background:linear-gradient(#153a54,#0b2136); font-size:12px; }
.wx-nav button[aria-current="page"] { box-shadow:inset 0 0 0 1px #edcc76; border-color:#efcc74; color:#fff1ca; background:linear-gradient(#344e58,#163148); }
.wx-destination { padding:8px 9px 18px; background:linear-gradient(#0c2b45,#071b2a); }
.wx-scope-tabs { display:grid; grid-template-columns:1fr 1fr; padding:3px; gap:3px; border:1px solid #327dae; border-radius:7px; background:#09243a; }
.wx-game .wx-scope-tab { min-height:48px; font-size:15px; background:transparent; border:1px solid transparent; color:#bbd2f4; border-radius:4px; }
.wx-game .wx-scope-tab[aria-pressed="true"] { background:linear-gradient(#1b7ab7,#115995); border-color:#65bee9; color:#fff; box-shadow:inset 0 0 0 1px #348fc1; }
.wx-skill-toolbar { display:flex; align-items:center; min-height:48px; gap:6px; }
.wx-skill-toolbar>strong { flex:1; color:#b4cee8; font-size:11px; font-weight:600; letter-spacing:.3px; }
.wx-game .wx-skill-filter { width:48px; min-width:48px; height:48px; min-height:48px; padding:4px; border:0; background:transparent; }
.wx-stage-roles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 0 7px; }
.wx-stage-roles>span { position:relative; display:flex; align-items:center; justify-content:center; gap:5px; color:#d8f1f6; min-width:0; font-size:12px; }
.wx-stage-roles>span:not(:last-child)::after { content:"→"; position:absolute; right:-10px; color:#ffd56f; }
.wx-stage-roles .wg-icon { font-size:16px; }
.wx-skill-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.wx-role-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.wx-role-column { display:flex; flex-direction:column; gap:7px; min-width:0; }
.wx-role-column>.wx-skill-tile { min-height:154px; flex:0 0 154px; }
.wx-destination .wx-group { margin:10px 0; }
.wx-destination .wx-group h3 { margin:9px 0 6px; color:#eaf2ff; font-size:13px; text-transform:none; letter-spacing:0; }
.wx-skill-module { margin-top:8px; border:1px solid #32719b; border-radius:5px; background:#0b2943; }
.wx-skill-module>summary { display:flex; align-items:center; gap:7px; min-height:48px; padding:5px 8px; list-style:none; cursor:pointer; }
.wx-skill-module>summary::-webkit-details-marker { display:none; }
.wx-skill-module>summary strong { flex:1; font-size:13px; }
.wx-skill-module>summary small { color:#bdd4e7; font-size:11px; }
.wx-skill-module>.wx-skill-grid { padding:0 5px 6px; }
.wx-operation-chain { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:8px 0; }
.wx-operation-chain>article { display:flex; flex-direction:column; align-items:center; gap:6px; min-width:0; padding:10px 5px; background:#10324b; border:1px solid #357ca2; border-radius:5px; text-align:center; }
.wx-operation-chain strong { font-size:13px; }
.wx-operation-chain small { color:#c0d8e7; font-size:11px; }
.wx-operation-chain progress { width:100%; height:7px; max-width:100%; accent-color:#52ced8; }
.wx-sheet .wx-fit-quantity { width:100%; min-height:48px; margin-top:6px; background:#17496c; border-color:#70add2; font-size:13px; }
.wx-operation-status { color:#c5dfea; font-size:12px; }
@media(max-width:359px) { .wx-game .wx-dock { padding-inline:6px; } .wx-game .wx-dock .wx-tray,.wx-skill-grid { gap:5px; } .wx-game .wx-skill-tile { padding:4px; } .wx-game .wx-skill-tile .wx-upgrade-info strong { font-size:11px; line-height:14px; } .wx-skill-requirement { gap:2px; } .wx-skill-requirement>.wg-icon { flex-basis:17px; width:17px!important; height:17px!important; } }
@media(max-height:550px) and (orientation:landscape) { .wx-game .wx-play { grid-template-rows:minmax(0,1fr); grid-template-columns:minmax(0,1fr) minmax(350px,43%); } .wx-game .wx-dock { grid-template-rows:24px minmax(0,1fr) 56px; } .wx-game .wx-dock:has([data-wx-batch]:not([hidden])),.wx-game .wx-dock:has([data-wx-tier-ready]:not([hidden])) { grid-template-rows:48px minmax(0,1fr) 56px; } .wx-game .wx-dock .wx-skill-tile { min-height:0; grid-template-rows:minmax(62px,1fr) 48px; } .wx-game .wx-dock .wx-upgrade-info { min-height:58px; gap:0; } .wx-game .wx-dock .wx-upgrade-info strong { min-height:16px; } .wx-game .wx-dock .wx-upgrade-info>.wg-icon,.wx-game .wx-dock .wx-upgrade-info>.wx-prop { width:26px!important; height:26px!important; } .wx-game .wx-dock .wx-requirements { font-size:9px; line-height:11px; } .wx-game .wx-dock .wx-requirements b { font-size:10px; line-height:11px; } .wx-game .wx-dock .wx-requirements .wg-icon { width:15px!important; height:15px!important; flex-basis:15px; } .wx-scope-tabs { position:sticky; top:-8px; z-index:2; } .wx-skill-toolbar { min-height:48px; } }
@media(prefers-reduced-motion:reduce) { .wx-game .wx-skill-tile[data-state="ready"]::after { animation:none; opacity:.8; } }
@media(max-height:550px) and (orientation:landscape) {
  .wx-destination:has(.wx-scope-tabs) { position:relative; }
  .wx-scope-tabs { width:calc(100% - 184px); margin-bottom:5px; padding:0; min-height:48px; }
  .wx-skill-toolbar { position:absolute; top:8px; right:9px; width:176px; justify-content:flex-end; }
  .wx-skill-toolbar>strong { display:none; }
  .wx-stage-roles { margin-bottom:5px; height:24px; }
  .wx-stage-roles .wg-icon { width:20px!important; height:20px!important; }
  .wx-role-column>.wx-skill-tile { min-height:140px; flex-basis:140px; }
}
/* Smaller phones may have fewer than 140 CSS pixels below the fixed chrome
   after rotation. Scroll the actual dock; never hide or shrink its controls. */
@media(max-height:340px) and (orientation:landscape) {
  .wx-game .wx-dock { grid-template-rows:24px 160px 56px; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; scroll-padding-block:5px; }
  .wx-game .wx-dock:has([data-wx-batch]:not([hidden])),.wx-game .wx-dock:has([data-wx-tier-ready]:not([hidden])) { grid-template-rows:48px 160px 56px; }
  .wx-game .wx-dock .wx-tray { min-height:160px; overflow:visible; }
}

/* Expanding stations: the accepted pixel world and its overlay upgrade drawer.
   Chrome never joins the world scroll, and the drawer never resizes the art. */
.wx-game[data-station-layout="true"] {
  --wx-ink:#061d31; --wx-panel:#082a43; --wx-border:#1b83b8;
  --wx-aqua:#27ece2; --wx-gold:#ffd858;
  grid-template-rows:56px 48px minmax(0,1fr) 66px;
  color:#eff7ff; background:#061d31;
}
.wx-game[data-station-layout="true"] .wx-header { padding:3px 7px; gap:2px; background:linear-gradient(#082b43,#031b2e); border-bottom:1px solid #2997c5; }
.wx-game[data-station-layout="true"] .wx-currency { min-width:67px; height:48px; padding:3px 5px; gap:5px; }
.wx-game[data-station-layout="true"] .wx-currency strong { font:750 16px/20px system-ui,sans-serif; }
.wx-game[data-station-layout="true"] .wx-currency small { display:none; }
.wx-game[data-station-layout="true"] .wx-currency-more { display:none!important; }
.wx-game[data-station-layout="true"] .wx-header .wx-wallet-trigger { display:flex; align-items:center; justify-content:center; gap:5px; min-width:75px; height:48px; padding:2px 4px; border:0; border-left:1px solid #2673a0; border-radius:0; background:transparent; color:#b6eaff; font-size:13px; }
.wx-wallet-trigger .wg-icon { font-size:22px; }
.wx-game[data-station-layout="true"] .wx-utilities button { width:48px; height:48px; }
.wx-game[data-station-layout="true"] .wx-objective { position:relative; z-index:3; padding:0 72px; border:0; background:#0b344ef5; }
.wx-game[data-station-layout="true"] .wx-objective strong { font:750 18px/24px system-ui,sans-serif; text-align:center; }
.wx-game[data-station-layout="true"] .wx-objective [data-wx-stage-name],.wx-game[data-station-layout="true"] .wx-objective progress { display:none!important; }
.wx-game[data-station-layout="true"] .wx-objective>button { text-align:center; min-height:48px; padding:0; }
.wx-game[data-station-layout="true"] .wx-objective .wx-area-step { position:absolute; top:0; left:26px; width:48px; height:48px; min-height:48px; font-size:32px; border-radius:4px; background:#042039e8!important; }
.wx-game[data-station-layout="true"] .wx-objective [data-wx-next] { left:auto; right:26px; }
.wx-game[data-station-layout="true"] .wx-play { position:relative; display:block; overflow:hidden; }
.wx-game[data-station-layout="true"] .wx-world { height:100%; overflow:hidden; background:#102b46; }
.wx-game[data-station-layout="true"] .wx-world>[data-wx-canvas],
.wx-game[data-station-layout="true"] .wx-world>.wx-flow-strip,
.wx-game[data-station-layout="true"] .wx-world>.wx-world-label,
.wx-game[data-station-layout="true"] .wx-world>.wx-network-link,
.wx-game[data-station-layout="true"] .wx-world>.wx-hotspots,
.wx-game[data-station-layout="true"] .wx-dock { display:none!important; }
.wx-station-world { position:absolute; inset:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; touch-action:pan-y; scrollbar-width:thin; scrollbar-color:#48c8ec #0b2b47; scroll-behavior:auto; container-type:inline-size; }
.wx-world-continuation { height:max(0px,calc(100% - var(--wx-built-height,0px))); background-color:#102b46; background-size:100% 100%; background-position:center top; background-repeat:no-repeat; image-rendering:pixelated; pointer-events:none; }
.wx-station-world::-webkit-scrollbar { width:5px; }
.wx-station-world::-webkit-scrollbar-thumb { background:#63d8f0; border:1px solid #102b46; border-radius:4px; }
.wx-station-segment { position:relative; width:100%; aspect-ratio:384/208; isolation:isolate; }
.wx-station-segment.wx-station-surface { aspect-ratio:384/320; }
.wx-game[data-station-layout="true"] .wx-station-segment canvas { position:absolute; inset:0; width:100%; height:100%; image-rendering:pixelated; touch-action:pan-y; }
.wx-game[data-station-layout="true"] .wx-station-badge { position:absolute; left:12px; top:12px; display:flex; align-items:center; gap:6px; min-height:48px; padding:4px 8px; border:1px solid #67c9f1; border-radius:7px; background:linear-gradient(#0d3b58f2,#05223bee); box-shadow:inset 0 0 0 1px #031427,0 2px 4px #00152988; font-size:13px; color:#f1f9ff; }
.wx-station-surface .wx-station-badge { top:calc(112/320 * 100% + 10px); }
.wx-station-badge>.wg-icon,.wx-station-badge>.wx-station-icon { width:25px!important; height:25px!important; font-size:25px; }
.wx-game[data-station-layout="true"] .wx-station-badge[aria-pressed="true"],.wx-game[data-station-layout="true"] .wx-station-jump[aria-pressed="true"] { border-color:#67fff4; box-shadow:inset 0 0 0 1px #1ae6e066,0 0 8px #21dce040; }
.wx-station-rate { position:absolute; right:11px; bottom:12px; max-width:65%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:3px 6px; background:#051d32c9; border:1px solid #4c86a580; border-radius:3px; color:#d4f9f9; font:600 11px/16px system-ui,sans-serif; }
.wx-station-rate:empty { display:none; }
.wx-station-icon { width:36px; height:36px; object-fit:contain; image-rendering:pixelated; flex-shrink:0; }
.wx-station-jumps { position:absolute; z-index:3; top:12px; right:8px; display:flex; flex-direction:column; gap:5px; }
.wx-game[data-station-layout="true"] .wx-station-jump { width:48px; min-width:48px; height:48px; min-height:48px; padding:5px; border:1px solid #61b8d2; border-radius:6px; background:#07253eeb; box-shadow:0 1px 4px #001b31aa; }
.wx-station-jump .wg-icon,.wx-station-jump .wx-station-icon { width:28px!important; height:28px!important; }
.wx-game[data-station-layout="true"] .wx-nav { z-index:7; padding:3px 8px; gap:0; background:linear-gradient(#082c46,#031a2b); border-top:1px solid #228ab6; }
.wx-game[data-station-layout="true"] .wx-nav button { border:0; border-right:1px solid #146b99; border-radius:0; background:transparent; color:#dceeff; font:650 13px/17px system-ui,sans-serif; }
.wx-game[data-station-layout="true"] .wx-nav button:last-child { border-right:0; }
.wx-game[data-station-layout="true"] .wx-nav button[aria-current="page"] { box-shadow:none; background:transparent; color:#f3fcff; }
.wx-game[data-station-layout="true"] .wx-nav button>.wg-icon { width:30px!important; height:30px!important; font-size:30px; }
.wx-station-drawer { position:absolute; z-index:6; left:0; right:0; bottom:66px; height:min(62%,550px); min-height:340px; max-height:calc(100% - 140px); display:grid; grid-template-rows:6px 48px 53px 52px minmax(0,1fr); padding:0 10px; border:2px solid #218bc0; border-bottom:0; border-radius:16px 16px 0 0; background:linear-gradient(115deg,#06243bef,#082b45fa 60%,#051d31fa); box-shadow:0 -2px 0 #001a2c,inset 0 1px 0 #68d2f066,0 -8px 18px #00152b44; }
.wx-station-drawer[data-toolbar-empty="true"] { grid-template-rows:6px 48px 53px 0 minmax(0,1fr); }
.wx-station-drawer[data-toolbar-empty="true"] .wx-station-toolbar { overflow:hidden; padding:0; }
.wx-drawer-handle { width:32px; height:4px; justify-self:center; margin-top:4px; border-radius:4px; background:#256396; }
.wx-station-drawer>header { display:flex; align-items:center; gap:8px; justify-content:space-between; min-width:0; }
.wx-station-drawer h2 { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#f1f8ff; font:800 22px/28px system-ui,sans-serif; margin:0; }
.wx-game .wx-station-drawer [data-wx-drawer-close] { flex:0 0 44px; width:44px; height:44px; min-height:48px; padding:0; border:0; background:transparent; color:#a2def6; font:400 32px/1 system-ui,sans-serif; }
.wx-station-scopes { display:flex; gap:4px; padding:2px 0 3px; }
.wx-game .wx-station-scopes button { min-width:0; flex:1; min-height:48px; padding:4px; border:1px solid #12689a; border-radius:5px; background:linear-gradient(#0a2f4a,#061f36); color:#e3efff; font-weight:750; }
.wx-game .wx-station-scopes button[aria-pressed="true"] { color:#032133; border-color:#50ffef; background:linear-gradient(#34f0eb,#16d7d4); box-shadow:inset 0 0 0 1px #07b3be; }
.wx-station-toolbar { display:flex; align-items:center; justify-content:space-between; gap:6px; min-width:0; padding:3px 0; }
.wx-game .wx-station-selector { flex:1; min-width:0; min-height:48px; display:flex; align-items:center; gap:6px; padding:4px 7px; border:1px solid #188cc0; background:linear-gradient(#0d3d5b,#052942); font-size:13px; }
.wx-station-selector>span:not(.wg-icon) { flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.wx-station-selector>.wg-icon,.wx-station-selector>.wx-station-icon { width:26px!important; height:26px!important; }
.wx-station-quantities { display:flex; flex-shrink:0; gap:2px; }
.wx-game .wx-station-quantity { display:flex; justify-content:center; align-items:center; gap:2px; height:48px; min-height:48px; min-width:48px; padding:3px 5px; font-size:12px; border:1px solid #164b72; background:#07253e; }
.wx-game .wx-station-quantity[aria-pressed="true"] { background:#1ee5df; border-color:#6af3f5; color:#042135; }
.wx-station-quantity>.wg-icon { width:13px!important; height:13px!important; }
.wx-area-support { font:650 12px/16px system-ui,sans-serif; color:#55eee7; min-width:0; }
.wx-station-content { overflow-y:auto; overflow-x:hidden; min-height:0; overscroll-behavior:contain; touch-action:pan-y; scrollbar-width:thin; scrollbar-color:#26769b transparent; padding-bottom:12px; scroll-padding-block:6px; }
.wx-station-rows { display:grid; gap:7px; }
.wx-game .wx-station-row { display:grid; grid-template-columns:minmax(0,1fr) 102px; grid-template-rows:1fr; height:auto; align-items:center; min-height:76px; gap:3px; padding:4px; border:1px solid #207faf; border-radius:7px; background:linear-gradient(105deg,#0d3756,#052239); box-shadow:inset 0 0 0 1px #02182a; }
.wx-game .wx-station-row .wx-upgrade-info { display:flex; align-items:center; gap:7px; min-width:0; min-height:64px; padding:1px 2px; border:0; background:transparent; text-align:left; }
.wx-station-row .wx-upgrade-info>.wg-icon,.wx-station-row .wx-upgrade-info>.wx-station-icon { width:40px!important; height:40px!important; font-size:34px; flex:0 0 40px; }
.wx-station-row .wx-upgrade-info>span:not(.wg-icon) { display:grid; align-content:center; gap:1px; min-width:0; flex:1; }
.wx-game .wx-station-row .wx-upgrade-info strong { display:block; font:750 14px/18px system-ui,sans-serif; min-height:0; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wx-game .wx-station-row .wx-upgrade-info small { font:650 12px/16px system-ui,sans-serif; color:#29e3e0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wx-station-row .wx-upgrade-info small .wg-icon { display:inline-flex; vertical-align:-2px; width:14px!important; height:14px!important; font-size:14px; }
.wx-station-effect { color:#badcff; font:500 11px/15px system-ui,sans-serif; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.wx-game .wx-station-buy { display:flex; align-items:center; justify-content:flex-end; gap:4px; min-width:0; width:100%; min-height:52px; padding:0; border:0; background:transparent; border-radius:6px; }
.wx-station-price { display:grid; gap:2px; font:750 12px/16px system-ui,sans-serif; }
.wx-station-price>span { display:flex; justify-content:flex-end; align-items:center; gap:3px; white-space:nowrap; }
.wx-station-price .wg-icon { width:17px!important; height:17px!important; font-size:17px; }
.wx-station-buy>b { display:flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:48px; background:linear-gradient(#2cf2e8,#11cdcc); border:1px solid #5afff2; border-radius:6px; color:#021d2e; font:750 29px/1 system-ui,sans-serif; box-shadow:inset 0 -2px 0 #079aaf; }
.wx-game .wx-station-buy:disabled { border:0; background:transparent; opacity:.72; }
.wx-station-buy:disabled>b { color:#668aa8; border-color:#316682; background:#1b405d; box-shadow:none; }
.wx-station-row[data-state="locked"] { border-color:#245878; background:linear-gradient(110deg,#092a43,#071e32); }
.wx-station-row[data-state="locked"] .wx-upgrade-info small { color:#a3ccec; }
.wx-station-row[data-state="locked"] .wx-station-buy>.wg-icon { padding:12px; width:44px!important; height:48px!important; background:#123550; border:1px solid #2a5675; border-radius:6px; }
.wx-station-row[data-ready="true"] { border-color:#e8c65d; box-shadow:inset 0 0 0 1px #d7ba5566,0 0 10px #ffd85728; }
.wx-game .wx-station-row .wx-skill-unlock { background:linear-gradient(#ffe790,#f7c844); border:1px solid #fff1ae; min-height:48px; padding:5px; color:#052039; font-weight:800; animation:wx-station-ready 1.9s ease-in-out infinite; }
@keyframes wx-station-ready { 50% { box-shadow:0 0 12px #ffd35699; filter:brightness(1.12); } }
.wx-techniques-title { display:flex; align-items:center; gap:8px; margin:11px 0 7px; font:700 14px/19px system-ui,sans-serif; color:#a9ddfb; }
.wx-techniques-title::after { content:''; flex:1; border-top:1px solid #267ba6; }
.wx-game[data-station-layout="true"] .wx-techniques-title,.wx-game[data-station-layout="true"] .wx-station-next h3 { color:#b8e5fb; }
.wx-station-operation { margin-top:10px; }
.wx-game .wx-station-operation button { display:flex; align-items:center; gap:8px; width:100%; min-height:48px; text-align:left; border:1px solid #2b799e; background:#092a44; color:#bfe6f8; }
.wx-station-operation button>span:not(.wg-icon) { flex:1; }
.wx-station-next { margin-top:12px; padding-top:10px; border-top:1px solid #2884ac; }
.wx-station-next h3 { margin:0 0 6px; font:750 14px/20px system-ui,sans-serif; }
.wx-station-next-title { display:flex; align-items:center; gap:8px; font-size:15px; margin-bottom:5px; }
.wx-game .wx-station-next-title { width:100%; min-height:48px; padding:3px; border:0; background:transparent; color:#e8f7ff; text-align:left; }
.wx-station-next-title strong { flex:1; }
.wx-station-next-title>.wg-icon,.wx-station-next-title>.wx-station-icon { width:37px!important; height:37px!important; }
.wx-station-gate { display:grid; grid-template-columns:minmax(0,1fr) 45%; gap:7px; align-items:center; min-height:25px; font:500 11px/15px system-ui,sans-serif; color:#bddbfa; }
.wx-station-gate progress { appearance:none; width:100%; height:12px; border:1px solid #286088; border-radius:4px; overflow:hidden; background:#0b3554; }
.wx-station-gate progress::-webkit-progress-bar { background:#0b3554; }
.wx-station-gate progress::-webkit-progress-value { background:linear-gradient(90deg,#27ddde,#38f1ea); }
.wx-station-gate progress::-moz-progress-bar { background:#27e5df; }
.wx-station-gate-meter { display:grid; gap:1px; text-align:right; font-variant-numeric:tabular-nums; }
.wx-station-gate-meter small { color:#72d4ea; font-size:10px; line-height:12px; }
.wx-game .wx-build-station { margin-top:7px; width:100%; min-height:48px; color:#062038; font-weight:800; background:linear-gradient(#ffec91,#f5c340); border:1px solid #fff3ae; box-shadow:0 0 8px #ffd55b40; animation:wx-station-ready 2s ease-in-out infinite; }
.wx-game[data-station-layout="true"] .wx-toast { bottom:77px; z-index:9; background:#072b45f2; border-color:#3b9bbe; }
.wx-game[data-station-layout="true"] [data-wx-focus] { z-index:3; top:auto; bottom:10px; right:10px; }
.wx-game[data-drawer-open="true"] [data-wx-focus],.wx-game[data-drawer-open="true"] .wx-station-jumps { visibility:hidden; }
.wx-game .wx-station-cache { position:absolute; z-index:4; right:20px; bottom:22px; min-width:66px; min-height:62px; display:flex; flex-direction:column; align-items:center; gap:3px; padding:5px 6px; border:0; background:transparent; color:#ffe584; font:700 11px/15px system-ui,sans-serif; filter:drop-shadow(0 0 7px #ffd44c99); animation:wx-cache-glow 2.5s ease-in-out infinite; }
.wx-station-cache>.wg-icon { width:43px!important; height:43px!important; font-size:43px; }
.wx-station-cache>span:last-child { padding:2px 4px; border:1px solid #dcb952; border-radius:3px; background:#0a273dcc; }
.wx-game[data-focus-visible="true"] .wx-station-cache { bottom:76px; }
.wx-station-boost { position:absolute; z-index:3; top:9px; right:9px; padding:5px 8px; border:1px solid #e9c954; border-radius:5px; color:#ffdd73; background:#082641dd; font:750 12px/17px system-ui,sans-serif; pointer-events:none; }
.wx-station-jumps:not([hidden])~.wx-station-boost { right:66px; }
.wx-station-reward { position:absolute; z-index:8; right:28px; bottom:88px; color:#ffdc64; font:800 22px/28px system-ui,sans-serif; text-shadow:0 2px 0 #062038,2px 0 0 #062038,-2px 0 0 #062038; pointer-events:none; }
.wx-reward-burst { animation:wx-reward-rise 1.6s ease-out both; }
@keyframes wx-cache-glow { 50% { filter:drop-shadow(0 0 12px #ffe078dd); transform:translateY(-2px); } }
@keyframes wx-reward-rise { from { opacity:0; transform:translateY(10px) scale(.88); } 15% { opacity:1; transform:translateY(0) scale(1.08); } 70% { opacity:1; } to { opacity:0; transform:translateY(-38px) scale(1); } }
.wx-game[data-quiet="true"] .wx-station-cache { animation:none; }
.wx-game[data-quiet="true"] :is(.wx-build-station,.wx-skill-unlock) { animation:none; }
@media(max-width:359px) {
  .wx-game[data-station-layout="true"] .wx-header .wx-wallet-trigger { min-width:66px; font-size:11px; }
  .wx-game[data-station-layout="true"] .wx-currency { min-width:59px; gap:3px; }
  .wx-game[data-station-layout="true"] .wx-currency strong { font-size:14px; }
  .wx-station-drawer { padding-inline:7px; }
  .wx-game .wx-station-row { grid-template-columns:minmax(0,1fr) 91px; }
  .wx-game .wx-station-row .wx-upgrade-info strong { font-size:13px; }
  .wx-station-row .wx-upgrade-info>.wg-icon,.wx-station-row .wx-upgrade-info>.wx-station-icon { flex-basis:34px; width:34px!important; height:34px!important; }
  .wx-station-effect { font-size:10px; }
}
@media(max-height:550px) and (orientation:landscape) {
  .wx-game[data-station-layout="true"] { grid-template-rows:48px 48px minmax(0,1fr) 58px; }
  .wx-station-drawer { top:48px; bottom:58px; left:auto; width:min(430px,57%); height:auto; min-height:0; max-height:none; grid-template-rows:4px 48px 53px 48px minmax(0,1fr); }
  .wx-station-drawer h2 { font-size:18px; }
  .wx-game .wx-station-scopes button { min-height:48px; }
  .wx-game .wx-station-quantity,.wx-game .wx-station-selector { min-height:48px; height:48px; }
  .wx-game[data-station-layout="true"] .wx-nav { min-height:58px; }
}
@media(prefers-reduced-motion:reduce) { .wx-game :is(.wx-build-station,.wx-skill-unlock,.wx-station-cache,.wx-reward-burst) { animation:none; } }