/* deck-b.css - v223: the canvas boards Friends, Rating, Leaderboard, Nearby (js/kd-screens-b.js).
   The inline styles of design-handoff/prev/<Name>.html as classes; everything under .kd (tokens from deck.css). */

/* ---- tab screens (Friends, Rating): the board's own title replaces the top bar; the page ends above the tab bar ---- */
#view.kdb-v{padding:0!important}
body:has(#view.kdb-v) .topbar.kd-top{display:none}
.kdb-pg{background:transparent;padding:calc(10px + env(safe-area-inset-top,0px)) 18px calc(118px + env(safe-area-inset-bottom,0px))}
.kd.kdb-pg>.top{gap:8px 10px;min-height:48px;height:auto;flex-wrap:wrap}
.kdb-acts{display:flex;gap:10px;align-items:center;flex:none;margin-inline-start:auto}
.kd.kdb-pg>.top h1{margin:0;white-space:nowrap;flex:0 0 auto}
.kd .kdb-add{flex:none;gap:6px;padding:0 12px;height:auto;min-height:40px}
.kd .kdb-add svg{flex:none}
.kd .kdb-add span{white-space:nowrap;line-height:1.1}
.kd.kdb-pg>.top .ibtn{flex:none}
.kd .kdb-sec{margin:16px 0 10px;gap:6px 10px;flex-wrap:wrap}
.kd .kdb-sec h2{min-width:0}
.kd .kdb-sec h2 svg{flex:none}
.kd .kdb-sec h2 .badge{box-shadow:none}
.kd .kdb-sec .tiny{flex:none;text-align:end}
.kdb-find{margin-top:8px}
.kd .kdb-q,.kd .kdb-txt{letter-spacing:0;text-transform:none;text-align:start;padding:0 12px}
.kd .kdb-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin-top:14px}
.kd .kdb-empty .btn{margin-top:4px}

