/* GENERATED by tools/make-game-sheet.js from tools/game-sheet.tpl.css: edit the template and run the tool, not this file. */

/* ---------- the colours of each game ---------- */
.ws-app,.bp-app,.sd-app{--k-card:var(--card);--k-soft:var(--card2);--k-ink:var(--ink);--k-ink2:var(--ink2);--k-line:var(--line);--k-a1:var(--a1);--k-a2:var(--a2);--k-ag:var(--ag);--k-ec:var(--ad);--k-glow:var(--ag);--k-scrim:rgba(var(--shade),.42);--k-shadow:0 28px 60px -24px rgba(var(--shade),.65);--k-gold:#b97d00;--k-warm-bg:rgba(255,150,50,.15);--k-warm:#bd5409;--k-bad:#d4284a;--k-bad-line:rgba(212,40,74,.4);--k-gemg:var(--gemg)}
.ws-app[data-theme=night],.bp-app[data-theme=night],.sd-app[data-theme=night]{--k-gold:#ffd36b;--k-warm-bg:rgba(255,170,80,.18);--k-warm:#ffcf9a;--k-bad:#ff9db1;--k-bad-line:rgba(255,157,177,.5)}
.mj-app{--k-card:linear-gradient(180deg,#3d2874,#2a1b52);--k-soft:rgba(255,255,255,.1);--k-ink:#fff;--k-ink2:rgba(255,255,255,.72);--k-line:rgba(255,255,255,.18);--k-a1:#8a6fe0;--k-a2:#ff8fc0;--k-ag:rgba(138,111,224,.8);--k-ec:#ffc4dd;--k-glow:rgba(255,211,107,.28);--k-scrim:rgba(14,6,36,.6);--k-shadow:0 28px 60px -24px rgba(10,4,34,.9);--k-gold:#ffd36b;--k-warm-bg:rgba(255,170,80,.18);--k-warm:#ffcf9a;--k-bad:#ffd0da;--k-bad-line:rgba(255,150,170,.7);--k-gemg:rgba(255,211,107,.8)}

/* ---------- the window: a soft card in the middle of the screen ---------- */
.ws-sheet,.bp-sheet,.sd-sheet,.mj-sheet{position:absolute;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:14px;background:var(--k-scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .22s}
.ws-sheet[hidden],.bp-sheet[hidden],.sd-sheet[hidden],.mj-sheet[hidden]{display:none}
.ws-sheet.on,.bp-sheet.on,.sd-sheet.on,.mj-sheet.on{opacity:1}
.ws-card,.bp-card,.sd-card,.mj-card{position:relative;width:min(440px,100%);max-height:100%;overflow-x:hidden;overflow-y:auto;padding:28px 20px calc(20px + env(safe-area-inset-bottom,0px));border-radius:30px;background:radial-gradient(90% 46% at 50% 0,var(--k-glow),transparent 72%),var(--k-card);color:var(--k-ink);box-shadow:var(--k-shadow),inset 0 0 0 1px var(--k-line);text-align:center;transform:translateY(22px) scale(.96);transition:transform .38s cubic-bezier(.2,1.25,.4,1);-webkit-overflow-scrolling:touch}
.ws-sheet.on .ws-card,.bp-sheet.on .bp-card,.sd-sheet.on .sd-card,.mj-sheet.on .mj-card{transform:none}
.ws-card.tall,.bp-card.tall,.sd-card.tall,.mj-card.tall{max-height:100%}
.ws-glow,.bp-glow,.sd-glow,.sh-glow{display:none}
.ws-card h2,.bp-card h2,.sd-card h2,.mj-card h2{margin:0 0 4px;font:800 1.55rem/1.15 var(--display);color:var(--k-ink);letter-spacing:-.01em}
.ws-card .sub,.bp-card .sub,.sd-card .sub,.mj-card .sub{margin:0 0 14px;color:var(--k-ink2);font-size:.92rem;line-height:1.45}
.ws-card .eyebrow,.bp-card .eyebrow,.sd-card .eyebrow,.mj-card .eyebrow{position:relative;display:inline-block;margin:0 0 8px;padding:6px 12px;border-radius:99px;background:var(--k-soft);color:var(--k-ec);font:800 .66rem/1 var(--display);letter-spacing:.16em;text-transform:uppercase}
.ws-card .eyebrow.gold,.bp-card .eyebrow.gold,.sd-card .eyebrow.gold,.mj-card .eyebrow.gold{background:rgba(255,196,40,.18);color:var(--k-gold)}
.ws-sh-x,.bp-sh-x,.sd-sh-x,.sh-x{position:absolute;right:12px;top:12px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:var(--k-soft);color:var(--k-ink);cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--k-line);transition:transform .15s cubic-bezier(.3,1.5,.5,1)}
.ws-sh-x:active,.bp-sh-x:active,.sd-sh-x:active,.sh-x:active{transform:scale(.9)}
.ws-sh-x .ic,.bp-sh-x .ic,.sd-sh-x .ic,.sh-x .ic{width:18px;height:18px}

/* ---------- buttons: round, soft, the same in every game ---------- */
.ws-btns,.bp-btns,.sd-btns,.sh-btns{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.ws-btn,.bp-btn,.sd-btn,.mj-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:15px 20px;border:0;border-radius:99px;cursor:pointer;color:var(--k-ink);background:var(--k-soft);box-shadow:inset 0 0 0 1.5px var(--k-line);font:800 1.02rem/1 var(--display);transition:transform .15s cubic-bezier(.3,1.5,.5,1),opacity .15s}
.ws-btn:active,.bp-btn:active,.sd-btn:active,.mj-btn:active{transform:scale(.97)}
.ws-btn .ic,.bp-btn .ic,.sd-btn .ic,.mj-btn .ic{width:19px;height:19px}
.ws-btn.pri,.bp-btn.pri,.sd-btn.pri,.mj-btn.pri{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.14);background:linear-gradient(135deg,var(--k-a2),var(--k-a1));box-shadow:0 12px 24px -10px var(--k-ag),inset 0 1.5px 0 rgba(255,255,255,.45)}
.ws-btn.ghost,.bp-btn.ghost,.sd-btn.ghost,.mj-btn.ghost{background:transparent;box-shadow:none;color:var(--k-ink2)}
.ws-btn.ghost:active,.bp-btn.ghost:active,.sd-btn.ghost:active,.mj-btn.ghost:active{transform:none;opacity:.7}
.ws-btn.danger,.bp-btn.danger,.sd-btn.danger,.mj-btn.danger{color:var(--k-bad);box-shadow:inset 0 0 0 1.5px var(--k-bad-line)}
.ws-btn:focus-visible,.ws-row:focus-visible,.ws-th:focus-visible,.ws-lv:focus-visible,.ws-sh-x:focus-visible,.ws-exit:focus-visible,.bp-btn:focus-visible,.bp-row:focus-visible,.bp-th:focus-visible,.bp-sh-x:focus-visible,.bp-exit:focus-visible,.sd-btn:focus-visible,.sd-row:focus-visible,.sd-th:focus-visible,.sd-sh-x:focus-visible,.sd-exit:focus-visible,.mj-btn:focus-visible,.mj-row:focus-visible,.th:focus-visible,.lv:focus-visible,.sh-x:focus-visible,.mj-exit:focus-visible{outline:3px solid var(--k-a1);outline-offset:2px}
/* Share result: a golden button with a sheen that sweeps across it now and then, so it reads as a reward and not as a plain link */
.ws-btn.shr,.bp-btn.shr,.sd-btn.shr,.mj-btn.shr{overflow:hidden;color:#5b3600;text-shadow:none;background:linear-gradient(135deg,#ffeb97,#ffbf3a);box-shadow:0 12px 24px -12px rgba(255,176,36,.9),inset 0 1.5px 0 rgba(255,255,255,.75)}
.ws-btn.shr::after,.bp-btn.shr::after,.sd-btn.shr::after,.mj-btn.shr::after{content:"";position:absolute;top:-10%;bottom:-10%;left:-70%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-20deg);pointer-events:none;animation:kSheen 3.8s ease-in-out 1.4s infinite}
@keyframes kSheen{0%{left:-70%}32%,100%{left:140%}}
.ws-go,.bp-go,.sd-go,.sh-row{display:flex;gap:10px}
.ws-go .ws-btn,.bp-go .bp-btn,.sd-go .sd-btn,.sh-row .mj-btn{flex:1 1 0;width:auto;min-width:0;padding:15px 8px;white-space:nowrap}
@media (max-width:350px){.ws-go .ws-btn .ic{display:none}}
@media (max-width:350px){.bp-go .bp-btn .ic{display:none}}
@media (max-width:350px){.sd-go .sd-btn .ic{display:none}}
@media (max-width:350px){.sh-row .mj-btn .ic{display:none}}
.ws-btn.ws-dly,.bp-btn.bp-dly,.sd-btn.sd-dly{justify-content:flex-start;gap:12px;padding:8px 16px 8px 9px;text-align:left}
.ws-dly .dic,.bp-dly .dic,.sd-dly .dic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--k-a2),var(--k-a1));box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45)}
.ws-dly .dic .ic,.bp-dly .dic .ic,.sd-dly .dic .ic{width:19px;height:19px}
.ws-dly .dtx,.bp-dly .dtx,.sd-dly .dtx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ws-dly .dtx b,.bp-dly .dtx b,.sd-dly .dtx b{font:800 1rem/1.1 var(--display)}
.ws-dly .dtx small,.bp-dly .dtx small,.sd-dly .dtx small{font:700 .76rem/1.1 var(--display);color:var(--k-ink2)}
.ws-dly>.ic,.bp-dly>.ic,.sd-dly>.ic{flex:none;width:18px;height:18px;color:var(--k-ink2)}
.ws-exit,.bp-exit,.sd-exit,.mj-exit{align-self:center;margin-top:2px;padding:8px 16px;border:0;border-radius:99px;background:none;cursor:pointer;color:var(--k-ink2);opacity:.75;font:700 .8rem/1 var(--display);letter-spacing:.06em;transition:opacity .15s}
.ws-exit:hover,.ws-exit:focus-visible,.bp-exit:hover,.bp-exit:focus-visible,.sd-exit:hover,.sd-exit:focus-visible,.mj-exit:hover,.mj-exit:focus-visible{opacity:1}

