:root{--bg: #cbb892;--bg-2: #b39a6a;--ink: #14110c;--muted: #3a3428;--olive: #2a471f;--moss: #3d6b2f;--mud: #6b4a28;--rust: #b44516;--sand: #e4d4a8;--ok: #245c32;--warn: #a35a0c;--bad: #8a2418;--card: rgba(236, 226, 198, .94);--map-bg: #9a8a62;--shadow: 0 10px 28px rgba(20, 17, 12, .28);--sans: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--stencil: "Bahnschrift", "DIN Alternate", "Oswald", ui-sans-serif, system-ui, sans-serif;--camo: repeating-linear-gradient(28deg, rgba(42, 71, 31, .28) 0 20px, rgba(107, 74, 40, .22) 20px 40px, rgba(61, 107, 47, .14) 40px 62px), repeating-linear-gradient(-16deg, rgba(20, 17, 12, .08) 0 12px, transparent 12px 26px);color-scheme:light}:root[data-theme=night]{--bg: #12180f;--bg-2: #1a2216;--ink: #e8efd6;--muted: #a7b38c;--olive: #8fb36a;--moss: #6f8a52;--mud: #8a6a42;--rust: #e08a4a;--sand: #2a3326;--ok: #7dca8a;--warn: #e8b84a;--bad: #ef7a68;--card: rgba(18, 24, 16, .96);--map-bg: #1b2218;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--camo: repeating-linear-gradient(28deg, rgba(47, 70, 32, .45) 0 20px, rgba(90, 64, 32, .28) 20px 40px, rgba(18, 24, 16, .2) 40px 62px), repeating-linear-gradient(-16deg, rgba(0, 0, 0, .18) 0 12px, transparent 12px 26px);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{background:var(--bg)}body{font:16px/1.4 var(--sans);color:var(--ink);background-color:var(--bg);background-image:var(--camo);background-attachment:fixed;min-height:100dvh;min-height:100svh}button,input,textarea,select{font:inherit;color:inherit;touch-action:manipulation}button{min-height:48px;min-width:48px;border:0;border-radius:2px;background:var(--olive);color:#f4edd8;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:0 16px;cursor:pointer}button.ghost{background:transparent;color:var(--ink);border:2px solid color-mix(in srgb,var(--ink) 22%,transparent)}button.warn{background:var(--rust)}button.ok{background:var(--ok)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{width:100%;min-height:48px;border-radius:2px;border:2px solid color-mix(in srgb,var(--ink) 22%,transparent);background:var(--card);padding:8px 12px;font-size:16px}label{display:grid;gap:6px;font-weight:700;margin:10px 0}a{color:var(--rust)}.shell{position:relative;height:100dvh;height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.topbar{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;background:color-mix(in srgb,var(--card) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--mud) 40%,transparent);z-index:500}.brand{font-family:var(--stencil);font-weight:800;letter-spacing:.18em;text-transform:uppercase}.pills{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto;max-width:62%;justify-content:flex-end}.pill{font-size:11px;font-weight:800;letter-spacing:.04em;padding:4px 8px;border-radius:2px;background:var(--sand);min-height:0}.pill.led{width:10px;min-width:10px;padding:0;height:10px;align-self:center}.pill.live{background:var(--ok);color:#fff}.pill.delayed{background:var(--warn);color:#1c1a14}.pill.stale,.pill.lastKnown{background:var(--bad);color:#fff}.pill.off{background:color-mix(in srgb,var(--ink) 12%,transparent)}.pill.out{background:var(--bad);color:#fff}.topbar-meta{font-size:11px;letter-spacing:.04em;text-transform:uppercase}.chrome{z-index:500}.map-wrap{position:relative;min-height:0;-webkit-user-select:none;-webkit-touch-callout:none}.map-wrap .leaflet-container{height:100%;width:100%;background:var(--map-bg);font-family:var(--sans)}.leaflet-control-attribution{font-size:9px;background:color-mix(in srgb,var(--card) 72%,transparent)!important;max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 4px 4px 0!important}.dock{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:4px 6px calc(4px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--card) 92%,var(--mud));box-shadow:var(--shadow);border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);z-index:900}.dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;letter-spacing:.08em;padding:6px 2px;min-height:52px}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:62%;overflow:auto;background:var(--card);border-radius:2px 2px 0 0;box-shadow:var(--shadow);padding:14px;z-index:850;border-top:2px solid var(--olive)}.sheet h2{margin:0 0 12px;font-size:18px}.row{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--card);border-radius:2px;padding:16px;box-shadow:var(--shadow);border:1px solid color-mix(in srgb,var(--mud) 28%,transparent)}.landing,.gate{min-height:100dvh;min-height:100svh;padding:calc(20px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;background-color:var(--bg);background-image:var(--camo)}.landing h1,.gate h1{font-size:22px;margin:4px 0 0;letter-spacing:.12em;text-transform:uppercase;font-family:var(--stencil)}.gate{justify-content:flex-start}.gate-head{display:grid;gap:4px}.gate-step{flex:1;display:flex;flex-direction:column;gap:14px;justify-content:center}.gate-foot{margin-top:auto}.hero-actions{display:flex;flex-direction:column;gap:12px}.hero-actions button{min-height:64px;font-size:1.15rem;width:100%}.hint{color:var(--muted)}.leaflet-div-icon.field-overlay,.leaflet-div-icon.field-overlay.leaflet-interactive{background:none;border:none;overflow:visible}.leaflet-marker-shadow,.leaflet-default-icon-path,img.leaflet-marker-icon[src^="data:image"]{display:none!important}.leaflet-tile-pane{filter:saturate(.85)}.leaflet-container.leaflet-drag-anim .leaflet-tile-pane,.leaflet-container.leaflet-zoom-anim .leaflet-tile-pane{filter:none}.field-pin{display:flex;flex-direction:column;align-items:center;width:28px}.leaflet-container.map-pins-labeled .field-pin{width:96px}.leaflet-container:not(.map-pins-labeled) .field-pin__label{display:none}.field-pin--dot{width:28px}.field-pin__head{width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--pin, #3d6b2f);border:2px solid #f4edd8;box-shadow:0 2px 7px #14110c73;display:grid;place-items:center}.field-pin__head i,.field-pin__head svg{transform:rotate(45deg);font-style:normal;font-size:10px;font-weight:900;line-height:1;color:#f6f1e4;display:block}.field-pin__label{margin-top:3px;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#14110c;background:#f4edd8f0;padding:1px 6px;border-radius:2px;box-shadow:0 1px 3px #14110c47}:root[data-theme=night] .field-pin__label{color:#e8efd6;background:#121810eb}.field-chip{display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--card) 88%,transparent);color:var(--ink);border-radius:2px;padding:2px 7px 2px 3px;font-weight:800;font-size:11px;white-space:nowrap;box-shadow:0 1px 4px #14110c47;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.field-chip i{width:10px;height:10px;border-radius:50%;background:var(--olive);box-shadow:0 0 0 2px color-mix(in srgb,var(--olive) 35%,transparent)}.field-chip.demo i{background:var(--rust);box-shadow:0 0 0 2px color-mix(in srgb,var(--rust) 35%,transparent)}.field-chip.self i{background:#1e7a3a}.field-chip[data-fresh=delayed]{opacity:.88}.field-chip[data-fresh=stale]{opacity:.62}.field-chip[data-fresh=lastKnown]{opacity:.42;filter:grayscale(.35)}.tac-pin{width:26px;height:26px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 2px 6px #14110c66;border:2px solid #f4edd8;background:#2a471f}.tac-pin b{transform:rotate(45deg);font-size:12px;color:#f6f1e4;line-height:1}.tac-pin--enemy{background:#9a2f1f}.tac-pin--medic{background:#8a2418}.tac-pin--hazard{background:#a35a0c}.tac-pin--ally{background:#2a471f}.map-tools{position:absolute;right:8px;top:8px;z-index:500;display:flex;flex-direction:column;gap:6px;pointer-events:none}.map-tools button{pointer-events:auto;min-width:48px;min-height:48px;padding:0;display:grid;place-items:center;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--card) 92%,transparent);color:var(--ink);box-shadow:var(--shadow);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:2px}.map-tools button.ok{background:var(--ok);color:#f4edd8}.map-tools button[aria-pressed=true]{background:var(--olive);color:#f4edd8}.hud-ticker{display:flex;align-items:center;gap:8px;min-height:28px;padding:0 8px;background:#1c2414;color:#f4edd8;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid color-mix(in srgb,var(--ink) 40%,transparent)}.hud-ticker--act{min-height:48px}.hud-ticker button{min-height:44px;min-width:56px;margin-left:auto;background:var(--rust);color:#f4edd8;border-radius:2px;padding:0 12px;font-size:12px}.hud-ticker button.ghost{background:transparent;color:#f4edd8;border-color:color-mix(in srgb,#f4edd8 35%,transparent);min-width:44px;margin-left:0}.map-boot{height:100%;display:grid;place-items:center;font-family:var(--stencil);letter-spacing:.24em;color:var(--muted)}.recover-code{font-size:1.4rem}.error{color:var(--bad);font-weight:700}.marker-menu{position:absolute;z-index:650;background:var(--card);border-radius:2px;padding:8px;box-shadow:var(--shadow);display:grid;gap:6px;min-width:180px;border:1px solid color-mix(in srgb,var(--mud) 40%,transparent)}.join-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(2rem,10vw,3.1rem);letter-spacing:.16em;font-weight:800;text-align:center;padding:12px 0}.invite-url{word-break:break-all;font-size:14px}.progress{height:12px;border-radius:2px;overflow:hidden;background:color-mix(in srgb,var(--ink) 14%,transparent)}.progress>i{display:block;height:100%;background:var(--olive)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--card);color:var(--ink);border-radius:2px;box-shadow:var(--shadow)}.leaflet-popup-content button{min-height:48px;width:100%;margin-top:8px}.hint-fold{margin-top:10px}.hint-fold summary{cursor:pointer;font-weight:800;font-size:13px}.draw-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.draw-list__row{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:13px}.draw-list__row button{min-height:48px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(orientation:landscape){.dock{grid-template-columns:repeat(4,1fr)}.landing h1,.gate h1{font-size:32px}}