:root{color-scheme:light;font-family:Palatino Linotype,Book Antiqua,Georgia,serif;--sky-top: #32708f;--sky-mid: #f3d28b;--sky-horizon: #c85d2e;--sand-light: #eab15e;--sand-dark: #8b3f26;--sun-bloom: rgba(255, 180, 94, .34);--panel-border: rgba(104, 48, 27, .24);--panel-shadow: rgba(67, 28, 14, .24);--panel-highlight: rgba(255, 233, 185, .22);--panel-bg-top: rgba(255, 245, 228, .9);--panel-bg-bottom: rgba(251, 226, 194, .76);--toast-bg: rgba(74, 27, 13, .9);--ink-dark: #23140d;--ink-soft: rgba(35, 20, 13, .76);--accent-hot: #a43f24;--accent-gold: #f6cb79;color:var(--ink-dark)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%;overflow:hidden}body{background:#1d0f0b;touch-action:none}.app-shell{position:relative;width:100vw;height:100vh;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 32%,var(--sun-bloom) 0,transparent 26%),radial-gradient(circle at 50% 78%,rgba(255,210,140,.18) 0,transparent 42%),linear-gradient(180deg,var(--sky-top) 0%,var(--sky-mid) 44%,var(--sky-horizon) 72%,var(--sand-light) 100%)}.boot-panel{position:absolute;top:16px;left:50%;z-index:3;width:min(420px,calc(100vw - 32px));padding:14px 16px;border:1px solid var(--panel-border);border-radius:20px;background:radial-gradient(circle at top left,var(--panel-highlight) 0,transparent 46%),linear-gradient(180deg,#fff5e3f0,#f7dcb6c7);box-shadow:0 22px 42px var(--panel-shadow),inset 0 1px #fffcf5d6;-webkit-backdrop-filter:blur(18px) saturate(1.04);backdrop-filter:blur(18px) saturate(1.04);transform:translate(-50%);transition:opacity .22s ease,transform .22s ease}.boot-panel.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-10px)}.boot-panel__eyebrow{margin:0 0 6px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#582b18b8}.boot-panel__title{margin:0;font-family:Rockwell,Georgia,serif;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:#4a2415}.boot-panel__detail{margin:8px 0 0;font-size:.84rem;line-height:1.42;color:var(--ink-soft)}.hud{position:absolute;top:16px;left:16px;z-index:2;display:grid;gap:10px;width:min(284px,calc(100vw - 32px));padding:12px 13px;border:1px solid rgba(83,48,23,.18);border-radius:16px;background:#fff5e2cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px #502a122e}.identity-panel,.resources-panel{position:absolute;top:16px;right:16px;z-index:3;width:min(360px,calc(100vw - 32px));display:grid;gap:10px;padding:14px 15px;max-height:calc(100vh - 32px);overflow-y:auto;border:1px solid rgba(83,48,23,.18);border-radius:18px;background:radial-gradient(circle at top left,rgba(255,239,206,.36),transparent 44%),linear-gradient(180deg,#fff6e5f5,#f8e0bde6);box-shadow:0 18px 42px #502a1233;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.resources-panel.is-hidden{display:none}.compass{position:absolute;top:16px;left:50%;z-index:2;width:min(146px,calc(100vw - 204px));display:grid;gap:6px;justify-items:center;padding:9px 10px 10px;border:1px solid rgba(83,48,23,.18);border-radius:999px;background:radial-gradient(circle at top,rgba(255,208,128,.18),transparent 44%),linear-gradient(180deg,#fff6e7f0,#f5dfbfe6);box-shadow:0 18px 40px #502a1233;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%);pointer-events:none}.compass.is-hidden{display:none}.compass__coordinates{margin:0;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase;color:#582b18a3}.compass__face{position:relative;width:92px;height:92px}.compass__rose{position:relative;width:100%;height:100%;border-radius:999px;background:radial-gradient(circle at center,rgba(255,248,236,.96) 0 16%,transparent 16% 100%),radial-gradient(circle at center,#fffbf4b8 0,#fffbf4b8 56%,#ebcca661 72%,#7a3d2129);box-shadow:inset 0 0 0 1px #7a3d211f,inset 0 0 20px #ffebce59;transition:transform .14s ease}.compass__mark{position:absolute;top:50%;left:50%;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#65331d;transform:translate(calc(-50% + var(--mark-x)),calc(-50% + var(--mark-y)));transition:opacity .14s ease,transform .14s ease}.compass__rose-spoke{position:absolute;top:50%;left:50%;width:2px;height:64px;border-radius:999px;background:linear-gradient(180deg,#6d391e14,#6d391e6b,#6d391e14);transform:translate(-50%,-50%)}.compass__rose-spoke--ew{transform:translate(-50%,-50%) rotate(90deg)}.compass__rose-spoke--nwse{height:58px;opacity:.8;transform:translate(-50%,-50%) rotate(45deg)}.compass__rose-spoke--nesw{height:58px;opacity:.8;transform:translate(-50%,-50%) rotate(-45deg)}.identity-panel.is-hidden{display:none}.identity-panel__header,.identity-panel__actions,.identity-panel__form,.identity-panel__remembered-list,.resources-panel__header,.resources-panel__tabs,.resources-panel__list{display:grid;gap:8px}.identity-panel__header,.resources-panel__header{grid-template-columns:1fr auto;align-items:center}.identity-panel__eyebrow,.identity-panel__summary,.identity-panel__status,.identity-panel__empty,.resources-panel__eyebrow,.resources-panel__summary,.resources-panel__status,.resources-panel__empty,.resources-panel__item-title,.resources-panel__item-coords,.resources-panel__item-detail{margin:0}.identity-panel__eyebrow,.resources-panel__eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#62351dad}.identity-panel__title,.resources-panel__title{margin:0;font-size:.98rem;text-transform:uppercase;letter-spacing:.08em;color:#4a2415}.identity-panel__summary,.identity-panel__status,.identity-panel__empty,.resources-panel__summary,.resources-panel__status,.resources-panel__empty,.resources-panel__item-detail{font-size:.8rem;line-height:1.4;color:#22140cc2}.resources-panel__tabs,.identity-panel__form{grid-template-columns:1fr}.identity-panel__input,.chat-panel__input,.action-card__sand-input{width:100%;border:1px solid rgba(83,48,23,.16);border-radius:12px;background:#fffcf5e6;color:#30190f;padding:9px 11px;font:inherit}.identity-panel__button,.identity-panel__dismiss,.identity-panel__remembered-button,.resources-panel__tab,.resources-panel__dismiss{border:1px solid rgba(83,48,23,.16);border-radius:12px;background:#6e3218e6;color:#fff6ea;padding:9px 11px;font:inherit;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.identity-panel__button--secondary,.identity-panel__dismiss,.identity-panel__remembered-button,.resources-panel__dismiss{background:#fffbf4e0;color:#4b2712}.identity-panel__button:disabled,.identity-panel__remembered-button.is-current{opacity:.56}.identity-panel__remembered-button{text-align:left}.resources-panel__tab{background:#fffbf4e0;color:#4b2712}.resources-panel__tab.is-active{background:#6e3218e6;color:#fff6ea}.resources-panel__item{display:grid;gap:4px;padding:10px 11px;border-radius:12px;background:#fffbf4a3}.resources-panel__item-actions{display:flex;justify-content:flex-start;margin-top:4px}.resources-panel__button{border:1px solid rgba(83,48,23,.16);border-radius:12px;background:#fffbf4e0;color:#4b2712;padding:8px 11px;font:inherit;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.resources-panel__item-title{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#62351db8}.resources-panel__item-coords{font-size:.9rem;font-weight:700;color:#4a2415}.hud__header{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.hud__brand{min-width:0}.hud__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.hud__clock{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid rgba(83,48,23,.14);border-radius:999px;background:#fff8eaeb;color:#6b3a1c;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.hud__title{margin:0;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase}.hud__meta,.hud__frontier{margin:0;font-size:.76rem;color:#22140cbd}.hud__frontier{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.hud__stats{display:grid;gap:8px}.hud__footer{display:flex;gap:10px;justify-content:space-between;align-items:end}.shelter-status{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:12px;background:#fffbf4ad;color:#4b2712d6;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.shelter-status.is-hidden{display:none}.shelter-status__label{color:#4b27129e}.shelter-status[data-kind=wigwam]{background:#ebcb9ab8}.shelter-status[data-kind=stone-house]{background:#ddd6c9d1}.trail-meter{display:grid;gap:6px;padding:8px 9px;border-radius:12px;background:#fffbf494}.trail-meter.is-hidden{display:none}.trail-meter__label{display:flex;justify-content:space-between;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4b2712b8}.trail-meter__track{height:9px;border-radius:999px;overflow:hidden;background:#4728141f}.trail-meter__fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#8a4023,#d98a3f);transition:width .16s linear}.hud__button{border:1px solid rgba(83,48,23,.16);border-radius:999px;background:#fffaf0f0;color:#4b2712;padding:6px 10px;font:inherit;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.hud__visual-mode{margin:0;align-self:center;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#4b2712b8}.meter{display:grid;gap:5px}.meter--compact{padding:8px 9px;border-radius:12px;background:#fffbf494}.meter--risk{box-shadow:inset 0 0 0 1px #b3472438;background:#ffede4d6}.meter__label{display:flex;justify-content:space-between;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.meter__track{height:10px;border-radius:999px;overflow:hidden;background:#4728141f}.meter__fill{height:100%;border-radius:inherit;transition:width .16s linear}.meter__fill--water{background:linear-gradient(90deg,#2972d1,#72d7f5)}.meter__fill--food{background:linear-gradient(90deg,#d4602b,#f5bf58)}.resource-chip{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;border-radius:12px;background:#fffbf494;color:#4b2712db}.resource-chip__label,.resource-chip__value{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.resource-chip__value{font-weight:700}.resource-chip--gold{box-shadow:inset 0 0 0 1px #c9982e38}.status-toast{position:absolute;top:18px;right:18px;z-index:2;max-width:min(320px,calc(100vw - 36px));padding:12px 14px;border-radius:16px;background:#4b1b09db;color:#fff7ec;box-shadow:0 16px 30px #34160b3d;opacity:0;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.night-alert{position:absolute;top:102px;left:50%;z-index:2;width:min(560px,calc(100vw - 32px));padding:14px 16px;border:1px solid rgba(255,203,120,.3);border-radius:18px;background:radial-gradient(circle at top left,rgba(255,194,88,.18),transparent 42%),linear-gradient(180deg,#5b1e10f0,#34120beb);box-shadow:0 22px 40px #210c0857;color:#fff5e6;transform:translate(-50%);transition:opacity .18s ease,transform .18s ease}.night-alert.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-10px)}.night-alert__eyebrow{margin:0 0 6px;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffd696d6}.night-alert__text{margin:0;font-size:.88rem;line-height:1.45}.drag-indicator{position:absolute;z-index:2;height:3px;border-radius:999px;background:linear-gradient(90deg,#fff7e738,#7d3817f2);box-shadow:0 0 0 1px #fff4e052;opacity:0;transform-origin:left center;pointer-events:none;transition:opacity .12s ease}.drag-indicator.is-visible{opacity:1}.movement-tip{position:absolute;left:50%;bottom:24px;z-index:2;width:min(420px,calc(100vw - 180px));padding:10px 14px;border:1px solid rgba(83,48,23,.16);border-radius:999px;background:#fff6e4b8;color:#3a1f11d6;font-size:.76rem;line-height:1.35;text-align:center;box-shadow:0 14px 30px #46211029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%);pointer-events:none}.status-toast.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.status-toast.is-fading{opacity:0;transition:opacity 5s linear,transform .18s ease}.chat-panel{position:absolute;right:18px;bottom:214px;z-index:2;width:min(332px,calc(100vw - 36px));display:grid;gap:10px;padding:14px 15px;border:1px solid rgba(83,48,23,.18);border-radius:18px;background:#fff7e8e0;box-shadow:0 18px 38px #502a122e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-panel.is-hidden{display:none}.chat-panel__header{display:grid;gap:4px}.chat-panel__title{margin:0;font-size:.92rem;text-transform:uppercase;letter-spacing:.08em}.chat-panel__status{margin:0;font-size:.76rem;color:#22140cb3}.chat-panel__messages{display:grid;gap:8px;max-height:128px;overflow-y:auto;padding-right:4px}.chat-panel__line{display:grid;gap:2px;padding:8px 9px;border-radius:12px;background:#fffbf499}.chat-panel__author{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b3a1c}.chat-panel__text,.chat-panel__empty{font-size:.82rem;line-height:1.38;color:#22140cc7}@media (max-width: 900px){.identity-panel,.resources-panel{top:auto;right:16px;bottom:164px;max-height:calc(100vh - 196px)}}.chat-panel__empty{margin:0}.chat-panel__composer{display:flex;gap:6px;align-items:center}.chat-panel__input{flex:1;border:1px solid rgba(83,48,23,.25);border-radius:8px;padding:7px 10px;font:inherit;font-size:.74rem;background:#fff8e6e6;color:#22140c;outline:none}.chat-panel__input::placeholder{color:#22140c66}.chat-panel__send{border:0;border-radius:999px;background:linear-gradient(135deg,#7e3d1d,#c96d30);color:#fff8ee;padding:7px 12px;font:inherit;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;cursor:pointer;white-space:nowrap}.onboarding-card{position:absolute;right:18px;bottom:18px;z-index:2;width:min(340px,calc(100vw - 160px));display:grid;gap:10px;padding:14px 15px;max-height:min(48vh,430px);overflow-y:auto;border:1px solid rgba(83,48,23,.18);border-radius:18px;background:#4f200ed1;color:#fff6ea;box-shadow:0 22px 44px #34160b38}.onboarding-card.is-hidden{display:none}.onboarding-card__header{display:flex;justify-content:space-between;gap:8px;align-items:center}.onboarding-card__title{margin:0;font-size:.88rem;text-transform:uppercase;letter-spacing:.1em}.onboarding-card__dismiss{border:0;border-radius:999px;background:#fff4e029;color:inherit;padding:6px 10px;font:inherit;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.onboarding-card__line{margin:0;font-size:.86rem;line-height:1.4;color:#fff6eae0}.action-card{position:absolute;left:18px;bottom:126px;z-index:2;width:min(320px,calc(100vw - 36px));display:grid;gap:8px;padding:14px 15px;max-height:min(42vh,360px);overflow-y:auto;border:1px solid rgba(83,48,23,.18);border-radius:18px;background:#fff7e8e0;box-shadow:0 18px 38px #502a122e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-card.is-hidden{display:none}.action-card__eyebrow{margin:0;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:#4b27129e}.action-card__title{margin:0;font-size:1rem;line-height:1.2}.action-card__detail{margin:0;font-size:.84rem;line-height:1.42;color:#22140cc2}.action-card__options{display:flex;flex-wrap:wrap;gap:8px}.action-card__options.is-hidden{display:none}.action-card__option{border:1px solid rgba(109,49,24,.16);border-radius:999px;background:#fff9f1d1;color:#5b2d18;padding:7px 11px;font:inherit;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,color .14s ease}.action-card__option.is-active{background:linear-gradient(135deg,#7c301d,#c55f2d 58%,#efb763);color:#fff6ea;box-shadow:0 12px 22px #5822102e}.action-card__option.is-disabled{opacity:.72}.action-card__button{justify-self:start;border:0;border-radius:999px;background:linear-gradient(135deg,#7e3d1d,#c96d30);color:#fff8ee;padding:8px 14px;font:inherit;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;cursor:pointer}.action-card__button:disabled{background:#754e3847;color:#fff8eeb8;cursor:default}.action-card__sand-row{display:flex;gap:6px;align-items:center}.action-card__sand-input{flex:1;border:1px solid rgba(83,48,23,.25);border-radius:8px;padding:6px 10px;font:inherit;font-size:.72rem;background:#fff8e6e6;color:#22140c;outline:none}.action-card__sand-input::placeholder{color:#22140c66}.action-card__sand-send{border:0;border-radius:999px;background:linear-gradient(135deg,#7e3d1d,#c96d30);color:#fff8ee;padding:6px 12px;font:inherit;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;cursor:pointer;white-space:nowrap}.joystick{position:absolute;left:18px;bottom:18px;z-index:2;width:124px;height:124px;border-radius:50%;border:1px solid rgba(83,48,23,.18);background:#fff4e047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none}.joystick__knob{position:absolute;top:50%;left:50%;width:54px;height:54px;border-radius:50%;background:#78381ad1;box-shadow:0 10px 24px #401c0a38;transform:translate(-50%,-50%)}.mobile-controls{position:absolute;right:18px;bottom:18px;z-index:2;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:calc(100vw - 204px);min-width:124px;max-width:188px}.mobile-controls.is-visible{display:grid}.mobile-controls__button{min-height:50px;border:1px solid rgba(109,49,24,.18);border-radius:18px;background:linear-gradient(180deg,#fffaf2f5,#f4dbb5db);color:#582b18;box-shadow:0 10px 22px #4b22101f;font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;touch-action:none}.mobile-controls__button:disabled{opacity:.52}.mobile-controls__button--action,.mobile-controls__button--look{background:linear-gradient(135deg,#7c301d,#c55f2d 58%,#efb763);color:#fff6ea;box-shadow:0 14px 26px #58221038}.mobile-controls__button--action{min-height:58px}.mobile-controls__button--look.is-active{transform:scale(.98);box-shadow:inset 0 0 0 2px #fff0d647}.crosshair{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(circle at center,transparent 0 10px,rgba(255,255,255,.14) 11px 12px,transparent 13px),linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.12) calc(50% - .5px),rgba(255,255,255,.12) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),rgba(255,255,255,.12) calc(50% - .5px),rgba(255,255,255,.12) calc(50% + .5px),transparent calc(50% + .5px));opacity:.3}.world-canvas{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hud,.compass,.chat-panel,.action-card{border-color:var(--panel-border);background:radial-gradient(circle at top left,var(--panel-highlight) 0,transparent 44%),linear-gradient(180deg,var(--panel-bg-top) 0%,var(--panel-bg-bottom) 100%);box-shadow:0 24px 52px var(--panel-shadow),inset 0 1px #fffaf1c7;-webkit-backdrop-filter:blur(16px) saturate(1.05);backdrop-filter:blur(16px) saturate(1.05)}.hud:before,.compass:before,.chat-panel:before,.action-card:before,.onboarding-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #fff7e82e}.hud,.compass,.chat-panel,.action-card,.onboarding-card,.night-alert,.status-toast,.joystick{overflow:hidden}.onboarding-card{overflow-y:auto;overscroll-behavior:contain}.identity-panel,.resources-panel,.action-card{overscroll-behavior:contain}.hud__title,.chat-panel__title,.action-card__title,.onboarding-card__title{font-family:Rockwell,Georgia,serif;letter-spacing:.12em}.hud__title{font-size:1rem;color:#4a2415}.hud__meta,.hud__frontier,.chat-panel__status,.chat-panel__text,.chat-panel__empty,.action-card__detail{color:var(--ink-soft)}.hud__clock,.hud__button,.onboarding-card__dismiss,.chat-panel__send,.action-card__button,.action-card__sand-send{border:1px solid rgba(109,49,24,.18);background:linear-gradient(180deg,#fffaf2f5,#f4dbb5db);color:#582b18;box-shadow:0 10px 22px #4b22101f}.hud__button,.onboarding-card__dismiss,.chat-panel__send,.action-card__button,.action-card__sand-send{background:linear-gradient(135deg,#7c301d,#c55f2d 58%,#efb763);color:#fff6ea;box-shadow:0 14px 26px #58221038}.meter__label,.chat-panel__author,.action-card__eyebrow,.onboarding-card__title{letter-spacing:.12em}.chat-panel__input,.action-card__sand-input{border-color:#6d31182e;background:#fff8ebeb;color:var(--ink-dark);box-shadow:inset 0 1px #ffffff80}.meter--compact{background:#fff9f18a;box-shadow:inset 0 0 0 1px #7a3d2114}.trail-meter{box-shadow:inset 0 0 0 1px #7a3d2114}.meter--risk{box-shadow:inset 0 0 0 1px #b347243d,0 0 0 1px #ffd0ad3d;background:#ffe7d6e0}.meter__fill--water{background:linear-gradient(90deg,#3e8bb1,#81dbd7)}.meter__fill--food{background:linear-gradient(90deg,#be4d22,#f0b35f)}.status-toast{border:1px solid rgba(255,209,150,.14);background:radial-gradient(circle at top,rgba(255,191,109,.18),transparent 40%),var(--toast-bg);box-shadow:0 18px 34px #2d12094d}.chat-panel__line{background:#fffaf28f;box-shadow:inset 0 0 0 1px #7c3c200f}.onboarding-card{border-color:#ffc57c33;background:radial-gradient(circle at top left,rgba(255,195,105,.14),transparent 44%),linear-gradient(180deg,#521f0ee6,#37140ae0);box-shadow:0 26px 48px #2b120957}.action-card__button:disabled{background:#754e3847;border-color:transparent;box-shadow:none}.joystick{border-color:#7d3d1f33;background:radial-gradient(circle at 35% 30%,rgba(255,235,205,.24),transparent 46%),#5926122e;box-shadow:inset 0 0 0 1px #fff0da14}.joystick__knob{background:linear-gradient(180deg,#a64522,#6f2b17);box-shadow:0 12px 28px #32140947,inset 0 1px #ffd6b147}.crosshair{background:radial-gradient(circle at center,transparent 0 10px,rgba(255,247,233,.18) 11px 12px,transparent 13px),linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,240,211,.14) calc(50% - .5px),rgba(255,240,211,.14) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),rgba(255,240,211,.14) calc(50% - .5px),rgba(255,240,211,.14) calc(50% + .5px),transparent calc(50% + .5px));opacity:.36}@media (min-width: 901px){.joystick{opacity:.4}.mobile-controls{display:none!important}}@media (max-width: 900px){.boot-panel{top:12px;width:min(420px,calc(100vw - 24px))}.compass{top:88px;width:min(146px,calc(100vw - 24px))}.hud{top:12px;left:12px;width:min(300px,calc(100vw - 24px))}.hud__actions .hud__button:nth-child(3),.hud__actions .hud__button:nth-child(4){display:none}.status-toast{top:auto;right:12px;left:12px;bottom:152px;max-width:none}.night-alert{top:94px;width:min(560px,calc(100vw - 24px))}.action-card{left:12px;bottom:198px;width:min(320px,calc(100vw - 24px))}.chat-panel{right:12px;left:auto;bottom:222px;width:min(320px,calc(100vw - 24px))}.onboarding-card{right:12px;left:12px;bottom:432px;width:auto;max-height:min(34vh,300px)}.joystick{left:12px;bottom:16px;width:148px;height:148px}.joystick__knob{width:64px;height:64px}}@media (max-width: 640px){.compass{top:118px;width:min(146px,calc(100vw - 24px))}.hud__header{align-items:stretch;flex-direction:column}.hud__actions{justify-content:space-between}.hud__footer{align-items:stretch;flex-direction:column}.action-card{right:12px;width:auto}.chat-panel{left:12px;right:12px;width:auto;bottom:226px}.movement-tip{left:12px;right:12px;bottom:226px;width:auto;transform:none}.night-alert{top:124px}.onboarding-card{bottom:434px}.mobile-controls{right:12px;bottom:16px;width:calc(100vw - 184px);min-width:124px;max-width:196px}}