/* ---------- lists: the menu, the backdrops, the help ---------- */
.ws-menu,.bp-menu,.sd-menu,.menu{display:grid;gap:8px;margin-top:14px;text-align:left}
.ws-row,.bp-row,.sd-row,.mj-row{position:relative;display:flex;align-items:center;gap:13px;width:100%;padding:9px 14px 9px 9px;border:0;border-radius:99px;cursor:pointer;color:var(--k-ink);text-align:left;background:var(--k-soft);box-shadow:inset 0 0 0 1.5px var(--k-line);transition:transform .15s cubic-bezier(.3,1.5,.5,1)}
.ws-row:active,.bp-row:active,.sd-row:active,.mj-row:active{transform:scale(.98)}
.ws-row>.ic,.bp-row>.ic,.sd-row>.ic,.mj-row>.ic{flex:none;width:40px;height:40px;padding:10px;border-radius:50%;color:#fff;background:linear-gradient(145deg,var(--k-a2),var(--k-a1));box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45)}
.ws-row:nth-child(3n+2)>.ic,.bp-row:nth-child(3n+2)>.ic,.sd-row:nth-child(3n+2)>.ic,.mj-row:nth-child(3n+2)>.ic{background:linear-gradient(145deg,#8fd2ff,#5f8bff)}
.ws-row:nth-child(3n)>.ic,.bp-row:nth-child(3n)>.ic,.sd-row:nth-child(3n)>.ic,.mj-row:nth-child(3n)>.ic{background:linear-gradient(145deg,#86ecc8,#2fc79a)}
.ws-row span,.bp-row span,.sd-row span,.mj-row span{flex:1;min-width:0}
.ws-row b,.bp-row b,.sd-row b,.mj-row b{display:block;font:800 1rem/1.2 var(--display)}
.ws-row small,.bp-row small,.sd-row small,.mj-row small{display:block;margin-top:2px;color:var(--k-ink2);font:600 .8rem/1.25 var(--display)}
.ws-row .fl,.bp-row .fl,.sd-row .fl,.mj-row .fl{display:inline-flex;align-items:center;gap:3px;padding:4px 9px 4px 6px;border-radius:99px;background:var(--k-warm-bg);color:var(--k-warm);font:800 .85rem/1 var(--display);font-style:normal}
.ws-row .fl .ic,.bp-row .fl .ic,.sd-row .fl .ic,.mj-row .fl .ic{width:14px;height:14px;color:#ff8a2a}
.ws-row.quiet,.bp-row.quiet,.sd-row.quiet,.mj-row.quiet{margin-top:4px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--k-line);color:var(--k-ink2)}
.ws-row.quiet>.ic,.bp-row.quiet>.ic,.sd-row.quiet>.ic,.mj-row.quiet>.ic{background:var(--k-soft);color:var(--k-ink2);box-shadow:none}
.ws-help,.bp-help,.sd-help,.help{text-align:left;margin-top:12px}
.ws-help p,.bp-help p,.sd-help p,.help p{margin:0 0 10px;color:var(--k-ink);font-size:.95rem;line-height:1.5}
.ws-help b,.bp-help b,.sd-help b,.help b{color:var(--k-ec)}
.ws-themes,.bp-themes,.sd-themes,.themes{display:grid;gap:8px;text-align:left}
.ws-th,.bp-th,.sd-th,.th{display:flex;align-items:center;gap:14px;width:100%;padding:8px 14px 8px 8px;border:0;border-radius:99px;cursor:pointer;color:var(--k-ink);text-align:left;background:var(--k-soft);box-shadow:inset 0 0 0 1.5px var(--k-line);transition:transform .15s cubic-bezier(.3,1.5,.5,1)}
.ws-th:active,.bp-th:active,.sd-th:active,.th:active{transform:scale(.98)}
.ws-th i,.bp-th i,.sd-th i,.th i{flex:none;width:56px;height:56px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.85),0 8px 14px -8px rgba(0,0,0,.45)}
.ws-th b,.bp-th b,.sd-th b,.th b{display:block;font:800 1.02rem/1.2 var(--display)}
.ws-th small,.bp-th small,.sd-th small,.th small{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--k-ink2);font:700 .82rem/1.2 var(--display)}
.ws-th small .ic,.bp-th small .ic,.sd-th small .ic,.th small .ic{width:14px;height:14px}
.ws-th.cur,.bp-th.cur,.sd-th.cur,.th.cur{box-shadow:inset 0 0 0 2.5px var(--k-a1),0 0 22px -6px var(--k-ag)}
.ws-th.lock,.bp-th.lock,.sd-th.lock,.th.lock{opacity:.5;cursor:default}

/* ---------- levels ---------- */
.ws-lvgrid,.lvgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:6px;text-align:center}
.ws-lv,.lv{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:0 0 7px;border-radius:50%;border:0;cursor:pointer;color:var(--k-ink);background:var(--k-soft);box-shadow:inset 0 0 0 1.5px var(--k-line);font:800 1.05rem/1 var(--display);transition:transform .15s cubic-bezier(.3,1.5,.5,1)}
.ws-lv:active,.lv:active{transform:scale(.93)}
.ws-lv.done,.lv.done{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.14);background:linear-gradient(145deg,var(--k-a2),var(--k-a1));box-shadow:0 8px 16px -8px var(--k-ag),inset 0 1.5px 0 rgba(255,255,255,.45)}
.ws-lv.cur,.lv.cur{box-shadow:0 0 0 3px #ffc83a,0 0 18px 3px rgba(255,200,58,.5);animation:kCur 1.4s ease-in-out infinite}
@keyframes kCur{50%{box-shadow:0 0 0 3px #ffc83a,0 0 26px 6px rgba(255,200,58,.7)}}
.ws-lv.lock,.lv.lock{opacity:.42;cursor:default}
.ws-lv .lk,.lv .lk{width:17px;height:17px;margin-bottom:5px}
.ws-lv .ls,.lv .ls{position:absolute;left:0;right:0;bottom:7px;display:flex;justify-content:center;gap:2px}
.ws-lv .ls i,.lv .ls i{width:8px;height:8px;background:rgba(255,255,255,.35)}
.ws-lv .ls i.on,.lv .ls i.on{background:#ffdf5a}
.ws-lv .ls i{background:rgba(var(--shade),.18);clip-path:polygon(25% 8%,75% 8%,100% 38%,50% 96%,0 38%)}
.ws-lv.done .ls i{background:rgba(255,255,255,.4)}
.ws-lv .ls i.on{background:#7fe0ff}
.lv .ls i{width:7px;height:7px;clip-path:polygon(50% 0,62% 36%,100% 40%,70% 62%,80% 100%,50% 76%,20% 100%,30% 62%,0 40%,38% 36%)}

/* ---------- the end of a game ---------- */
.ws-l,.ws-r,.bp-l,.bp-r,.sd-l,.sd-r,.mj-l,.mj-r{display:contents}
.ws-srow,.sd-srow,.mj-srow{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:6px;margin:4px 0 2px}
.ws-st,.sd-st,.mj-st{width:56px;height:56px;filter:grayscale(1) opacity(.25)}
.ws-st:nth-child(2),.sd-st:nth-child(2),.mj-st:nth-child(2){width:70px;height:70px;margin-bottom:8px}
.ws-st.on,.sd-st.on,.mj-st.on{filter:drop-shadow(0 0 12px var(--k-gemg));animation:kPop .7s cubic-bezier(.2,1.7,.4,1) both;animation-delay:calc(.3s + var(--i) * .26s)}
@keyframes kPop{0%{transform:scale(0) rotate(-60deg);opacity:0}60%{transform:scale(1.35) rotate(8deg);opacity:1}100%{transform:scale(1) rotate(0)}}
.bp-card .bp-final{position:relative;margin:2px 0 0}
.bp-card .bp-final b{display:block;font:900 3.4rem/1.05 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,var(--a2),var(--a1) 60%,var(--ad));-webkit-background-clip:text;background-clip:text;color:transparent}
.mj-card.win h2{background:linear-gradient(90deg,#fff,#ffe7a6,#ffc4dd);-webkit-background-clip:text;background-clip:text;color:transparent}
.ws-sum,.bp-sum,.sd-sum,.mj-sum{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 4px}
.ws-sum>div,.bp-sum>div,.sd-sum>div,.mj-sum>div{min-width:0;padding:10px 4px;border-radius:18px;background:var(--k-soft);box-shadow:inset 0 0 0 1.5px var(--k-line)}
.ws-sum dt,.bp-sum dt,.sd-sum dt,.mj-sum dt{font:800 .62rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--k-ink2)}
.ws-sum dd,.bp-sum dd,.sd-sum dd,.mj-sum dd{margin:6px 0 0;font:800 1.35rem/1 var(--display);font-variant-numeric:tabular-nums;color:var(--k-ink);white-space:nowrap}
.ws-nb,.bp-nb,.sd-nb,.nb{margin:8px 0 0;font:800 .8rem/1 var(--display);letter-spacing:.03em;color:var(--k-gold)}
.ws-streak,.bp-streak,.sd-streak,.streak-b{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 16px 8px 12px;border-radius:99px;color:#fff;background:linear-gradient(135deg,#ff9a56,#ff5f7e);box-shadow:0 10px 22px -10px rgba(255,95,126,.9),inset 0 1px 0 rgba(255,255,255,.4)}
.ws-streak .ic,.bp-streak .ic,.sd-streak .ic,.streak-b .ic{width:22px;height:22px;color:#fff3c4}
.ws-streak b,.bp-streak b,.sd-streak b,.streak-b b{font:800 1.3rem/1 var(--display)}
.ws-streak span,.bp-streak span,.sd-streak span,.streak-b span{font:700 .85rem/1 var(--display)}
.ws-soon,.bp-soon,.sd-soon,.soon{margin:8px 0 0;color:var(--k-ink2);font-size:.86rem}
.ws-soon b,.bp-soon b,.sd-soon b,.soon b{font-variant-numeric:tabular-nums;color:var(--k-ink)}
.ws-btns.win,.bp-btns.win,.sd-btns.win,.sh-btns.win{margin-top:16px}

/* ---------- a low screen: the end card tightens itself step by step (VN.fitCard in game-stats.js adds f1, f2, f3 one after the other, each keeps the ones before it).
   Nothing is ever hidden: only the room around the parts shrinks. On a wide, low screen (a phone on its side) the card goes into two columns (g). ---------- */
.ws-card.f1,.bp-card.f1,.sd-card.f1,.mj-card.f1{padding-top:22px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.ws-card.f1 h2,.bp-card.f1 h2,.sd-card.f1 h2,.mj-card.f1 h2{font-size:1.4rem}
.ws-card.f1 .eyebrow,.bp-card.f1 .eyebrow,.sd-card.f1 .eyebrow,.mj-card.f1 .eyebrow{margin-bottom:6px}
.ws-card.f1 .ws-st,.sd-card.f1 .sd-st,.mj-card.f1 .mj-st{width:46px;height:46px}
.ws-card.f1 .ws-st:nth-child(2),.sd-card.f1 .sd-st:nth-child(2),.mj-card.f1 .mj-st:nth-child(2){width:58px;height:58px;margin-bottom:5px}
.bp-card.f1 .bp-final b{font-size:2.8rem}
.ws-card.f1 .ws-sum,.bp-card.f1 .bp-sum,.sd-card.f1 .sd-sum,.mj-card.f1 .mj-sum{margin-top:8px;gap:6px}
.ws-card.f1 .ws-sum>div,.bp-card.f1 .bp-sum>div,.sd-card.f1 .sd-sum>div,.mj-card.f1 .mj-sum>div{padding:7px 4px;border-radius:15px}
.ws-card.f1 .ws-sum dd,.bp-card.f1 .bp-sum dd,.sd-card.f1 .sd-sum dd,.mj-card.f1 .mj-sum dd{margin-top:4px;font-size:1.15rem}
.ws-card.f1 .ws-nb,.bp-card.f1 .bp-nb,.sd-card.f1 .sd-nb,.mj-card.f1 .nb{margin-top:6px}
.ws-card.f1 .ws-streak,.bp-card.f1 .bp-streak,.sd-card.f1 .sd-streak,.mj-card.f1 .streak-b{margin-top:8px;padding:6px 14px 6px 10px}
.ws-card.f1 .ws-soon,.bp-card.f1 .bp-soon,.sd-card.f1 .sd-soon,.mj-card.f1 .soon{margin-top:6px;font-size:.82rem}
.ws-card.f1 .ws-btns.win,.bp-card.f1 .bp-btns.win,.sd-card.f1 .sd-btns.win,.mj-card.f1 .sh-btns.win{margin-top:12px;gap:8px}
.ws-card.f1 .ws-go .ws-btn,.ws-card.f1 .ws-btn.shr,.bp-card.f1 .bp-go .bp-btn,.bp-card.f1 .bp-btn.shr,.sd-card.f1 .sd-go .sd-btn,.sd-card.f1 .sd-btn.shr,.mj-card.f1 .sh-row .mj-btn,.mj-card.f1 .mj-btn.shr{padding:13px 8px}
.ws-card.f1 .ws-btn.ws-dly,.bp-card.f1 .bp-btn.bp-dly,.sd-card.f1 .sd-btn.sd-dly{padding:5px 14px 5px 7px}
.ws-card.f1 .ws-dly .dic,.bp-card.f1 .bp-dly .dic,.sd-card.f1 .sd-dly .dic{width:30px;height:30px}
.ws-card.f1 .ws-exit,.bp-card.f1 .bp-exit,.sd-card.f1 .sd-exit,.mj-card.f1 .mj-exit{margin-top:0;padding:6px 16px}
.ws-card.f2 .ws-st,.sd-card.f2 .sd-st,.mj-card.f2 .mj-st{width:36px;height:36px}
.ws-card.f2 .ws-st:nth-child(2),.sd-card.f2 .sd-st:nth-child(2),.mj-card.f2 .mj-st:nth-child(2){width:46px;height:46px;margin-bottom:4px}
.bp-card.f2 .bp-final b{font-size:2.2rem}
.ws-card.f2 .ws-sum>div,.bp-card.f2 .bp-sum>div,.sd-card.f2 .sd-sum>div,.mj-card.f2 .mj-sum>div{padding:5px 4px}
.ws-card.f2 .ws-sum dd,.bp-card.f2 .bp-sum dd,.sd-card.f2 .sd-sum dd,.mj-card.f2 .mj-sum dd{margin-top:3px;font-size:1.02rem}
.ws-card.f2 .ws-sum dt,.bp-card.f2 .bp-sum dt,.sd-card.f2 .sd-sum dt,.mj-card.f2 .mj-sum dt{font-size:.56rem}
.ws-card.f2 .ws-streak,.bp-card.f2 .bp-streak,.sd-card.f2 .sd-streak,.mj-card.f2 .streak-b{margin-top:6px;padding:5px 12px 5px 9px}
.ws-card.f2 .ws-soon,.bp-card.f2 .bp-soon,.sd-card.f2 .sd-soon,.mj-card.f2 .soon{margin-top:4px}
.ws-card.f2 h2,.bp-card.f2 h2,.sd-card.f2 h2,.mj-card.f2 h2{font-size:1.3rem}
.ws-card.f3 .ws-go .ws-btn,.ws-card.f3 .ws-btn.shr,.bp-card.f3 .bp-go .bp-btn,.bp-card.f3 .bp-btn.shr,.sd-card.f3 .sd-go .sd-btn,.sd-card.f3 .sd-btn.shr,.mj-card.f3 .sh-row .mj-btn,.mj-card.f3 .mj-btn.shr{padding:10px 8px}
.ws-card.f3 .ws-dly .dtx small,.bp-card.f3 .bp-dly .dtx small,.sd-card.f3 .sd-dly .dtx small{display:none}
.ws-card.f3 .ws-nb,.bp-card.f3 .bp-nb,.sd-card.f3 .sd-nb,.mj-card.f3 .nb{margin-top:4px}
.ws-card.f3 .ws-sum dd,.bp-card.f3 .bp-sum dd,.sd-card.f3 .sd-sum dd,.mj-card.f3 .mj-sum dd{font-size:.95rem}
.ws-card.f3 .ws-exit,.bp-card.f3 .bp-exit,.sd-card.f3 .sd-exit,.mj-card.f3 .mj-exit{padding:3px 16px}
.ws-card.f1 .ws-menu,.bp-card.f1 .bp-menu,.sd-card.f1 .sd-menu,.mj-card.f1 .menu{gap:7px;margin-top:10px}
.ws-card.f1 .ws-row,.bp-card.f1 .bp-row,.sd-card.f1 .sd-row,.mj-card.f1 .mj-row{gap:11px;padding:6px 14px 6px 7px}
.ws-card.f1 .ws-row>.ic,.bp-card.f1 .bp-row>.ic,.sd-card.f1 .sd-row>.ic,.mj-card.f1 .mj-row>.ic{width:34px;height:34px;padding:8px}
.ws-card.f1 .ws-row.quiet,.bp-card.f1 .bp-row.quiet,.sd-card.f1 .sd-row.quiet,.mj-card.f1 .mj-row.quiet{margin-top:2px}
.ws-card.f1 .ws-help,.bp-card.f1 .bp-help,.sd-card.f1 .sd-help,.mj-card.f1 .help{margin-top:8px}
.ws-card.f1 .ws-help p,.bp-card.f1 .bp-help p,.sd-card.f1 .sd-help p,.mj-card.f1 .help p{margin-bottom:8px;font-size:.88rem;line-height:1.42}
.ws-card.f1 .ws-themes,.bp-card.f1 .bp-themes,.sd-card.f1 .sd-themes,.mj-card.f1 .themes{gap:7px}
.ws-card.f1 .ws-th,.bp-card.f1 .bp-th,.sd-card.f1 .sd-th,.mj-card.f1 .th{gap:12px;padding:5px 12px 5px 6px}
.ws-card.f1 .ws-th i,.bp-card.f1 .bp-th i,.sd-card.f1 .sd-th i,.mj-card.f1 .th i{width:44px;height:44px}
.ws-card.f2 .ws-row small,.bp-card.f2 .bp-row small,.sd-card.f2 .sd-row small,.mj-card.f2 .mj-row small{display:none}
.ws-card.f2 .ws-help p,.bp-card.f2 .bp-help p,.sd-card.f2 .sd-help p,.mj-card.f2 .help p{margin-bottom:6px;font-size:.82rem;line-height:1.38}
.ws-card.f2 .ws-help p:last-child{display:none}
.bp-card.f2 .bp-help p:last-child{display:none}
.ws-card.f2 .ws-th i,.bp-card.f2 .bp-th i,.sd-card.f2 .sd-th i,.mj-card.f2 .th i{width:38px;height:38px}
.ws-card.f3 .ws-menu,.bp-card.f3 .bp-menu,.sd-card.f3 .sd-menu,.mj-card.f3 .menu{gap:5px}
.ws-card.f3 .ws-row,.bp-card.f3 .bp-row,.sd-card.f3 .sd-row,.mj-card.f3 .mj-row{padding:4px 12px 4px 6px}
.ws-card.f3 .ws-help p,.bp-card.f3 .bp-help p,.sd-card.f3 .sd-help p,.mj-card.f3 .help p{font-size:.78rem;line-height:1.32;margin-bottom:5px}
.ws-card.f3 .ws-themes,.bp-card.f3 .bp-themes,.sd-card.f3 .sd-themes,.mj-card.f3 .themes{gap:5px}
.ws-card.f3 .ws-th,.bp-card.f3 .bp-th,.sd-card.f3 .sd-th,.mj-card.f3 .th{padding:3px 12px 3px 5px}
.ws-card.f3 .ws-th small,.bp-card.f3 .bp-th small,.sd-card.f3 .sd-th small,.mj-card.f3 .th small{display:none}
.ws-card.g,.bp-card.g,.sd-card.g,.mj-card.g{width:min(640px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;align-items:center}
.ws-card.g>.ws-l,.bp-card.g>.bp-l,.sd-card.g>.sd-l,.mj-card.g>.mj-l{display:block;grid-column:1;min-width:0}
.ws-card.g>.ws-r,.bp-card.g>.bp-r,.sd-card.g>.sd-r,.mj-card.g>.mj-r{grid-column:2;display:flex;flex-direction:column;align-items:center;min-width:0}
.ws-card.g>.ws-r>.ws-btns,.bp-card.g>.bp-r>.bp-btns,.sd-card.g>.sd-r>.sd-btns,.mj-card.g>.mj-r>.sh-btns{align-self:stretch;margin-top:0}
.ws-card.g>.ws-r>:first-child,.bp-card.g>.bp-r>:first-child,.sd-card.g>.sd-r>:first-child,.mj-card.g>.mj-r>:first-child{margin-top:0}