*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light;--ink: #2d170f;--muted: #7b4c2d;--panel: rgba(255, 230, 175, .84);--panel-glass: rgba(255, 238, 196, .72);--panel-strong: rgba(255, 244, 209, .92);--surface: rgba(255, 250, 234, .78);--surface-strong: rgba(255, 247, 220, .94);--surface-soft: rgba(255, 230, 173, .36);--control: rgba(255, 246, 223, .88);--stroke: rgba(112, 52, 24, .24);--stroke-strong: rgba(143, 58, 27, .42);--shadow: 0 24px 58px rgba(91, 32, 13, .28);--accent: #238d83;--accent-strong: #126b66;--warning: #e4762f;--danger: #b43a2b;--sunlit: #ffe0a0;--mesa: #c8562c;--skyline: #1187c8}html[data-day-phase=night]{color-scheme:dark;--ink: #f7ead1;--muted: #d8b893;--panel: rgba(20, 24, 41, .84);--panel-glass: rgba(19, 23, 38, .76);--panel-strong: rgba(28, 32, 53, .94);--surface: rgba(31, 36, 55, .82);--surface-strong: rgba(37, 43, 65, .94);--surface-soft: rgba(75, 88, 126, .24);--control: rgba(35, 40, 61, .9);--stroke: rgba(216, 179, 127, .16);--stroke-strong: rgba(244, 214, 161, .3);--shadow: 0 24px 58px rgba(7, 10, 20, .56);--accent: #77d1bd;--accent-strong: #4aa892;--warning: #f0be5a;--danger: #ee7d58}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:Trebuchet MS,Gill Sans,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 18%,rgba(255,236,166,.45),transparent 34%),radial-gradient(circle at 82% 10%,rgba(48,193,211,.18),transparent 25%),linear-gradient(180deg,#1596ca,#f0b662 42%,#c9552a)}html[data-day-phase=night],html[data-day-phase=night] body,html[data-day-phase=night] #app{background:radial-gradient(circle at 20% 18%,rgba(93,124,255,.16),transparent 30%),radial-gradient(circle at 80% 14%,rgba(98,196,255,.08),transparent 22%),linear-gradient(180deg,#0b1220,#11192d 58%,#1a2437)}#app{position:relative;isolation:isolate}.shell{position:relative;width:100%;height:100%}#scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100vw;height:100vh;touch-action:none}.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hud,.guide-panel,.toast-stack,.joystick{pointer-events:auto}.hud{position:fixed;top:14px;left:14px;width:min(468px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow-y:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--stroke);border-radius:14px;background:linear-gradient(155deg,#fffbebeb,#f7c576a3 54%,#ffe8b1c2),linear-gradient(135deg,rgba(35,141,131,.18),transparent 44%),var(--panel-glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px) saturate(1.14);backdrop-filter:blur(16px) saturate(1.14);scrollbar-gutter:stable;transition:opacity .18s ease,transform .18s ease}.hud:before,.hud:after{content:"";position:absolute;pointer-events:none}.hud:before{top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px #853d191a}.hud:after{top:10px;bottom:10px;left:0;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--accent) 0%,var(--warning) 58%,rgba(200,86,44,.3) 100%);opacity:.86}.hud>*{position:relative;z-index:1}html[data-day-phase=night] .hud{background:linear-gradient(155deg,#252b42f5,#141827eb 58%,#121624f5),linear-gradient(135deg,rgba(119,209,189,.12),transparent 44%),var(--panel-glass)}html[data-day-phase=night] .hud:before{box-shadow:inset 0 1px #ffffff14,inset 0 -1px #00000042}.hud-hidden{opacity:.22;transform:translateY(-6px) scale(.99)}.hud-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(198px,auto);align-items:stretch;gap:10px;margin-bottom:10px}.brand-block{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:58px;padding:9px 10px;border:1px solid rgba(74,48,26,.12);border-radius:10px;background:linear-gradient(135deg,#fffae8d1,#ffe8b25c),var(--surface)}.brand-block strong{overflow-wrap:anywhere;font-size:1.08rem;letter-spacing:.06em;line-height:1.05;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,239,198,.62)}.eyebrow,.card-label{font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hud-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-width:198px;padding:4px;border:1px solid rgba(74,48,26,.13);border-radius:10px;background:#fffaeb75}.hud button,.guide-panel button,.action-card-actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:36px;border:1px solid rgba(112,52,24,.2);border-radius:8px;padding:.58rem .78rem;font:inherit;font-size:.84rem;font-weight:800;line-height:1.05;color:inherit;background:linear-gradient(180deg,#fffceff0,#eb974a29),var(--control);box-shadow:0 7px 16px #60250f1c;cursor:pointer;touch-action:manipulation;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.hud-actions button{width:100%;min-height:28px;padding:.42rem .52rem;box-shadow:none;background:#fff7e17a;font-size:.76rem}html[data-day-phase=night] .hud button,html[data-day-phase=night] .guide-panel button,html[data-day-phase=night] .action-card-actions button{border-color:#d8b37f29;background:linear-gradient(180deg,#343a56f5,#1f2437f5);box-shadow:0 8px 20px #04070e47}.hud button:hover:not(:disabled),.guide-panel button:hover:not(:disabled),.action-card-actions button:hover:not(:disabled){border-color:var(--stroke-strong);background:linear-gradient(180deg,#fffdf2fa,#238d832e),#ffe8b2f0;box-shadow:0 9px 20px #45210a29;transform:translateY(-1px)}.hud button:disabled{cursor:not-allowed;opacity:.55}.hud button:focus-visible,.guide-panel button:focus-visible,.chat-composer input:focus-visible,.offer-form input:focus-visible,.offer-form select:focus-visible{outline:2px solid rgba(35,141,131,.54);outline-offset:2px}.action-card,.chat-card,.offer-card{position:relative;overflow:hidden;margin-top:10px;padding:12px;border:1px solid rgba(74,48,26,.14);border-radius:8px;background:linear-gradient(145deg,#fffaebeb,#f2ac5729),var(--surface-strong);box-shadow:0 10px 24px #5c2a0e1a}.action-card:before,.chat-card:before,.offer-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);opacity:.9}.offer-card:before{background:var(--warning)}.action-card>*,.chat-card>*,.offer-card>*{position:relative}html[data-day-phase=night] .action-card{background:linear-gradient(145deg,#272d44f5,#181c2ce6),var(--surface-strong)}html[data-day-phase=night] .chat-card,html[data-day-phase=night] .offer-card{background:linear-gradient(145deg,#242a3ff5,#161b2beb),var(--surface-strong)}.action-card strong,.chat-card strong,.offer-card strong{display:block;margin-top:4px;font-size:1.03rem;line-height:1.14;overflow-wrap:anywhere}.action-mode{display:inline-flex;align-items:center;margin-top:7px;padding:.24rem .54rem;border-radius:999px;border:1px solid rgba(200,86,44,.24);background:#ffd1805c;font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}html[data-day-phase=night] .action-mode{border-color:#d8b37f24;background:#2f354cb3;color:#e8d3af}.action-card p,.chat-card p,.offer-card p{margin:7px 0 0;font-size:.84rem;line-height:1.42;color:#624129}.action-card-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));align-items:center;gap:6px;margin-top:10px;min-height:2.1rem}.action-card-actions button{width:100%;min-height:2.1rem;padding-inline:.8rem}html[data-day-phase=night] .action-card p,html[data-day-phase=night] .chat-card p,html[data-day-phase=night] .offer-card p{color:#dfc6a2}.chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:10px}.chat-composer input,.offer-form input,.offer-form select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(74,48,26,.22);border-radius:8px;min-height:38px;padding:.68rem .76rem;font:inherit;font-size:.86rem;color:inherit;background:var(--control);box-shadow:inset 0 1px #ffffff8f}html[data-day-phase=night] .chat-composer input,html[data-day-phase=night] .offer-form input,html[data-day-phase=night] .offer-form select{border-color:#d8b37f29;background:var(--control);box-shadow:inset 0 1px #ffffff0d}.chat-composer input::placeholder,.offer-form input::placeholder{color:#6f4d32ad}html[data-day-phase=night] .chat-composer input::placeholder,html[data-day-phase=night] .offer-form input::placeholder{color:#d7c4a39e}.chat-status{margin-top:8px;min-height:1.2em;font-size:.78rem;line-height:1.4;color:var(--muted)}.offer-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:10px;padding:4px;border:1px solid rgba(74,48,26,.12);border-radius:10px;background:#fff6e080}.offer-mode-switch button{width:100%;min-height:2rem;box-shadow:none}.offer-mode-switch button[aria-pressed=true]{border-color:#238d8361;background:linear-gradient(180deg,#e8f8f1fa,#c9e6dceb);color:#114d49}html[data-day-phase=night] .offer-mode-switch button[aria-pressed=true]{border-color:#77d1bd57;background:linear-gradient(180deg,#324e48f5,#1e2c2bf5);color:#e9fff7}.offer-form{display:grid;gap:6px;margin-top:10px}.offer-trade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.offer-trade-grid label{display:grid;gap:6px}.offer-trade-grid span{font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.offer-feed{display:grid;gap:6px;margin-top:10px;max-height:150px;overflow:auto;padding-right:2px}.offer-feed-item{display:grid;gap:4px;padding:9px;border:1px solid rgba(74,48,26,.14);border-radius:8px;background:var(--surface)}.offer-feed-item.is-trade{border-color:#4c8b732e;background:#eaf8f1b8}.offer-feed-item.is-sand{border-color:#d78b352e;background:#fff2dcb8}html[data-day-phase=night] .offer-feed-item{background:#1c2132db}html[data-day-phase=night] .offer-feed-item.is-trade{background:#1a2c2ad6}html[data-day-phase=night] .offer-feed-item.is-sand{background:#2e2519db}.offer-feed-item strong{font-size:.95rem}.offer-feed-item p{margin:0;font-size:.8rem;line-height:1.4;color:#624129}html[data-day-phase=night] .offer-feed-item p{color:#dfc6a2}.offer-note{color:var(--muted);font-size:.76rem}.offer-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.72rem;color:var(--muted)}.offer-accept{justify-self:start;min-height:2rem;padding-inline:.76rem}.offer-status,.offer-empty{min-height:1.2em;font-size:.78rem;line-height:1.4;color:var(--muted)}.status-grid,.field-grid{display:grid;gap:6px}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.field-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:6px}.status-grid>div,.field-grid>div{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:54px;padding:8px;border:1px solid rgba(74,48,26,.14);border-radius:8px;background:linear-gradient(180deg,var(--surface),rgba(255,232,183,.36)),var(--surface);box-shadow:inset 0 1px #ffffff7a}.status-grid .stat-vital{grid-column:span 2;min-height:66px;background:linear-gradient(135deg,#238d832e,#fffaeac7),var(--surface-strong)}.status-grid .stat-vital:nth-child(2){background:linear-gradient(135deg,#e4762f29,#fffaeacc),var(--surface-strong)}.status-grid .stat-trail{grid-column:span 3}.status-grid .stat-shelter{grid-column:span 1}html[data-day-phase=night] .status-grid>div,html[data-day-phase=night] .field-grid>div{border-color:#d8b37f24;background:linear-gradient(180deg,var(--surface),rgba(28,33,50,.68)),var(--surface);box-shadow:inset 0 1px #ffffff0f}html[data-day-phase=night] .status-grid .stat-vital{background:linear-gradient(135deg,#77d1bd24,#252b41d1),var(--surface-strong)}html[data-day-phase=night] .status-grid .stat-vital:nth-child(2){background:linear-gradient(135deg,#f0be5a21,#252b41d1),var(--surface-strong)}.status-grid span,.field-grid span{display:block;margin-bottom:5px;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.status-grid strong,.field-grid strong{display:block;font-size:.98rem;line-height:1.08;overflow-wrap:anywhere}.status-grid .stat-vital strong{font-size:1.48rem;letter-spacing:.02em}.field-grid button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:auto;padding:0;border:0;background:transparent;box-shadow:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.field-grid button:hover,.field-grid button:focus-visible{background:transparent;box-shadow:none;transform:none}.meter{height:8px;overflow:hidden;margin:1px 0 6px;padding:0;border:1px solid rgba(74,48,26,.08);border-radius:999px;background:#5e442924}.meter-fill{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0%,#c69a52 58%,var(--mesa) 100%);transform-origin:left center;box-shadow:inset 0 1px #fff6;transition:width .18s ease}.hud-footer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(74,48,26,.12)}.hud-footer span{min-width:0;font-size:.76rem;line-height:1.35;color:var(--muted)}.guide-panel{position:fixed;top:14px;right:14px;width:min(360px,calc(100vw - 28px));padding:14px;border:1px solid var(--stroke);border-radius:18px;background:linear-gradient(180deg,#fffaecf5,#f9e2afe6),var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rider-panel{position:fixed;top:14px;left:50%;width:min(360px,calc(100vw - 28px));padding:14px;border:1px solid var(--stroke);border-radius:18px;background:linear-gradient(180deg,#fff9e7f5,#f7e2b1e6),var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%)}html[data-day-phase=night] .guide-panel,html[data-day-phase=night] .rider-panel{background:linear-gradient(180deg,#171b2af5,#111522eb),var(--panel)}.guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.guide-header h2{margin:4px 0 0;font-size:1.2rem;letter-spacing:.03em}.rider-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.rider-header h2{margin:4px 0 0;font-size:1.2rem;letter-spacing:.03em}.guide-copy p{margin:0 0 10px;font-size:.9rem;line-height:1.5;color:#5f4128}html[data-day-phase=night] .guide-copy p{color:#d5bf99}.rider-copy{display:grid;gap:10px}.rider-copy p{margin:0;font-size:.9rem;line-height:1.5;color:#5f4128}html[data-day-phase=night] .rider-copy p{color:#d5bf99}.account-card{display:grid;gap:10px;padding:12px;border:1px solid rgba(74,48,26,.16);border-radius:16px;background:#fffaecb3}html[data-day-phase=night] .account-card{background:#1f2435d1;border-color:#d8b37f24}.account-card strong{font-size:1rem}.account-card p{margin:0;font-size:.82rem;line-height:1.45;color:#624129}html[data-day-phase=night] .account-card p{color:#dfc6a2}.account-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-fields input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(74,48,26,.22);border-radius:14px;padding:.78rem .85rem;font:inherit;color:inherit;background:#fffaebd1;box-shadow:inset 0 1px #ffffff8f}html[data-day-phase=night] .account-fields input{border-color:#d8b37f29;background:#1c2132e6;box-shadow:inset 0 1px #ffffff0d}.account-fields input::placeholder{color:#6f4d32ad}html[data-day-phase=night] .account-fields input::placeholder{color:#d7c4a39e}.account-actions{display:flex;flex-wrap:wrap;gap:8px}.account-status{min-height:1.2em;font-size:.78rem;line-height:1.4;color:var(--muted)}.rider-label{display:grid;gap:6px}.rider-label span{font-size:.65rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.rider-label input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(74,48,26,.22);border-radius:14px;padding:.8rem .9rem;font:inherit;color:inherit;background:#fffaebd1;box-shadow:inset 0 1px #ffffff8f}html[data-day-phase=night] .rider-label input{border-color:#d8b37f29;background:#1c2132e6;box-shadow:inset 0 1px #ffffff0d}.rider-actions{display:flex;flex-wrap:wrap;gap:8px}.rider-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.78rem;color:var(--muted)}.rider-history{display:flex;flex-wrap:wrap;gap:8px}.rider-chip,.rider-empty{display:inline-flex;align-items:center;min-height:34px;padding:.52rem .78rem;border:1px solid rgba(74,48,26,.18);border-radius:999px;background:#fff8e6eb;color:inherit;font:inherit}.rider-chip{cursor:pointer}html[data-day-phase=night] .rider-chip,html[data-day-phase=night] .rider-empty{background:#1f2435eb;border-color:#d8b37f29;color:#f5e8c9}.toast-stack{position:fixed;left:50%;bottom:18px;display:grid;gap:8px;width:min(380px,calc(100vw - 28px));transform:translate(-50%)}.player-label-layer,.chat-bubble-layer,.shared-offer-layer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.player-label{position:absolute;min-width:6.5rem;padding:.42rem .72rem;border:1px solid rgba(74,48,26,.22);border-radius:999px;background:linear-gradient(180deg,#fff9e7f2,#f6e1b3e0),var(--panel-strong);box-shadow:0 10px 24px #45210a2e;color:var(--ink);font-size:.76rem;font-weight:800;letter-spacing:.08em;line-height:1;text-align:center;text-transform:uppercase;transform-origin:center bottom;transition:opacity .12s linear;will-change:transform,opacity,left,top}.chat-bubble{position:absolute;max-width:min(18rem,calc(100vw - 32px));padding:.55rem .82rem;border:1px solid rgba(74,48,26,.2);border-radius:999px;background:linear-gradient(180deg,#fffbf2fa,#f5e0b4f0),var(--panel-strong);box-shadow:0 12px 28px #45210a33;color:var(--ink);font-size:.82rem;font-weight:700;line-height:1.35;text-align:center;white-space:normal;transform-origin:center bottom;transition:opacity .12s linear;will-change:transform,opacity,left,top}.shared-offer-bubble{position:absolute;max-width:min(20rem,calc(100vw - 32px));padding:.58rem .84rem;border:1px solid rgba(74,48,26,.2);border-radius:1rem;background:linear-gradient(180deg,#fffbf1fa,#f4e0b5f0),var(--panel-strong);box-shadow:0 12px 28px #45210a33;color:var(--ink);font-size:.8rem;font-weight:700;line-height:1.35;text-align:center;white-space:pre-line;transform-origin:center bottom;transition:opacity .12s linear;will-change:transform,opacity,left,top}.shared-offer-bubble.is-sand{border-color:#d78b3533}.shared-offer-bubble.is-trade{border-color:#4c8b733d}html[data-day-phase=night] .shared-offer-bubble{background:linear-gradient(180deg,#23293dfa,#161b2bf5),var(--panel-strong);border-color:#d8b37f33;box-shadow:0 12px 28px #04070e47;color:#f5e8c9}html[data-day-phase=night] .shared-offer-bubble.is-sand{border-color:#f0be5a47}html[data-day-phase=night] .shared-offer-bubble.is-trade{border-color:#77d1bd47}html[data-day-phase=night] .chat-bubble{background:linear-gradient(180deg,#23293dfa,#161b2bf5),var(--panel-strong);border-color:#d8b37f33;box-shadow:0 12px 28px #04070e47;color:#f5e8c9}html[data-day-phase=night] .player-label{background:linear-gradient(180deg,#21273df5,#15192aeb),var(--panel-strong);border-color:#d8b37f33;box-shadow:0 10px 24px #04070e4d;color:#f5e8c9}.player-label.is-local{border-color:#4c8b736b;box-shadow:0 10px 24px #4c8b7333}html[data-day-phase=night] .player-label.is-local{border-color:#77d1bd66;box-shadow:0 10px 24px #102b2757}.toast{padding:12px 14px;border:1px solid rgba(66,41,19,.18);border-radius:14px;background:#251b14db;color:#fff7e2;box-shadow:0 10px 26px #1d10083d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toast-in .22s ease}html[data-day-phase=night] .toast{background:#0e121ceb;color:#f5e8c9;box-shadow:0 10px 26px #04060c57}.toast.fade-out{opacity:0;transform:translateY(10px);transition:opacity .28s ease,transform .28s ease}.joystick{position:fixed;left:16px;bottom:18px;width:180px;height:180px;border-radius:50%;opacity:.96}.joystick-base,.joystick-knob{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.joystick-base{border:1px solid rgba(61,39,18,.18);background:radial-gradient(circle at center,#fff8ec99 0,#fff8ec99 22%,#ffe7ab42 22%,#ffe7ab42 48%,#ffe7ab14 48%,#ffe7ab14);box-shadow:0 10px 28px #45210a33}html[data-day-phase=night] .joystick-base{border-color:#dbc1922e;background:radial-gradient(circle at center,#fff7e475 0,#fff7e475 20%,#758cf03d 20%,#758cf03d 48%,#758cf00f 48%,#758cf00f);box-shadow:0 10px 28px #02050c59}.joystick-knob{top:50%;right:50%;bottom:50%;left:50%;width:70px;height:70px;margin-left:-35px;margin-top:-35px;border:1px solid rgba(57,37,17,.26);background:radial-gradient(circle at 35% 30%,#ffffffe6,#c68d47e6),linear-gradient(180deg,#ffe7b3f5,#c88e40eb);box-shadow:0 10px 24px #5c321242;transform:translate(-50%,-50%)}html[data-day-phase=night] .joystick-knob{border-color:#e2d3a733;background:radial-gradient(circle at 35% 30%,#ffffffeb,#7793ffdb),linear-gradient(180deg,#d3e0fff0,#5a71c2eb);box-shadow:0 10px 24px #050a184d}.guide-panel[hidden],.rider-panel[hidden]{display:none}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(pointer:fine){.joystick{opacity:0;pointer-events:none}}@media(max-width:920px){.hud{width:min(452px,calc(100vw - 24px))}.hud-top{grid-template-columns:1fr}.hud-actions{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-composer{grid-template-columns:1fr}.rider-panel{top:12px;left:auto;right:12px;width:min(360px,calc(100vw - 24px));transform:none}}@media(max-width:640px){:root{--collapsed-hud-peek: 132px;--mobile-hud-height: min(62vh, 520px)}.hud{top:auto;bottom:max(10px,env(safe-area-inset-bottom));left:10px;right:10px;width:auto;max-height:var(--mobile-hud-height);padding:10px;border-radius:14px}.hud-hidden{opacity:.3;transform:translateY(calc(100% - var(--collapsed-hud-peek)))}.hud-top{position:sticky;top:-10px;z-index:3;grid-template-columns:1fr;gap:6px;margin:-10px -10px 8px;padding:10px;border-radius:14px 14px 10px 10px;background:linear-gradient(180deg,#fff7e0eb,#ffecbec2),var(--panel-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-day-phase=night] .hud-top{background:linear-gradient(180deg,#1c2236f0,#161b2cdb),var(--panel-glass)}.brand-block{min-height:42px;padding:7px 8px}.brand-block strong{font-size:.98rem}.hud-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;min-width:0;padding:3px}.hud-actions button{min-height:30px;padding:.38rem .3rem;font-size:.68rem}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.status-grid>div,.field-grid>div{min-height:48px;padding:7px}.status-grid .stat-vital{grid-column:span 2;min-height:58px}.status-grid .stat-vital strong{font-size:1.28rem}.status-grid .stat-card:not(.stat-vital):not(.stat-trail){grid-column:span 2}.status-grid .stat-trail{grid-column:1 / -1}.field-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.status-grid span,.field-grid span{margin-bottom:4px;font-size:.58rem;letter-spacing:.1em}.status-grid strong,.field-grid strong{font-size:.86rem}.action-card,.chat-card,.offer-card{margin-top:8px;padding:10px}.chat-card p,.offer-card p{display:none}.guide-panel{top:12px;left:12px;right:12px;width:auto;max-height:calc(100vh - 24px);max-height:calc(100svh - 24px);overflow:auto}.rider-panel{top:12px;left:12px;right:12px;width:auto;max-height:calc(100vh - 24px);max-height:calc(100svh - 24px);overflow:auto;transform:none}.guide-header,.rider-header{flex-direction:column;align-items:stretch}.hud-actions{justify-content:flex-start}.hud-footer{grid-template-columns:1fr;gap:6px}#center-camera{width:100%}.toast-stack{bottom:calc(var(--mobile-hud-height) + 16px);width:min(340px,calc(100vw - 24px))}.joystick{width:136px;height:136px;left:12px;bottom:calc(var(--mobile-hud-height) + 18px)}.joystick-knob{width:58px;height:58px;margin-left:-29px;margin-top:-29px}}@media(max-width:380px){:root{--collapsed-hud-peek: 156px;--mobile-hud-height: min(64vh, 520px)}.hud-actions,.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-trade-grid{grid-template-columns:1fr}.joystick{width:118px;height:118px;bottom:calc(var(--mobile-hud-height) + 16px)}}@supports (height: 100svh){@media(max-width:640px){:root{--mobile-hud-height: min(62svh, 520px)}}@media(max-width:380px){:root{--mobile-hud-height: min(64svh, 520px)}}}