.hud-top{padding:calc(10px + env(safe-area-inset-top)) 12px 0;-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:column;gap:6px;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:0 0 auto}.hud{padding:0 8px calc(8px + env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:column;gap:8px;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:auto 0 0}.hud__panel{pointer-events:none;background:#2e26188c;border-radius:16px;flex-direction:column;gap:8px;max-height:40vh;padding:10px 8px;display:flex;overflow-y:auto}.hud__tabs{pointer-events:none;justify-content:center;gap:6px;display:flex}.hud__tab{pointer-events:auto;color:#f3e6c8;touch-action:manipulation;background:#2e2618d9;border:2px solid #0000;border-radius:14px;flex:1;max-width:110px;min-height:56px;padding:6px 4px;font-family:inherit;font-size:20px;line-height:1.15;position:relative;box-shadow:0 3px #3a2d18}.hud__tab--active{background:#6b4f2f;border-color:#f3e6c8}.hud__tab small{font-size:11px;font-weight:700;display:block}.hud__tab-dot{background:#e0703a;border-radius:50%;width:10px;height:10px;position:absolute;top:6px;right:10px}.hud__hint{color:#f3e6c8;opacity:.85;padding:8px;font-size:13px;font-weight:600}.hud__resources{justify-content:center;gap:10px;display:flex}.hud__resource{color:#f3e6c8;text-align:center;white-space:nowrap;background:#2e2618d1;border-radius:12px;padding:5px 10px;font-size:15px;font-weight:700}.hud__species{color:#f3e6c8;text-shadow:0 1px 2px #2e2618b3;justify-content:center;gap:12px;font-size:12px;font-weight:600;display:flex}.hud__buttons{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hud__button{pointer-events:auto;color:#f3e6c8;touch-action:manipulation;background:#6b4f2f;border:none;border-radius:14px;flex:1;max-width:150px;min-height:58px;padding:8px 10px;font-family:inherit;font-size:14px;font-weight:700;line-height:1.25;box-shadow:0 3px #4a3620}.hud__button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #4a3620}.hud__button:disabled{opacity:.45}.hud__button small{opacity:.85;font-size:12px;font-weight:500;display:block}.hud__button--sell{background:#7a6a2f;box-shadow:0 3px #55491f}.hud__tools{pointer-events:none;align-items:stretch;gap:6px;display:flex}.hud__tool{pointer-events:auto;color:#f3e6c8;touch-action:manipulation;background:#55412c;border:2px solid #0000;border-radius:12px;min-width:46px;min-height:52px;padding:4px 6px;font-family:inherit;font-size:19px;line-height:1.1}.hud__bar{background:#00000059;border-radius:3px;width:100%;height:6px;margin:3px 0 2px;display:block;overflow:hidden}.hud__bar-fill{border-radius:3px;height:100%;display:block}.hud__tool--equipped{background:#6b4f2f;border-color:#f3e6c8}.hud__tool small{opacity:.85;font-size:11px;font-weight:700;display:block}.hud__roles{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hud__role{pointer-events:auto;color:#f3e6c8;white-space:nowrap;background:#2e2618d1;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:700;display:flex}.hud__role--idle{opacity:.85;font-weight:500}.hud__role-btn{color:#f3e6c8;touch-action:manipulation;background:#6b4f2f;border:none;border-radius:10px;min-width:34px;min-height:34px;font-size:18px;font-weight:700;box-shadow:0 2px #4a3620}.hud__role-btn:disabled{opacity:.35}.hud-banner{inset:auto 0 calc(84px + env(safe-area-inset-bottom)) 0;color:#f3e6c8;-webkit-user-select:none;user-select:none;background:#2e2618e0;border-radius:14px;align-items:center;gap:10px;width:fit-content;max-width:calc(100vw - 24px);margin:0 auto;padding:8px 12px;font-family:system-ui,sans-serif;font-size:14px;font-weight:600;display:flex;position:fixed}.hud-banner .hud__button{flex:none;min-height:44px}.catalog{z-index:10;color:#3a2d18;padding:calc(10px + env(safe-area-inset-top)) 14px calc(90px + env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;background:#efe3c6;font-family:system-ui,sans-serif;position:fixed;inset:0;overflow-y:auto}.catalog__head{justify-content:space-between;align-items:center;padding-bottom:6px;font-size:22px;font-weight:800;display:flex}.catalog__close{color:#f3e6c8;background:#6b4f2f;border:none;border-radius:12px;min-width:44px;min-height:44px;font-size:18px;font-weight:700}.catalog__section{margin:12px 0 8px;font-size:17px;font-weight:800}.catalog__grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.catalog__card{min-height:84px;color:inherit;background:#f8efd9;border:2px solid #d8c8a2;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-family:inherit;display:flex;position:relative;box-shadow:0 3px #d8c8a2}.catalog__card--unknown{opacity:.55;background:#e5d9bc}.catalog__card--poison{border-color:#c0392b;box-shadow:0 3px #c0392b}.catalog__emoji{font-size:30px;line-height:1}.catalog__name{font-size:12px;font-weight:700}.catalog__badge{font-size:14px;position:absolute;top:4px;right:6px}.catalog__count{color:#6b4f2f;font-size:11px;font-weight:800;position:absolute;top:4px;left:6px}.catalog__hint{opacity:.75;margin-top:10px;font-size:13px;font-weight:600}.catalog__version{opacity:.5;text-align:center;margin-top:14px;font-size:11px}.catalog__detail{z-index:11;background:#2e261880;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.catalog__detail-card{text-align:center;background:#f8efd9;border-radius:20px;flex-direction:column;align-items:center;gap:8px;max-width:min(330px,88vw);padding:20px 22px;display:flex;box-shadow:0 8px #3a2d18}.catalog__detail-card--poison{border:3px solid #c0392b}.catalog__detail-emoji{font-size:52px;line-height:1}.catalog__detail-name{font-size:20px;font-weight:800}.catalog__detail-warning{color:#c0392b;font-size:14px;font-weight:800}.catalog__fact{font-size:14px;font-weight:500;line-height:1.4}.exp-summary{z-index:20;-webkit-user-select:none;user-select:none;background:#2e261873;justify-content:center;align-items:center;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:0}.exp-summary__card{color:#3a2d18;text-align:center;background:#f3e6c8;border-radius:20px;flex-direction:column;align-items:center;gap:10px;max-width:min(320px,86vw);padding:22px 28px;display:flex;box-shadow:0 8px #3a2d18}.exp-summary__title{font-size:22px;font-weight:800}.exp-summary__record{color:#b06a1f;font-size:18px;font-weight:800;animation:.6s ease-out exp-record-pop}@keyframes exp-record-pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}to{transform:scale(1)}}.exp-summary__row{font-size:16px;font-weight:600}.exp-summary__row svg{vertical-align:-6px}.catalog__emoji svg{display:block}.hud-banner__cancel{background:#5a4632}