@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@400;500;700&display=swap";:root{--ink: #0b0e11;--ink-2: #12171d;--panel: #161c23;--panel-2: #1d252e;--cream: #e9dcc3;--cream-dim: #b6ac96;--amber: #ffb000;--green: #39ff87;--alert: #e03a3a;--current: #2e7cf6;--shore: #f6a02e;--line: rgba(233, 220, 195, .14);--mono: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--sans: "Inter", system-ui, -apple-system, sans-serif;--r: 10px;--manila: #cdb380;--manila-hi: #dcc79a;--manila-lo: #bda173;--manila-ink: #241a0d;--manila-dim: #6b5a35;--stamp-red: #b3262a;--stamp-green: #2e7d44;--stamp-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="60"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.55" numOctaves="2" seed="7"/><feColorMatrix type="matrix" values="0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0.5"/></filter><rect width="120" height="60" filter="url(%23n)"/></svg>')}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%,#16202b 0%,var(--ink) 60%),var(--ink);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 3px)}#app{max-width:560px;margin:0 auto;padding:env(safe-area-inset-top) 16px 96px}body.admin-view #app{max-width:1100px}a{color:var(--amber)}button{font-family:var(--mono);cursor:pointer}h1,h2,h3{font-family:var(--mono);letter-spacing:.04em;margin:.4em 0}.mono{font-family:var(--mono)}.dim{color:var(--cream-dim)}.amber{color:var(--amber)}.tiny{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.card{position:relative;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:14px 0;box-shadow:0 8px 30px #0006}.card--paper{background:repeating-linear-gradient(180deg,#e9dcc3,#e5d7bb,#e9dcc3 4px);color:#2a2016}.card__tag{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber);border-radius:4px;padding:2px 8px;display:inline-block;margin-bottom:10px;opacity:.85}.card--locked{opacity:.55;filter:grayscale(.4)}.stamp{position:absolute;top:14px;right:12px;transform:rotate(-8deg);font-family:var(--mono);font-weight:700;letter-spacing:.16em;border:2.5px solid currentColor;outline:1px solid currentColor;outline-offset:2.5px;color:var(--stamp-red);padding:3px 12px;border-radius:3px;font-size:13px;text-transform:uppercase;pointer-events:none;-webkit-mask-image:var(--stamp-mask);mask-image:var(--stamp-mask)}.stamp--green{color:var(--stamp-green);transform:rotate(5deg)}.folder .stamp,.case-modal__body .stamp{mix-blend-mode:multiply;opacity:.9}.redact{background:#000;color:transparent;border-radius:2px;padding:0 4px;user-select:none;transition:all .4s ease}.redact.revealed{background:transparent;color:var(--amber)}.terminal{font-family:var(--mono);font-size:14px;line-height:1.6;white-space:pre-wrap;color:var(--green);background:#05070a;border:1px solid var(--line);border-radius:var(--r);padding:14px;min-height:60px}.cursor{animation:blink 1s step-end infinite;color:var(--green)}@keyframes blink{50%{opacity:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--amber);color:#1a1205;border:none;border-radius:8px;padding:12px 18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px;width:100%;min-height:44px}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px);filter:brightness(.95)}.btn--ghost{background:transparent;color:var(--cream);border:1px solid var(--line)}.btn--ghost:hover{border-color:var(--amber);color:var(--amber);filter:none}.btn--danger{background:var(--alert);color:#fff}.btn:disabled{opacity:.4}.btn--sm{width:auto;min-height:40px;padding:8px 14px;font-size:12px}.toggle{position:relative;display:inline-block;flex-shrink:0;width:46px;height:26px}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{position:absolute;inset:0;background:var(--line);border-radius:13px;cursor:pointer;transition:background .2s}.toggle__track:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:var(--cream);border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0006}.toggle input:checked+.toggle__track{background:var(--amber)}.toggle input:checked+.toggle__track:before{transform:translate(20px)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--amber);outline-offset:2px}.input{width:100%;background:#05070a;border:1px solid var(--line);color:var(--cream);font-family:var(--mono);font-size:16px;padding:13px 14px;border-radius:8px;letter-spacing:.08em}.input:focus{outline:2px solid var(--amber)}.field{margin:12px 0}label.tiny{display:block;margin-bottom:6px;color:var(--cream-dim)}.hud{position:sticky;top:0;z-index:20;backdrop-filter:blur(8px);background:#0b0e11d1;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin:calc(-1*env(safe-area-inset-top)) -16px 8px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px}.hud__intel{font-family:var(--mono);color:var(--amber);font-weight:700}.hud__bell{position:relative;background:none;border:none;color:var(--cream);font-size:20px;min-width:44px;min-height:44px;display:grid;place-items:center}.badge{position:absolute;top:-4px;right:-6px;background:var(--alert);color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;font-family:var(--mono);padding:0 3px}.stars{color:var(--amber);letter-spacing:2px}.radar{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#0c1a14,#05070a 70%);border:1px solid rgba(57,255,135,.3);overflow:hidden}.radar__sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(57,255,135,.35),transparent 40%);animation:sweep 3s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.blip{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--alert);box-shadow:0 0 10px var(--alert);transform:translate(-50%,-50%)}.deck{position:relative;height:500px;margin:26px 0 16px}.folder{position:absolute;left:0;right:0;top:0;height:440px;border-radius:3px 10px 10px;background:repeating-linear-gradient(0deg,rgba(120,95,50,.06) 0 1px,transparent 1px 3px),linear-gradient(160deg,var(--manila-hi) 0%,var(--manila) 55%,var(--manila-lo) 100%);color:var(--manila-ink);border:1px solid #a8905e;box-shadow:0 14px 34px #0000008c,inset 0 0 46px #5a421e38,inset 0 1px #ffffff59;padding:24px 18px 16px;will-change:transform;touch-action:pan-y;user-select:none;display:flex;flex-direction:column}.folder:before{content:"";position:absolute;top:-19px;left:16px;width:44%;height:20px;clip-path:polygon(0 100%,7% 0,93% 0,100% 100%);background:linear-gradient(180deg,var(--manila-hi),var(--manila));border-top:1px solid #b89e6c}.folder:after{content:"";position:absolute;top:-6px;right:14px;height:7px;left:68%;background:repeating-linear-gradient(90deg,#efe7d2 0 22px,#ddd2b6 22px 24px,#e8dfc6 24px 46px,#d5c9ab 46px 48px);border-radius:2px 2px 0 0;box-shadow:0 -1px 2px #00000040}.folder__tab{position:absolute;top:-16px;left:34px;z-index:2;background:#f2ecd9;color:#3a2f1c;font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.22em;padding:1px 10px;border:1px solid rgba(90,66,30,.35);box-shadow:0 1px 2px #0003;transform:rotate(-.6deg)}.folder__no{font-family:var(--mono);font-size:11px;letter-spacing:.24em;color:var(--manila-dim);border-bottom:1px dashed rgba(107,90,53,.45);padding-bottom:6px}.folder__title{font-family:var(--mono);font-weight:700;font-size:21px;line-height:1.2;margin:12px 0 14px;color:var(--manila-ink);letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,255,255,.3)}.folder__photowrap{position:relative;flex:1;min-height:0;margin:2px 6px;display:flex;align-items:center;justify-content:center}.folder__photo{max-width:100%;max-height:100%;object-fit:cover;background:#b7a274;border:7px solid #f6f2e7;border-bottom-width:26px;box-shadow:0 4px 10px #00000059;transform:rotate(-1.6deg);filter:grayscale(.85) contrast(1.2) sepia(.2)}.folder__clip{position:absolute;top:-14px;left:24px;z-index:3;width:13px;height:36px;border:2.5px solid #9aa0ab;border-radius:7px;transform:rotate(7deg);box-shadow:inset 0 0 2px #0000004d}.folder__clip:before{content:"";position:absolute;inset:4px 2px 10px;border:2px solid #9aa0ab;border-radius:5px;border-bottom:none}.folder__redact{display:flex;flex-direction:column;gap:12px;flex:1;justify-content:center;padding:0 6px}.folder__redact span{height:15px;background:#2c2416;border-radius:1px;opacity:.88}.folder__hint{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--manila-dim);text-align:center;margin-top:12px}.deck__empty{text-align:center;padding:40px 0}@keyframes folderEnter{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.folder--enter{animation:folderEnter .3s cubic-bezier(.22,.1,.36,1) both}.case-modal{position:fixed;inset:0;z-index:200;display:none;background:#040609d6;backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:18px}.case-modal--open{display:flex}@keyframes caseBodyIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.case-modal--open .case-modal__body{animation:caseBodyIn .28s cubic-bezier(.22,.1,.36,1) both}.case-modal__body{position:relative;width:100%;max-width:460px;max-height:88vh;overflow-y:auto;border-radius:3px 10px 10px;background:repeating-linear-gradient(0deg,rgba(120,95,50,.06) 0 1px,transparent 1px 3px),linear-gradient(160deg,var(--manila-hi) 0%,var(--manila) 60%,var(--manila-lo) 100%);color:var(--manila-ink);border:1px solid #a8905e;box-shadow:0 20px 50px #0009,inset 0 0 46px #5a421e33;padding:22px 18px}.case-modal__body .input{background:#f2ecd9;color:var(--manila-ink);border-color:#5a421e66}.case-modal__body .input:focus{outline-color:var(--stamp-red)}.case-modal__body .input::placeholder{color:#3a2f1c80}.sheet-backdrop{position:fixed;inset:0;z-index:1100;display:none;background:#04060999}.sheet-backdrop--open{display:block}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:1200;max-height:72dvh;overflow-y:auto;background:var(--panel);border-top:2px solid var(--amber);border-radius:16px 16px 0 0;padding:14px 14px calc(14px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .25s ease;box-shadow:0 -12px 40px #0009}.sheet--open{transform:translateY(0)}.sheet__body{max-width:560px;margin:0 auto}@media (prefers-reduced-motion: reduce){.sheet{transition:none}}.seg{display:flex;border-bottom:1px solid var(--line);margin:4px 0 12px}.seg__btn{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--cream-dim);font-family:var(--mono);font-weight:700;font-size:14px;letter-spacing:.06em;padding:10px 0}.seg__btn--active{color:var(--amber);border-bottom-color:var(--amber)}.feed-card__img{width:100%;display:block;border-radius:6px;border:1px solid var(--line);background:#05070a}.tabbar{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 14px;border-bottom:1px solid var(--line);padding-bottom:8px}.tab{background:var(--panel);color:var(--cream-dim);border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-family:var(--mono);font-size:12px;letter-spacing:.04em}.tab--active{background:var(--amber);color:#1a1205;border-color:var(--amber);font-weight:700}.spymap{width:100%;height:320px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#05070a;isolation:isolate}.spymap .leaflet-tile-pane{filter:grayscale(1) invert(1) hue-rotate(180deg) brightness(.8) contrast(1.15)}.spymap .leaflet-control-attribution{background:#0b0e11b3;color:var(--cream-dim);font-size:9px;font-family:var(--mono)}.spymap .leaflet-control-attribution a{color:var(--cream-dim)}.spymap .leaflet-control-zoom a{background:var(--panel-2);color:var(--cream);border-color:var(--line)}.spymap .leaflet-popup-content-wrapper,.spymap .leaflet-popup-tip{background:var(--panel-2);color:var(--cream);font-family:var(--mono);font-size:12px}.map-blip{width:14px;height:14px;border-radius:50%;background:var(--blip, var(--alert));box-shadow:0 0 10px var(--blip, var(--alert));border:2px solid rgba(0,0,0,.5)}.map-pin{width:30px;height:30px;border-radius:50%;font-size:16px;display:grid;place-items:center;background:#0b0e11d9;border:2px solid var(--ring, var(--amber));box-shadow:0 0 12px #ffb00059}.map-pin--dim{opacity:.45;filter:grayscale(.8);box-shadow:none}.map-warn{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:650;pointer-events:none;background:#0b0e11e6;border:1px solid var(--amber);color:var(--amber);font-family:var(--mono);font-size:11px;letter-spacing:.1em;padding:6px 12px;border-radius:6px;white-space:nowrap;box-shadow:0 4px 14px #00000080;animation:blink 2s step-end infinite}.map-tier{display:flex;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.08em;background:#0b0e11d1;border-radius:5px;padding:3px 7px;backdrop-filter:blur(2px);border:1px solid currentColor;pointer-events:none;white-space:nowrap;filter:drop-shadow(0 2px 6px rgba(0,0,0,.7))}.map-tier--gun{color:var(--amber);box-shadow:0 0 10px #ffb00040}.map-tier--supply{color:var(--green);box-shadow:0 0 10px #39ff8740}.map-sweep{position:absolute;z-index:600;pointer-events:none;width:130%;aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;border-radius:50%;background:conic-gradient(from 0deg,rgba(57,255,135,.28) 0deg,rgba(57,255,135,.1) 28deg,transparent 55deg);-webkit-mask-image:radial-gradient(circle,#000 0%,#000 55%,transparent 72%);mask-image:radial-gradient(circle,#000 0%,#000 55%,transparent 72%);animation:sweep 3.2s linear infinite}.nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;background:#0b0e11f0;border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.nav a{color:var(--cream-dim);text-decoration:none;font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:2px;flex:1}.nav a.active{color:var(--amber)}.svgicon{display:inline-flex}.svgicon svg{display:block}.tab{display:inline-flex;align-items:center;gap:6px}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:var(--panel-2);border:1px solid var(--line);color:var(--cream);font-family:var(--mono);font-size:13px;padding:12px 16px;border-radius:8px;max-width:90%;opacity:0;transition:all .3s ease;z-index:2000;text-align:center}.toast--in{opacity:1;transform:translate(-50%)}.toast--ok{border-left:3px solid var(--green)}.toast--warn{border-left:3px solid var(--amber)}.toast--err{border-left:3px solid var(--alert)}.center{text-align:center}.row{display:flex;gap:10px;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.countdown{font-family:var(--mono);font-size:30px;color:var(--amber);letter-spacing:.06em}.avatar{width:88px;height:88px;border-radius:8px;object-fit:cover;border:1px solid var(--line)}.avatar-hero{position:relative;width:100%;max-width:340px;margin:0 auto;aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#05070a}.avatar-hero__media{width:100%;height:100%}.avatar-hero img{width:100%;height:100%;object-fit:cover;display:block}.avatar-hero__fallback{width:100%;height:100%;display:grid;place-items:center;font-size:72px}.avatar-hero__scrim{position:absolute;left:0;right:0;bottom:0;padding:56px 14px 12px;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(5,7,10,.55) 40%,rgba(5,7,10,.94) 100%)}.avatar-hero__name{font-family:var(--mono);font-weight:700;font-size:24px;letter-spacing:.04em;color:var(--cream);text-shadow:0 1px 4px rgba(0,0,0,.8);margin:0}.avatar-hero__intel{font-family:var(--mono);color:var(--amber);font-weight:700;margin-top:2px}.boot{display:grid;min-height:70dvh;place-items:center}.boot__terminal{font-family:var(--mono);color:var(--green);white-space:pre-wrap}.faction-current{--accent: var(--current)}.faction-shore{--accent: var(--shore)}.accent{color:var(--accent, var(--amber))}