/* deck-c.css (v223c) - the canvas boards Profile ("אני"), Awards, Collection, History (js/kd-screens-c.js).
   Everything under .kdc; tokens from deck.css (.kd). Rules: text >= 10px (labels 11px), wrap between words only. */
.kdc .kd-pg-in{padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))}
.kdc .top .disp{margin:0;font-size:var(--fs-t2);line-height:var(--lh-title);text-align:start}
.kdc .kdc-pf-h{font-size:calc(32*var(--u))!important}
.kdc .kdc-sec{margin:18px 0 8px}
.kdc .kdc-sec h2{font-size:calc(19*var(--u))}
.kdc .kdc-gold{color:#F2D27A!important}
.kdc .kdc-coin{flex:none;border:0;cursor:pointer;font-size:max(12px,calc(14*var(--u)));padding:0 12px 0 6px;max-width:46%}
.kdc .kdc-coin span{white-space:nowrap}
.kdc .kdc-felt{margin-top:10px;border-radius:20px;position:relative;padding:12px 14px;color:#fff;
  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)}
.kdc .kdc-fbar{margin-top:8px;background:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.kdc .kdc-fsub{font-size:max(11px,calc(12*var(--u)));color:#D5EBDD;font-weight:600;margin-top:7px;line-height:1.25}
.kdc .kdc-empty{padding:22px 16px;text-align:center;color:var(--text2);font-weight:600;line-height:1.45;margin-top:14px}
.kdc .kdc-lk{position:absolute;inset:0;display:grid;place-items:center;z-index:3;pointer-events:none}
.kdc .kdc-lk svg{width:26px;height:26px;padding:5px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;box-sizing:content-box}
.kdc .kdc-chev svg{width:18px;height:18px;color:var(--text3)}
[dir=ltr] .kdc .kdc-chev svg{transform:scaleX(-1)}

/* ---------- a back design preview (backs.js paints [data-bk] > .pc.pc-back) ---------- */
.kdc .kdc-bk{display:block;position:relative;width:100%;height:100%}
.kdc .kdc-bk>.pc.pc-back{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;margin:0}
.kdc .kdc-bk>.pc.pc-back::after{content:"";position:absolute}

/* ============================ PROFILE ============================ */
.kdc-pfp .kdc-pf-row{display:flex;gap:12px;margin-top:12px;align-items:stretch}
.kdc-pfp .kdc-pf-card{flex:0 0 57%;min-width:0;padding:11px 11px 14px;text-align:center}
.kdc-pfp .kdc-pf-win{display:grid;width:100%;height:172px;border:0;padding:0;cursor:pointer;--g:#2E4A86;--gd:#152451}
.kdc-pfp .kdc-rays{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 60%,rgba(242,210,122,.12) 0 10deg,transparent 10deg 20deg)}
.kdc-pfp .kdc-pf-av{position:relative;display:grid;place-items:center;width:128px;height:128px;border-radius:50%}
.kdc-pfp .kdc-pf-av .av-art{width:128px;height:auto;display:block;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35))}
.kdc-pfp .kdc-pf-av .av-emoji{font-size:calc(76*var(--u));line-height:1}
.kdc-pfp .kdc-pf-av:not(:has(img,.av-emoji)){font-size:calc(46*var(--u));font-weight:900;color:#fff}
.kdc-pfp .kdc-pf-rk{position:absolute;top:2px;left:0;transform:rotate(-10deg);z-index:2}
[dir=ltr] .kdc-pfp .kdc-pf-rk{left:auto;right:0;transform:rotate(10deg)}
.kdc-pfp .kdc-pf-name{font-size:calc(22*var(--u));padding:5px 18px;margin-top:-18px;line-height:1.15;max-width:96%;white-space:normal}
.kdc-pfp .kdc-pf-sub{font-size:max(11px,calc(12*var(--u)));color:#6B6256;font-weight:600;margin-top:7px;line-height:1.3}
.kdc-pfp .kdc-pf-goal{display:flex;align-items:center;gap:8px;margin-top:10px;padding:0 4px;text-align:start}
.kdc-pfp .kdc-pf-gc{width:28px;height:28px;font-size:max(11px,calc(12*var(--u)));color:#3D2A00}
.kdc-pfp .kdc-pf-gt{display:block;font-size:max(11px,calc(11.5*var(--u)));font-weight:700;color:#231F1A;line-height:1.25}
.kdc-pfp .kdc-pf-gt span{color:#9A8F81;font-weight:600}
.kdc-pfp .kdc-pf-gb{display:block;height:7px;margin-top:4px;background:#EFE4CF}
.kdc-pfp .kdc-pf-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.kdc-pfp .kdc-pf-rate{display:flex;flex-direction:column;align-items:flex-start;padding:12px 12px 11px;border:0;cursor:pointer;text-align:start}
.kdc-pfp .kdc-pf-rv{font-size:calc(28*var(--u));line-height:1.1;margin-top:2px}
.kdc-pfp .kdc-pf-wk{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}
.kdc-pfp .kdc-pf-wk:empty{display:none}
.kdc-pfp .kdc-pf-wk .tag{height:22px;font-size:max(11px,calc(11.5*var(--u)));padding:0 7px}
.kdc-pfp .kdc-pf-nx{margin-top:6px;color:var(--text2);line-height:1.25}
.kdc-pfp .kdc-pf-nx:empty{display:none}
.kdc-pfp .kdc-pf-nr{color:var(--red)}
.kdc-pfp .kdc-pf-fav{position:relative}
.kdc-pfp .kdc-pf-dk{width:100%;max-width:126px;margin:0 auto}
.kdc-pfp .kdc-pf-love{position:absolute;top:4px;left:0;z-index:5;--c:var(--sun-d);box-shadow:0 2px 0 #7A5A10}
[dir=ltr] .kdc-pfp .kdc-pf-love{left:auto;right:0}
.kdc-pfp .kdc-pf-chips{margin-top:16px;padding:14px 6px 12px;display:flex;justify-content:space-around;gap:4px}
.kdc-pfp .kdc-pf-ch{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.kdc-pfp .kdc-pf-ch .cchip{width:62px;height:62px;font-size:calc(17*var(--u))}
.kdc-pfp .kdc-pf-ch .cchip.gold{color:#3D2A00}
.kdc-pfp .kdc-pf-cl{font-size:max(11px,calc(12*var(--u)));font-weight:700;color:var(--text2);margin-top:8px;line-height:1.2}
.kdc-pfp .kdc-pf-hand{height:auto;min-height:158px;display:flex;justify-content:center;align-items:flex-end;gap:6px;padding:6px 0 4px}
.kdc-pfp .kdc-pf-hand>.mcard{position:relative;left:auto;bottom:auto;margin:0;width:100px;min-height:132px;height:auto;padding:5px 5px 8px;border:0;cursor:pointer;flex:0 1 100px;min-width:0}
.kdc-pfp .kdc-mc1{transform:rotate(5deg) translateY(2px)}
.kdc-pfp .kdc-mc2{transform:translateY(-6px)}
.kdc-pfp .kdc-mc3{transform:rotate(-5deg) translateY(2px)}
[dir=ltr] .kdc-pfp .kdc-mc1{transform:rotate(-5deg) translateY(2px)}
[dir=ltr] .kdc-pfp .kdc-mc3{transform:rotate(5deg) translateY(2px)}
.kdc-pfp .kdc-mc img{height:78px;object-fit:contain;background:radial-gradient(circle,#FBEFD0,#F1DDAE)}
.kdc-pfp .kdc-mc2 img{background:radial-gradient(circle,#E3EFE7,#C9DDCF)}
.kdc-pfp .kdc-mc-bk{display:block;height:78px;border-radius:8px;overflow:hidden}
.kdc-pfp .kdc-mc small{white-space:normal;line-height:1.2;font-size:max(10px,calc(10.5*var(--u)))}
.kdc-pfp .kdc-tabs{position:sticky;bottom:0;z-index:6;margin-top:auto}
.kdc-pfp .kdc-tabs .k-tabbar{display:flex}

/* ============================ AWARDS ============================ */
.kdc-awp .kdc-aw-hero{display:flex;align-items:center;gap:14px}
.kdc-awp .kdc-aw-cnt{margin-top:4px;color:#fff}
.kdc-awp .kdc-aw-cnt .disp{font-size:calc(38*var(--u));line-height:1}
.kdc-awp .kdc-aw-cnt span:not(.disp){font-size:max(12px,calc(15*var(--u)));font-weight:700;color:#D5EBDD}
.kdc-awp .kdc-aw-next{flex:none;width:112px;border:0;cursor:pointer;border-radius:14px;background:rgba(0,0,0,.22);box-shadow:inset 0 0 0 1px rgba(242,210,122,.35);padding:8px;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center}
.kdc-awp .kdc-aw-nl{font-size:max(11px,calc(11*var(--u)));font-weight:700;color:#F2D27A}
.kdc-awp .kdc-aw-next .rk{margin-top:6px;width:34px;height:48px;font-size:calc(19*var(--u));outline:2px dashed rgba(242,210,122,.85);outline-offset:3px}
.kdc-awp .kdc-aw-next b{font-size:max(11px,calc(12.5*var(--u)));font-weight:800;margin-top:7px;line-height:1.2}
.kdc-awp .kdc-aw-next .num{font-size:max(11px,calc(12*var(--u)));color:#A5CDB5}
.kdc-awp .kdc-aw-seg{margin-top:14px}
.kdc-awp .kdc-aw-seg button{font-size:max(12px,calc(13.5*var(--u)));line-height:1.1;padding:2px 4px;height:auto;min-height:38px}
.kdc-awp .kdc-aw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.kdc-awp .kdc-aw{position:relative;min-height:136px;border-radius:12px;padding:6px;border:0;cursor:pointer;text-align:start;display:flex;flex-direction:column;font:inherit}
.kdc-awp .kdc-aw.got{background:#FFFDF9;color:#231F1A;box-shadow:inset 0 0 0 1px rgba(70,50,25,.12),inset 0 0 0 4px #FFFDF9,inset 0 0 0 5px #D3AE55,0 3px 0 #DCCFB8,0 10px 18px -6px rgba(80,55,25,.4)}
.kdc-awp .kdc-aw-new{position:absolute;top:-7px;right:-5px;z-index:3;height:21px;font-size:max(11px,calc(11*var(--u)));padding:0 7px;box-shadow:0 2px 0 var(--accent-d)}
[dir=ltr] .kdc-awp .kdc-aw-new{right:auto;left:-5px}
.kdc-awp .kdc-aw-art{position:relative;display:block;height:62px;border-radius:8px;overflow:hidden;background:var(--g,#B07A12);flex:none}
.kdc-awp .kdc-aw-art img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}
.kdc-awp .kdc-aw-fan{position:absolute;top:22px;left:18px;width:30px;height:42px}
[dir=ltr] .kdc-awp .kdc-aw-fan{left:auto;right:18px}
.kdc-awp .kdc-aw.got .kdc-aw-n{font-weight:800;font-size:max(11px,calc(12.5*var(--u)));line-height:1.2;margin-top:8px;padding:0 3px;min-height:30px}
.kdc-awp .kdc-aw-d{font-size:max(11px,calc(11*var(--u)));font-weight:600;color:#9A8F81;padding:0 3px;margin-top:auto;padding-top:4px}
.kdc-awp .kdc-aw-d.today{color:#E5383B}
.kdc-awp .kdc-aw.lock{--g:var(--navy);color:#fff;background-color:var(--g);overflow:hidden;
  background-image:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.55) 100%),repeating-linear-gradient(45deg,rgba(242,210,122,.3) 0 1px,transparent 1px 6px),repeating-linear-gradient(-45deg,rgba(242,210,122,.3) 0 1px,transparent 1px 6px);
  box-shadow:inset 0 0 0 3px #FFFDF9,inset 0 0 0 4.5px #D9A830,0 0 0 1px rgba(70,50,25,.14),0 3px 0 #DCCFB8,0 8px 16px rgba(0,0,0,.18)}
.kdc-awp .kdc-aw-lk{display:grid;place-items:center;margin-top:20px}
.kdc-awp .kdc-aw-lk svg{width:22px;height:22px;padding:7px;box-sizing:content-box;border-radius:50%;background:rgba(0,0,0,.45);box-shadow:0 0 0 2px rgba(242,210,122,.8);color:#F2D27A}
.kdc-awp .kdc-aw-ft{display:block;margin-top:auto;padding:8px 4px 5px}
.kdc-awp .kdc-aw.lock .kdc-aw-n{display:block;font-weight:800;font-size:max(11px,calc(12.5*var(--u)));line-height:1.2}
.kdc-awp .kdc-aw-ds{display:block;font-size:max(10px,calc(10.5*var(--u)));line-height:1.2;color:rgba(255,255,255,.85);margin-top:4px;font-weight:600}
.kdc-awp .kdc-aw-pr{display:flex;align-items:center;gap:6px;margin-top:6px}
.kdc-awp .kdc-aw-pr .bar{flex:1;min-width:0;height:6px;background:rgba(0,0,0,.4);box-shadow:none}
.kdc-awp .kdc-aw-pr .num{font-size:max(11px,calc(11*var(--u)));font-weight:800;color:#F2D27A}
html.pv-night .kdc-awp .kdc-aw.got{background:#2A241E;color:#F6EEE2;box-shadow:inset 0 0 0 1px rgba(255,236,210,.1),inset 0 0 0 4px #2A241E,inset 0 0 0 5px #B08A3A,0 3px 0 #120F0C,0 10px 18px -6px rgba(0,0,0,.6)}
html.pv-night .kdc-awp .kdc-aw-d{color:#8F8372}

/* ============================ COLLECTION ============================ */
.kdc-cop .kdc-co-hero{min-height:178px;overflow:hidden;padding:18px 18px 16px}
.kdc-cop .kdc-co-cards{position:absolute;top:0;bottom:0;left:0;width:150px}
[dir=ltr] .kdc-cop .kdc-co-cards{left:auto;right:0;transform:scaleX(-1)}
.kdc-cop .kdc-co-cards .pc{position:absolute}
.kdc-cop .kdc-c3{left:76px;top:32px;transform:rotate(12deg)}
.kdc-cop .kdc-c2{left:47px;top:24px;transform:rotate(2deg)}
.kdc-cop .kdc-c1{position:absolute;left:14px;top:36px;width:84px;height:120px;border-radius:9px;overflow:hidden;transform:rotate(-11deg);box-shadow:0 0 0 1px rgba(70,50,25,.12),0 3px 0 #DCCFB8,0 14px 24px rgba(0,0,0,.45)}
.kdc-cop .kdc-co-txt{position:relative;margin-inline-start:0;margin-inline-end:140px;min-width:0}
.kdc-cop .kdc-co-name{font-size:calc(30*var(--u));line-height:1.05;margin-top:5px;color:#fff}
.kdc-cop .kdc-co-bar{max-width:170px;margin-top:14px}
.kdc-cop .kdc-co-bl{display:flex;justify-content:space-between;gap:6px;font-size:max(11px,calc(12*var(--u)));font-weight:700;color:#fff;flex-wrap:wrap}
.kdc-cop .kdc-shelf{margin:0 -18px;position:relative;padding-top:4px}
.kdc-cop .kdc-shelf-in{display:flex;gap:12px;padding:0 18px 0;align-items:flex-end;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.kdc-cop .kdc-shelf-in::-webkit-scrollbar{display:none}
.kdc-cop .kdc-dk{width:78px;flex:none}
.kdc-cop .kdc-dk .deck .box{background:#C8202F}
.kdc-cop .kdc-dk .deck.locked .box{filter:saturate(.55) brightness(.82)}
.kdc-cop .kdc-dk .deck .kdc-bk{position:absolute;inset:0;z-index:0}
.kdc-cop .kdc-dk .deck .nm{font-size:max(12px,calc(13*var(--u)));z-index:2;line-height:1.05}
.kdc-cop .kdc-use{position:absolute;top:9px;right:6px;z-index:3;--c:var(--sun);color:#3D2A00;height:20px;font-size:max(10px,calc(10.5*var(--u)));padding:0 6px}
[dir=ltr] .kdc-cop .kdc-use{right:auto;left:6px}
.kdc-cop .kdc-plank{height:16px;margin-top:-4px;background:linear-gradient(180deg,#8A5A32,#5A3A20);box-shadow:inset 0 2px 0 #C99A3E,0 6px 12px -4px rgba(60,35,15,.45)}
.kdc-cop .kdc-frs{display:flex;gap:6px;overflow-x:auto;margin:0 -18px;padding:6px 18px 4px;scrollbar-width:none}
.kdc-cop .kdc-frs::-webkit-scrollbar{display:none}
.kdc-cop .kdc-fr{flex:none;width:62px;display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:none;cursor:pointer;padding:0}
.kdc-cop .kdc-fr-av{position:relative;width:50px;height:50px}
.kdc-cop .kdc-fr .avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-size:calc(22*var(--u));color:#fff;font-weight:800}
.kdc-cop .kdc-fr .avatar .av-art{width:100%;height:100%;object-fit:cover}
.kdc-cop .kdc-fr.on .kdc-fr-av{border-radius:50%;box-shadow:0 0 0 3px var(--raise),0 0 0 5.5px var(--sun)}
.kdc-cop .kdc-fr.locked .avatar{filter:grayscale(.7);opacity:.6}
.kdc-cop .kdc-fr .kdc-lk svg{width:14px;height:14px;padding:6px}
.kdc-cop .kdc-fr-n{font-size:max(11px,calc(11*var(--u)));font-weight:700;color:var(--text);text-align:center;line-height:1.15;width:62px}
.kdc-cop .kdc-fr.locked .kdc-fr-n{color:var(--text3)}
.kdc-cop .kdc-co-pans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.kdc-cop .kdc-pan{display:block;padding:11px 12px;border:0;cursor:pointer;text-align:start}
.kdc-cop .kdc-pan-h{display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex-wrap:wrap}
.kdc-cop .kdc-pan-h b{font-size:max(12px,calc(14*var(--u)))}
.kdc-cop .kdc-dots{display:flex;gap:6px;margin-top:9px;min-height:32px;flex-wrap:wrap}
.kdc-cop .kdc-fdot{width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 2.5px #C99A3E}
.kdc-cop .kdc-fdot.on,.kdc-cop .kdc-xdot.on{box-shadow:inset 0 0 0 2.5px #C99A3E,0 0 0 2px var(--raise),0 0 0 3.5px var(--sun)}
.kdc-cop .kdc-xdot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:calc(17*var(--u));background:var(--raise2);box-shadow:inset 0 0 0 1px var(--line2)}
.kdc-cop .kdc-xdot i{width:14px;height:14px;border-radius:3px;display:block}
.kdc-cop .kdc-near{margin-top:12px;padding:10px 12px;display:flex;align-items:center;gap:12px;width:100%;border:0;cursor:pointer;text-align:start}
.kdc-cop .kdc-near-ic{width:44px;height:44px;--g:#B07A12;--gd:#7A5208}
.kdc-cop .kdc-near b{display:block;font-weight:800;font-size:max(12px,calc(14.5*var(--u)));line-height:1.2}
.kdc-cop .kdc-near .tiny{display:block;font-size:max(11px,calc(12*var(--u)));margin-top:2px}

/* ============================ HISTORY ============================ */
.kdc-hsp .kdc-chips{display:flex;gap:8px;margin:12px -18px 0;padding:0 18px 4px;overflow-x:auto;scrollbar-width:none}
.kdc-hsp .kdc-chips::-webkit-scrollbar{display:none}
.kdc-hsp .kdc-chips .chip{flex:none;border:0;cursor:pointer}
.kdc-hsp .kdc-chips .chip.g-yaniv,.kdc-hsp .kdc-chips .chip[class*=" g-"]{padding:0 11px 0 6px}
[dir=ltr] .kdc-hsp .kdc-chips .chip[class*=" g-"]{padding:0 6px 0 11px}
.kdc-hsp .kdc-chip-cov{width:22px;height:22px;border-radius:6px;box-shadow:none}
.kdc-hsp .kdc-chip-cov::after{display:none}
.kdc-hsp .kdc-hs-hero{border-radius:18px;padding:12px 14px 13px;margin-top:12px}
.kdc-hsp .kdc-hs-st{display:flex;align-items:stretch;margin-top:6px}
.kdc-hsp .kdc-hs-c{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding-inline-start:12px}
.kdc-hsp .kdc-hs-c:first-child{padding-inline-start:0}
.kdc-hsp .kdc-hs-r{flex:1.2}
.kdc-hsp .kdc-hs-c b{display:block;font-size:calc(24*var(--u));line-height:1;color:#fff}
.kdc-hsp .kdc-hs-c b.kdc-gold{color:#F2D27A}
.kdc-hsp .kdc-hs-c small{display:block;font-size:max(11px,calc(12*var(--u)));color:#D5EBDD;font-weight:600;line-height:1.2;margin-top:2px}
.kdc-hsp .kdc-hs-fan{width:46px;height:44px}
.kdc-hsp .kdc-vr{width:1px;flex:none;background:rgba(255,255,255,.18)}
.kdc-hsp .kdc-hs-sec{margin:16px 0 9px}
.kdc-hsp .kdc-hs-sec h2{font-size:calc(18*var(--u))}
.kdc-hsp .kdc-hs-sec .tiny{text-align:end}
.kdc-hsp .kdc-hs-gs{font-weight:700}
.kdc .up{color:var(--ok)!important}.kdc .dn{color:var(--accent)!important}
.kdc-hsp .kdc-hr{min-height:66px;padding:9px 12px;gap:11px}
.kdc-hsp .kdc-hr.act{cursor:pointer}
.kdc-hsp .kdc-hr-cov{width:46px;height:46px}
.kdc-hsp .kdc-hr-mid{display:block}
.kdc-hsp .kdc-hr-t{display:block;line-height:1.2}
.kdc-hsp .kdc-hr-t b{font-weight:800;font-size:max(12px,calc(15*var(--u)))}
.kdc-hsp .kdc-hr-t span{font-weight:600;font-size:max(11px,calc(12*var(--u)));color:var(--text3)}
.kdc-hsp .kdc-hr-s{display:block;font-size:max(11px,calc(12.5*var(--u)));color:var(--text2);font-weight:500;margin-top:2px;line-height:1.25}
.kdc-hsp .kdc-hr-fan{width:50px;height:46px;margin-top:2px}
.kdc-hsp .kdc-hr-r{width:62px;flex:none;display:flex;flex-direction:column;align-items:flex-end;text-align:end}
[dir=rtl] .kdc-hsp .kdc-hr-r{align-items:flex-end}
.kdc-hsp .kdc-hr-r .tag{height:auto;min-height:22px;font-size:max(11px,calc(11.5*var(--u)));padding:2px 7px;white-space:normal;line-height:1.1;text-align:center;justify-content:center}
.kdc-hsp .kdc-hr-d{font-size:calc(16*var(--u));margin-top:3px}
.kdc-hsp .kdc-acts{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px 12px;border-bottom:1px solid var(--line)}
.kdc-hsp .kdc-acts[hidden]{display:none}
.kdc-hsp .kdc-acts .btn{width:auto;flex:1 1 auto;min-width:0;white-space:normal;line-height:1.15}
.kdc-hsp .kdc-hint{margin-top:12px;text-align:center}
@media (max-width:370px){
  .kdc-hsp .kdc-hr-fan{display:none}
  .kdc-awp .kdc-aw-next{width:100px}
  .kdc-cop .kdc-co-txt{margin-inline-end:118px}
  .kdc-cop .kdc-co-cards{width:130px;left:-12px}
}
/* the canvas segmented control wins over the old red one (styles.css/themes.css) */
.kdc .kdc-aw-seg button,.kdc .kdc-aw-seg button.on{color:var(--text2)!important;box-shadow:none!important;background:none!important}
.kdc .kdc-aw-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}
.kdc-cop .kdc-shelf-in .kdc-dk{width:90px}
.kdc .kdc-dk .deck.sm .nm{padding-left:6px!important;padding-right:6px!important}
.kdc-cop .kdc-shelf-in .kdc-dk{width:100px}
.kdc-cop .kdc-dk .deck .nm{font-size:max(11px,calc(12*var(--u)));white-space:normal}
.kdc-cop .kdc-use{right:4px;font-size:max(10px,calc(10*var(--u)));padding:0 5px;max-width:calc(100% - 8px)}
[dir=ltr] .kdc-cop .kdc-use{left:4px}
.kdc-cop .kdc-fr,.kdc-cop .kdc-fr-n{width:84px}
.kdc-cop .kdc-frs{gap:2px}
.kdc .kdc-tabs.kd-pg-foot{padding-top:0;gap:0}
@media (max-width:370px){
  .kdc-awp .kdc-aw-grid{gap:8px}
  .kdc-awp .kdc-aw{padding:4px}
  .kdc-awp .kdc-aw.got .kdc-aw-n,.kdc-awp .kdc-aw-d{padding-left:0;padding-right:0}
  .kdc-awp .kdc-aw-ft{padding:8px 0 5px}
}
.kdc-awp .kdc-aw.lock{overflow:visible}
@media (max-width:340px){ .kdc-hsp .kdc-hs-fan{display:none} .kdc-hsp .kdc-hs-c{padding-inline-start:8px} }
@media (max-width:340px){ .kdc-awp .kdc-aw-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* v223c round 2 (coordinator review) */
.kdc-pfp .kdc-pf-hand{padding:6px 10px 4px;gap:8px}
.kdc-pfp .kdc-pf-hand>.mcard{flex:1 1 0;max-width:100px}
@media (max-width:340px){ .kdc-awp .kdc-aw-grid{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:370px){
  .kdc-awp .kdc-aw-grid{gap:6px}
  .kdc-awp .kdc-aw{padding:3px}
  .kdc-awp .kdc-aw.got .kdc-aw-n,.kdc-awp .kdc-aw.lock .kdc-aw-n{font-size:max(11px,calc(11.5*var(--u)));letter-spacing:-.2px}
  .kdc-awp .kdc-aw.got .kdc-aw-n{margin-left:-2px;margin-right:-2px}
  .kdc-awp .kdc-aw-fan{left:10px} [dir=ltr] .kdc-awp .kdc-aw-fan{right:10px}
}
.kdc-awp .kdc-aw-more{grid-column:1/-1;width:100%;margin-top:2px}
.kdc-cop .kdc-co-bar{max-width:100%}
.kdc-cop .kdc-co-txt{z-index:2}
.kdc-cop .kdc-bts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}
.kdc-cop .kdc-bt{display:flex;flex-direction:column;align-items:center;gap:7px;border:0;background:none;padding:0;cursor:pointer;min-width:0}
.kdc-cop .kdc-bt-c{position:relative;display:block;width:50px;height:72px;border-radius:7px}
.kdc-cop .kdc-bt-c .kdc-bk{border-radius:7px;overflow:hidden}
.kdc-cop .kdc-bt.on .kdc-bt-c{box-shadow:0 0 0 3px var(--sun),0 3px 0 #B6861B,0 10px 18px rgba(0,0,0,.25)}
.kdc-cop .kdc-bt.locked .kdc-bk{filter:grayscale(.7);opacity:.6}
.kdc-cop .kdc-bt .kdc-lk svg{width:14px;height:14px;padding:6px}
.kdc-cop .kdc-bt-n{font-size:max(11px,calc(11*var(--u)));font-weight:700;color:var(--text);text-align:center;line-height:1.15;max-width:100%}
.kdc-cop .kdc-bt.locked .kdc-bt-n{color:var(--text3)}
.kdc-cop .kdc-avs{gap:0}
.kdc-cop .kdc-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 2px var(--raise);margin-inline-start:-8px;font-size:max(12px,calc(15*var(--u)));color:#fff}
.kdc-cop .kdc-av:first-child{margin-inline-start:0}
.kdc-cop .kdc-av.on{box-shadow:0 0 0 2px var(--raise),0 0 0 3.5px var(--sun)}
.kdc-cop .kdc-av .av-art{width:100%;height:100%;object-fit:cover}
.kdc-cop .kdc-av-more{background:var(--raise2);color:var(--text2);font-size:max(11px,calc(11*var(--u)));font-weight:800}
@media (max-width:370px){
  .kdc-awp .kdc-aw{padding:4px}
  .kdc-awp .kdc-aw.got .kdc-aw-n{margin-left:0;margin-right:0;padding:0 3px}
  .kdc-awp .kdc-aw-d{padding:4px 3px 0}
  .kdc-awp .kdc-aw.lock .kdc-aw-ft{padding:8px 3px 5px}
}
@media (max-width:370px){
  .kdc-cop .kdc-co-cards{left:-4px;transform:scale(.78);transform-origin:0 50%}
  [dir=ltr] .kdc-cop .kdc-co-cards{left:auto;right:-4px;transform:scale(-.78,.78);transform-origin:100% 50%}
}
.kdc-cop .kdc-co-bl{gap:2px 8px}
/* LTR: the card stack sits on the right, laid out mirror-wise (the card faces themselves are never mirrored) */
[dir=ltr] .kdc-cop .kdc-co-cards{left:auto;right:0;transform:none}
[dir=ltr] .kdc-cop .kdc-c3{left:auto;right:76px;transform:rotate(-12deg)}
[dir=ltr] .kdc-cop .kdc-c2{left:auto;right:47px;transform:rotate(-2deg)}
[dir=ltr] .kdc-cop .kdc-c1{left:auto;right:14px;transform:rotate(11deg)}
@media (max-width:370px){ [dir=ltr] .kdc-cop .kdc-co-cards{right:-4px;transform:scale(.78);transform-origin:100% 50%} }
/* the mini card fans stay on small phones too, just narrower */
@media (max-width:370px){
  .kdc-hsp .kdc-hr-fan{display:block;width:36px;transform:scale(.82);transform-origin:50% 100%;margin-inline:-4px}
  .kdc-hsp .kdc-hr{gap:8px;padding:9px 10px}
  .kdc-hsp .kdc-hr-r{width:56px}
}
@media (max-width:340px){ .kdc-hsp .kdc-hs-fan{display:block;width:34px;transform:scale(.8);transform-origin:50% 100%} .kdc-hsp .kdc-hs-c{gap:6px} }
@media (max-width:340px){ .kdc-hsp .kdc-hs-fan{display:none} .kdc-hsp .kdc-hs-c{padding-inline:8px 4px} .kdc-hsp .kdc-hs-c:first-child{padding-inline-start:0} }