/* Avari Homeschool Hub v1.2.3 — room + math polish */

/* Bedroom: a real lamp that sits on the nightstand and visibly controls the room. */
.scene-bedroom{transition:filter .55s ease,background .55s ease}
.scene-bedroom::after{content:"";position:absolute;inset:0;z-index:15;pointer-events:none;background:rgba(20,24,62,0);transition:background .55s ease}
.scene-bedroom.lights-out{filter:none!important}
.scene-bedroom.lights-out::after{background:rgba(20,24,62,.47)}
.b123-bed-lamp{position:absolute;right:23.2%;bottom:121px;width:72px;height:112px;z-index:28;border:0;background:transparent;padding:0;cursor:pointer;touch-action:manipulation;filter:drop-shadow(0 7px 7px rgba(54,37,20,.18))}
.b123-bed-lamp:active{transform:scale(.96)}
.b123-lamp-glow{position:absolute;left:50%;top:-18px;width:126px;height:126px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,239,159,.8) 0,rgba(255,226,117,.36) 35%,rgba(255,220,93,0) 72%);transition:opacity .45s ease;pointer-events:none}
.b123-lamp-shade{position:absolute;left:50%;top:6px;transform:translateX(-50%);width:68px;height:47px;background:linear-gradient(180deg,#fff4b8,#f3c965);border:4px solid #8d6840;clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);border-radius:8px 8px 13px 13px}
.b123-lamp-stem{position:absolute;left:50%;top:49px;transform:translateX(-50%);width:8px;height:43px;border-radius:999px;background:#8d6840}
.b123-lamp-base{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:46px;height:12px;border:4px solid #8d6840;border-radius:50%;background:#d9a963}
.b123-bed-lamp.off .b123-lamp-glow{opacity:0}
.b123-bed-lamp.off .b123-lamp-shade{background:linear-gradient(180deg,#c9bfd0,#9f93b2)}
.b123-hide-old-lamp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.scene-bedroom.lights-out .b121-night-window,.scene-bedroom.lights-out .b121-stars{filter:brightness(.82)}
.scene-bedroom.lights-out .b123-bed-lamp{filter:drop-shadow(0 4px 4px rgba(20,20,35,.2))}
.scene-bedroom.lights-out .b121-zs,.scene-bedroom.lights-out [data-cat]{z-index:24}

/* Playroom: much larger yarn and touch target. */
.b121-yarn{font-size:108px!important;min-width:132px;min-height:132px;display:grid;place-items:center;left:7%!important;bottom:24px!important;padding:0!important;line-height:1;touch-action:manipulation}
.b121-yarn.big{font-size:124px!important;min-width:146px;min-height:146px}
.b121-deco.yarn{font-size:72px!important;left:12%!important;bottom:27px!important}

/* Kitchen: larger fruit and easier iPad touch targets. */
.b121-food-tray{width:250px!important;min-height:126px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;padding:9px!important}
.b121-treat{font-size:47px!important;min-width:52px;min-height:52px;padding:2px!important;line-height:1;touch-action:none}
.b121-treat.ghost{position:fixed!important;z-index:100000!important;transform:translate(-50%,-50%) scale(1.08);pointer-events:none}
.b121-plate-treat{font-size:36px!important}
.b121-deco.apple,.b121-deco.berry{font-size:48px!important}

/* Math: show every star. 11–20 naturally become a 10-column/two-row ten-frame style layout. */
.b123-star-frame{display:grid;grid-template-columns:repeat(10,minmax(24px,48px));justify-content:center;align-items:center;gap:8px 7px;width:min(100%,610px);margin:20px auto 24px;padding:15px 14px;border:2px solid #f0dfc8;border-radius:22px;background:linear-gradient(180deg,#fffdf8,#fff7e8);box-shadow:inset 0 2px 0 #fff,0 8px 20px rgba(66,44,21,.06)}
.b123-star{display:grid;place-items:center;font-size:clamp(25px,4vw,43px);line-height:1;min-width:0;filter:drop-shadow(0 3px 2px rgba(91,60,12,.12))}
.b123-star-frame.ten-frame{background:linear-gradient(180deg,#fffef9,#fff6dd)}
.b123-star-frame.ten-frame .b123-star:nth-child(10n){margin-right:0}

@media(max-width:700px){
  .b123-bed-lamp{right:20%;transform:scale(.92);transform-origin:bottom center}
  .b121-food-tray{width:220px!important}
  .b121-treat{font-size:42px!important;min-width:46px;min-height:46px}
  .b121-yarn{font-size:96px!important;min-width:118px;min-height:118px}
  .b121-yarn.big{font-size:108px!important;min-width:128px;min-height:128px}
  .b123-star-frame{grid-template-columns:repeat(10,minmax(22px,1fr));gap:6px 3px;padding:13px 8px}
  .b123-star{font-size:clamp(23px,6vw,36px)}
}

@media(max-width:430px){
  .b123-bed-lamp{right:17%;bottom:118px;transform:scale(.82)}
  .b121-food-tray{width:198px!important;grid-template-columns:repeat(4,1fr)!important}
  .b121-treat{font-size:38px!important;min-width:42px;min-height:42px}
  .b123-star-frame{gap:5px 1px;padding:12px 5px}
  .b123-star{font-size:clamp(21px,6.4vw,30px)}
}