/* Build It: SKINS (the Skin Maker, the skin hub, every skin's page, the skins on a profile, the guide).
   Site scale (the Pro page's): Poppins 800 for h1/h2 only, the system font for the rest, 42/26/15/13.5px, surface
   cards with a 1px border, 38px red-tint icon tiles, the site's red and outlined buttons, the badge recipe (tint .12,
   accent text, .45 outline). Theme tokens are the site's --bi-* (both modes) with dark fallbacks.
   Every class says bisk: to an ad network a site "skin" is a takeover ad, and ad blockers hide things named after it. */

.bisk{
  --bk-bg:var(--bi-bg,#0f0f0f);
  --bk-card:var(--bi-surface,#1a1a1a);
  --bk-text:var(--bi-text,#ffffff);
  --bk-muted:var(--bi-text-muted,#a0a0a0);
  --bk-line:var(--bi-border,#2a2a2a);
  --bk-red:var(--bi-accent,#d63837);
  --bk-hover:var(--bi-hover,rgba(255,255,255,.12));
  --bk-blue:#2f7fd6;
  --bk-green:#3f9b53;
  --bk-stage:radial-gradient(120% 90% at 50% 28%,#2c2d31 0%,#1b1c1f 62%,#151518 100%);
  --bk-cardbg:radial-gradient(135% 72% at 50% 36%,#2c2d31 0%,#1c1d20 60%,#161619 100%);
  --bk-head:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --bk-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--bk-text);font-family:var(--bk-font);font-size:15px;line-height:1.55;
  -webkit-font-smoothing:antialiased;box-sizing:border-box;
}
body:not(.bi-dark) .bisk{--bk-stage:radial-gradient(120% 90% at 50% 28%,#ffffff 0%,#eeeef1 60%,#e4e4e9 100%);--bk-cardbg:radial-gradient(135% 72% at 50% 36%,#ffffff 0%,#f0f0f3 60%,#e6e6eb 100%)}
.bisk *,.bisk *::before,.bisk *::after{box-sizing:border-box}
.bisk a{color:inherit}
.bisk [hidden]{display:none !important}
.bisk-px{image-rendering:pixelated;image-rendering:crisp-edges}
.bisk-sr{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bisk svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bisk svg .f{fill:currentColor;stroke:none}

/* THEME-PROOFING: the theme paints every <button> (its own red hover box, capitals, shadows). Each button here
   states its own background and colour with !important, base and hover alike. */
.bisk button,.bisk-dlg button,.bisk-menu button{font-family:var(--bk-font,inherit) !important;text-transform:none !important;letter-spacing:normal;box-shadow:none;text-shadow:none !important;margin:0;min-height:0;line-height:1.2}

/* ---------- out of the theme's narrow box: every block spans the page, its frame is the header's ----------
   (each block is a direct child of the content, so the network can put its in-content ads between them) */
.ast-article-single:has(.bisk),.ast-article-post:has(.bisk){padding:0 !important;border:none !important;box-shadow:none !important;background:transparent !important}
#primary:has(.bisk){margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important}
.entry-content:has(> .bisk){margin-top:0 !important;margin-bottom:0 !important}
body:has(.bisk-top),#page:has(.bisk-top),#content:has(.bisk-top),.site-content:has(.bisk-top),.ast-container:has(.bisk-top){background:var(--bi-bg,#0f0f0f)}
body .entry-content > .bisk{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important}
.bisk-frame{max-width:var(--bi-header-width,1600px);margin:0 auto;padding:0 32px 0 16px}
@media (max-width:1100px){.bisk-frame{padding:0 20px 0 14px}}
@media (max-width:640px){.bisk-frame{padding:0 14px}}
.entry-content > .mv-ad-box{margin-top:26px;margin-bottom:26px}
/* JOURNEY'S STICKY UNITS STICK: the site's html,body{overflow-x:hidden} turns the body into a scroll box (the redstone page's fix) */
html:not(.bi-pl-on):not(.bisk-dlg-open) body.bisk-body{overflow-x:clip !important;overflow-y:visible !important}

/* ---------- head ---------- */
.bisk-top{padding:36px 0 8px}
@media (max-width:640px){.bisk-top{padding-top:24px}}
.bisk-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 28px;flex-wrap:wrap;margin:0 0 22px}
.bisk-head__main{min-width:0;max-width:760px}
.bisk-head__row{display:flex;align-items:center;gap:16px;margin:0 0 8px}
.bisk-head__acts{display:flex;gap:10px;flex-wrap:wrap}
/* the maker's header: the skin being made, on the right (its picture, its name, what it is, a remix's credit) */
.bisk-head__skin{flex:0 1 430px;min-width:300px}
.bisk-hs{display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:16px;background:var(--bk-card);border:1px solid var(--bk-line)}
.bisk-hs__pic{flex:none;width:64px;height:64px;border-radius:12px;background:var(--bk-stage);border:1px solid var(--bk-line);overflow:hidden}
.bisk-hs__pic canvas{display:block;width:100%;height:100%}
.bisk-hs__main{flex:1;min-width:0}
.bisk-hs__name{display:flex;align-items:center;gap:6px;margin:0;cursor:text}
.bisk .bisk-hs__name input{flex:1;min-width:0;width:100%;margin:0 0 0 -7px;padding:3px 6px !important;border:1px solid transparent !important;border-radius:8px !important;background:transparent !important;color:var(--bk-text) !important;font:800 18px/1.3 var(--bk-font) !important;outline:none;box-shadow:none !important;text-overflow:ellipsis}
.bisk .bisk-hs__name input::placeholder{color:var(--bk-muted);opacity:1}
.bisk .bisk-hs__name input:hover{border-color:var(--bk-line) !important}
.bisk .bisk-hs__name input:focus{border-color:var(--bk-red) !important;background:var(--bk-bg) !important}
.bisk-hs__name svg{flex:none;width:15px;height:15px;color:var(--bk-muted)}
.bisk-hs__meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 0;margin:2px 0 0;font-size:13px;line-height:1.4;color:var(--bk-muted)}
.bisk-hs__meta i{display:inline-block;width:3px;height:3px;margin:0 8px;border-radius:50%;background:currentColor;opacity:.7}
.bisk-hs__x{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:8px 0 0}
.bisk-hs__remix{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:4px 10px;border-radius:8px;background:rgba(47,127,214,.12);border:1px solid rgba(47,127,214,.45);color:#5aa0ec;font-size:12.5px;font-weight:700;line-height:1.35}
body:not(.bi-dark) .bisk-hs__remix{color:#2f7fd6}
.bisk-hs__remix svg{flex:none;width:15px;height:15px}
.bisk-hs__remix span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bisk-hs__remix a{color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:2px}
.bisk-hs__note{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 8px;font-size:12.5px;color:var(--bk-muted)}
.bisk-hs__note svg{width:15px;height:15px}
.bisk-hs__note a{color:var(--bk-text);font-weight:800}
@media (max-width:760px){.bisk-head__skin{flex:1 1 100%;min-width:0}}
.bisk-crown{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(214,56,55,.08);border:1px solid rgba(214,56,55,.35);color:var(--bk-red)}
.bisk-crown svg{width:26px;height:26px}
.bisk .bisk-h1{margin:0;font-family:var(--bk-head);font-size:42px;font-weight:800;line-height:1.2;letter-spacing:-.8px;color:var(--bk-text);text-wrap:balance}
.bisk .bisk-lead{margin:0;max-width:600px;font-size:17px;line-height:1.6;color:var(--bk-muted)}
@media (max-width:860px){.bisk .bisk-h1{font-size:30px;letter-spacing:-.4px}.bisk-crown{width:44px;height:44px;border-radius:12px}.bisk-crown svg{width:22px;height:22px}.bisk .bisk-lead{font-size:15.5px}}
.bisk .bisk-h2{margin:0;font-family:var(--bk-head);font-size:26px;font-weight:800;line-height:1.3;letter-spacing:-.3px;color:var(--bk-text)}
@media (max-width:640px){.bisk .bisk-h2{font-size:22px}}
.bisk-tile{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(214,56,55,.08);border:1px solid rgba(214,56,55,.3);color:var(--bk-red)}
.bisk-tile svg{width:19px;height:19px}

/* ---------- buttons, the site's ---------- */
.bisk .bisk-btn,.bisk-dlg .bisk-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:14px 20px !important;border-radius:11px !important;border:1.5px solid transparent;font:800 15px/1.2 var(--bk-font) !important;letter-spacing:.3px !important;text-decoration:none !important;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.bisk .bisk-btn svg,.bisk-dlg .bisk-btn svg{width:17px;height:17px;flex:none}
.bisk .bisk-btn--red,.bisk-dlg .bisk-btn--red{background:var(--bk-red,#d63837) !important;color:#fff !important;border-color:var(--bk-red,#d63837) !important}
.bisk .bisk-btn--red:hover,.bisk .bisk-btn--red:focus-visible,.bisk-dlg .bisk-btn--red:hover,.bisk-dlg .bisk-btn--red:focus-visible{background:#b52e2d !important;color:#fff !important;border-color:#b52e2d !important}
body.bi-dark .bisk .bisk-btn--red,body.bi-dark .bisk-dlg .bisk-btn--red{background:linear-gradient(135deg,var(--bk-red,#d63837),#a01f22) !important;border-color:transparent !important;box-shadow:0 2px 14px rgba(214,56,55,.35)}
body.bi-dark .bisk .bisk-btn--red:hover,body.bi-dark .bisk-dlg .bisk-btn--red:hover{box-shadow:0 4px 20px rgba(214,56,55,.5)}
.bisk .bisk-btn--ghost,.bisk-dlg .bisk-btn--ghost{background:transparent !important;color:var(--bk-text,#fff) !important;border-color:var(--bk-line,#2a2a2a) !important}
.bisk .bisk-btn--ghost:hover,.bisk .bisk-btn--ghost:focus-visible,.bisk-dlg .bisk-btn--ghost:hover,.bisk-dlg .bisk-btn--ghost:focus-visible{background:transparent !important;color:var(--bk-text,#fff) !important;border-color:var(--bk-red,#d63837) !important}
.bisk .bisk-btn--sm,.bisk-dlg .bisk-btn--sm{padding:10px 14px !important;font-size:13.5px !important;border-radius:10px !important}
.bisk .bisk-btn--sm svg{width:16px;height:16px}
.bisk .bisk-btn--xs,.bisk-dlg .bisk-btn--xs{padding:7px 11px !important;font-size:12.5px !important;border-radius:9px !important;gap:6px}
.bisk .bisk-btn--xs svg,.bisk-dlg .bisk-btn--xs svg{width:14px;height:14px}
.bisk .bisk-btn:disabled,.bisk-dlg .bisk-btn:disabled{opacity:.55;cursor:not-allowed}
.bisk-dlg .bisk-btn--danger{background:#b52e2d !important}
.bisk .bisk-btn:focus-visible,.bisk .bisk-ib:focus-visible,.bisk .bisk-cat:focus-visible,.bisk .bisk-tile:focus-visible,.bisk .bisk-sw:focus-visible,.bisk .bisk-pill:focus-visible{outline:2px solid var(--bk-red);outline-offset:2px}
.bisk .bisk-ib{appearance:none;display:inline-grid;place-items:center;width:38px;height:38px;margin:0;padding:0 !important;border-radius:10px !important;border:1px solid var(--bk-line) !important;background:transparent !important;color:var(--bk-text) !important;cursor:pointer;transition:border-color .15s,color .15s}
.bisk .bisk-ib svg{width:18px;height:18px}
.bisk .bisk-ib:hover,.bisk .bisk-ib:focus-visible{border-color:var(--bk-red) !important;color:var(--bk-red) !important;background:transparent !important}
.bisk .bisk-ib:disabled{cursor:not-allowed;border-color:var(--bk-line) !important;color:var(--bk-text) !important}
.bisk .bisk-ib:disabled svg{opacity:.3}
/* a segmented switch [A | B] */
.bisk-seg{display:inline-flex;padding:3px;border:1px solid var(--bk-line);border-radius:12px;background:var(--bk-card)}
.bisk .bisk-seg__b{appearance:none;display:inline-flex;align-items:center;gap:6px;border:0 !important;margin:0;padding:8px 14px !important;border-radius:9px !important;background:transparent !important;color:var(--bk-muted) !important;font:800 13.5px/1.2 var(--bk-font) !important;cursor:pointer;transition:background .15s,color .15s}
.bisk .bisk-seg__b svg{width:15px;height:15px}
.bisk .bisk-seg__b:hover{color:var(--bk-text) !important;background:transparent !important}
.bisk .bisk-seg__b[aria-pressed="true"]{background:rgba(214,56,55,.12) !important;color:var(--bk-red) !important;box-shadow:inset 0 0 0 1px rgba(214,56,55,.45) !important}
.bisk-seg--sm{padding:2px;border-radius:10px}
.bisk .bisk-seg--sm .bisk-seg__b{padding:6px 10px !important;font-size:12.5px !important;border-radius:8px !important}
/* pills (filters, tags, which layer) */
.bisk .bisk-pill,.bisk-dlg .bisk-pill{appearance:none;display:inline-flex;align-items:center;gap:6px;margin:0;padding:7px 13px !important;border-radius:999px !important;border:1px solid var(--bk-line,#2a2a2a) !important;background:var(--bk-card,#1a1a1a) !important;color:var(--bk-text,#fff) !important;font:700 13px/1.2 var(--bk-font) !important;text-decoration:none !important;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}
.bisk .bisk-pill:hover,.bisk-dlg .bisk-pill:hover{border-color:var(--bk-red,#d63837) !important;background:var(--bk-card,#1a1a1a) !important;color:var(--bk-text,#fff) !important}
.bisk .bisk-pill.is-on,.bisk-dlg .bisk-pill.is-on,.bisk .bisk-pill[aria-pressed="true"],.bisk-dlg .bisk-pill[aria-pressed="true"]{background:rgba(214,56,55,.12) !important;border-color:rgba(214,56,55,.45) !important;color:var(--bk-red,#d63837) !important}
/* badges: the recipe */
.bisk-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:7px;font:800 11px/1.5 var(--bk-font);letter-spacing:.6px;white-space:nowrap;border:1px solid;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bisk-tag svg{width:11px;height:11px}
.bisk-tag--new{background:rgba(47,127,214,.14);border-color:rgba(47,127,214,.45);color:#5aa0ec}
.bisk-tag--off{background:rgba(214,56,55,.14);border-color:rgba(214,56,55,.45);color:#ef5b5a}
.bisk-tag--dim{background:rgba(128,128,128,.14);border-color:rgba(128,128,128,.45);color:var(--bk-muted)}
.bisk-tag--wait{background:rgba(232,134,42,.14);border-color:rgba(232,134,42,.45);color:#e8862a}
body:not(.bi-dark) .bisk-tag--new{color:#2f7fd6}
body:not(.bi-dark) .bisk-tag--off{color:#d63837}
/* inputs */
.bisk .bisk-input,.bisk-dlg .bisk-input{width:100%;margin:0;padding:11px 13px;border:1px solid var(--bk-line,#2a2a2a) !important;border-radius:10px !important;background:var(--bk-bg,#0f0f0f) !important;color:var(--bk-text,#fff) !important;font:500 15px/1.4 var(--bk-font);outline:none;box-shadow:none !important}
.bisk .bisk-input:focus,.bisk-dlg .bisk-input:focus{border-color:var(--bk-red,#d63837) !important}
.bisk-dlg textarea.bisk-input{resize:vertical;min-height:70px}
.bisk-dlg select.bisk-input,.bisk select.bisk-input{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%) !important;background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50% !important;background-size:5px 5px,5px 5px !important;background-repeat:no-repeat !important;padding-right:34px}

/* ---------- toast ---------- */
.bisk-toast{position:fixed;left:50%;bottom:26px;z-index:100000;display:flex;align-items:center;justify-content:center;gap:9px;transform:translate(-50%,12px);max-width:min(560px,calc(100vw - 28px));padding:11px 17px;border-radius:12px;border:1px solid #2c2c2c;background:#161616;color:#fff;font:700 13.5px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;box-shadow:0 12px 32px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .2s,transform .25s;text-align:center}
.bisk-toast.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.bisk-toast svg{flex:none;width:17px;height:17px;fill:#d63837;stroke:#d63837}
.bisk-toast a{color:#ff6b6a;font-weight:800;text-decoration:underline}
@media (max-width:640px){.bisk-toast{bottom:84px}}

/* ---------- dialogs: centred on desktop (dimmed page), a sheet on phones with nothing dimmed ---------- */
.bisk-dlg{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}
.bisk-dlg__dim{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .18s}
.bisk-dlg.is-on .bisk-dlg__dim{opacity:1}
.bisk-dlg__box{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--bk-card,#1a1a1a);color:var(--bk-text,#fff);border:1px solid var(--bk-line,#2a2a2a);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.45);transform:translateY(12px);opacity:0;transition:opacity .18s,transform .18s}
.bisk-dlg.is-on .bisk-dlg__box{transform:none;opacity:1}
.bisk-dlg--share .bisk-dlg__box{width:min(760px,100%)}
.bisk-dlg__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 14px;background:var(--bk-card,#1a1a1a);border-bottom:1px solid var(--bk-line,#2a2a2a)}
.bisk-dlg .bisk-dlg__title{margin:0;font:800 19px/1.3 var(--bk-head);letter-spacing:-.2px;color:var(--bk-text,#fff)}
.bisk-dlg .bisk-dlg__x{appearance:none;display:grid;place-items:center;width:34px;height:34px;padding:0 !important;border-radius:9px !important;border:1px solid var(--bk-line,#2a2a2a) !important;background:transparent !important;color:var(--bk-text,#fff) !important;cursor:pointer}
.bisk-dlg .bisk-dlg__x:hover{border-color:var(--bk-red,#d63837) !important;color:var(--bk-red,#d63837) !important;background:transparent !important}
.bisk-dlg__x svg{width:16px;height:16px}
.bisk-dlg :focus{outline:none}
.bisk-dlg :focus-visible{outline:2px solid var(--bk-red,#d63837) !important;outline-offset:2px}
.bisk-dlg__body{padding:18px 20px 20px}
.bisk-dlg .bisk-dlg__text{margin:0 0 14px;font-size:15px;line-height:1.6;color:var(--bk-muted,#a0a0a0)}
.bisk-dlg__acts{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}
html.bisk-dlg-open{overflow:hidden}
@media (max-width:640px){
  .bisk-dlg{align-items:flex-end;padding:0}
  .bisk-dlg__dim{display:none}
  .bisk-dlg__box{width:100%;max-height:88vh;border-radius:18px 18px 0 0;border-bottom:0}
  .bisk-dlg__acts .bisk-btn{flex:1 1 auto}
}
.bisk-lbl{display:block;margin:14px 0 6px;font-size:13px;font-weight:800;color:var(--bk-text,#fff)}
.bisk-lbl span{font-weight:600;color:var(--bk-muted,#a0a0a0)}
.bisk-check{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;font-size:13.5px;line-height:1.5;color:var(--bk-muted,#a0a0a0);cursor:pointer}
.bisk-check input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--bk-red,#d63837)}
.bisk-check b{color:var(--bk-text,#fff)}
.bisk-check a{color:var(--bk-red,#d63837)}
.bisk-radio{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--bk-line,#2a2a2a);border-radius:10px;cursor:pointer;font-size:14px;font-weight:600}
.bisk-radio input{accent-color:var(--bk-red,#d63837);width:17px;height:17px;margin:0}
.bisk-radio:has(input:checked){border-color:rgba(214,56,55,.6);background:rgba(214,56,55,.08)}
.bisk-rep__opts{display:grid;gap:8px}
.bisk-spin{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:biskSpin .7s linear infinite}
@keyframes biskSpin{to{transform:rotate(360deg)}}
.bisk-done{text-align:center;padding:8px 0}
.bisk-done__i{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(63,155,83,.12);border:1px solid rgba(63,155,83,.45);color:#3f9b53;margin-bottom:10px}
.bisk-done__i svg{width:26px;height:26px}
.bisk-done h3{margin:0 0 6px;font:800 20px/1.3 var(--bk-head);color:var(--bk-text,#fff) !important}
.bisk-done p{margin:0 auto 14px;max-width:440px;font-size:14.5px;color:var(--bk-muted,#a0a0a0)}
.bisk-done__link{display:flex;gap:8px;max-width:520px;margin:0 auto}
.bisk-done__link .bisk-input{font-size:13px}
/* share */
.bisk-share__top{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px}
.bisk-share__pic{border-radius:14px;background:var(--bk-stage);border:1px solid var(--bk-line,#2a2a2a);aspect-ratio:3/4;overflow:hidden}
.bisk-share__pic canvas{display:block;width:100%;height:100%}
.bisk-share__fields .bisk-lbl:first-child{margin-top:0}
.bisk-share__arms{margin:0;font-size:14px;color:var(--bk-muted,#a0a0a0)}
.bisk-share__tags{display:flex;flex-wrap:wrap;gap:6px}
.bisk-share__anims{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.bisk-dlg .bisk-anim{appearance:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 6px !important;border-radius:10px !important;border:1px solid var(--bk-line,#2a2a2a) !important;background:var(--bk-bg,#0f0f0f) !important;color:var(--bk-muted,#a0a0a0) !important;font:700 11px/1.2 var(--bk-font) !important;cursor:pointer}
.bisk-dlg .bisk-anim canvas{width:100%;aspect-ratio:4/5;height:auto;display:block}
.bisk-dlg .bisk-anim:hover{border-color:var(--bk-red,#d63837) !important;background:var(--bk-bg,#0f0f0f) !important;color:var(--bk-text,#fff) !important}
.bisk-dlg .bisk-anim.is-on{border-color:rgba(214,56,55,.6) !important;background:rgba(214,56,55,.1) !important;color:var(--bk-red,#d63837) !important}
.bisk-share__warn,.bisk-share__note{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;padding:10px 12px;border-radius:10px;font-size:13.5px;line-height:1.5}
.bisk-share__warn{background:rgba(232,134,42,.1);border:1px solid rgba(232,134,42,.4);color:#e8a35a}
.bisk-share__note{background:rgba(47,127,214,.08);border:1px solid rgba(47,127,214,.35);color:var(--bk-muted,#a0a0a0)}
.bisk-share__warn svg,.bisk-share__note svg{flex:none;width:17px;height:17px;margin-top:1px}
.bisk-share__err{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:rgba(214,56,55,.1);border:1px solid rgba(214,56,55,.4);color:#ef6b6a;font-size:13.5px;font-weight:600}
@media (max-width:640px){
  .bisk-share__top{grid-template-columns:120px minmax(0,1fr);gap:12px}
  .bisk-share__anims{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* a little menu (a layer's more button) */
.bisk-menu{position:absolute;z-index:99990;display:flex;flex-direction:column;min-width:190px;padding:6px;border-radius:12px;background:var(--bi-surface,#1a1a1a);border:1px solid var(--bi-border,#2a2a2a);box-shadow:0 14px 34px rgba(0,0,0,.4)}
.bisk-menu button{appearance:none;display:flex;align-items:center;gap:9px;padding:9px 10px !important;border:0 !important;border-radius:8px !important;background:transparent !important;color:var(--bi-text,#fff) !important;font:700 13.5px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;text-align:left;cursor:pointer}
.bisk-menu button:hover{background:var(--bi-hover,rgba(255,255,255,.08)) !important;color:var(--bi-text,#fff) !important}
.bisk-menu button.is-warn{color:#ef5b5a !important}
.bisk-menu svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- the site's own UI, never the browser's: tips, scrollbars, menus, the colour picker ---------- */
.bisk-tip{position:fixed;z-index:100001;max-width:260px;padding:6px 10px;border-radius:8px;background:#141416;border:1px solid #2c2c30;color:#fff;font:700 12.5px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;box-shadow:0 8px 22px rgba(0,0,0,.35);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .12s,transform .12s;text-align:center}
.bisk-tip.is-below{transform:translateY(-3px)}
.bisk-tip.is-on{opacity:1;transform:none}
body:not(.bi-dark) .bisk-tip{background:#1d1d20;border-color:#1d1d20}
.bisk-noscr{scrollbar-width:none !important;-ms-overflow-style:none}
.bisk-noscr::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}
.bisk-scr{position:absolute;z-index:6;border-radius:99px;transition:background .15s}
.bisk-scr--y{width:6px}
.bisk-scr--x{height:6px}
.bisk-scr:hover,.bisk-scr.is-drag{background:rgba(128,128,128,.14)}
.bisk-scr__th{position:absolute;left:0;top:0;border-radius:99px;background:rgba(150,150,156,.45);cursor:pointer;touch-action:none;transition:background .15s}
.bisk-scr--y .bisk-scr__th{width:100%}
.bisk-scr--x .bisk-scr__th{height:100%}
.bisk-scr:hover .bisk-scr__th,.bisk-scr.is-drag .bisk-scr__th{background:var(--bi-accent,#d63837)}
.bisk-pick{position:fixed;z-index:100000;display:flex;flex-direction:column;max-width:min(320px,calc(100vw - 16px));padding:6px;border-radius:12px;background:var(--bi-surface,#1a1a1a);border:1px solid var(--bi-border,#2a2a2a);box-shadow:0 14px 34px rgba(0,0,0,.4);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.bisk-pick__t{padding:6px 10px 8px;font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--bi-text-muted,#a0a0a0)}
.bisk-pick__list{position:relative;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
.bisk-pick .bisk-pick__i{appearance:none;display:flex;align-items:center;gap:9px;width:100%;margin:0;padding:9px 12px !important;border:0 !important;border-radius:8px !important;background:transparent !important;color:var(--bi-text,#fff) !important;font:700 13.5px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;text-align:left;text-transform:none !important;box-shadow:none !important;cursor:pointer;white-space:nowrap}
.bisk-pick .bisk-pick__i span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.bisk-pick .bisk-pick__i:hover,.bisk-pick .bisk-pick__i:focus-visible{background:var(--bi-hover,rgba(255,255,255,.08)) !important;color:var(--bi-text,#fff) !important;outline:none}
.bisk-pick .bisk-pick__i.is-on{color:var(--bi-accent,#d63837) !important}
.bisk-pick svg{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.bisk-cp{position:fixed;z-index:100000;width:252px;padding:12px;border-radius:14px;background:var(--bi-surface,#1a1a1a);border:1px solid var(--bi-border,#2a2a2a);box-shadow:0 18px 44px rgba(0,0,0,.45);color:var(--bi-text,#fff);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-user-select:none;user-select:none}
.bisk-cp:focus{outline:none}
.bisk-cp svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bisk-cp__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.bisk-cp__head b{font-size:13.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bisk-cp .bisk-cp__x{appearance:none;display:grid;place-items:center;width:28px;height:28px;margin:0;padding:0 !important;border-radius:8px !important;border:1px solid var(--bi-border,#2a2a2a) !important;background:transparent !important;color:var(--bi-text,#fff) !important;cursor:pointer;box-shadow:none !important}
.bisk-cp .bisk-cp__x:hover{border-color:var(--bi-accent,#d63837) !important;color:var(--bi-accent,#d63837) !important;background:transparent !important}
.bisk-cp__x svg{width:14px;height:14px}
.bisk-cp__sv{position:relative;height:150px;border-radius:10px;cursor:crosshair;touch-action:none;outline:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.bisk-cp__dot{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.4);pointer-events:none}
.bisk-cp__hue{position:relative;height:14px;margin:12px 0 0;border-radius:99px;background:linear-gradient(to right,#f00,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00);cursor:pointer;touch-action:none;outline:none}
.bisk-cp__knob{position:absolute;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.4);pointer-events:none}
.bisk-cp__sv:focus-visible,.bisk-cp__hue:focus-visible{box-shadow:0 0 0 2px var(--bi-surface,#1a1a1a),0 0 0 4px var(--bi-accent,#d63837)}
.bisk-cp__row{display:flex;align-items:center;gap:8px;margin:12px 0 0}
.bisk-cp__pair{flex:none;display:flex;border-radius:9px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.bisk-cp .bisk-cp__was{appearance:none;width:22px;height:32px;margin:0;padding:0 !important;border:0 !important;border-radius:0 !important;background:var(--sw) !important;cursor:pointer;box-shadow:none !important}
.bisk-cp__now{display:block;width:22px;height:32px}
.bisk-cp .bisk-cp__hex{flex:1;min-width:0;width:100%;height:32px;margin:0;padding:0 9px !important;border:1px solid var(--bi-border,#2a2a2a) !important;border-radius:9px !important;background:var(--bi-bg,#0f0f0f) !important;color:var(--bi-text,#fff) !important;font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;text-transform:uppercase;outline:none;box-shadow:none !important;-webkit-user-select:text;user-select:text}
.bisk-cp .bisk-cp__hex:focus{border-color:var(--bi-accent,#d63837) !important}
.bisk-cp .bisk-cp__ok{appearance:none;flex:none;display:inline-flex;align-items:center;gap:5px;height:32px;margin:0;padding:0 11px !important;border:0 !important;border-radius:9px !important;background:var(--bi-accent,#d63837) !important;color:#fff !important;font:800 12.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;text-transform:none !important;cursor:pointer;box-shadow:none !important}
.bisk-cp .bisk-cp__ok:hover{background:#b52e2d !important;color:#fff !important}
.bisk-cp__ok svg{width:14px;height:14px;stroke-width:2.6}
.bisk-cp__l{margin:12px 0 6px;font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--bi-text-muted,#a0a0a0)}
.bisk-cp__rec{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.bisk-cp .bisk-cp__sw{appearance:none;aspect-ratio:1;width:100%;margin:0;padding:0 !important;border:0 !important;border-radius:6px !important;background:var(--sw) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16) !important;cursor:pointer}
.bisk-cp .bisk-cp__sw:hover{transform:translateY(-1px)}
/* your colours: the card under the palette button of the maker's bar (a section's own main and detail colour) */
.bisk .bisk-ib--gc{position:relative}
.bisk .bisk-ib--gc.is-on::after{content:"";position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--bk-red);box-shadow:0 0 0 2px var(--bk-bg)}
.bisk-gc{position:fixed;z-index:100000;width:min(300px,calc(100vw - 16px));padding:14px;border-radius:14px;background:var(--bk-card);border:1px solid var(--bk-line);box-shadow:0 18px 44px rgba(0,0,0,.45);-webkit-user-select:none;user-select:none}
.bisk-gc svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bisk-gc__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px}
.bisk-gc__head b{font-size:15px;font-weight:800;color:var(--bk-text)}
.bisk-gc .bisk-gc__x{appearance:none;display:grid;place-items:center;width:28px;height:28px;margin:0;padding:0 !important;border-radius:8px !important;border:1px solid var(--bk-line) !important;background:transparent !important;color:var(--bk-text) !important;cursor:pointer;box-shadow:none !important}
.bisk-gc .bisk-gc__x:hover,.bisk-gc .bisk-gc__x:focus-visible{border-color:var(--bk-red) !important;color:var(--bk-red) !important;outline:none}
.bisk-gc__x svg{width:14px;height:14px}
.bisk-gc__p{margin:0 0 12px;font-size:13px;line-height:1.45;color:var(--bk-muted)}
.bisk-gc__grid{display:grid;grid-template-columns:minmax(0,1fr) 46px 46px 28px;align-items:center;gap:8px}
.bisk-gc__h{font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--bk-muted);text-align:center}
.bisk-gc__l{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;color:var(--bk-text)}
.bisk-gc .bisk-gc__sw{appearance:none;display:grid;place-items:center;width:46px;height:30px;margin:0;padding:0 !important;border:0 !important;border-radius:9px !important;background:var(--sw,transparent) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18) !important;color:var(--bk-muted) !important;cursor:pointer;transition:box-shadow .15s,color .15s}
body:not(.bi-dark) .bisk-gc .bisk-gc__sw{box-shadow:inset 0 0 0 1px rgba(0,0,0,.16) !important}
.bisk-gc .bisk-gc__sw.is-off{background:transparent !important;box-shadow:inset 0 0 0 1.5px var(--bk-line) !important}
.bisk-gc .bisk-gc__sw:hover,.bisk-gc .bisk-gc__sw:focus-visible,.bisk-gc .bisk-gc__sw[aria-expanded="true"]{box-shadow:0 0 0 2px var(--bk-card),0 0 0 4px var(--bk-red) !important;color:var(--bk-red) !important;outline:none}
.bisk-gc__sw svg{width:15px;height:15px}
.bisk-gc .bisk-gc__clr{appearance:none;display:grid;place-items:center;width:28px;height:28px;margin:0;padding:0 !important;border-radius:8px !important;border:1px solid var(--bk-line) !important;background:transparent !important;color:var(--bk-muted) !important;cursor:pointer;box-shadow:none !important}
.bisk-gc .bisk-gc__clr:hover,.bisk-gc .bisk-gc__clr:focus-visible{border-color:var(--bk-red) !important;color:var(--bk-red) !important;outline:none}
.bisk-gc__clr svg{width:12px;height:12px}
.bisk-gc__foot{display:flex;justify-content:flex-end;margin:14px 0 0}
/* the in-house checkbox (the share form) */
.bisk-check input{appearance:none;-webkit-appearance:none;display:grid;place-items:center;border:1.5px solid var(--bk-line,#3a3a3a) !important;border-radius:5px;background:var(--bk-bg,#0f0f0f);cursor:pointer;transition:background .15s,border-color .15s}
.bisk-check input:checked{background:var(--bk-red,#d63837) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;border-color:var(--bk-red,#d63837) !important}
.bisk-check input:hover{border-color:var(--bk-red,#d63837) !important}
.bisk-check input:focus-visible{outline:2px solid var(--bk-red,#d63837);outline-offset:2px}
.bisk-dlg--share textarea.bisk-input{resize:none}

/* =====================================================================
   THE SKIN MAKER
   ===================================================================== */
.bisk-layout{display:block}
.bisk-side{display:none}
@media (min-width:1350px){
  body:not(.bisk-member) .bisk-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:28px;align-items:stretch}
  body:not(.bisk-member) .bisk-col{align-self:start;min-width:0}
  body:not(.bisk-member) .bisk-side{display:block;width:300px;min-width:300px;align-self:stretch;contain:size;overflow:clip}
}
.bisk-side>.mv-ad-box{width:300px;max-width:100%}
.bisk-skel{min-height:720px;border-radius:18px;background:var(--bk-card);border:1px solid var(--bk-line)}
.bisk-mk{position:relative;padding:14px;background:var(--bk-card);border:1px solid var(--bk-line);border-radius:18px;-webkit-user-select:none;user-select:none}
.bisk-mk input,.bisk-mk textarea{-webkit-user-select:text;user-select:text}
/* keyboard focus in the site's red; no browser ring on a click */
.bisk-mk :focus{outline:none}
.bisk-mk :focus-visible{outline:2px solid var(--bk-red) !important;outline-offset:2px}
.bisk-mk--nogl{padding:40px 24px;text-align:center;color:var(--bk-muted)}
.bisk-mk__bar{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:0 0 14px;border-bottom:1px solid var(--bk-line)}
.bisk-mk__tools{display:flex;align-items:center;gap:6px}
.bisk-mk__sep{width:1px;height:24px;background:var(--bk-line);margin:0 4px}
.bisk-mk__acts{display:flex;gap:8px;margin-left:auto}
.bisk-mk__grid{display:grid;grid-template-columns:74px minmax(0,1fr) 340px;gap:14px;margin-top:14px;align-items:start}
.bisk-mk__mid{min-width:0;position:relative}
/* categories down the left: compact, so all ten fit beside the stage */
.bisk-mk__cats{display:flex;flex-direction:column;gap:2px}
.bisk .bisk-cat{appearance:none;display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;margin:0;padding:4px 2px 4px !important;border-radius:10px !important;border:1px solid transparent !important;background:transparent !important;color:var(--bk-muted) !important;font:800 11px/1.2 var(--bk-font) !important;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.bisk .bisk-cat__i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(128,128,128,.1);color:var(--bk-text)}
.bisk .bisk-cat__i svg{width:16px;height:16px}
@media (min-width:1181px) and (max-height:860px){
  .bisk .bisk-cat{padding:3px 2px !important;font-size:10.5px !important}
  .bisk .bisk-cat__i{width:25px;height:25px;border-radius:7px}
  .bisk .bisk-cat__i svg{width:15px;height:15px}
}
.bisk .bisk-cat:hover{color:var(--bk-text) !important;background:transparent !important;border-color:var(--bk-line) !important}
.bisk .bisk-cat.is-on{color:var(--bk-red) !important;background:rgba(214,56,55,.08) !important;border-color:rgba(214,56,55,.35) !important}
.bisk .bisk-cat.is-on .bisk-cat__i{background:rgba(214,56,55,.12);color:var(--bk-red)}
/* the stage */
.bisk-mk__stage{position:relative;height:clamp(440px,64vh,660px);border-radius:14px;background:var(--bk-stage);border:1px solid var(--bk-line);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.bisk-cv{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.bisk-cv:active{cursor:grabbing}
.bisk-mk__flat{position:absolute;inset:0;display:grid;place-items:center;padding:8px;background:var(--bk-stage);z-index:1}
.bisk-mk__flat canvas{display:block;cursor:crosshair;touch-action:none;image-rendering:pixelated;border-radius:6px}
.bisk-mk__hint{position:absolute;top:56px;left:50%;transform:translateX(-50%);z-index:2;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:12.5px;font-weight:700;white-space:nowrap;pointer-events:none}
.bisk-mk__hint{transition:opacity .5s}
.bisk-mk__hint.is-gone{opacity:0}
.bisk-mk__sbar{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;pointer-events:none}
.bisk-mk__sbar>*{pointer-events:auto}
.bisk .bisk-sb{appearance:none;display:inline-flex;align-items:center;gap:6px;height:34px;margin:0;padding:0 12px !important;border-radius:10px !important;border:1px solid var(--bk-line) !important;background:var(--bk-card) !important;color:var(--bk-text) !important;font:800 12.5px/1 var(--bk-font) !important;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.bisk .bisk-sb svg{width:15px;height:15px}
.bisk .bisk-sb:hover{border-color:var(--bk-red) !important;background:var(--bk-card) !important;color:var(--bk-text) !important}
.bisk .bisk-sb.is-on{background:rgba(214,56,55,.12) !important;border-color:rgba(214,56,55,.45) !important;color:var(--bk-red) !important}
/* the stage's Play animation / Stop animation (1.3.2, was the move menu): the site's red button, white on red, never red on red */
.bisk .bisk-sb--red{background:var(--bk-red,#d63837) !important;border-color:transparent !important;color:#fff !important;box-shadow:0 4px 14px rgba(214,56,55,.35)}
body.bi-dark .bisk .bisk-sb--red{background:linear-gradient(135deg,var(--bk-red,#d63837),#a01f22) !important}
.bisk .bisk-sb--red:hover,.bisk .bisk-sb--red:focus-visible{background:#b52c2b !important;border-color:transparent !important;color:#fff !important}
body.bi-dark .bisk .bisk-sb--red:hover,body.bi-dark .bisk .bisk-sb--red:focus-visible{background:linear-gradient(135deg,#e04a49,#b02426) !important;color:#fff !important}
.bisk .bisk-sb--red svg{width:14px;height:14px}
.bisk-mk__sbar .bisk-seg{box-shadow:0 4px 14px rgba(0,0,0,.18)}
/* the stage's corners: Paint at the top left, the picked piece's colours (or, painting, the pose) at the top right */
.bisk-mk__tl{position:absolute;top:10px;left:10px;z-index:3;display:flex;gap:6px}
.bisk-mk__tr{position:absolute;top:10px;right:10px;z-index:3}
.bisk-pose{display:flex;align-items:center;gap:2px;padding:3px 3px 3px 10px;border-radius:12px;background:var(--bk-card);border:1px solid var(--bk-line);box-shadow:0 4px 14px rgba(0,0,0,.18)}
/* painting, top right: the Pose switch and Play / Stop (the move on the painted skin) */
.bisk-mk__trrow{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px}
.bisk .bisk-sb--play{height:40px;padding:0 14px 0 12px !important;border-radius:12px !important}
.bisk .bisk-sb--play svg{width:15px;height:15px}
.bisk-pose__l{margin-right:4px;font:800 12px/1 var(--bk-font);color:var(--bk-muted)}
.bisk .bisk-pose__b{appearance:none;display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0 !important;border-radius:9px !important;border:0 !important;background:transparent !important;color:var(--bk-muted) !important;cursor:pointer;transition:background .15s,color .15s}
.bisk .bisk-pose__b svg{width:21px;height:21px}
.bisk .bisk-pose__b:hover{color:var(--bk-text) !important;background:transparent !important}
.bisk .bisk-pose__b[aria-pressed="true"]{background:rgba(214,56,55,.12) !important;color:var(--bk-red) !important;box-shadow:inset 0 0 0 1px rgba(214,56,55,.45) !important}
.bisk .bisk-sb--paint{height:38px;padding:0 14px !important;font-size:13.5px !important}
.bisk .bisk-sb--paint svg{width:17px;height:17px}
.bisk .bisk-sb--paint.is-on,.bisk .bisk-sb--paint.is-on:hover{background:var(--bk-red) !important;border-color:var(--bk-red) !important;color:#fff !important}
.bisk-mk__colors{position:absolute;top:10px;right:10px;z-index:3;width:max-content;max-width:calc(100% - 20px);max-height:calc(clamp(440px,64vh,660px) - 74px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:7px 7px 12px 12px;border-radius:12px;background:var(--bk-card);border:1px solid var(--bk-line);box-shadow:0 8px 24px rgba(0,0,0,.28)}
/* open or folded, one width: the head (the same in both) sets it; the names and the swatches under it take that
   width and never widen it (width 0, min-width 100%), so the swatches wrap down into more rows */
.bisk-mk__colors.is-min{padding:7px 7px 7px 12px}
.bisk-cl__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bisk-cl__t{display:inline-flex;align-items:center;gap:7px;min-width:0;font-size:13.5px;line-height:1.2}
.bisk-cl__t svg{flex:none;width:16px;height:16px;color:var(--bk-red)}
.bisk-cl__t b{font-weight:800}
.bisk-cl__of{width:0;min-width:100%;box-sizing:border-box;margin:8px 0 0;padding:0 5px 0 0;font-size:12.5px;line-height:1.4;color:var(--bk-muted);overflow-wrap:anywhere}
.bisk-cl__of span{font-weight:700}
.bisk-cl__of i{display:inline-block;width:5px;height:5px;margin:0 7px 1px 5px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);vertical-align:middle;opacity:.8}
.bisk-cl__of b{font-weight:800;color:var(--bk-text)}
.bisk .bisk-cl__min{appearance:none;display:inline-flex;align-items:center;gap:6px;height:28px;margin:0;padding:0 8px !important;border-radius:8px !important;border:1px solid var(--bk-line) !important;background:transparent !important;color:var(--bk-text) !important;cursor:pointer}
.bisk .bisk-cl__min:hover{border-color:var(--bk-red) !important;background:transparent !important;color:var(--bk-text) !important}
.bisk .bisk-cl__min svg{width:14px;height:14px}
.bisk-cl__dots{display:inline-flex;gap:3px}
.bisk-cl__dots i{display:block;width:14px;height:14px;border-radius:4px;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.bisk-mk__colors .bisk-cols{width:0;min-width:100%;box-sizing:border-box;margin:10px 0 0;padding:0 5px 0 0;gap:10px}
.bisk-mk__colors .bisk-col__l{margin:0 0 7px;font-size:12px}
/* the swatches fill the card's width in square cells, the same 7px apart both ways (2026-10-02, Isaac: "too close
   to each other or too big"; the old 22px size lost to .bisk .bisk-sw's 26px, so they spilled over their slots) */
.bisk-mk__colors .bisk-col__sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(18px,1fr));gap:7px}
.bisk .bisk-mk__colors .bisk-sw{width:100%;height:auto;aspect-ratio:1;border-radius:6px !important}
/* "Paint over it" at the end of the card, as wide as the card (never widening it) */
.bisk-cl__acts{width:0;min-width:100%;box-sizing:border-box;margin:12px 0 0;padding:11px 5px 0 0;border-top:1px solid var(--bk-line)}
.bisk .bisk-cl__acts .bisk-btn{width:100%;justify-content:center}
.bisk .bisk-sw--orig::after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.45)}
/* the layers under the stage */
.bisk-lay{display:flex;align-items:center;gap:10px;margin-top:12px;min-width:0}
.bisk-lay__head{flex:none;display:flex;flex-direction:column;line-height:1.2}
.bisk-lay__head b{font-size:13.5px;font-weight:800}
.bisk-lay__head span{font-size:11px;color:var(--bk-muted)}
.bisk-lay__list{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;padding:2px 2px 11px}
.bisk-chip{flex:none;display:flex;align-items:center;border:1px solid var(--bk-line);border-radius:10px;background:var(--bk-bg);transition:border-color .15s,background .15s;position:relative}
.bisk-chip.is-sel{border-color:rgba(214,56,55,.6);background:rgba(214,56,55,.08)}
.bisk-chip.is-off .bisk-chip__name{opacity:.45;text-decoration:line-through}
.bisk-lay.is-drag .bisk-chip.is-before::before,.bisk-lay.is-drag .bisk-chip.is-after::after{content:"";position:absolute;top:2px;bottom:2px;width:3px;border-radius:3px;background:var(--bk-red)}
.bisk-chip.is-before::before{left:-5px}.bisk-chip.is-after::after{right:-5px}
.bisk .bisk-chip button{appearance:none;display:inline-flex;align-items:center;gap:6px;margin:0;border:0 !important;background:transparent !important;color:var(--bk-text) !important;cursor:pointer}
.bisk .bisk-chip__eye,.bisk .bisk-chip__more{padding:7px 6px !important;color:var(--bk-muted) !important}
.bisk .bisk-chip__eye:hover,.bisk .bisk-chip__more:hover{color:var(--bk-red) !important}
.bisk .bisk-chip svg{width:15px;height:15px}
.bisk .bisk-chip__name{padding:7px 2px !important;font:700 12.5px/1.2 var(--bk-font) !important;white-space:nowrap}
/* every move: its own section under the maker, on cards like the hub's; a click plays the move on the 3D model */
.bisk-mvs[hidden]{display:none}
/* closed: two rows (the cards past them hidden); See all / Show fewer under the cards */
.bisk .bisk-mvs__t[hidden]{display:none !important}
.bisk-mvs__more{display:flex;justify-content:center;margin:20px 0 0}
.bisk-mvs__more .bisk-btn svg{width:16px;height:16px}
.bisk-mvs__kinds{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.bisk-mvs__kinds i{font-style:normal;font-size:11.5px;font-weight:700;opacity:.65}
.bisk-mvs__g+.bisk-mvs__g{margin-top:28px}
.bisk .bisk-mvs__gh{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:0;font:800 15px/1.3 var(--bk-font);letter-spacing:0;color:var(--bk-text)}
.bisk-mvs__gh i{font-style:normal;font-size:12.5px;font-weight:700;color:var(--bk-muted)}
.bisk-mvs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:14px}
.bisk .bisk-mvs__t{appearance:none;display:flex;flex-direction:column;align-items:stretch;min-width:0;width:auto;height:auto;margin:0;padding:0 !important;border-radius:14px !important;border:1px solid var(--bk-line) !important;background:var(--bk-cardbg) !important;color:var(--bk-text) !important;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.bisk .bisk-mvs__t:hover{border-color:rgba(214,56,55,.5) !important;background:var(--bk-cardbg) !important;color:var(--bk-text) !important}
.bisk .bisk-mvs__t.is-on,.bisk .bisk-mvs__t.is-on:hover{border-color:rgba(214,56,55,.7) !important;box-shadow:inset 0 0 0 1px rgba(214,56,55,.45) !important}
.bisk-mvs__t canvas{display:block;width:100%;aspect-ratio:3/4;height:auto}
.bisk-mvs__t span{display:block;padding:0 10px 12px;font:800 13.5px/1.3 var(--bk-font);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bisk .bisk-mvs__t.is-on span{color:var(--bk-red)}
@media (max-width:760px){.bisk-mvs__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media (max-width:420px){.bisk-mvs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* variations (1.3.0): the skin in other colours, its own section under the maker; a card puts its colours on the
   3D model, its name is typed in place, the x takes it away */
.bisk-vrs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:14px}
.bisk-vrs__t{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:14px;border:1px solid var(--bk-line);background:var(--bk-cardbg);color:var(--bk-text);overflow:hidden;cursor:pointer;outline:0;transition:border-color .15s,box-shadow .15s}
.bisk-vrs__t:hover{border-color:rgba(214,56,55,.5)}
.bisk-vrs__t:focus-visible{box-shadow:0 0 0 2px rgba(214,56,55,.6)}
.bisk-vrs__t.is-on,.bisk-vrs__t.is-on:hover{border-color:rgba(214,56,55,.7);box-shadow:inset 0 0 0 1px rgba(214,56,55,.45)}
.bisk-vrs__t canvas{display:block;width:100%;aspect-ratio:3/4;height:auto}
.bisk .bisk-vrs__n{display:block;box-sizing:border-box;width:calc(100% - 16px);height:auto;min-height:0;margin:0 8px 11px;padding:3px 4px !important;border:1px solid transparent !important;border-radius:7px !important;background:transparent !important;color:var(--bk-text) !important;box-shadow:none !important;outline:0;font:800 13.5px/1.3 var(--bk-font) !important;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bisk input.bisk-vrs__n{cursor:text}
.bisk input.bisk-vrs__n:hover{border-color:var(--bk-line) !important}
.bisk input.bisk-vrs__n:focus{border-color:rgba(214,56,55,.6) !important;background:var(--bk-card) !important}
.bisk .bisk-vrs__t.is-on .bisk-vrs__n{color:var(--bk-red) !important}
.bisk .bisk-vrs__x{appearance:none;position:absolute;top:7px;right:7px;display:grid;place-items:center;width:26px;height:26px;margin:0;padding:0 !important;border-radius:8px !important;border:1px solid var(--bk-line) !important;background:var(--bk-card) !important;color:var(--bk-muted) !important;cursor:pointer;opacity:0;transition:opacity .15s}
.bisk-vrs__t:hover .bisk-vrs__x,.bisk-vrs__t:focus-within .bisk-vrs__x{opacity:1}
.bisk .bisk-vrs__x:hover{border-color:var(--bk-red) !important;color:var(--bk-red) !important;background:var(--bk-card) !important}
.bisk .bisk-vrs__x svg{width:14px;height:14px}
.bisk-vrs__on{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:7px;border:1px solid rgba(214,56,55,.45);background:rgba(214,56,55,.12);color:var(--bk-red);font:800 11px/1.5 var(--bk-font);letter-spacing:.3px;white-space:nowrap;pointer-events:none}
.bisk-vrs__on svg{width:12px;height:12px}
.bisk .bisk-vrs__add{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;margin:0;padding:14px !important;border-radius:14px !important;border:1.5px dashed var(--bk-line) !important;background:transparent !important;color:var(--bk-muted) !important;font:800 14px/1.3 var(--bk-font);cursor:pointer;transition:border-color .15s,color .15s}
.bisk .bisk-vrs__add:hover{border-color:var(--bk-red) !important;color:var(--bk-red) !important;background:transparent !important}
.bisk .bisk-vrs__add svg{width:26px;height:26px}
.bisk-vrs__add i{font-style:normal;font-size:12px;font-weight:700;opacity:.7}
@media (hover:none){.bisk .bisk-vrs__x{opacity:1}}
@media (max-width:760px){.bisk-vrs__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media (max-width:420px){.bisk-vrs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* variations on a skin's page (1.3.0): a row of little 3D models over the download, the skin itself first */
.bisk-vars{margin:2px 0 16px;min-width:0}
.bisk-vars__head{display:flex;align-items:baseline;gap:8px;margin:0 0 8px}
.bisk-vars__head b{font-size:15px;font-weight:800;color:var(--bk-text)}
.bisk-vars__head span{font-size:13px;color:var(--bk-muted)}
.bisk-vars__car{position:relative;min-width:0}
.bisk-vars .bisk-car__in{gap:8px}
.bisk .bisk-vt{appearance:none;display:flex;flex-direction:column;align-items:stretch;flex:none;width:84px;height:auto;margin:0;padding:0 !important;border-radius:12px !important;border:1px solid var(--bk-line) !important;background:var(--bk-cardbg) !important;color:var(--bk-text) !important;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.bisk .bisk-vt:hover{border-color:rgba(214,56,55,.5) !important;background:var(--bk-cardbg) !important;color:var(--bk-text) !important}
.bisk .bisk-vt.is-on,.bisk .bisk-vt.is-on:hover{border-color:rgba(214,56,55,.7) !important;box-shadow:inset 0 0 0 1px rgba(214,56,55,.45) !important}
.bisk-vt__pic{position:relative;display:block;width:100%;aspect-ratio:3/4;pointer-events:none}
.bisk-vt__still{position:absolute;left:50%;top:9%;height:80%;width:auto;transform:translateX(-50%);transition:opacity .25s}
.bisk-vt__cv{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .3s}
.bisk-vt.is-3d .bisk-vt__cv{opacity:1}
.bisk-vt.is-3d .bisk-vt__still{opacity:0}
.bisk-vt__n{display:block;padding:0 6px 8px;font:800 12px/1.3 var(--bk-font);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.bisk .bisk-vt.is-on .bisk-vt__n{color:var(--bk-red)}
.bisk-chip.is-sel .bisk-chip__name{color:var(--bk-red) !important}
.bisk-chip__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--bk-red);margin-left:2px}
.bisk .bisk-lay__add{appearance:none;flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 11px !important;border-radius:10px !important;border:1px dashed var(--bk-line) !important;background:transparent !important;color:var(--bk-muted) !important;font:800 12.5px/1.2 var(--bk-font) !important;cursor:pointer}
.bisk .bisk-lay__add:hover{border-color:var(--bk-red) !important;color:var(--bk-red) !important;background:transparent !important}
.bisk .bisk-lay__add svg{width:14px;height:14px}
/* the panel on the right */
.bisk-mk__panel{min-width:0;max-height:calc(clamp(440px,64vh,660px) + 64px);overflow-y:auto;overscroll-behavior:contain;padding:2px 12px 8px 2px}
.bisk-pn__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 4px}
.bisk .bisk-pn__t{margin:0;font:800 20px/1.3 var(--bk-head);letter-spacing:-.2px;color:var(--bk-text) !important}
.bisk .bisk-pn__hint{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--bk-muted)}
.bisk-pn__which{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}
.bisk-pn__wl{font-size:12.5px;font-weight:800;color:var(--bk-muted);margin-right:2px}
.bisk-pn__count{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:rgba(214,56,55,.12);border:1px solid rgba(214,56,55,.45);color:var(--bk-red);font:800 12px/1.3 var(--bk-font)}
/* sliding rows (the moves on a skin's page): arrows, a mouse drags them */
.bisk-car__track{overflow-x:auto;overflow-y:hidden;margin:-5px -3px;padding:5px 3px;overscroll-behavior-x:contain;cursor:var(--bk-cur-grab,grab)}
.bisk-car.is-drag,.bisk-car.is-drag *{cursor:var(--bk-cur-grabbing,grabbing) !important}
.bisk-car__in{display:flex;gap:6px;width:max-content}
.bisk-car.is-scroll:not(.at-start):not(.at-end) .bisk-car__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 38px,#000 calc(100% - 38px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 38px,#000 calc(100% - 38px),transparent 100%)}
.bisk-car.is-scroll.at-start:not(.at-end) .bisk-car__track{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 38px),transparent 100%);mask-image:linear-gradient(to right,#000 calc(100% - 38px),transparent 100%)}
.bisk-car.is-scroll.at-end:not(.at-start) .bisk-car__track{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 38px);mask-image:linear-gradient(to right,transparent 0,#000 38px)}
.bisk .bisk-car__a{appearance:none;position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:28px;height:28px;margin:-14px 0 0;padding:0 !important;border-radius:50% !important;border:1px solid var(--bk-line) !important;background:var(--bk-card) !important;color:var(--bk-text) !important;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.bisk .bisk-car__a:hover{border-color:var(--bk-red) !important;color:var(--bk-red) !important;background:var(--bk-card) !important}
.bisk .bisk-car__a svg{width:14px;height:14px;stroke-width:2.6}
.bisk-car__a--l{left:-6px}.bisk-car__a--l svg{transform:scaleX(-1)}
.bisk-car__a--r{right:-6px}
.bisk .bisk-pill--sm{padding:5px 10px !important;font-size:12.5px !important}
/* "Wear one over it" at the end of the row of pieces worn (tops, bottoms, shoes, hats) */
.bisk .bisk-pill--add{border-style:dashed !important;color:var(--bk-muted) !important}
.bisk .bisk-pill--add:hover{color:var(--bk-text) !important}
.bisk .bisk-pill--add.is-on,.bisk .bisk-pill--add.is-on:hover{border-style:solid !important;background:rgba(214,56,55,.12) !important;border-color:rgba(214,56,55,.45) !important;color:var(--bk-red) !important}
.bisk .bisk-pill--add svg{flex:none;width:13px;height:13px}
/* the groups of a section (2026-10-02): a button on the right of the section's title opens a drawer under it */
.bisk .bisk-grp__btn{appearance:none;flex:none;margin:0 0 0 auto;display:inline-flex;align-items:center;gap:6px;max-width:60%;padding:6px 9px !important;border-radius:10px !important;border:1px solid var(--bk-line) !important;background:var(--bk-card) !important;color:var(--bk-text) !important;font:700 12.5px/1.2 var(--bk-font) !important;cursor:pointer;transition:border-color .15s,background .15s}
.bisk .bisk-grp__btn:hover,.bisk .bisk-grp__btn.is-open{border-color:rgba(214,56,55,.6) !important;background:rgba(214,56,55,.08) !important;color:var(--bk-text) !important}
.bisk-grp__btn svg{flex:none;width:15px;height:15px;color:var(--bk-red)}
.bisk-grp__btn svg:last-child{width:14px;height:14px;color:var(--bk-muted);transition:transform .2s}
.bisk-grp__btn.is-open svg:last-child{transform:rotate(180deg);color:var(--bk-red)}
.bisk-grp__l{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bisk-grp__n{flex:none;padding:1px 6px;border-radius:999px;background:var(--bk-bg);color:var(--bk-muted);font:800 11px/1.4 var(--bk-font)}
.bisk-grp{display:grid;grid-template-rows:0fr;margin:0;transition:grid-template-rows .22s ease,margin .22s ease}
.bisk-grp.is-open{grid-template-rows:1fr;margin:0 0 12px}
.bisk-grp__in{min-height:0;overflow:hidden}
.bisk-grp__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;border:1px solid var(--bk-line);border-radius:12px;background:var(--bk-card)}
.bisk .bisk-grp__i{appearance:none;display:flex;align-items:center;gap:7px;min-width:0;margin:0;padding:8px 10px !important;border-radius:9px !important;border:1px solid transparent !important;background:var(--bk-bg) !important;color:var(--bk-text) !important;font:700 12.5px/1.25 var(--bk-font) !important;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.bisk .bisk-grp__i:hover{border-color:rgba(214,56,55,.6) !important;background:var(--bk-bg) !important;color:var(--bk-text) !important}
.bisk .bisk-grp__i.is-on{background:rgba(214,56,55,.12) !important;border-color:rgba(214,56,55,.45) !important;color:var(--bk-red) !important}
.bisk-grp__i span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bisk-grp__i svg{flex:none;width:14px;height:14px;color:#f2c230;fill:currentColor}
.bisk-grp__i b{flex:none;font:800 11px/1.4 var(--bk-font);color:var(--bk-muted)}
.bisk .bisk-grp__i.is-on b{color:var(--bk-red)}
@media (prefers-reduced-motion:reduce){.bisk-grp,.bisk-grp__btn svg:last-child{transition:none}}
/* the body's arms, over the races */
.bisk-pn__arms{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:7px 7px 7px 12px;border:1px solid var(--bk-line);border-radius:12px;background:var(--bk-card)}
.bisk-pn__al{font:800 12.5px/1.2 var(--bk-font);color:var(--bk-muted)}
/* a choice and its star (favourites) */
.bisk-tw{position:relative;min-width:0;display:flex}
.bisk-tw>.bisk-tile{flex:1;min-width:0}
.bisk .bisk-fav{appearance:none;position:absolute;top:6px;left:6px;z-index:2;display:grid;place-items:center;width:24px;height:24px;margin:0;padding:0 !important;border-radius:7px !important;border:1px solid rgba(255,255,255,.14) !important;background:rgba(15,15,17,.7) !important;color:#d4d4da !important;opacity:0;cursor:pointer;transition:opacity .15s,color .15s,border-color .15s}
.bisk .bisk-fav svg{width:14px;height:14px}
.bisk-tw:hover .bisk-fav,.bisk .bisk-fav:focus-visible,.bisk .bisk-fav.is-on{opacity:1}
.bisk .bisk-fav:hover{color:#fff !important;border-color:rgba(242,194,48,.6) !important;background:rgba(15,15,17,.8) !important}
.bisk .bisk-fav.is-on,.bisk .bisk-fav.is-on:hover{color:#f2c230 !important;border-color:rgba(242,194,48,.55) !important}
.bisk .bisk-fav.is-on svg{fill:currentColor}
@media (hover:none){.bisk .bisk-fav{opacity:.9}}
.bisk-pn__empty{display:flex;align-items:center;gap:8px;margin:10px 0 0;font-size:13px;color:var(--bk-muted)}
.bisk-pn__empty svg{flex:none;width:16px;height:16px;color:#f2c230;fill:currentColor}
/* Favourites (2026-10-02): a section in the rail with the starred pieces of every section, by section */
.bisk .bisk-cat--fav .bisk-cat__i svg{fill:currentColor}
.bisk-fv{margin:0 0 16px}
.bisk-fv__h{display:flex;align-items:center;gap:8px;margin:0 0 8px}
.bisk-fv__i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(214,56,55,.08);border:1px solid rgba(214,56,55,.3);color:var(--bk-red)}
.bisk-fv__i svg{width:15px;height:15px}
.bisk-fv__t{font:800 13.5px/1.2 var(--bk-font);color:var(--bk-text)}
.bisk-fv__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 16px;border:1px dashed var(--bk-line);border-radius:12px;text-align:center}
.bisk-fv__empty span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(242,194,48,.1);border:1px solid rgba(242,194,48,.4);color:#f2c230}
.bisk-fv__empty svg{width:22px;height:22px;fill:currentColor}
.bisk-fv__empty p{margin:0;font-size:13px;line-height:1.5;color:var(--bk-muted)}
.bisk-pn__acts{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--bk-line)}
.bisk-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bisk .bisk-tile{appearance:none;display:flex;flex-direction:column;align-items:stretch;width:auto;height:auto;margin:0;padding:0 0 6px !important;border-radius:12px !important;border:1px solid var(--bk-line) !important;background:var(--bk-bg) !important;color:var(--bk-text) !important;overflow:hidden;cursor:pointer;transition:border-color .15s,background .15s}
.bisk .bisk-tile:hover{border-color:var(--bk-red) !important;background:var(--bk-bg) !important;color:var(--bk-text) !important}
.bisk .bisk-tile.is-on{border-color:rgba(214,56,55,.7) !important;background:rgba(214,56,55,.08) !important;color:var(--bk-red) !important;box-shadow:inset 0 0 0 1px rgba(214,56,55,.45) !important}
.bisk-tile__cv{display:block;width:100%;aspect-ratio:160/176;height:auto;background:var(--bk-stage)}
.bisk-tile__none{display:grid;place-items:center;aspect-ratio:160/176;color:var(--bk-muted)}
.bisk-tile__none svg{width:26px;height:26px}
.bisk-tile__t{display:block;padding:6px 6px 0;font:700 12px/1.25 var(--bk-font);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bisk .bisk-tile{position:relative}
.bisk-tile__chk{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--bk-red);color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.bisk-tile__chk svg{width:13px;height:13px;stroke-width:3}
/* colours */
.bisk-cols{display:flex;flex-direction:column;gap:12px;margin:16px 0 0}
.bisk-col__l,.bisk-pt__l{font-size:12.5px;font-weight:800;color:var(--bk-text);margin:0 0 6px}
.bisk-pt__l{margin-top:12px}
.bisk-col__sw{display:flex;flex-wrap:wrap;gap:6px}
.bisk .bisk-sw{appearance:none;position:relative;display:inline-grid;place-items:center;width:26px;height:26px;margin:0;padding:0 !important;border-radius:8px !important;border:0 !important;background:var(--sw,#888) !important;color:#fff !important;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 -3px 0 rgba(0,0,0,.18) !important;font:800 11px/1 var(--bk-font) !important}
body:not(.bi-dark) .bisk .bisk-sw{box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),inset 0 -3px 0 rgba(0,0,0,.12) !important}
.bisk .bisk-sw:hover{transform:translateY(-1px)}
.bisk .bisk-sw.is-on{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 0 2px var(--bk-card),0 0 0 4px var(--bk-text) !important}
.bisk .bisk-sw--auto{background:linear-gradient(135deg,#e2aa7f,#6b4426) !important}
.bisk .bisk-sw--custom{background:conic-gradient(#f44,#fa0,#ff4,#4c4,#4cf,#44f,#c4f,#f44) !important;overflow:hidden}
.bisk .bisk-sw--custom.is-on{background:var(--sw) !important}
.bisk .bisk-sw--custom[aria-expanded="true"]{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 0 2px var(--bk-card),0 0 0 4px var(--bk-red) !important}
/* paint tools */
.bisk-pt__on{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 12px}
.bisk-pt__onl{font-size:12.5px;font-weight:800}
.bisk .bisk-pt__layer{appearance:none;flex:1;min-width:120px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:7px 10px !important;border:1px solid var(--bk-line) !important;border-radius:9px !important;background:var(--bk-bg) !important;color:var(--bk-text) !important;font:700 13px/1.2 var(--bk-font) !important;text-align:left;cursor:pointer}
.bisk .bisk-pt__layer span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bisk .bisk-pt__layer svg{flex:none;width:14px;height:14px;color:var(--bk-muted);transition:transform .15s}
.bisk .bisk-pt__layer:hover,.bisk .bisk-pt__layer[aria-expanded="true"]{border-color:var(--bk-red) !important;background:var(--bk-bg) !important;color:var(--bk-text) !important}
.bisk .bisk-pt__layer[aria-expanded="true"] svg{transform:rotate(180deg)}
.bisk-pt__tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 8px}
.bisk .bisk-tool{appearance:none;display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;padding:9px 4px 8px !important;border-radius:11px !important;border:1px solid var(--bk-line) !important;background:var(--bk-bg) !important;color:var(--bk-text) !important;font:800 12px/1.2 var(--bk-font) !important;cursor:pointer}
.bisk .bisk-tool__i svg{width:20px;height:20px;display:block}
.bisk .bisk-tool:hover{border-color:var(--bk-red) !important;background:var(--bk-bg) !important;color:var(--bk-text) !important}
.bisk .bisk-tool.is-on{border-color:rgba(214,56,55,.6) !important;background:rgba(214,56,55,.1) !important;color:var(--bk-red) !important}
.bisk-pt__row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 6px}
.bisk-pt__grp{display:flex;flex-direction:column;gap:5px}
.bisk-pt__grp .bisk-pt__l{margin:0}
.bisk .bisk-toggle{appearance:none;display:inline-flex;align-items:center;gap:6px;height:34px;margin:0;padding:0 12px !important;border-radius:10px !important;border:1px solid var(--bk-line) !important;background:transparent !important;color:var(--bk-text) !important;font:800 12.5px/1 var(--bk-font) !important;cursor:pointer}
.bisk .bisk-toggle svg{width:15px;height:15px}
.bisk .bisk-toggle:hover{border-color:var(--bk-red) !important;background:transparent !important;color:var(--bk-text) !important}
.bisk .bisk-toggle.is-on{background:rgba(214,56,55,.12) !important;border-color:rgba(214,56,55,.45) !important;color:var(--bk-red) !important}
.bisk-pt__color{display:flex;align-items:center;gap:10px;margin:12px 0 0}
.bisk .bisk-pt__big{appearance:none;position:relative;flex:none;width:46px;height:46px;margin:0;padding:0 !important;border:0 !important;border-radius:12px !important;background:var(--sw,#d63837) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 -4px 0 rgba(0,0,0,.18) !important;cursor:pointer}
.bisk .bisk-pt__big::after{content:"";position:absolute;right:-5px;bottom:-5px;width:19px;height:19px;border-radius:50%;background:conic-gradient(#f44,#fa0,#ff4,#4c4,#4cf,#44f,#c4f,#f44);box-shadow:0 0 0 2px var(--bk-card)}
.bisk .bisk-pt__big:hover{transform:translateY(-1px)}
.bisk .bisk-pt__big[aria-expanded="true"]{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 0 0 2px var(--bk-card),0 0 0 4px var(--bk-red) !important}
.bisk-pt__shades{display:flex;gap:5px;flex-wrap:wrap}
.bisk-pt__shades .bisk-sw{width:24px;height:24px}
.bisk .bisk-sw--base::after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.45)}
.bisk .bisk-input--hex{width:120px;font:700 14px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:10px 12px;text-transform:uppercase}
/* tablets: the stage and the panel side by side, the categories as a row on top of the panel */
@media (max-width:1180px){
  .bisk-mk__grid{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"cats cats" "mid panel"}
  .bisk-mk__cats{grid-area:cats;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:10px;scrollbar-width:none}
  .bisk-mk__cats::-webkit-scrollbar{display:none}
  .bisk .bisk-cat{flex:0 0 auto;width:auto;flex-direction:row;padding:6px 12px 6px 6px !important;font-size:13px !important}
  .bisk .bisk-cat__i{width:30px;height:30px;border-radius:8px}
  .bisk .bisk-cat__i svg{width:16px;height:16px}
  .bisk-mk__mid{grid-area:mid}.bisk-mk__panel{grid-area:panel}
}
/* phones: everything stacked, the character first */
@media (max-width:760px){
  .bisk-mk{padding:10px;border-radius:14px}
  .bisk-mk__bar{gap:8px;padding-bottom:10px}
  .bisk-mk__acts{width:100%;margin-left:0}
  .bisk-mk__acts .bisk-btn{flex:1}
  .bisk-mk__grid{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:10px}
  .bisk-mk__mid{order:1}.bisk-mk__cats{order:2}.bisk-mk__panel{order:3;max-height:none;overflow:visible;padding:0}
  .bisk-mk__stage{height:min(58vh,480px)}
  .bisk-lay__head{display:none}
  .bisk-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bisk-mk__hint{font-size:11.5px}
  .bisk .bisk-sb span{display:none}
  .bisk .bisk-sb{padding:0 10px !important}
  .bisk .bisk-sb--paint span,.bisk .bisk-sb--red span{display:inline}
  .bisk .bisk-sb--paint{padding:0 14px !important}
  .bisk-mk__sbar .bisk-seg--drag .bisk-seg__b span{display:none}
  .bisk-mk__hint{top:56px;white-space:normal;width:max-content;max-width:calc(100% - 20px);text-align:center}
  .bisk-mk__colors{position:static;width:auto;max-width:none;max-height:none;margin-top:10px;box-shadow:none}
  .bisk-mk__colors .bisk-col__sw{display:flex;flex-wrap:wrap;gap:8px}
  .bisk .bisk-mk__colors .bisk-sw{width:26px;height:26px;aspect-ratio:auto;border-radius:8px !important}
}

/* =====================================================================
   CARDS (the hub, rails, a profile)
   ===================================================================== */
.bisk-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
@media (max-width:1180px){.bisk-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.bisk-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media (max-width:520px){.bisk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bisk-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--bk-cardbg);border:1px solid var(--bk-line);border-radius:14px;overflow:hidden;transition:border-color .15s,transform .15s}
.bisk-card:hover{border-color:rgba(214,56,55,.5)}
.bisk-card__pic{position:relative;display:block;aspect-ratio:3/4;background:transparent;overflow:hidden;text-decoration:none !important}
.bisk-card__still{position:absolute;left:50%;top:9%;height:80%;width:auto;transform:translateX(-50%);transition:opacity .25s}
.bisk-card__cv{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .3s}
.bisk-card.is-3d .bisk-card__cv{opacity:1}
.bisk-card.is-3d .bisk-card__still{opacity:0}
.bisk-card__body{display:flex;flex-direction:column;gap:6px;padding:0 12px 12px;margin-top:-2px}
/* the hub's card buttons (1.3.3): over the picture's top right while the pointer is on the card, desktop only (a
   phone has no hover); Edit opens the skin in the maker, an admin also gets wp-admin. Card colours, a red line on
   hover (never red on red) */
.bisk-card__acts{display:none}
@media (hover:hover) and (pointer:fine){
  .bisk-card__acts{position:absolute;top:8px;right:8px;left:8px;z-index:3;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;opacity:0;transform:translateY(-3px);transition:opacity .15s,transform .15s;pointer-events:none}
  .bisk-card:hover .bisk-card__acts,.bisk-card:focus-within .bisk-card__acts{opacity:1;transform:none}
  /* the strip lets clicks through to the picture; only the buttons take them, and only while shown */
  .bisk-card:hover .bisk-card__act,.bisk-card:focus-within .bisk-card__act{pointer-events:auto}
}
.bisk .bisk-card__act{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:9px;border:1px solid var(--bk-line);background:var(--bk-card);color:var(--bk-text) !important;font:800 12px/1 var(--bk-font);text-decoration:none !important;box-shadow:0 4px 14px rgba(0,0,0,.25);white-space:nowrap}
.bisk .bisk-card__act svg{width:14px;height:14px;flex:none}
.bisk .bisk-card__act:hover,.bisk .bisk-card__act:focus-visible{border-color:var(--bk-red);background:var(--bk-card);color:var(--bk-text) !important;outline:none}
.bisk .bisk-card__t{font-size:15px;font-weight:800;line-height:1.3;color:var(--bk-text);text-decoration:none !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bisk .bisk-card__t:hover{color:var(--bk-red)}
.bisk-card__row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:24px}
.bisk .bisk-card__by{display:flex;align-items:center;gap:6px;min-width:0;font-size:12.5px;font-weight:600;color:var(--bk-muted);text-decoration:none !important}
.bisk .bisk-card__by span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bisk .bisk-card__by:hover{color:var(--bk-text)}
.bisk-card__by img{flex:none;width:20px;height:20px;border-radius:50%;object-fit:cover;margin:0}
/* your own skin: its views and downloads; one not public yet says why (the badge recipe, orange) */
.bisk-card__mine{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--bk-muted)}
.bisk-card__mine svg{width:14px;height:14px}
.bisk-card__mine svg+*,.bisk-card__mine svg:not(:first-child){margin-left:6px}
.bisk-card__state{display:inline-flex;align-items:center;padding:3px 9px;border-radius:7px;background:rgba(232,134,42,.12);border:1px solid rgba(232,134,42,.45);color:#e8862a;font:800 11px/1.4 var(--bk-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* the like: the site's own heart (red outline, filled when liked) and the count beside it */
.bisk .bisk-like{appearance:none;display:inline-flex;align-items:center;gap:4px;margin:0;padding:2px !important;border:0 !important;border-radius:7px !important;background:transparent !important;color:var(--bk-text) !important;font:700 12.5px/1 var(--bk-font) !important;cursor:pointer;transition:transform .12s}
.bisk .bisk-like svg{width:19px;height:19px;color:var(--bk-red);display:block;transition:transform .2s}
.bisk .bisk-like b{font-weight:inherit}
.bisk .bisk-like:hover{background:transparent !important;color:var(--bk-text) !important}
.bisk-card .bisk-like:hover{transform:scale(1.12)}
.bisk .bisk-like.is-on svg path{fill:var(--bk-red)}
.bisk .bisk-like.is-pop svg{transform:scale(1.3)}
.bisk-card--soon{border-style:dashed;background:transparent}
.bisk-card--soon .bisk-card__pic{background:transparent}
.bisk-card--soon .bisk-card__t{color:var(--bk-muted)}
@media (max-width:520px){.bisk-card__body{padding:0 10px 10px}.bisk .bisk-card__t{font-size:14px}}

/* ---------- sections ---------- */
.bisk-sec{padding:34px 0 0}
.bisk-sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 18px}
.bisk-sec__sub{margin:6px 0 0;font-size:14.5px;color:var(--bk-muted)}
.bisk .bisk-more{font-size:14px;font-weight:800;color:var(--bk-red);text-decoration:none !important;white-space:nowrap}
.bisk .bisk-more:hover{text-decoration:underline !important}
/* rails: one row that scrolls sideways, round arrows when there is more */
.bisk-rail{position:relative}
.bisk-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * 14px) / 6);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 8px}
.bisk-rail__track::-webkit-scrollbar{display:none}
.bisk-rail__track>*{scroll-snap-align:start}
@media (max-width:1180px){.bisk-rail__track{grid-auto-columns:calc((100% - 3 * 14px) / 4)}}
@media (max-width:760px){.bisk-rail__track{grid-auto-columns:40%;gap:10px}}
.bisk .bisk-rail__btn{appearance:none;position:absolute;top:38%;z-index:3;display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0 !important;border-radius:50% !important;border:1px solid var(--bk-line) !important;background:var(--bk-card) !important;color:var(--bk-text) !important;box-shadow:0 6px 18px rgba(0,0,0,.3) !important;cursor:pointer}
.bisk .bisk-rail__btn:hover{border-color:var(--bk-red) !important;color:var(--bk-red) !important;background:var(--bk-card) !important}
.bisk .bisk-rail__btn svg{width:18px;height:18px}
.bisk .bisk-rail__btn[data-prev]{left:-14px}.bisk .bisk-rail__btn[data-prev] svg{transform:rotate(180deg)}
.bisk .bisk-rail__btn[data-next]{right:-14px}
@media (max-width:760px){.bisk .bisk-rail__btn{display:none}}
/* top creators */
.bisk-crt{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px 14px;border:1px solid var(--bk-line);border-radius:14px;background:var(--bk-card);text-decoration:none !important;text-align:center;min-width:0;transition:border-color .15s}
.bisk-crt:hover{border-color:rgba(214,56,55,.5)}
.bisk-crt img{width:64px;height:64px;border-radius:50%;object-fit:cover;margin:0}
.bisk-crt b{font-size:14.5px;font-weight:800;color:var(--bk-text);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bisk-crt span{font-size:12.5px;color:var(--bk-muted)}

/* =====================================================================
   THE HUB
   ===================================================================== */
.bisk-wall{padding:34px 0 0}
.bisk-wall__head{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;margin:0 0 14px}
.bisk-wall__title{display:flex;align-items:baseline;gap:12px}
.bisk-wall__count{font-size:14px;font-weight:700;color:var(--bk-muted)}
/* the site's search bar (the Browse Builds page), with the switches on its right */
.bisk-bar{display:flex;align-items:stretch;gap:10px;margin:0 0 18px}
.bisk-sbar{position:relative;flex:1 1 320px;min-width:0;margin:0}
.bisk-sbar svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:var(--bk-muted);pointer-events:none}
.bisk .bisk-sbar input{width:100%;height:56px;margin:0;padding:15px 16px 15px 46px !important;border:1px solid var(--bk-line) !important;border-radius:12px !important;background:var(--bk-card) !important;color:var(--bk-text) !important;font:400 15px/1.4 Poppins,var(--bk-font) !important;outline:none;box-shadow:none !important;-webkit-appearance:none;appearance:none}
.bisk .bisk-sbar input:focus{border-color:var(--bk-red) !important}
.bisk-sbar input::-webkit-search-cancel-button{cursor:pointer}
.bisk-bar__ctl{display:flex;align-items:stretch;gap:10px;flex:none}
/* moving or paused */
.bisk-play{display:flex;border:1px solid var(--bk-line);border-radius:12px;overflow:hidden;background:var(--bk-card)}
.bisk .bisk-play button{appearance:none;display:grid;place-items:center;width:52px;min-height:54px;margin:0;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:var(--bk-muted) !important;cursor:pointer;transition:background .12s,color .12s}
.bisk .bisk-play button+button{border-left:1px solid var(--bk-line) !important}
.bisk .bisk-play button:hover{background:transparent !important;color:var(--bk-text) !important}
.bisk .bisk-play button[aria-pressed="true"],.bisk .bisk-play button[aria-pressed="true"]:hover{background:var(--bk-red) !important;color:#fff !important}
.bisk-play svg{width:16px;height:16px}
/* the dropdowns (the site's): the order, classic or slim */
.bisk-drop{position:relative;width:184px}
.bisk .bisk-drop__btn{appearance:none;position:relative;display:block;width:100%;height:100%;min-height:56px;margin:0;padding:0 38px 0 16px !important;text-align:left;border:1px solid var(--bk-line) !important;border-radius:12px !important;background:var(--bk-card) !important;color:var(--bk-text) !important;font:700 13.5px/1.2 var(--bk-font) !important;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none !important}
.bisk-drop__btn::after{content:"";position:absolute;right:17px;top:50%;width:7px;height:7px;border-right:2px solid var(--bk-muted);border-bottom:2px solid var(--bk-muted);transform:translateY(-70%) rotate(45deg);transition:transform .15s}
.bisk .bisk-drop__btn:hover,.bisk .bisk-drop.is-open .bisk-drop__btn{border-color:var(--bk-red) !important;background:var(--bk-card) !important;color:var(--bk-text) !important}
.bisk-drop.is-open .bisk-drop__btn::after{transform:translateY(-30%) rotate(225deg)}
.bisk .bisk-drop__btn.is-set,.bisk .bisk-drop__btn.is-set:hover{border-color:var(--bk-red) !important;color:var(--bk-red) !important}
.bisk-drop__btn.is-set::after{border-color:var(--bk-red)}
.bisk-drop__menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;display:none;padding:6px;border-radius:12px;background:var(--bk-card);border:1px solid var(--bk-line);box-shadow:0 16px 34px rgba(0,0,0,.45)}
.bisk-drop.is-open .bisk-drop__menu{display:block}
.bisk .bisk-drop__menu a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:8px;font:600 13.5px/1.3 var(--bk-font);color:var(--bk-text) !important;text-decoration:none !important}
.bisk .bisk-drop__menu a:hover{background:rgba(214,56,55,.10);color:var(--bk-red) !important}
.bisk .bisk-drop__menu a.is-on,.bisk .bisk-drop__menu a.is-on:hover{background:var(--bk-red);color:#fff !important}
.bisk-drop__menu a.is-on::after{content:"\2713";font-weight:800}
/* the tags: the site's pills, two lines, the rest behind More */
.bisk-tags{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 6px}
.bisk .bisk-tagpill{appearance:none;display:inline-flex;align-items:center;gap:7px;margin:0;padding:9px 17px !important;border-radius:999px !important;border:1px solid var(--bk-line) !important;background:var(--bk-card) !important;color:var(--bk-text) !important;font:700 13.5px/1.2 var(--bk-font) !important;text-decoration:none !important;white-space:nowrap;cursor:pointer;transition:border-color .13s;box-shadow:none !important}
.bisk .bisk-tagpill:hover{border-color:var(--bk-red) !important;background:var(--bk-card) !important;color:var(--bk-text) !important}
.bisk .bisk-tagpill.is-on,.bisk .bisk-tagpill.is-on:hover{background:var(--bk-red) !important;border-color:var(--bk-red) !important;color:#fff !important}
.bisk-tagpill .n{font-size:11px;font-weight:800;opacity:.62;font-variant-numeric:tabular-nums}
.bisk-tagpill.is-on .n{opacity:.85}
.bisk-tmore{position:relative;display:inline-flex}
.bisk-tmore[hidden]{display:none !important}
.bisk-tmore__btn svg{width:14px;height:14px;flex:none;transition:transform .18s}
.bisk-tmore.is-open .bisk-tmore__btn svg{transform:rotate(180deg)}
.bisk-tmore__menu{position:absolute;top:calc(100% + 7px);left:0;z-index:40;min-width:210px;max-height:330px;overflow:auto;display:none;padding:6px;border-radius:12px;background:var(--bk-card);border:1px solid var(--bk-line);box-shadow:0 16px 40px rgba(0,0,0,.35);scrollbar-width:thin}
.bisk-tmore.is-open .bisk-tmore__menu{display:block}
.bisk-tmore.is-right .bisk-tmore__menu{left:auto;right:0}
.bisk .bisk-tmore__item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border-radius:8px;color:var(--bk-text) !important;font:700 13.5px/1.2 var(--bk-font);text-decoration:none !important;white-space:nowrap}
.bisk .bisk-tmore__item:hover{background:rgba(214,56,55,.12);color:var(--bk-red) !important}
.bisk .bisk-tmore__item.is-on{background:var(--bk-red);color:#fff !important}
.bisk-tmore__item .n{margin-left:auto;font-size:11px;font-weight:800;opacity:.62;font-variant-numeric:tabular-nums}
@media (max-width:1000px){.bisk-bar{flex-wrap:wrap}.bisk-sbar{flex:1 1 100%}.bisk-bar__ctl{flex:1 1 100%}.bisk-drop{flex:1 1 0;width:auto;min-width:0}}
@media (max-width:760px){
  .bisk .bisk-sbar input{height:50px}
  .bisk .bisk-play button{width:46px;min-height:48px}
  .bisk .bisk-drop__btn{min-height:50px;padding:0 32px 0 12px !important}
  .bisk-drop__btn::after{right:13px}
  .bisk-tags{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-14px;padding-right:14px}
  .bisk-tags::-webkit-scrollbar{display:none}
}
.bisk-wall.is-loading ~ .bisk-chunk .bisk-cards{opacity:.45;transition:opacity .15s}
.bisk-chunk{padding:14px 0 0}
.bisk-chunk + .mv-ad-box{margin-top:26px}
.bisk-chunk[hidden] + .mv-ad-box{display:none !important}
.bisk-wallfoot{padding:24px 0 0;text-align:center}
.bisk-empty{padding:40px 20px;border:1px dashed var(--bk-line);border-radius:14px;color:var(--bk-muted)}
.bisk-empty p{margin:0 0 14px;font-size:15px}
/* how to, FAQ */
.bisk-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1100px){.bisk-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.bisk-facts{grid-template-columns:1fr}}
.bisk-fact{padding:20px;border:1px solid var(--bk-line);border-radius:14px;background:var(--bk-card)}
.bisk-fact .bisk-tile{margin-bottom:12px}
.bisk-fact b{display:block;margin:0 0 5px;font-size:15px;font-weight:800}
.bisk-fact p{margin:0;font-size:13.5px;line-height:1.55;color:var(--bk-muted)}
.bisk .bisk-faq{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:900px}
.bisk-faq details{border:1px solid var(--bk-line);border-radius:14px;background:var(--bk-card);padding:0 18px}
.bisk-faq summary{cursor:pointer;padding:16px 0;font-size:15px;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:12px}
.bisk-faq summary::-webkit-details-marker{display:none}
.bisk-faq summary::after{content:"+";font-size:20px;line-height:1;color:var(--bk-red)}
.bisk-faq details[open] summary::after{content:"-"}
.bisk-faq details p{margin:0 0 16px;font-size:14.5px;line-height:1.6;color:var(--bk-muted)}

/* =====================================================================
   A SKIN'S PAGE
   ===================================================================== */
.bisk-crumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 18px;font-size:13.5px;font-weight:600;color:var(--bk-muted)}
.bisk-crumb a{color:var(--bk-muted);text-decoration:none !important}
.bisk-crumb a:hover{color:var(--bk-text)}
.bisk-crumb svg{width:13px;height:13px}
.bisk-crumb [aria-current]{color:var(--bk-text)}
.bisk-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:900px){.bisk-hero{grid-template-columns:minmax(0,1fr);gap:18px}}
.bisk-hero__view{min-width:0}
.bisk-stage{position:relative;aspect-ratio:1/1;max-height:640px;width:100%;border-radius:18px;background:var(--bk-stage);border:1px solid var(--bk-line);overflow:hidden;touch-action:none}
.bisk-stage__still{position:absolute;left:50%;top:10%;height:80%;width:auto;transform:translateX(-50%);transition:opacity .25s}
.bisk-stage.is-3d .bisk-stage__still{opacity:0}
.bisk-stage__bar{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:flex;justify-content:center;gap:6px;flex-wrap:wrap;pointer-events:none}
.bisk-stage__bar>*{pointer-events:auto}
.bisk-moves{position:relative;margin:12px 0 0}
.bisk-moves .bisk-pill{padding:6px 11px !important;font-size:12.5px !important}
.bisk-info{min-width:0}
.bisk .bisk-sub{margin:6px 0 0;font-size:15px;color:var(--bk-muted)}
.bisk-creator{display:flex;align-items:center;gap:12px;margin:18px 0 0;padding:14px;border:1px solid var(--bk-line);border-radius:14px;background:var(--bk-card)}
.bisk-creator img{width:48px;height:48px;border-radius:50%;object-fit:cover;margin:0;flex:none}
.bisk-creator__who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bisk-creator__who b{font-size:15px;font-weight:800}
.bisk-creator__who b a{text-decoration:none !important}
.bisk-creator__who b a:hover{color:var(--bk-red)}
.bisk-creator__who span{font-size:12.5px;color:var(--bk-muted)}
.bisk-soc{display:flex;gap:6px;flex-wrap:wrap}
.bisk .bisk-soc a{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid var(--bk-line);color:var(--bk-text);text-decoration:none !important}
.bisk .bisk-soc a:hover{border-color:var(--bk-red);color:var(--bk-red)}
.bisk-soc svg{width:15px;height:15px;fill:currentColor;stroke:none}
.bisk-stats{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0 0;font-size:13.5px;color:var(--bk-muted)}
.bisk-stats b{color:var(--bk-text);font-weight:800}
.bisk-tagrow{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 0}
.bisk-about{margin:14px 0 0;font-size:15px;line-height:1.65;color:var(--bk-text)}
.bisk-about p{margin:0 0 10px}
.bisk-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0 0}
.bisk-acts .bisk-like{padding:10px 12px !important;border:1px solid var(--bk-line) !important;border-radius:11px !important;font-size:14px !important}
.bisk-acts .bisk-like svg{width:18px;height:18px}
.bisk-remixof{display:flex;gap:8px;align-items:center;margin:16px 0 0;font-size:13.5px;color:var(--bk-muted)}
.bisk-remixof svg{width:16px;height:16px;color:var(--bk-blue)}
.bisk-remixof a{color:var(--bk-text);font-weight:800}
.bisk-pending{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:rgba(232,134,42,.1);border:1px solid rgba(232,134,42,.4);font-size:14px;line-height:1.55;color:var(--bk-text)}
.bisk-owner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 0;padding:10px 12px;border-radius:12px;border:1px dashed var(--bk-line);font-size:13px;font-weight:700;color:var(--bk-muted)}
.bisk-owner span{margin-right:auto}
/* how to use this skin */
.bisk-plats{border:1px solid var(--bk-line);border-radius:18px;background:var(--bk-card);overflow:hidden}
.bisk-plats__tabs{display:flex;gap:4px;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--bk-line)}
.bisk .bisk-plat{appearance:none;margin:0;padding:9px 14px !important;border-radius:10px !important;border:0 !important;background:transparent !important;color:var(--bk-muted) !important;font:800 13.5px/1.2 var(--bk-font) !important;cursor:pointer}
.bisk .bisk-plat:hover{color:var(--bk-text) !important;background:transparent !important}
.bisk .bisk-plat.is-on{background:rgba(214,56,55,.12) !important;color:var(--bk-red) !important;box-shadow:inset 0 0 0 1px rgba(214,56,55,.45) !important}
.bisk-plats__body{padding:18px 22px 22px}
.bisk-plats__body h3{margin:0 0 10px;font-size:16px;font-weight:800}
.bisk .bisk-steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:10px}
.bisk-steps li{counter-increment:s;position:relative;padding:0 0 0 40px;font-size:14.5px;line-height:1.6;color:var(--bk-text)}
.bisk-steps li::before{content:counter(s);position:absolute;left:0;top:0;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(214,56,55,.1);border:1px solid rgba(214,56,55,.35);color:var(--bk-red);font-size:13px;font-weight:800}
.bisk-steps b{font-weight:800}
.bisk-plats__note{margin:14px 0 0;font-size:13.5px;line-height:1.55;color:var(--bk-muted)}
/* the discussion: the site's comment look */
.bisk-disc{border:1px solid var(--bk-line);border-radius:18px;background:var(--bk-card);padding:20px 22px}
.bisk-disc__head{display:flex;align-items:center;gap:10px;margin:0 0 16px}
.bisk-disc__head svg{width:20px;height:20px;color:var(--bk-red)}
.bisk-disc__head b{font-size:17px;font-weight:800}
.bisk-disc__head span{font-size:13px;font-weight:700;color:var(--bk-muted)}
.bisk-cform{display:flex;flex-direction:column;gap:10px;margin:0 0 18px}
.bisk-cform__row{display:flex;justify-content:flex-end}
.bisk .bisk-clogin{display:block;text-align:center;border:1px dashed var(--bk-line);border-radius:12px;padding:14px;margin:0 0 18px;color:var(--bk-red) !important;font-size:13.5px;font-weight:800;text-decoration:none !important}
.bisk-av{width:42px;height:42px;border-radius:999px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;color:#fff;font-weight:800;font-size:14px;background:#3f7bb0}
.bisk-av--sm{width:34px;height:34px;font-size:12px}
.bisk-av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:999px;margin:0;max-width:none}
.bisk-av--pro{box-shadow:0 0 0 2px #e8b23a,0 0 10px rgba(232,178,58,.55)}
.bisk-av--admin{box-shadow:0 0 0 2px var(--bk-red),0 0 10px rgba(214,56,55,.55)}
.bisk-av--gone{background:var(--bk-line) !important}
.bisk-cmt__ulink{flex:none;display:block;border-radius:999px;line-height:0;text-decoration:none !important}
.bisk-cmt{display:flex;gap:13px;padding:16px 0;border-top:1px solid var(--bk-line)}
.bisk-cmt--reply{margin-left:40px;border-top:0;padding-top:4px}
.bisk-cmt__body{flex:1;min-width:0}
.bisk-cmt__top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 5px;position:relative}
.bisk-cmt__name{font-size:14px;font-weight:800;color:var(--bk-text)}
.bisk-cmt__name.bisk-cmt__name--pro{color:#e8b23a}
.bisk-cmt__name.bisk-cmt__name--admin{color:var(--bk-red)}
.bisk .bisk-cmt__nlink{text-decoration:none !important;color:inherit}
.bisk-cmt__badge{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#fff;background:var(--bk-red);padding:2px 7px;border-radius:6px}
.bisk-cmt__date{font-size:12px;color:var(--bk-muted);font-weight:600}
.bisk .bisk-cmt__kb{margin-left:auto;padding:0 6px !important;border:0 !important;background:transparent !important;color:var(--bk-muted) !important;font-size:18px !important;cursor:pointer}
.bisk-cmt__text{font-size:14px;line-height:1.55;color:var(--bk-text);overflow-wrap:anywhere}
.bisk-cmt__gone{font-size:13.5px;font-style:italic;color:var(--bk-muted);padding-top:8px}
.bisk-cmt__foot{display:flex;align-items:center;gap:16px;margin-top:9px}
.bisk-cmt__vote{display:inline-flex;align-items:center;gap:6px;color:var(--bk-muted);font-size:12.5px;font-weight:700}
.bisk .bisk-cmt__vote button{border:0 !important;background:transparent !important;color:var(--bk-muted) !important;display:grid;place-items:center;padding:2px !important;border-radius:5px !important;cursor:pointer}
.bisk .bisk-cmt__vote button:hover,.bisk .bisk-cmt__vote button.on{color:var(--bk-red) !important;background:transparent !important}
.bisk-cmt__vote svg{width:15px;height:15px;display:block}
.bisk-cmt__vote .cnt{min-width:14px;text-align:center;color:var(--bk-text);font-weight:800}
.bisk .bisk-cmt__reply{border:0 !important;background:transparent !important;color:var(--bk-muted) !important;font:700 12.5px/1 var(--bk-font) !important;display:inline-flex;align-items:center;gap:5px;padding:0 !important;cursor:pointer}
.bisk .bisk-cmt__reply:hover{color:var(--bk-red) !important;background:transparent !important}
.bisk-cmt__reply svg{width:14px;height:14px}
.bisk .bisk-cmt__more{display:block;width:100%;margin:10px 0 0;padding:12px !important;border:1px solid var(--bk-line) !important;border-radius:12px !important;background:transparent !important;color:var(--bk-text) !important;font:800 13.5px/1.2 var(--bk-font) !important;cursor:pointer}
.bisk .bisk-cmt__more:hover{border-color:var(--bk-red) !important;background:transparent !important;color:var(--bk-text) !important}
.bisk-cmt__none{margin:0;padding:14px 0 0;font-size:14px;color:var(--bk-muted)}
.bisk-cmenu{position:absolute;right:0;top:24px;z-index:20;display:flex;flex-direction:column;min-width:150px;padding:5px;border-radius:10px;background:var(--bk-card);border:1px solid var(--bk-line);box-shadow:0 12px 28px rgba(0,0,0,.35)}
.bisk .bisk-cmenu button{padding:8px 10px !important;border:0 !important;border-radius:7px !important;background:transparent !important;color:var(--bk-text) !important;font:700 13px/1.2 var(--bk-font) !important;text-align:left;cursor:pointer}
.bisk .bisk-cmenu button:hover{background:var(--bk-hover) !important;color:var(--bk-text) !important}
.bisk .bisk-cmenu button.is-warn{color:#ef5b5a !important}
.bisk-crep{margin:0 0 10px 55px;display:flex;flex-direction:column;gap:8px}
.bisk-crep__row{display:flex;justify-content:flex-end;gap:8px}
.bisk-skrow{height:58px;border-radius:12px;background:linear-gradient(90deg,rgba(128,128,128,.08),rgba(128,128,128,.16),rgba(128,128,128,.08));margin:8px 0}

/* =====================================================================
   THE SKINS ON A PROFILE, THE GUIDE PAGE
   ===================================================================== */
.bisk-prof{padding:28px 0 0}
.bisk-prof .bisk-cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.bisk-prof__badge{display:inline-flex;align-items:center;gap:5px;margin-left:10px;padding:3px 9px;border-radius:7px;background:rgba(214,56,55,.12);border:1px solid rgba(214,56,55,.45);color:var(--bk-red);font:800 11.5px/1.5 var(--bk-font);letter-spacing:.4px;vertical-align:middle}
.bisk-guide{max-width:980px}
.bisk-guide h2{margin:34px 0 12px}
.bisk-guide p{font-size:15.5px;line-height:1.7;color:var(--bk-text);margin:0 0 12px}
.bisk-guide .bisk-plats{margin:0 0 10px}
.bisk-guide table{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:14px}
.bisk-guide th,.bisk-guide td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--bk-line)}
.bisk-guide th{font-weight:800;color:var(--bk-muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.5px}

/* =====================================================================
   MY SKINS (and the switch and the short section on My Builds)
   ===================================================================== */
.bisk-mytabs{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 6px}
.bisk .bisk-mytab{display:inline-flex;align-items:center;padding:9px 17px !important;border-radius:999px !important;border:1px solid var(--bk-line) !important;background:var(--bk-card) !important;color:var(--bk-text) !important;font:700 13.5px/1.2 var(--bk-font) !important;text-decoration:none !important;white-space:nowrap;transition:border-color .13s}
.bisk .bisk-mytab:hover{border-color:var(--bk-red) !important;color:var(--bk-text) !important}
.bisk .bisk-mytab.is-on,.bisk .bisk-mytab.is-on:hover{background:var(--bk-red) !important;border-color:var(--bk-red) !important;color:#fff !important}
.bisk-mysw{margin:4px 0 22px}
.bisk-mynote{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;margin:16px 0 0;padding:14px 18px;border-radius:14px;border:1px solid rgba(214,56,55,.35);background:rgba(214,56,55,.08)}
.bisk-mynote p{margin:0;font-size:14.5px;color:var(--bk-text);max-width:640px}
/* how your shared skins are doing */
.bisk-mystats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 18px}
@media (max-width:1100px){.bisk-mystats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.bisk-mystats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bisk-mystats>.bisk-stat:last-child:nth-child(odd){grid-column:1/-1}}
.bisk-stat{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--bk-line);border-radius:14px;background:var(--bk-card);min-width:0}
.bisk-stat b{display:block;font:800 22px/1.15 var(--bk-font);color:var(--bk-text)}
.bisk-stat span:not(.bisk-stat__i){display:block;font-size:13px;color:var(--bk-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bisk-stat__i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(214,56,55,.08);border:1px solid rgba(214,56,55,.3);color:var(--bk-red)}
.bisk-stat__i svg{width:19px;height:19px}
/* the skin in the maker */
.bisk-draft{display:flex;align-items:center;gap:22px;padding:16px;border:1px solid var(--bk-line);border-radius:14px;background:var(--bk-card);max-width:720px}
.bisk-draft__card{flex:none;width:150px}
.bisk-draft__card .bisk-card__pic{aspect-ratio:3/4}
.bisk-draft__txt b{display:block;margin:0 0 5px;font-size:17px;font-weight:800;color:var(--bk-text)}
.bisk-draft__txt p{margin:0 0 14px;font-size:14px;line-height:1.55;color:var(--bk-muted)}
@media (max-width:560px){.bisk-draft{flex-direction:column;align-items:stretch;text-align:center}.bisk-draft__card{width:150px;margin:0 auto}}
.bisk-myfoot{padding:20px 0 0;text-align:center}
/* on My Builds: a short row (six on a desktop, three on a phone) */
.bi-sv__skins{margin:0 0 36px}
.bi-sv__skins .bisk-svskins__all{margin-left:auto}
.bisk-cards--peek{grid-template-columns:repeat(6,minmax(0,1fr))}
.bisk-cards--peek:empty{display:none}
@media (max-width:1180px){.bisk-cards--peek{grid-template-columns:repeat(3,minmax(0,1fr))}.bisk-cards--peek>:nth-child(n+4){display:none}}
.bi-sv__skins .bisk-empty{text-align:center}
.bi-sv__skins .bisk-empty .bisk-btn{margin:4px 4px 0}

/* ---------- early access (for now): the redstone pages' card ---------- */
.bisk-beta{display:flex;align-items:center;gap:12px;margin:0 0 24px;padding:11px 14px;border-radius:12px;background:rgba(214,56,55,.08);border:1px solid rgba(214,56,55,.45)}
.bisk-beta__tag{flex:none;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:7px;background:rgba(214,56,55,.14);border:1px solid rgba(214,56,55,.5);color:var(--bk-red);font-size:12px;font-weight:800;line-height:1.4;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}
.bisk-beta__tag svg{width:14px;height:14px;display:block;flex:none}
.bisk-beta__txt{min-width:0;font-size:13.5px;line-height:1.5;color:var(--bk-muted)}
.bisk-beta__txt b{font-weight:800;color:var(--bk-text)}
.bisk-crumb + .bisk-beta{margin-top:-4px}
@media (max-width:600px){.bisk-beta{flex-wrap:wrap;align-items:flex-start;gap:8px;padding:11px 13px;margin-bottom:20px}.bisk-beta__txt{flex:1 1 100%;font-size:13px}}
/* ---------- picking a move: kinds as tabs, the moves as live previews ---------- */
.bisk-mvp__tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.bisk-mvp__tabs i{font-style:normal;font-size:11px;font-weight:700;opacity:.65}
.bisk-mvp__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
@media (max-width:640px){.bisk-mvp__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bisk-dlg .bisk-anim span{display:block;max-width:100%;padding:0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* a menu's group names (the moves in the maker's menu) */
.bisk-pick__h{padding:10px 12px 4px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--bi-text-muted,#a0a0a0)}
.bisk-pick__list .bisk-pick__h:first-child{padding-top:4px}