/* New things to try (assets/features.js): the grown-ups card, the trophy tests, the home shelf, the balloon check */
.set-pend b small{display:block;font-weight:600;font-size:12px;color:var(--ink-soft);margin-top:2px;line-height:1.3}
.set-feature-panel{padding:6px 0 4px}
.set-known{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:6px}
.known-l{aspect-ratio:1;border:0;border-radius:12px;font:800 18px/1 var(--font);color:var(--ink);background:#FFF3D6;cursor:pointer;box-shadow:0 3px 0 #E5CFA0}
.known-l.on{background:#FFCE3D;box-shadow:0 3px 0 #D9951F;color:#5A3E1C}

/* ---- trophy tests, in the room ---- */
.tp-energy{position:absolute;left:14%;right:14%;bottom:-6px;height:7px;border-radius:4px;background:rgba(0,0,0,.18);overflow:hidden;pointer-events:none}
.tp-energy::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--e,1) * 100%);background:linear-gradient(90deg,#8AD37F,#FFCE3D);border-radius:4px;transition:width .6s}
.tp-energy.low::after{background:linear-gradient(90deg,#FF9F68,#FF5F7E)}
.tp-tests .tp-item{padding-bottom:10px}
.tp-redo{position:absolute;left:50%;top:-4px;transform:translate(-50%,-100%) scale(.6);opacity:0;pointer-events:none;
  background:#B23A48;color:#fff;font-size:11px;font-weight:800;padding:5px 10px;border-radius:999px;white-space:nowrap;box-shadow:0 3px 0 #6E1B26;transition:transform .3s var(--spring),opacity .2s;z-index:7}
.tp-redo::after{content:"";position:absolute;left:50%;top:100%;margin-left:-5px;border:5px solid transparent;border-top-color:#B23A48}
.tp-redo.on{opacity:1;pointer-events:auto;transform:translate(-50%,-100%) scale(1)}
.tp-way .tp-cup{filter:grayscale(1) brightness(1.1) drop-shadow(0 4px 0 rgba(0,0,0,.15));opacity:.85}
.tp-way .tp-shine{display:none}
.tp-waystar{position:absolute;right:6%;top:2%;width:22px;height:22px;background:#FFCE3D;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:tpTwinkle 1.6s ease-in-out infinite}
.tp-waytxt{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:max-content;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5A3E1C;background:#FFF3B0;padding:2px 6px;border-radius:999px;white-space:nowrap}

/* ---- the home shelf ---- */
#scHome .home-shelf{position:relative;z-index:4;display:flex;flex-direction:row;width:auto;align-items:center;gap:8px;margin:0 auto 6px;padding:6px 14px 6px 8px;border:0;cursor:pointer;font:inherit;
  background:linear-gradient(180deg,#FFF8E6,#F3DDB0);border-radius:999px;box-shadow:0 4px 0 #C9A06A,0 8px 14px rgba(120,86,50,.18)}
#scHome .home-shelf-row{display:flex;flex-direction:row;gap:2px}
#scHome .home-shelf-row svg{width:34px;height:40px;overflow:visible;display:block}
.home-shelf-empty{font-style:normal;font-weight:900;color:#B98A50;padding:0 8px}
.home-shelf b{font-size:20px;color:#7A4A12}

/* ---- the balloon check: the same five tiles, on balloons that rise ---- */
#scCheck.cks-balloons .ck-grid{gap:6px 10px;align-items:flex-end;min-height:38vh}
#scCheck.cks-balloons .ck-t{border-radius:50% 50% 50% 50%/45% 45% 55% 55%;width:clamp(70px,21vw,96px);aspect-ratio:.86;
  background:linear-gradient(160deg,var(--a1),var(--a2));color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.18);
  animation:cksRise 3.2s ease-in-out infinite;animation-delay:calc(var(--k,0) * -.7s)}
#scCheck.cks-balloons .ck-t::before{display:none}
#scCheck.cks-balloons .ck-t::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:34px;margin-left:-1px;background:#5C3B1E;opacity:.7}
#scCheck.cks-balloons .ck-t:nth-child(1){--k:0}#scCheck.cks-balloons .ck-t:nth-child(2){--k:1}#scCheck.cks-balloons .ck-t:nth-child(3){--k:2}#scCheck.cks-balloons .ck-t:nth-child(4){--k:3}#scCheck.cks-balloons .ck-t:nth-child(5){--k:4}
#scCheck.cks-balloons .ck-t.yes{animation:cksPop .5s ease-out forwards}
@keyframes cksRise{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}
@keyframes cksPop{0%{transform:scale(1)}60%{transform:scale(1.3)}100%{transform:scale(1.5);opacity:0}}
.tp-pills{position:absolute;left:50%;top:calc(100% + 4px);transform:translate(-50%,0) scale(.7);opacity:0;display:flex;gap:5px;z-index:9;transition:transform .3s var(--spring),opacity .2s;pointer-events:none}
.tp-pills.on{opacity:1;transform:translate(-50%,0) scale(1);pointer-events:auto}
.tp-pill{position:relative;overflow:hidden;border:0;cursor:pointer;font:800 13px/1 var(--font);padding:9px 12px;border-radius:999px;white-space:nowrap;color:#fff;box-shadow:0 3px 0 rgba(0,0,0,.25);touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.tp-pill span{position:relative;z-index:1}
.tp-pill.play{background:#4FA85C}.tp-pill.test{background:#B23A48}
/* while a cup is held it swells and glows for the second it takes */
.tp-holdring{display:none}
.tp-holding .tp-plinth{animation:tpHold 1s ease-in forwards}
@keyframes tpHold{0%{transform:scale(1);filter:none}100%{transform:scale(1.28);filter:drop-shadow(0 0 16px #FFF3B0)}}
.tp-shelves{overflow:visible}