/* THE DECK AND THE CENTER CARD (frontend/landing/oneway-deck.css, with oneway-deck.js): moved word for word from
   index.html on 2026-10-11 so the homepage and the Ecosystem page draw the people and the Centers once (CLAUDE.md §5:
   a concept built twice). The cards inside are the shared tiles and rows (oneway-cards.js) and the App's popit. */
/* ONE SOURCE (the founder, 2026-10-09: "make all clickable center buttons and popits look exactly like this as one
   unifed color pallete styling"): the card is the App's Post popit, `.ow-popit` in oneway-popit.css (C-app,
   b6ec8b5d), wearing the Center's own pair. It keeps only its room here; its ground, grain, light and shape are
   the popit's. */
.flag-card{padding:16px 16px 14px;color:var(--ow-ink);text-align:left}
.flag-sub{display:flex;align-items:baseline;gap:8px;margin:18px 2px 10px;
  font-family:var(--font-display,'ONEWAY Sans',system-ui,-apple-system,'Segoe UI',sans-serif);font-weight:800;font-size:15px;letter-spacing:-.01em}html.ow-nogap .flag-sub>*+*{margin-left:8px}
.flag-sub b{font-weight:800}.flag-sub span{font-size:12px;color:rgba(255,255,255,.5);font-weight:700}
.flag-card .flag-sub{font-size:12px;opacity:.75;margin:16px 0 6px}
.flag-card .flag-sub b{font-weight:600}
.flag-evs{display:flex;flex-direction:column;gap:8px}html.ow-nogap .flag-evs>*+*{margin-top:8px}
.flag-evs .po-glance{width:100%;min-height:54px;padding:10px 14px}
.flag-card .flag-evs .po-glance{background:none;box-shadow:none;border:0;border-radius:0;padding:8px 0}
.flag-card .flag-evs .po-glance::before,.flag-card .flag-evs .po-glance::after{display:none}
/* ── 4 · THE ACCOUNT — people as they are, right now ─────────────────── */
.deck-wrap{display:flex;flex-direction:column;align-items:center;min-width:0}
.deck{position:relative;width:100%;width:min(380px,100%);height:var(--deck-h,340px);margin:0 auto;transition:height .35s var(--ease)}
.pcard{position:absolute;left:0;right:0;top:0;text-align:left;cursor:pointer;
  display:flex;flex-direction:column;
  transform-origin:50% 0;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .5s ease,filter .5s ease}
.pcard[data-at="0"]{z-index:3}
.pcard[data-at="1"]{z-index:2;transform:translateY(-14px) scale(.94);opacity:.55;filter:saturate(.7)}
.pcard[data-at="2"]{z-index:1;transform:translateY(-26px) scale(.88);opacity:.28;filter:saturate(.5)}
.pcard[data-at="3"],.pcard[data-at="out"]{z-index:0;transform:translateY(-34px) scale(.84);opacity:0;pointer-events:none}
.pcard:not([data-at="0"]) *{pointer-events:none}
/* S21: the card inside is the shared tile (`.ow-ocard--tile`); here only the room it takes in the deck */
.pcard .ow-ocard__counts{margin-top:auto}
/* the people in the deck, as faces you can press (493: "the clickable
   profile pictures that is fantastic") */
.deck-faces{display:flex;gap:10px;margin-top:22px}html.ow-nogap .deck-faces>*+*{margin-left:10px}
.deck-faces button{width:40px;height:40px;padding:0;border:0;border-radius:50%;overflow:hidden;cursor:pointer;display:grid;place-items:center;
  --h:139,92,255;--h2:93,226,255;color:#fff;font-family:var(--font-display,'ONEWAY Sans',system-ui,-apple-system,'Segoe UI',sans-serif);font-weight:800;font-size:14px;line-height:normal;
  background:radial-gradient(120% 90% at 30% 10%,rgba(var(--h),.95),rgba(var(--h2),.6) 72%);
  box-shadow:0 0 0 2px rgba(255,255,255,.0);opacity:.55;transition:opacity .25s,box-shadow .25s,transform .25s}
.deck-faces button .ow-ocard__face{width:100%;height:100%}
.deck-faces button.on{opacity:1;box-shadow:0 0 0 2px #fff}
.deck-faces button:hover{transform:translateY(-2px);opacity:1}
/* the Centers, inside Account (534) */
.cn-wrap{min-width:0;width:100%;max-width:460px;margin:0 auto;text-align:left}
.cn-wrap .po-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}html.ow-nogap .cn-wrap .po-list>*+*{margin-top:20px}
.cn-wrap .po-glance{width:100%;text-align:left}
/* the Centers' faces stay round here, as the founder asked of these cards (2026-10-10, "why are they not circle") */
.flag-card .ow-ocard__face,.cn-wrap .po-list .ow-ocard__face{border-radius:50%}
/* the links a profile or a Center can carry, as the link bar draws them (OW.deck.links) */
.ow-deck-links{justify-content:center;margin:22px auto 0;max-width:420px;--ow-ink:#fff}
.ow-deck-links .ow-linkbar__i{cursor:default}