:root{color:#f5f5f5;background:#0d1720;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{position:relative;background:#0d1720}canvas{display:block;width:100%;height:100%}.hud{position:absolute;inset:0;z-index:1;pointer-events:none;color:#f8fafc;font-size:.78rem;--hud-bg: rgb(8 18 28 / 72%);--hud-border: rgb(255 255 255 / 14%);--hud-shadow: 0 16px 38px rgb(2 6 23 / 28%)}.hud[data-phase=night]{--hud-bg: rgb(7 14 28 / 78%);--hud-border: rgb(147 197 253 / 24%)}.hud-zone{position:absolute;display:flex;gap:10px;pointer-events:none}.hud-zone--top-center{top:14px;left:50%;flex-direction:column;align-items:center;transform:translate(-50%)}.hud-zone--top-left{top:14px;left:14px;flex-direction:column;max-width:min(260px,32vw)}.hud-zone--top-right{top:14px;right:14px;flex-direction:column;align-items:flex-end;max-width:min(300px,36vw)}.hud-zone--bottom-center{bottom:14px;left:50%;transform:translate(-50%);max-width:min(440px,60vw);align-items:center;flex-direction:column}.hud-zone--bottom-right{right:14px;bottom:14px}.hud-zone--center{inset:0;display:flex;align-items:center;justify-content:center}.hud-phase{display:inline-flex;align-items:center;gap:10px;padding:6px 12px;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:999px;box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.82rem;font-weight:700;letter-spacing:.04em}.hud-phase__day{color:#fef3c7;text-transform:uppercase}.hud-phase__name{padding:2px 8px;font-size:.7rem;background:#ffffff14;border-radius:6px;color:#cbd5e1}.hud-phase__hours{min-width:44px;padding:2px 8px;font-variant-numeric:tabular-nums;font-weight:800;text-align:center;color:#05151d;background:#facc15;border-radius:999px}.hud[data-phase=night] .hud-phase__hours{display:none}.hud-panel{display:flex;flex-direction:column;gap:8px;width:100%;padding:10px 12px;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:10px;box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:6px;border-bottom:1px solid rgb(255 255 255 / 10%)}.hud-panel__title{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fef3c7}.hud-lighthouse__condition{font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;color:#bbf7d0}.hud-bar{position:relative;height:8px;background:#ffffff14;border-radius:999px;overflow:hidden}.hud-bar__fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#4ade80,#86efac);transition:width .22s ease}.hud-bar--lighthouse .hud-bar__fill{background:linear-gradient(90deg,#facc15,#fef08a)}.hud-bar--fuel .hud-bar__fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.hud-bar--boat .hud-bar__fill{background:linear-gradient(90deg,#38bdf8,#7dd3fc)}.hud-beam-chip{padding:3px 8px;font-size:.66rem;font-weight:700;letter-spacing:.04em;color:#1f2937;background:#fde68a;border-radius:999px}.hud-inventory__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.hud-chip{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;padding:4px 8px;font-size:.7rem;background:#ffffff0f;border:1px solid rgb(255 255 255 / 8%);border-radius:6px;transition:opacity .16s ease}.hud-chip.is-empty{opacity:.42}.hud-chip__dot{width:8px;height:8px;background:var(--chip-color);border-radius:999px;box-shadow:0 0 8px var(--chip-color)}.hud-chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0}.hud-chip__count{font-variant-numeric:tabular-nums;font-weight:700;color:#f8fafc}.hud-tools{display:flex;gap:6px;flex-wrap:wrap}.hud-tool{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:.66rem;font-weight:700;letter-spacing:.04em;color:#e2e8f0;background:#ffffff0f;border:1px solid rgb(255 255 255 / 8%);border-radius:999px}.hud-tool[data-tool=kills]{color:#fca5a5}.hud-tool[data-tool=blueprints]{color:#93c5fd}.hud-tool__count{font-variant-numeric:tabular-nums;color:#f8fafc}.hud-tool--button{font:inherit;cursor:pointer;pointer-events:auto;transition:background .14s ease,border-color .14s ease,transform .1s ease}.hud-tool--button:hover{background:#93c5fd2e;border-color:#93c5fd7f}.hud-tool--button:focus-visible{outline:2px solid rgb(147 197 253 / 80%);outline-offset:2px}.hud-tool--button.is-active{color:#0b1220;background:#93c5fd;border-color:#93c5fdcc}.hud-tool--button.is-active .hud-tool__count{color:#0b1220}.hud-blueprints-panel{pointer-events:auto;display:flex;flex-direction:column;gap:8px;width:100%;max-height:60vh;overflow-y:auto;padding:10px 12px;background:#08121cf0;border:1px solid rgb(147 197 253 / 36%);border-radius:10px;box-shadow:0 22px 60px #0206177f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-blueprints-panel[hidden]{display:none}.hud-blueprints-panel__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:6px;border-bottom:1px solid rgb(255 255 255 / 10%)}.hud-blueprints-panel__title{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#bfdbfe}.hud-blueprints-panel__close{pointer-events:auto;padding:2px 10px;font-size:.66rem;font-weight:700;letter-spacing:.04em;color:#f8fafc;background:#ffffff14;border:1px solid rgb(255 255 255 / 18%);border-radius:6px;cursor:pointer}.hud-blueprints-panel__close:hover{background:#ffffff24}.hud-blueprints-panel__list{display:flex;flex-direction:column;gap:4px}.hud-blueprints-panel__empty{padding:8px 4px;font-size:.72rem;color:#94a3b8}.hud-blueprints-panel__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;font-size:.74rem;background:#93c5fd14;border:1px solid rgb(147 197 253 / 18%);border-radius:6px}.hud-blueprints-panel__row.is-installed{background:#86efac14;border-color:#86efac4d}.hud-blueprints-panel__name{color:#f1f5f9;font-weight:700}.hud-blueprints-panel__meta{font-size:.66rem;font-weight:700;letter-spacing:.04em;color:#93c5fd;font-variant-numeric:tabular-nums}.hud-blueprints-panel__row.is-installed .hud-blueprints-panel__meta{color:#86efac}.hud-toasts{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.hud-toasts:empty{display:none}.hud-toast{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;background:#08121ceb;border:1px solid rgb(147 197 253 / 50%);border-radius:999px;box-shadow:0 14px 40px #02061766;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(-6px);transition:opacity .24s ease,transform .24s ease}.hud-toast.is-visible{opacity:1;transform:translateY(0)}.hud-toast__eyebrow{font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#93c5fd}.hud-toast__name{font-size:.86rem;font-weight:800;color:#fef3c7}.hud-stat{display:grid;grid-template-columns:50px 1fr 36px;gap:8px;align-items:center;font-size:.72rem}.hud-stat__label{font-weight:700;letter-spacing:.04em;color:#cbd5e1}.hud-stat__value{font-variant-numeric:tabular-nums;font-weight:700;text-align:right;color:#cbd5e1}.hud-night-status{display:inline-flex;align-items:center;gap:12px;padding:6px 14px;font-size:.78rem;font-weight:700;color:#c7d2fe;background:#070e1ce0;border:1px solid rgb(147 197 253 / 24%);border-radius:999px;box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-night-status[hidden]{display:none}.hud-night-status__pickups{padding:2px 10px;font-variant-numeric:tabular-nums;color:#0b1220;background:#a7f3d0;border-radius:999px}.hud-night-status__wave{color:#fde68a}.hud-night-status__enemies{color:#fca5a5;font-variant-numeric:tabular-nums}.hud-prompt{padding:6px 12px;font-size:.92rem;font-weight:700;color:#fff7ed;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:8px;box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease}.hud-prompt.is-visible{opacity:1;transform:translateY(0)}.hud-flash{font-size:.78rem;font-weight:700;color:#fde68a;opacity:0;transition:opacity .2s ease}.hud-flash.is-visible{opacity:1}.hud-action__secondary,.hud-action__location{font-size:.72rem;color:#cbd5e1}.hud-action__secondary:empty,.hud-action__location:empty{display:none}.hud-action__secondary{color:#fde68a}.hud-station-panel{pointer-events:auto;display:flex;flex-direction:column;gap:12px;width:min(440px,86vw);max-height:78vh;overflow-y:auto;padding:16px 18px;background:#08121ceb;border:1px solid rgb(255 255 255 / 18%);border-radius:12px;box-shadow:0 30px 80px #0206177f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hud-station-panel[hidden]{display:none}.hud-station-panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.hud-station-panel__title{margin:0;font-size:1.1rem;font-weight:800;color:#fef3c7}.hud-station-panel__close{pointer-events:auto;padding:4px 12px;font-size:.7rem;font-weight:700;letter-spacing:.04em;color:#f8fafc;background:#ffffff14;border:1px solid rgb(255 255 255 / 18%);border-radius:6px;cursor:pointer}.hud-station-panel__close:hover{background:#ffffff24}.hud-station-panel__description{margin:0;font-size:.78rem;color:#cbd5e1}.hud-station-panel__actions{display:flex;flex-direction:column;gap:14px}.hud-station-panel__section{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;background:#ffffff08;border:1px solid rgb(255 255 255 / 10%);border-radius:10px}.hud-station-panel__section[data-section=tech]{border-color:#fef08a47;background:#fef08a0a}.hud-station-panel__section[data-section=other]{border-color:#7dd3fc3d;background:#7dd3fc0a}.hud-station-panel__section-title{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fde68a}.hud-station-panel__section[data-section=other] .hud-station-panel__section-title{color:#bae6fd}.hud-station-panel__group{display:flex;flex-direction:column;gap:4px}.hud-station-panel__group-title{margin:4px 0 2px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#cbd5e1}.hud-station-panel__action-list{display:grid;gap:6px}.hud-station-panel__action{pointer-events:auto;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:4px;padding:10px 14px;font:inherit;text-align:left;color:#f8fafc;background:#ffffff0f;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .1s ease}.hud-station-panel__action:hover:not(:disabled){background:#ffffff1a;border-color:#fef08a99}.hud-station-panel__action:active:not(:disabled){transform:translateY(1px)}.hud-station-panel__action:disabled{opacity:.4;cursor:not-allowed}.hud-station-panel__action.is-current{border-color:#fef08acc;background:#fef08a24}.hud-station-panel__action.is-complete{border-color:#86efac8c;background:#16a34a1f}.hud-station-panel__action-label{font-weight:700;color:#fef3c7}.hud-station-panel__action-meta{font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;color:#fde68a;text-align:right}.hud-station-panel__action-desc{grid-column:1 / -1;font-size:.7rem;color:#cbd5e1}.hud-station-panel__message{font-size:.78rem;font-weight:700;color:#fca5a5;opacity:0;transition:opacity .2s ease}.hud-station-panel__message.is-visible{opacity:1}.hud-minimap__canvas{width:min(160px,22vw);height:min(160px,22vw);background:#081823e0;border:1px solid var(--hud-border);border-radius:10px;box-shadow:var(--hud-shadow)}.phase-banner{position:absolute;top:50%;left:50%;z-index:2;min-width:min(320px,calc(100vw - 36px));padding:14px 20px;font-size:clamp(1.2rem,3.4vw,2.4rem);font-weight:800;line-height:1.05;text-align:center;color:#fff7ed;pointer-events:none;background:#0f172ac2;border:1px solid rgb(255 255 255 / 22%);border-radius:8px;box-shadow:0 22px 70px #00000057;opacity:0;transform:translate(-50%,-50%) scale(.96);transition:opacity .26s ease,transform .26s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.phase-banner.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.game-over-banner{position:absolute;top:50%;left:50%;z-index:4;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;min-width:min(420px,calc(100vw - 36px));padding:28px 36px;text-align:center;pointer-events:auto;background:#0f172aeb;border:1px solid rgb(248 113 113 / 60%);border-radius:14px;box-shadow:0 30px 90px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-over-banner[hidden]{display:none}.game-over-banner__title{font-size:1.8rem;font-weight:800;letter-spacing:.08em;color:#fca5a5}.game-over-banner__stats{font-size:.92rem;color:#fde68a}.game-over-banner__button{pointer-events:auto;padding:10px 28px;font-size:.92rem;font-weight:700;letter-spacing:.06em;color:#0b1220;background:#fde68a;border:0;border-radius:8px;cursor:pointer;transition:transform .12s ease}.game-over-banner__button:hover{transform:translateY(-1px)}.respawn-banner{position:absolute;top:38%;left:50%;z-index:3;transform:translate(-50%,-50%);min-width:min(360px,calc(100vw - 36px));padding:18px 26px;text-align:center;pointer-events:none;background:#0f172adb;border:1px solid rgb(248 113 113 / 60%);border-radius:10px;box-shadow:0 22px 70px #0000007f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:respawn-pulse 1.4s ease-in-out infinite}.respawn-banner[hidden]{display:none}.respawn-banner__title{font-size:1.6rem;font-weight:800;color:#fca5a5;letter-spacing:.06em}.respawn-banner__timer{margin-top:6px;font-size:1.1rem;font-weight:800;color:#fef3c7;font-variant-numeric:tabular-nums}.respawn-banner__sub{margin-top:6px;font-size:.78rem;color:#fde68a;letter-spacing:.04em}@keyframes respawn-pulse{0%,to{box-shadow:0 22px 70px #f871713d}50%{box-shadow:0 22px 90px #f87171a3}}.under-attack-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(closest-side at center,transparent 55%,rgb(248 113 113 / 36%) 100%);transition:opacity .24s ease;animation:under-attack-pulse 1.2s ease-in-out infinite}.under-attack-overlay.is-visible{opacity:1}@keyframes under-attack-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}@media(max-width:720px){.hud{font-size:.72rem}.hud-zone--top-left,.hud-zone--top-right{max-width:46vw}.hud-inventory__grid{grid-template-columns:1fr}}@media(max-width:480px){.hud-zone--top-left,.hud-zone--top-right{max-width:calc(50vw - 18px)}.hud-minimap__canvas{width:110px;height:110px}}