/* online now: the three-across player cards */
.kdb-live{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ok);flex:none}
.kdb-live i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(30,138,75,.2)}
.kdb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kd .kdb-fc{padding:9px 9px 10px;text-align:center;display:flex;flex-direction:column;cursor:pointer;min-width:0}
.kd .kdb-fc .win{height:80px}
.kd .kdb-fc .win>img{width:64%}
.kd .kdb-emo{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:800;color:#fff;overflow:hidden;box-shadow:0 0 0 3px rgba(255,255,255,.7)}
.kd .kdb-emo .av-art{width:100%;height:100%}
.kd .kdb-fc-cov{position:absolute;top:7px;right:7px;width:26px;height:26px;border-radius:7px}
.kd .kdb-fc-cov::after{inset:2px;border-radius:5px}
.kdb-fc-rk{position:absolute;top:2px;left:2px;transform:rotate(-10deg);z-index:2}
.kd .kdb-fc .ribbon,.kd .kdb-pc .ribbon{font-size:14px;padding:4px 10px;margin-top:-13px;max-width:96%;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.15;overflow-wrap:normal;word-break:normal}
.kd .kdb-fc-n{font-size:14px;margin-top:5px;min-height:17px}
.kdb-fc-st{font-size:11.5px;color:#6B6256;font-weight:600;line-height:1.25;margin-top:1px;flex:1}
.kd .kdb-fc-b{width:100%;margin-top:7px;height:32px;font-size:13.5px;padding:0 6px;gap:4px}
.kd .kdb-fc-b svg{width:15px;height:15px;flex:none}
.kd .kdb-fc-b span,.kd .kdb-ok span,.kd .kdb-inv span{white-space:nowrap}

/* request / offline rows */
.kd .kdb-li{min-height:58px;padding:9px 14px;gap:10px}
.kd .kdb-li .grow{min-width:0;padding-inline-start:6px}
.kd .kdb-li .t3{font-size:15px;line-height:1.25}
.kd .kdb-li .tiny{font-size:12.5px;line-height:1.3}
.kdb-avw{position:relative;flex:none;display:block}
.kdb-avrk{position:absolute;bottom:-8px;left:-10px;transform:rotate(-10deg)}
[dir=ltr] .kdb-avrk{left:auto;right:-10px;transform:rotate(10deg)}
.kd .kdb-dim{filter:saturate(.7)}
.kd .kdb-rn{font-size:13px;color:var(--text3);font-weight:600}
.kd .kdb-li[data-req]{flex-wrap:wrap;row-gap:8px}
.kd .kdb-li[data-req] .grow{flex:1 1 96px}
.kdb-reqb{display:flex;gap:10px;align-items:center;flex:none;margin-inline-start:auto}
.kd .kdb-ok{height:36px;padding:0 12px;font-size:14px;flex:none;gap:5px}
.kd .kdb-x{width:36px;height:36px;border-radius:10px;flex:none}
.kd .kdb-x svg{width:18px;height:18px}
.kd .kdb-inv{height:36px;padding:0 12px;font-size:13.5px;flex:none;gap:5px}
.kd [role=button]{cursor:pointer}

/* leagues + the friends' news: the old rows drawn as canvas list rows */
.kd .kdb-lgf{display:flex;flex-direction:column;gap:8px}
.kdb-lgr{display:flex;gap:8px;align-items:center}
.kd .kdb-lgr .btn{flex:none}
.kd .kdb-rows .row-item{display:flex;align-items:center;gap:10px;padding:10px 14px;min-height:54px;border-bottom:1px solid var(--line);background:none;border-radius:0;box-shadow:none;margin:0;color:var(--text)}
.kd .kdb-rows .row-item:last-child{border-bottom:0}
.kd .kdb-rows .row-item .grow{min-width:0}
.kd .kdb-rows .row-item .name{font-weight:800;font-size:14.5px;color:var(--text)}
.kd .kdb-rows .row-item .sub{font-size:12.5px;color:var(--text3);font-weight:500}
.kd .kdb-rows .row-item .avatar{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden}
.kd .kdb-rows .empty-state{padding:14px;text-align:center;color:var(--text3);font-size:13px;background:none;border:0}
.kd #lg-list:empty{display:none}
.kd #lg-list{margin-top:10px}
.kd .kdb-rows .fr-ago{font-size:12px;color:var(--text3);flex:none}

/* sheets of this file */
.kd.kdb-sh{display:flex;flex-direction:column;gap:10px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
.kd .kdb-sh-h{margin:0;font-size:22px}
.kd .kdb-mycode{padding:10px 12px}
.kd .kdb-code{font-size:22px;letter-spacing:2px;text-align:start}
.kd .kdb-sh-close{margin-top:4px}
.kdb-pick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}
.kd .kdb-pk{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:4px 0;font:inherit;color:var(--text);cursor:pointer;border-radius:12px}
.kd .kdb-pk .cov{width:56px;height:56px}
.kd .kdb-pk.on .cov{box-shadow:0 0 0 3px var(--sun),0 3px 0 var(--gd,#222)}
.kd .kdb-pkn{font-size:12px;font-weight:700;text-align:center;line-height:1.15}

/* ---- Rating ---- */
.kd .kdb-hero{margin-top:10px;border-radius:20px;position:relative;padding:16px 18px;min-height:150px;
  box-shadow:inset 0 0 0 3px #C99A3E,inset 0 0 0 5px #5A3A20,inset 0 0 50px rgba(0,0,0,.35),0 4px 0 #3E2612,0 16px 30px -10px rgba(30,60,40,.6)}
.kdb-hero-t{display:flex;align-items:flex-start;gap:10px}
.kdb-hero-t .grow{min-width:0}
.kd .kdb-hero-n{font-size:34px;line-height:1.05;margin-top:4px;color:#fff}
.kdb-hero-s{font-size:13px;color:#D5EBDD;font-weight:600;margin-top:4px}
.kdb-hero-r{text-align:end;flex:none;display:flex;flex-direction:column;align-items:flex-end}
[dir=rtl] .kdb-hero-r{text-align:left;align-items:flex-end}
.kd .kdb-hero-v{font-size:38px;line-height:1;color:#F2D27A;text-shadow:0 2px 0 rgba(0,0,0,.3)}
.kd .kdb-wk{--c:#1E8A4B;margin-top:7px;box-shadow:0 2px 0 #11603A}
.kd .kdb-wk.dn{--c:#B3232A;box-shadow:0 2px 0 #7E161C}
/* the ladder of title cards, climbing to the right (left in RTL like the canvas) */
.kdb-lad{display:flex;align-items:flex-end;justify-content:center;height:128px;margin-top:4px;padding-bottom:4px}
.kd .kdb-lad-c{width:30px;height:44px;font-size:16px;letter-spacing:-1px;margin-inline-start:-3px;margin-bottom:calc(var(--i) * 6px);border-radius:5px}
.kd .kdb-lad-c small svg{width:8px;height:8px}
.kd .kdb-lad-c small{bottom:3px}
.kd .kdb-lad-c[data-up]{opacity:.9}
.kdb-lad-me,.kdb-lad-nx{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:calc(var(--i) * 6px)}
.kdb-lad-me{margin-left:3px;margin-right:3px}
.kd .kdb-lad-big{width:56px;height:78px;font-size:34px;border-radius:8px;color:#D7263D;box-shadow:inset 0 0 0 3px #FFFDF9,inset 0 0 0 4px rgba(176,122,18,.5),0 0 0 3px #E9B949,0 4px 0 #B6861B,0 0 26px rgba(242,210,122,.55),0 14px 22px rgba(0,0,0,.35)}
.kd .kdb-lad-big small svg{width:14px;height:14px}
.kd .kdb-lad-big small{bottom:7px}
.kdb-here{position:absolute;bottom:-22px;font-size:11px;font-weight:800;color:#1E2A52;background:#F2D27A;padding:1px 8px;border-radius:6px;white-space:nowrap}
.kd .kdb-lad-dash{opacity:.9;outline:2px dashed rgba(242,210,122,.85);outline-offset:3px}
.kdb-more-pts{position:absolute;top:-22px;inset-inline-start:0;font-size:11px;font-weight:800;color:#F2D27A;white-space:nowrap}
.kdb-star{position:absolute;top:2px;right:3px;font-style:normal;font-size:8px;color:#B6861B}
.kdb-hero-b{display:flex;align-items:center;gap:10px;margin-top:14px}
.kdb-hero-b>span:first-child{font-size:12px;font-weight:700;color:#D5EBDD;flex:none}
.kd .kdb-hero-b .bar{height:10px;background:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);min-width:40px}
.kdb-hero-nx{font-size:12px;font-weight:800;color:#F2D27A;flex:none;max-width:52%;text-align:end}
/* by game */
.kdb-gg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.kd .kdb-g{padding:8px;display:flex;gap:12px;align-items:center;border:0;font:inherit;color:var(--text);text-align:start;cursor:pointer;min-width:0}
.kdb-g-art{position:relative;flex:none}
.kd .kdb-g-art .cov{width:46px;height:46px}
.kdb-g-rk{position:absolute;bottom:-3px;left:-9px;transform:rotate(-9deg)}
[dir=ltr] .kdb-g-rk{left:auto;right:-9px;transform:rotate(9deg)}
.kd .kdb-g .grow{min-width:0}
.kd .kdb-g b{display:block;font-size:13.5px;line-height:1.2}
.kdb-g-v{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.kd .kdb-g-v .num{font-size:18px;line-height:1.15}
.kd .kdb-g-v .tiny{font-weight:700}
.kd .kdb-d.up{color:var(--ok)} .kd .kdb-d.dn{color:var(--accent)}
.kd .kdb-gold{color:var(--gold)}
.kdb-more{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.kd .kdb-more .chip{border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:600;height:36px}
.kd .kdb-h2h{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.kd .kdb-h2h .t3{font-size:14.5px}

/* ---- Leaderboard (page) ---- */
.kdb-lb .kd-pg-in{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.kd .kdb-gpick{height:36px;border:0;cursor:pointer;font:inherit;font-size:13px;font-weight:600;flex:none;max-width:44%}
.kd .kdb-seg{margin-top:12px}
.kd .seg.kdb-seg button{background:none!important;color:var(--text2)!important;box-shadow:none!important;border:0;font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.kd .seg.kdb-seg button.on{background:var(--raise)!important;color:var(--text)!important;font-weight:800;box-shadow:0 2px 0 var(--edge),0 0 0 1px var(--line)!important}
.kd .kdb-podium{margin-top:14px;height:246px;border-radius:20px;position:relative;overflow:hidden;
  box-shadow:inset 0 0 0 3px #C99A3E,inset 0 0 0 5px #5A3A20,inset 0 0 50px rgba(0,0,0,.35),0 4px 0 #3E2612,0 16px 30px -10px rgba(30,60,40,.6)}
.kdb-glow{position:absolute;inset:0;background:radial-gradient(50% 60% at 50% 30%,rgba(242,210,122,.28),transparent 70%)}
.kdb-pods{position:absolute;left:12px;right:12px;bottom:5px;display:flex;align-items:flex-end;justify-content:center;gap:8px;direction:ltr}
.kdb-pod{display:flex;flex-direction:column;align-items:center;position:relative;width:98px;flex:0 1 98px;min-width:0}
.kdb-pod.p1{width:118px;flex-basis:118px}
.kd .kdb-pc{width:100%;padding:8px 8px 9px;text-align:center;cursor:pointer}
.kd .kdb-pc .win{height:78px}
.kdb-pod.p1 .kdb-pc .win{height:88px}
.kd .kdb-pc .win>img{width:70%}
.kd .kdb-pod.p1 .kdb-pc{box-shadow:inset 0 0 0 1px rgba(70,50,25,.14),inset 0 0 0 6px #FFFBF2,inset 0 0 0 7.5px #D3AE55,0 0 0 3px #E9B949,0 4px 0 #B6861B,0 0 30px rgba(242,210,122,.5)}
.kd .kdb-pod.p1 .ribbon{background:linear-gradient(180deg,#F6CF68,#E9B949);color:#3D2A00;box-shadow:0 3px 0 #B6861B}
.kd .kdb-pc-n{font-size:17px;margin-top:4px}
.kdb-step{width:100%;margin-top:8px;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#6B4426,#4A2E17);box-shadow:inset 0 0 0 2px #C99A3E;display:grid;place-items:center;color:#F2D27A;font-weight:900;font-family:Rubik,sans-serif}
.p1 .kdb-step{height:52px;font-size:30px;background:linear-gradient(180deg,#7A4E2B,#4A2E17);box-shadow:inset 0 0 0 2px #E2B85C}
.p2 .kdb-step{height:36px;font-size:24px}
.p3 .kdb-step{height:24px;font-size:20px}
.kdb-crown{position:absolute;top:-22px;z-index:3;color:#F2D27A;filter:drop-shadow(0 2px 0 #8A5E10);width:26px;height:26px}
.kdb-crown svg{width:26px;height:26px}
.kd .kdb-lbl{margin-top:14px}
.kd .kdb-lbr{min-height:52px;padding:7px 14px;gap:10px}
.kd .kdb-lbr.me{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.kd .kdb-pos{min-width:22px;text-align:center;color:var(--text3);font-size:15px;flex:none}
.kd .kdb-lbr .av.s,.kd .kdb-mine .av.s{width:36px;height:36px}
.kd .kdb-lbr .grow,.kd .kdb-mine .grow{min-width:0}
.kd .kdb-lbn{font-weight:800;font-size:14.5px;line-height:1.25}
.kd .kdb-lbv{font-size:16px;flex:none;text-align:end;min-width:44px}
.kdb-lb .kdb-minew{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom,0px));margin-top:14px;padding-top:0;z-index:4}
.kd .panel.kdb-mine{padding:9px 14px;display:flex;align-items:center;gap:10px;
  box-shadow:inset 0 0 0 2px var(--accent),0 4px 0 var(--accent-d),0 14px 26px -8px rgba(0,0,0,.4)}
.kd .kdb-mine .kdb-pos{color:var(--accent);font-size:17px;min-width:34px}
.kd .kdb-mine .kdb-lbn{font-size:15px}
.kd .kdb-mine .kdb-lbv{font-size:18px}

/* ---- Nearby (page) ---- */
.kd .kdb-nb-tt{min-width:0}
.kd .kdb-nb-tt h1{margin:2px 0 0;font-size:23px;white-space:normal;line-height:1.1}
.kd .kdb-nb-tt .eyebrow{white-space:normal}
.kd .kdb-bt{gap:7px;color:var(--text);flex:0 1 auto;min-width:0;height:auto;min-height:34px;white-space:normal;line-height:1.15;padding-block:4px}
.kdb-bt i{flex:none}
.kd .top .kdb-nb-tt{flex:1 0 112px}
.kdb-bt i{width:8px;height:8px;border-radius:50%;background:var(--text3)}
.kdb-bt.ok i{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 25%,transparent)}
.kdb-bt.no i{background:var(--accent)}
.kdb-radar{position:relative;height:296px;margin-top:8px}
.kdb-radar>div,.kdb-radar>span{position:absolute;left:50%;top:50%}
.kdb-r0{width:292px;height:292px;margin:-146px 0 0 -146px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--felt) 16%,transparent),transparent)}
.kdb-r1{width:288px;height:288px;margin:-144px 0 0 -144px;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--gold) 45%,transparent)}
.kdb-r2{width:204px;height:204px;margin:-102px 0 0 -102px;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--gold) 55%,transparent)}
.kd .kdb-rt-felt{width:138px;height:138px;margin:-69px 0 0 -69px;border-radius:50%;border:7px solid #5A3A20;box-sizing:border-box;
  box-shadow:inset 0 0 0 2px #E2B85C,inset 0 0 30px rgba(0,0,0,.34),0 0 0 2px #3E2612,0 0 0 4px #C99A3E,0 4px 0 3px #3E2612,0 14px 24px -6px rgba(30,40,20,.5)}
.kd .kdb-radar>.kdb-rt-deck,.kd .kdb-radar>.kdb-rt-felt,.kd .kdb-radar>.kdb-rt-me{position:absolute;left:50%;top:50%}
.kd .kdb-rt-deck{margin:-50px 0 0 -25px}
.kd .kdb-rt-me{width:54px;height:54px;margin:38px 0 0 -27px;box-shadow:0 0 0 3px var(--sun),0 0 0 7px rgba(233,185,73,.28),0 6px 14px rgba(0,0,0,.3)}
.kdb-rt-bt{margin:70px 0 0 -48px;width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 2.5px var(--bg),0 2px 0 #121A36}
.kdb-rt-bt svg{width:13px;height:13px}
#nb-dots{position:absolute;inset:0;left:0;top:0}
.kdb-dot{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:42%}
.kd .kdb-dot .pill{height:auto;min-height:26px;font-size:12px;padding:3px 9px;line-height:1.2;text-align:center;white-space:normal}
.kd .kdb-nb-av{display:grid;place-items:center;background:var(--navy);color:#fff}
.kd .kdb-nb-av svg{width:20px;height:20px}
.kd .kdb-dot .kdb-nb-av{width:52px;height:52px}
.kd .kdb-nb-g{margin-top:14px;display:flex;align-items:center;gap:14px;padding:10px 14px 10px 12px}
.kdb-nb-deck{width:60px;flex:none;margin:-30px 0 -4px}
.kd .kdb-nb-g .grow{min-width:0}
.kd .kdb-nb-gn{font-size:19px;margin-top:1px;color:var(--g)}
.kd .kdb-nb-g .tiny{font-size:12.5px}
.kd .kdb-nb-g .btn{height:38px;font-size:14px;flex:none}
.kdb-nb-scan{display:inline-flex;align-items:center;gap:6px;font-size:12.5px}
.kdb-spin{display:flex;width:14px;height:14px}
.kdb-spin svg{width:14px;height:14px;animation:kdb-rot 1.6s linear infinite}
@keyframes kdb-rot{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.kdb-spin svg{animation:none}}
.kdb-nb-list{display:flex;flex-direction:column;gap:8px}
.kd .kdb-nb-d{padding:9px 12px}
.kd .kdb-nb-d .kdb-nb-av{width:40px;height:40px}
.kd .kdb-nb-d .grow{min-width:0}
.kd .kdb-nb-d .btn{height:38px;font-size:14.5px;flex:none}
.kd .kdb-nb-empty{padding:12px}
.kd .kdb-nb-empty .rt{font-size:12.5px;line-height:1.35}
.kdb-nb-note{display:flex;gap:8px;margin-top:12px;padding:0 4px;color:var(--text3);font-size:12.5px;font-weight:500;line-height:1.35;align-items:flex-start}
.kdb-nb-note>span:first-child{display:flex;width:16px;height:16px;flex:none;color:var(--gold)}
.kdb-nb-note svg{width:16px;height:16px}
/* narrow phones: the podium portraits leave room for the title card in the corner; the pinned row drops the avatar */
.kd .kdb-pc .kdb-emo{width:60%;height:auto;aspect-ratio:1;font-size:24px}
.kd .kdb-pc .kdb-fc-rk{top:-8px;left:-8px}
.kd .kdb-mine .tiny,.kd .kdb-lbr .tiny{line-height:1.25}
@media (max-width:359px){.kd .kdb-mine .av{display:none}}
/* v229: popups with the old markup open as a "החפיסה" sheet (app.js legacySheet) */
.kd-lg-head{display:flex;align-items:flex-start;gap:12px}
.kd-lg-head .grow{min-width:0}
.kd-lg-head .kdb-sh-h{line-height:1.15}
.kd-lg-sub{margin-top:3px}
.kd-legacy .btn-row{display:flex;gap:10px}
.kd-legacy .btn-row>.btn{flex:1 1 0;min-width:0}
/* v229: a sheet with no title row (player card) keeps the X in the corner */
.kd-legacy{position:relative}
.kd-legacy .kd-lg-xonly{position:absolute;top:10px;inset-inline-end:16px;z-index:2}
.kd-legacy.lg-ppc .pc-head{padding-inline-end:48px}
/* player card in the deck look: one cream card per game instead of the old table */
.kd-legacy .pc-table{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:14px}
.kd-legacy .pc-table th{font-size:12px;font-weight:600;color:var(--muted,#8A7660);text-align:start;padding:0 8px}
.kd-legacy .pc-table td{background:var(--raise);padding:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 0 var(--edge)}
.kd-legacy .pc-table td:first-child{border-start-start-radius:12px;border-end-start-radius:12px}
.kd-legacy .pc-table td:last-child{border-start-end-radius:12px;border-end-end-radius:12px}
.kd-legacy .pc-rel,.kd-legacy .pc-h2hsum{border-radius:12px}
.kd-legacy .pc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.kd-legacy .pc-actions>.btn{flex:1 1 40%;min-width:0}
/* v229: the old beige band's wave (themes.css, ".modal>:first-child::after") left two hairline ticks under every deck sheet's header */
html.paper .modal.kd-sheet-modal>.kd::after,html.paper .modal.kd-sheet-modal>.kd + :is(p,.small.txt-muted,h3)::after{display:none!important;content:none!important}
html.paper .modal.kd-sheet-modal>.kd:first-child{margin:0!important;min-height:0}
/* ...and the 10px gap between the pinned header and the body showed the popup's old gold inner frame at both edges */
.modal.kd-sheet-modal.kd-framed>.kd.kd-legacy{gap:0}
/* v229 (tests, se/13 in fr/es/en): no sideways overflow inside the converted popups - the look picker drops under its
   label when the row is too narrow, and the "invite to a game" buttons share the width and wrap their names */
.kd-legacy .pf-row{flex-wrap:wrap;row-gap:6px}
.kd-legacy .pf-row>.pf-seg{flex:1 1 auto;justify-content:flex-end;max-width:100%}
.kd-legacy .pf-row>.pf-seg>button{flex:none;white-space:nowrap}
.kd-legacy .pc-games{grid-template-columns:repeat(2,minmax(0,1fr))}
.kd-legacy .pc-games .btn{min-width:0;white-space:normal;text-align:start;line-height:1.15}
/* v230: the player card drawn like the "אני" page (portrait + rank card + ribbon, overall rating, chips, a row per game) */
.kd-legacy.lg-kdc .kd-lg-body>.kdc-ppc>.kdc-pf-row{margin-top:2px}
.kdc-ppc .kdc-pf-card{flex-basis:56%}
.kdc-ppc .kdc-ppc-win{position:relative;height:150px;cursor:default}
.kdc-ppc .kdc-pf-av{width:108px;height:108px}
.kdc-ppc .kdc-pf-av .av-art{width:108px}
.kdc-ppc .kdc-ppc-pres{position:absolute;bottom:20px;inset-inline-start:calc(50% + 32px);width:14px;height:14px;border-radius:50%;background:#B9AFA2;box-shadow:0 0 0 3px #FFF8EA;z-index:3}
.kdc-ppc .kdc-ppc-pres.on{background:var(--ok,#1E8A4B)}
.kdc-ppc .kdc-ppc-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px}
.kdc-ppc .kdc-ppc-tags:empty{display:none}
.kdc-ppc .kdc-ppc-nb{font-size:12px;font-weight:700;color:#2F6B3E;background:#E3F1E4;border-radius:999px;padding:2px 8px}
.kdc-ppc .kdc-ppc-rate{cursor:default}
.kdc-ppc .kdc-pf-nx{white-space:normal}
.kdc-ppc .kdc-pf-chips{margin-top:12px}
.kdc-ppc .kdc-pf-ch .cchip{width:54px;height:54px;font-size:calc(15*var(--u))}
.kdc-ppc .kdc-ppc-h2h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;margin-top:12px;font-weight:700;font-size:14px}
.kdc-ppc .kdc-ppc-h2h .eyebrow{flex:none}
.kdc-ppc .kdc-sec{margin-top:14px}
.kdc-ppc .kdc-ppc-list{margin-top:8px}
.kdc-ppc .kdc-ppc-g{cursor:default}
.kdc-ppc .kdc-ppc-cov{flex:none;width:42px;height:42px;border-radius:10px;overflow:hidden;box-shadow:0 2px 0 rgba(0,0,0,.12)}
.kdc-ppc .kdc-ppc-cov img{width:100%;height:100%;object-fit:cover;display:block}
.kdc-ppc .kdc-ppc-r{flex:none;display:flex;align-items:center;gap:6px}
.kdc-ppc .kdc-ppc-r .num{font-size:17px}
.kdc-ppc .kdc-ppc-aws{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.kdc-ppc .kdc-ppc-aw{display:inline-flex;align-items:center;gap:6px;max-width:100%;background:var(--raise,#fff);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.kdc-ppc .kdc-ppc-awi{font-size:16px;line-height:1}
.kdc-ppc .kdc-ppc-empty{margin-top:8px;padding:12px;text-align:center;font-size:13px;color:var(--text2)}
.kdc-ppc .kdc-ppc-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.kdc-ppc .kdc-ppc-acts[hidden]{display:none}
.kdc-ppc .kdc-ppc-acts>#pc-invite,.kdc-ppc .kdc-ppc-acts>#pc-watch,.kdc-ppc .kdc-ppc-rep{grid-column:1/-1}
.kdc-ppc .kdc-ppc-acts>.btn{min-width:0;white-space:normal;line-height:1.15}
.kdc-ppc .kdc-ppc-isfr{display:grid;place-items:center;min-height:44px;border-radius:14px;font-weight:700;font-size:14px;color:var(--ok,#1E8A4B);background:#E3F1E4}
.kdc-ppc .kdc-ppc-rep{background:none;border:0;padding:6px;color:var(--text2);font:inherit;font-weight:700;font-size:13px;text-decoration:underline;cursor:pointer}