/* Slides Terminal public site: palette lifted 1:1 from the control panel (slides-memes.html :root) */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Silkscreen:wght@400;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{
  --lime:#5be04a;--lime2:#3fb833;--cream:#f3eee0;--cream2:#d9d2bf;
  --navy:#0a0f1f;--navy2:#111a33;--navy3:#1b2748;--navbar:#0b1020;--rail:#0f1730;--line:#1e2a4d;
  --cyan:#4fc3ff;--glow:#7fdcff;--red:#ff5d6c;--amber:#ffc23d;--mut:#8f97ad;--purple:#b48cff;
  --px:'Press Start 2P','Silkscreen',ui-monospace,monospace;--sk:'Silkscreen',ui-monospace,monospace;--ui:Inter,system-ui,sans-serif;
  --r:14px;
}
*{box-sizing:border-box}
html{background:var(--navy)}
body{margin:0;color:var(--cream);font:15px/1.5 var(--ui);background:
  radial-gradient(1200px 600px at 85% -10%,#4fc3ff14,transparent 60%),
  radial-gradient(900px 500px at -10% 30%,#5be04a10,transparent 60%),
  linear-gradient(#ffffff05 1px,transparent 1px) 0 0/32px 32px,
  linear-gradient(90deg,#ffffff05 1px,transparent 1px) 0 0/32px 32px,var(--navy);min-height:100vh}
a{color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.wide{max-width:none;padding:0 28px}
.pos{color:var(--lime)}.neg{color:var(--red)}.mut{color:var(--mut)}.amb{color:var(--amber)}.cy{color:var(--cyan)}
.px{font-family:var(--px)}.sk{font-family:var(--sk)}

/* ---------- shared nav (mirrors #smnav) ---------- */
.nav{position:sticky;top:0;z-index:50;background:#0b1020e6;backdrop-filter:blur(10px);border-bottom:3px solid var(--lime);box-shadow:0 3px 0 #000}
.nav .in{display:flex;align-items:center;gap:18px;height:64px;max-width:1440px;margin:0 auto;padding:0 28px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:11px var(--px);white-space:nowrap}
.brand img{width:32px;height:32px;image-rendering:pixelated;border:2px solid var(--lime);box-shadow:0 0 10px #33ccff88;border-radius:4px}
.tabs{display:flex;gap:4px;margin:0 auto;padding:4px;background:var(--rail);border:2px solid var(--line);border-radius:999px}
.tabs a{font:11px var(--sk);color:#cfd6ea;text-decoration:none;padding:7px 15px;border-radius:999px;white-space:nowrap}
.tabs a:hover{background:var(--navy3);color:#fff}
.tabs a.on{background:var(--lime);color:#071a10;box-shadow:0 0 0 2px #071a10 inset,0 0 12px #5be04a66}
.nav .act{display:flex;gap:10px;align-items:center}
.ex{font:9px var(--sk);letter-spacing:.06em;color:var(--amber);border:1.5px dashed var(--amber);border-radius:6px;padding:3px 7px;white-space:nowrap;text-transform:uppercase}

/* ---------- buttons / pills ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 14px var(--ui);text-decoration:none;cursor:pointer;border:0;border-radius:10px;padding:11px 18px;background:var(--cream);color:var(--navy);box-shadow:3px 3px 0 var(--lime2);transition:transform .1s}
.btn:hover{transform:translate(-1px,-1px)}
.btn.g{background:var(--lime);color:#071a10;box-shadow:3px 3px 0 #1f6a19}
.btn.ghost{background:transparent;color:var(--cream);border:1.5px solid #ffffff2a;box-shadow:none}
.btn.lg{padding:15px 24px;font-size:15px;border-radius:12px}
.btn.sm{padding:8px 13px;font-size:13px}
.btn.full{width:100%}
.pill{display:inline-flex;align-items:center;gap:6px;font:10px var(--sk);padding:4px 9px;border:1.5px solid currentColor;border-radius:999px;line-height:1;white-space:nowrap}
.pill.ok{color:var(--lime)}.pill.bad{color:var(--red)}.pill.wait{color:var(--amber)}.pill.c{color:var(--glow)}.pill.m{color:var(--mut)}
.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;display:inline-block}
.kick{font:11px var(--sk);letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}

/* ---------- cards ---------- */
.card{background:linear-gradient(180deg,#141e3b,#0f1730);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:0 1px 0 #ffffff0a inset,0 20px 40px -24px #000}
.card.px-edge{box-shadow:4px 4px 0 var(--lime2),0 1px 0 #ffffff0a inset}
.card h3{margin:0 0 6px;font:700 16px var(--ui)}
.tile{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:var(--navy3);box-shadow:inset 0 0 0 1px #ffffff14;font-size:17px;line-height:1}
.tag{font:8px var(--px);color:#c3ff5d;border:1px solid #c3ff5d;border-radius:4px;padding:3px 5px}
.big{font:22px var(--px);letter-spacing:-.02em}
.lbl{font:9px var(--sk);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}

/* green-day squares (as on P&L dashboard) */
.gd{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.gd i{display:block;aspect-ratio:1;border-radius:4px;background:var(--navy3);border:1px solid #ffffff10}
.gd i.w{background:var(--lime)}.gd i.w2{background:#2f8f27}.gd i.l{background:var(--red)}.gd i.l2{background:#8a3340}.gd i.t{outline:2px solid var(--cream);outline-offset:1px}

/* forms */
label.f{display:block;font:600 12px var(--ui);color:var(--cream2);margin:0 0 6px}
.in-f{width:100%;background:var(--navy);border:1.5px solid var(--line);border-radius:10px;color:var(--cream);font:15px var(--ui);padding:12px 14px;outline:none}
.in-f:focus,.in-f.focus{border-color:var(--lime);box-shadow:0 0 0 3px #5be04a22}
.hint{font-size:12px;color:var(--mut);margin-top:6px}

footer.ft{border-top:1px solid var(--line);margin-top:80px;padding:28px 0 40px;color:var(--mut);font-size:13px}
footer.ft .wrap{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
footer.ft .disc{flex:1;min-width:300px}
.brand img.logo{width:auto;height:34px;border:0;box-shadow:none;border-radius:0;image-rendering:auto}
/* layered character */
.char{position:relative;aspect-ratio:1;overflow:hidden;border-radius:18px;background:var(--navy3);image-rendering:pixelated}
.char .cl{position:absolute;inset:0}.char .cl svg,.char .cl img{width:100%;height:100%;display:block}
.char .ph{position:absolute;left:6px;bottom:6px;font:7px var(--px);background:#0a0f1fd9;color:var(--amber);border:1px dashed var(--amber);border-radius:4px;padding:3px 4px;letter-spacing:.04em}

.char.real{background:#5be04a}.char img.flat{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated;image-rendering:crisp-edges}
.me-chip{display:flex;align-items:center;gap:9px;text-decoration:none;background:var(--rail);border:2px solid var(--line);border-radius:999px;padding:3px 12px 3px 3px;font:600 13px var(--ui)}
.me-chip img{width:32px;height:32px;border-radius:50%;object-fit:cover;image-rendering:pixelated;box-shadow:0 0 0 2px var(--lime)}
.me-chip b{font:10px var(--px);color:var(--lime)}

/* compact nav on phones */
@media(max-width:700px){.nav .in{height:56px;padding:0 12px;gap:10px}.nav .tabs,.nav .ex{display:none}.brand img.logo{height:28px}.nav .act{margin-left:auto}.nav .act .btn.ghost{display:none}.me-chip span{display:none}}