.brand-heading{display:flex;align-items:center;gap:18px}.chem-week-mark{display:block;width:100px;height:100px;padding:9px;background:#fff;border:1px solid #dcc58b;border-radius:22px;box-shadow:0 5px 20px #9b783c15;flex-shrink:0}.chem-week-mark img{width:100%;height:100%;object-fit:contain}.scene-v8{aspect-ratio:3/2!important}.library-v8{background-image:url('assets/scholars-v8.webp')!important}.street-v8{background-image:url('assets/street-v8.webp')!important}.innovation-v8{background-image:url('assets/innovation-v8.webp')!important}.object-pin{position:absolute;background:none;padding:0;color:#35544f;min-width:90px;min-height:44px;z-index:5;transform:translateX(-50%)}.object-pin span{display:block;background:#fff8e8ed;border:1px solid #cbb47f;border-radius:9px;padding:6px 10px;font-size:12px;box-shadow:0 4px 10px #47301430;white-space:nowrap}.object-pin i{display:block;margin:7px auto;width:12px;height:12px;background:#ffdf84;border:2px solid #fff6cb;border-radius:50%;box-shadow:0 0 0 7px #ffdd8433;animation:pinBreath 2.8s infinite}.object-pin:hover span,.object-pin:focus-visible span{background:#ffe4a1}.jabir-pin{left:31%;top:43%}.razi-pin{left:54%;top:43%}.kindi-pin{left:78%;top:43%}.dish-overlay{position:absolute;left:3%;top:56%;width:40%;height:19%;border-radius:50%;overflow:hidden;pointer-events:none}.solution-surface{position:absolute;inset:0;background:radial-gradient(ellipse at 40% 30%,#c9f8ffe8,#48a5c8e0 80%);border-radius:50%;box-shadow:inset 0 0 14px #f4ffffaa;transition:opacity 1.5s,transform 1.5s}.evaporating .solution-surface{transform:scale(.83);opacity:.75}.crystallized .solution-surface{opacity:.3}.salt-cubes{position:absolute;inset:15%}.salt-cubes i{position:absolute;left:calc(7% + var(--col)*22%);top:calc(15% + var(--row)*23%);width:20px;height:20px;background:linear-gradient(135deg,#fff,#d6f5f5 50%,#8bbac7);border:1px solid #f5ffff;transform:rotate(calc(var(--i)*17deg)) scale(0);box-shadow:3px 4px 4px #29566577;transition:transform 1.5s}.crystallized .salt-cubes i{transform:rotate(calc(var(--i)*17deg)) scale(1)}.vapor{position:absolute;inset:0;opacity:0}.vapor i{position:absolute;left:calc(var(--i)*16%);height:60px;width:20px;border-left:3px solid #efffff99;border-radius:50%;animation:steamRise 2s infinite;animation-delay:calc(var(--i)*.2s)}.evaporating:not(.crystallized) .vapor{opacity:1}.table-notebook{position:absolute;right:11%;bottom:12%;width:30%;background:linear-gradient(110deg,#f4dcad,#fff4d6);color:#665031;border:2px solid #b58c50;border-radius:5px 15px 15px 5px;padding:18px 10px;box-shadow:6px 7px 0 #8c663d80;transform:rotate(-6deg);font-size:13px}.table-notebook b{display:block;font-size:20px;margin-top:8px}.physical-switch{position:absolute;bottom:4%;padding:11px 14px;border:1px solid #b89c69;border-radius:12px;background:#fff2d5ed;color:#5d4b2d;font-size:12px;box-shadow:0 4px 0 #71512e70}.crystallize{left:7%;background:#276c69;color:#fff}.dissolve{left:31%}.history-v8{width:min(600px,90vw);background:#fff2d3;border:2px solid #be9a5c;border-radius:15px;padding:25px;color:#57452e;line-height:2}.history-v8::backdrop{background:#102a36bc}.history-v8>button:first-child{float:left;border-radius:50%;padding:8px 12px;background:#e5d4ad}.history-note{font-size:12px;color:#7f7155}.bakery-pin{left:19%;top:30%}.pharmacy-pin{left:51%;top:31%}.packaging-pin{left:81%;top:34%}.dough-bowl{position:absolute;left:11%;bottom:21%;width:15%;height:14%;background:linear-gradient(100deg,#eed2a6,#aa7749);border:3px solid #e3cda8;border-radius:10% 10% 50% 50%;box-shadow:0 10px 7px #49331d55}.dough{position:absolute;left:5%;right:5%;bottom:28%;height:70%;border-radius:50% 50% 30% 30%;background:radial-gradient(ellipse at 35% 20%,#fff0ca,#ddb371);box-shadow:inset -10px -10px 15px #a47c3d33;transition:height 1.6s,bottom 1.6s}.dough.risen{height:135%;bottom:40%}.co2{position:absolute;left:15%;top:-90%;color:#f9f5e2;font-size:22px;opacity:0}.life-bread .co2{animation:steamRise 2.5s infinite;opacity:.8}.medicine-magnifier{position:absolute;left:43%;top:51%;width:18%;height:26%;border:4px solid #d5af5c;border-radius:50%;background:#cdeceaed;opacity:0;transform:scale(.5);transition:transform .5s,opacity .5s}.medicine-magnifier.examining{opacity:1;transform:scale(1)}.medicine-magnifier i{position:absolute;width:23%;height:23%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eefaff,#4191a4);top:30%;left:25%;box-shadow:3px 3px 3px #395b5b44}.medicine-magnifier i:nth-child(2){left:50%;top:20%;background:#edb66c}.medicine-magnifier i:nth-child(3){left:50%;top:47%;background:#d8949f}.medicine-magnifier i:nth-child(4){top:55%;left:23%;background:#70b69c}.medicine-magnifier span{position:absolute;bottom:7%;left:-10%;right:-10%;font-size:10px;text-align:center;background:#fff5dc;border-radius:5px;padding:4px;color:#3a625d}.food-jar{position:absolute;right:10%;bottom:20%;width:11%;height:22%;border:3px solid #e9ffffb8;border-radius:12% 12% 23% 23%;background:linear-gradient(90deg,#e4fff999,#cae1d51a,#fff9);box-shadow:0 9px 7px #4f3a2844}.jar-lid{position:absolute;top:-23%;left:-7%;width:114%;height:16%;border-radius:6px;background:linear-gradient(#f4d699,#bd8b41);transition:top .7s}.sealed .jar-lid{top:-5%}.jar-food{position:absolute;bottom:4%;left:10%;width:80%;height:60%;border-radius:30%;background:radial-gradient(circle at 30% 30%,#e7ac56 0 20%,transparent 22%),radial-gradient(circle at 70% 60%,#dc8858 0 25%,transparent 27%),radial-gradient(circle at 30% 75%,#a6b662 0 22%,transparent 24%)}.water-tech-pin{left:18%;top:14%}.energy-tech-pin{left:51%;top:25%}.materials-tech-pin{left:84%;top:34%}.instrument-control{position:absolute;bottom:5%;left:30%;right:30%;background:#fff5dceE;border:1px solid #c6b07d;border-radius:14px;padding:12px 16px;color:#3f625c;pointer-events:auto;display:grid;gap:8px;text-align:center;font-size:12px}.instrument-control input{width:100%;accent-color:#267b7a;min-height:24px}.instrument-control output{font-size:10px}.water-particles{position:absolute;left:7%;top:30%;width:19%;height:26%;opacity:0;pointer-events:none}.water-particles i{position:absolute;left:calc(var(--col)*24%);top:calc(var(--row)*23%);width:7px;height:7px;border-radius:50%;background:#e5fbff;animation:particleTravel 1.5s linear infinite;animation-delay:calc(var(--i)*-.13s)}[data-station=water].tech-running .water-particles{opacity:1}.solar-rays{position:absolute;left:42%;top:29%;width:14%;height:12%;background:radial-gradient(ellipse,#fff2ac99,transparent);opacity:0;pointer-events:none}[data-station=energy] .solar-rays{opacity:var(--level)}.battery-charge{position:absolute;left:43%;top:44%;width:6%;height:7%;border:2px solid #d2dfcc;border-radius:4px;background:#224c50cc;opacity:0}.battery-charge i{display:block;height:100%;width:calc(var(--level)*100%);background:#a4e3a0;transition:width .2s}[data-station=energy] .battery-charge{opacity:1}.material-stress{position:absolute;right:6%;top:61%;width:18%;height:7%;display:flex;gap:8px;opacity:0}.material-stress i{flex:1;height:6px;background:#d4f8f7;border:1px solid #e9ffff;box-shadow:0 4px 5px #2a4b5655;transform:translateY(calc(var(--level)*12px)) rotate(calc(var(--level)*10deg));transition:transform .3s}.material-stress i:nth-child(2){transform:translateY(calc(var(--level)*5px))}.material-stress i:nth-child(3){transform:none}[data-station=materials] .material-stress{opacity:1}@keyframes pinBreath{50%{box-shadow:0 0 0 11px #ffdd8411}}@keyframes steamRise{to{transform:translateY(-40px);opacity:0}}@keyframes particleTravel{to{transform:translate(40px,12px);opacity:.2}}@media(max-width:600px){.brand-heading{gap:9px}.chem-week-mark{width:64px;height:64px;border-radius:15px;padding:6px}.brand-heading h1{font-size:20px}.brand-heading small{font-size:8px}header{gap:6px}.object-pin{min-width:55px}.object-pin span{font-size:8px;padding:5px}.object-pin i{width:8px;height:8px;margin:4px auto}.table-notebook{padding:9px 5px;font-size:9px}.table-notebook b{font-size:13px}.physical-switch{font-size:9px;padding:8px 7px}.dissolve{left:36%}.salt-cubes i{width:10px;height:10px}.instrument-control{left:25%;right:25%;padding:7px;font-size:9px}.medicine-magnifier span{font-size:7px}.co2{font-size:13px}}@media(prefers-reduced-motion:reduce){.scene-v8 *{animation:none!important;transition:none!important}}
.dough-bowl{bottom:38%;height:10%;width:14%}.food-jar{bottom:35%;height:18%;right:12%}
/* Integrate scientific overlays into the illustrated counters. */
.medicine-magnifier{left:46%;top:49%;width:12%;height:18%;border:5px solid #bc9b59;background:radial-gradient(ellipse at 28% 18%,#ffffffd9,#def4f0e6 50%,#9fc4bddd);box-shadow:inset 0 0 15px #ffffffa6,0 9px 15px #2d302953;transform:scale(.6) rotate(-8deg)}.medicine-magnifier:after{content:'';position:absolute;right:-7%;bottom:-28%;width:13%;height:38%;background:linear-gradient(90deg,#78522f,#d1aa67,#86613e);border-radius:5px;transform:rotate(-30deg);transform-origin:top}.medicine-magnifier.examining{transform:scale(1) rotate(-8deg)}.medicine-magnifier span{bottom:-42%;left:-20%;right:-30%;box-shadow:0 3px 5px #523c2422}.medicine-magnifier i:nth-child(2){background:radial-gradient(circle at 25% 20%,#ffe9c1,#dca452)}.medicine-magnifier i:nth-child(3){background:radial-gradient(circle at 25% 20%,#f8dce2,#c47a8b)}.medicine-magnifier i:nth-child(4){background:radial-gradient(circle at 25% 20%,#d9f3dd,#589b7e)}.dough{background:radial-gradient(ellipse at 20% 30%,#fff5d640,transparent 15%),radial-gradient(circle at 60% 35%,#a87d3e35 0 1%,transparent 2%),radial-gradient(circle at 25% 55%,#a87d3e30 0 1%,transparent 2%),radial-gradient(ellipse at 38% 18%,#fff0c9,#e3c08b 65%,#bd925c);box-shadow:inset -9px -12px 13px #a47c3d55,0 -2px 3px #fff2ce80}.dough.risen{height:112%;bottom:38%}.dough-bowl{box-shadow:inset -12px 0 12px #7f532c55,0 7px 7px #49331d55;transform:rotate(-3deg)}.jar-food{background:radial-gradient(circle at 30% 30%,#f5d787 0 9%,#e4a743 11% 20%,transparent 22%),radial-gradient(circle at 70% 60%,#f4b36e 0 11%,#d98344 14% 25%,transparent 27%),radial-gradient(circle at 30% 75%,#d2dc98 0 10%,#90a756 13% 22%,transparent 24%);filter:drop-shadow(2px 3px 2px #68542a40)}.food-jar{box-shadow:inset 7px 0 6px #ffffff40,inset -7px 0 6px #7daca755,0 8px 8px #4f3a2844}.instrument-control{left:35%;right:35%;padding:9px 12px;bottom:4%;box-shadow:0 5px 12px #4e452a25;background:#fff7e8ed}.material-stress i{background:linear-gradient(#f7ffff,#82aeb3);border-color:#d1e3e0}.world-credits{max-width:740px;margin:28px auto 35px;padding:22px 20px 18px;text-align:center;color:#31575a;border-top:1px solid #d9c69c}.credits-spark{color:#c09b51;font-size:22px}.credits-school{font-size:17px;font-weight:bold;margin:9px 0 19px}.credits-people{display:flex;align-items:center;justify-content:center;gap:35px}.credits-people p{margin:0}.credits-people span{display:block;font-size:12px;color:#7e8b7b;margin-bottom:5px}.credits-people strong{font-size:17px;font-weight:500}.credits-people>i{height:35px;width:1px;background:#d7c59b}.credits-motto{font-size:12px;color:#8a927d;margin:18px 0 0}@media(max-width:600px){.instrument-control{left:32%;right:32%;padding:7px;font-size:9px}.medicine-magnifier{border-width:3px}.medicine-magnifier span{font-size:6px;padding:3px}.credits-people{gap:17px}.credits-people strong{font-size:14px}.credits-people span{font-size:10px}.credits-school{font-size:15px}.world-credits{margin:22px 15px 30px;padding:18px 8px}.brand-heading small{display:block;max-width:230px;line-height:1.8}}