.heritage-gate{position:absolute;z-index:6;left:50%;top:43%;transform:translateX(-50%);background:#fff0c9f5;border:2px solid #bc8d4c;border-radius:24px 24px 14px 14px;padding:8px 13px;box-shadow:0 5px 15px #72553655;color:#614722;display:flex;align-items:center;gap:8px;font-weight:bold;font-size:clamp(10px,1.4vw,15px)}.heritage-gate small{display:block;font-size:.8em;margin-top:4px}.gate-arch{display:grid;place-items:center;width:30px;height:37px;border:2px solid #c8974f;border-radius:20px 20px 0 0;color:#b2823e}.heritage-gate.discovered{background:#e0efce}.kindi-room{background-image:url('assets/kindi-room-v5.webp')!important}.kindi-object-label{position:absolute;top:3%;left:20%;right:20%;background:#fffae9df;padding:8px 10px;text-align:center;border-radius:15px;font-size:clamp(10px,1.2vw,14px);color:#634b32}.aroma-bowls{position:absolute;right:3%;bottom:6%;display:flex;gap:8px;width:41%;z-index:4}.aroma-bowl{background:none;width:32%;padding:0;color:#4c4934}.aroma-bowl>span{display:block;font-size:clamp(23px,4.5vw,49px);position:relative;z-index:2;transition:transform .5s}.aroma-bowl i{display:block;height:22px;background:linear-gradient(#ecb780,#a36f43);border:3px solid #eed8aa;border-radius:8px 8px 50% 50%;margin-top:-8px;box-shadow:0 5px 5px #53371a33}.aroma-bowl b{display:block;background:#fff7e4eb;border-radius:7px;font-size:clamp(9px,1.2vw,13px);padding:5px;margin-top:3px;white-space:nowrap}.aroma-bowl.chosen>span{transform:translateY(-7px)}.aroma-bowl.chosen b{background:#f9d994}.manuscript{position:absolute;top:25%;right:5%;background:#f2dba8d9;border:2px solid #b18445;border-radius:7px;transform:rotate(-5deg);padding:8px;color:#614b2e;z-index:4}.manuscript span{display:block;font-size:clamp(26px,4vw,44px)}.manuscript b{font-size:clamp(9px,1.1vw,13px)}.distiller{position:absolute;left:8%;bottom:22%;width:77%;filter:drop-shadow(0 8px 4px #4f302a44)}.distiller svg{width:100%;display:block}.aroma-steam,.aroma-condensate{stroke-dasharray:10 12;opacity:0}.heat-glow,.steam-bubbles,.collect-drops{opacity:0}.warming .heat-glow{opacity:1;animation:twinkle 1s infinite}.warming .steam-bubbles{opacity:1;animation:float 2s infinite}.warming .aroma-steam{opacity:.8;animation:waterflow 2s linear infinite}.cooling .aroma-condensate{opacity:.6}.distilling .collect-drops{opacity:1;animation:collect 1s infinite}.extract-rack{position:absolute;left:5%;bottom:5%;display:flex;flex-direction:column;gap:4px;width:35%;font-size:clamp(9px,1.1vw,13px)}.extract-rack span{background:#e7eed5e8;padding:5px 8px;border-radius:9px;width:max-content;max-width:100%;color:#3e6650}.kindi-switch{position:absolute;bottom:25%;border:2px solid #c4a16d;background:#fff4d7f2;color:#5b4f33;border-radius:13px;padding:8px 10px;display:flex;gap:6px;align-items:center;font-size:clamp(10px,1.2vw,14px);box-shadow:0 4px 0 #9c75494d}.heat-switch{left:9%}.cool-switch{left:51%}.kindi-switch i{display:block;width:14px;height:20px;background:#d9ae7c;border-radius:6px;border:2px solid #927955;transition:transform .4s}.kindi-switch[aria-pressed=true] i{background:#7fb9a0;transform:rotate(25deg)}.craft-door{position:absolute;left:5%;top:18%;border-radius:24px 24px 10px 10px;background:#f5dba0;color:#6a502e;border:2px solid #c59b61;padding:15px;font-size:clamp(11px,1.3vw,15px);box-shadow:0 4px 10px #6e542d44}.craft-door:disabled{opacity:.55}.book-open{position:absolute;z-index:10;inset:12% 15%;overflow:auto;background:linear-gradient(90deg,#ebd6aa,#fff5d8 15%,#f8e7c1 95%);border:2px solid #b38b50;border-radius:12px;padding:20px 25px;color:#58462e;box-shadow:0 10px 40px #3c2c2777;font-size:14px}.book-open[hidden]{display:none}.book-open>button{position:sticky;top:0;float:left;background:#e8d4aa;color:#675334;border-radius:50%;width:30px;height:30px}.book-open p{line-height:1.9}.book-open a{color:#276c72}.perfume-bottle{position:absolute;left:14%;bottom:13%;width:22%;height:48%;filter:drop-shadow(0 18px 9px #52382744);--perfume:#e996b1}.perfume-cap{position:absolute;top:0;left:32%;width:36%;height:19%;background:linear-gradient(90deg,#bd8a43,#f8d485,#bc863a);border:3px solid #f0d298;border-radius:8px;z-index:2}.perfume-glass{position:absolute;bottom:0;left:0;right:0;height:85%;border:5px solid #fffae6cc;border-radius:45%;background:linear-gradient(90deg,#fff9,#fff1 30%,#fff5 80%,#b2dad866);overflow:hidden}.perfume-liquid{position:absolute;bottom:4%;left:4%;right:4%;height:65%;border-radius:0 0 40% 40%;background:linear-gradient(120deg,#fff7,transparent 50%),var(--perfume);transition:background 1s}.perfume-label{position:absolute;top:32%;left:8%;right:8%;background:#fff8dcf0;border:1px solid #d2b780;border-radius:9px;padding:10px 3px;text-align:center;color:#6b5037;z-index:3;overflow-wrap:anywhere}.perfume-label span{font-size:clamp(11px,1.6vw,18px);display:block}.perfume-label small{display:block;font-size:10px;margin-top:5px}.perfume-bottle.tall{width:17%;left:16%;height:54%}.tall .perfume-glass{border-radius:18%}.perfume-bottle.gem .perfume-glass{clip-path:polygon(18% 0,82% 0,100% 30%,82% 100%,18% 100%,0 30%);border-radius:15%}.aroma-trails{position:absolute;top:-12%;left:20%;right:20%;height:20%;pointer-events:none}.aroma-trails i{position:absolute;width:10px;height:45px;border-left:3px solid #e9c689aa;border-radius:50%;animation:float 3s infinite}.aroma-trails i:nth-child(2){left:40%;animation-delay:1s}.aroma-trails i:nth-child(3){left:75%;animation-delay:2s}.craft-panel{position:absolute;right:5%;top:13%;bottom:16%;width:43%;overflow:auto;background:#fff5e0ed;border:1px solid #d4b987;border-radius:18px;padding:17px;color:#5f4c32;z-index:5;font-size:13px}.craft-panel>label,.craft-panel>span{display:block;margin-bottom:7px}.craft-panel>input{width:100%;border:1px solid #c7b38b;border-radius:8px;padding:9px;background:#fffaf0;color:#423b2b;max-width:100%;margin-bottom:12px;font:inherit}.bottle-shapes{display:flex;gap:9px}.bottle-shapes button{background:#e7d5b0;color:#68502c;border-radius:8px;width:42px;height:36px;font-size:22px}.craft-panel p{margin:10px 0 5px}.blend-options{display:flex;flex-wrap:wrap;gap:7px}.blend-options label{background:#eee1c4;border-radius:8px;padding:5px 7px;font-size:12px}.craft-panel>small{display:block;font-size:10px;line-height:1.7;margin-top:10px}.kindi-save,.kindi-return{position:absolute;bottom:4%;padding:12px 16px;border-radius:12px;font-size:clamp(10px,1.2vw,14px)}.kindi-save{right:6%;background:#346d68;color:#fff}.kindi-return{left:7%;background:#f8e7bd;color:#614b2b}.perfume-memory{margin-top:15px;border-color:#d1ae68;background:#f6ebd0}@keyframes collect{to{transform:translateY(12px);opacity:.3}}@media(max-width:600px){.heritage-gate{padding:5px 7px;gap:4px;top:43%;font-size:9px}.gate-arch{width:20px;height:26px}.kindi-room{aspect-ratio:1.12}.distiller{left:3%;width:88%;bottom:24%}.kindi-switch{bottom:27%;padding:6px;font-size:9px}.heat-switch{left:6%}.cool-switch{left:52%}.aroma-bowls{right:2%;width:48%;gap:4px}.aroma-bowl i{height:16px}.aroma-bowl b{font-size:8px;padding:4px}.manuscript{top:20%;right:3%;padding:5px}.craft-door{top:19%;left:3%;padding:10px;font-size:10px}.book-open{inset:8% 6%;padding:14px;font-size:12px}.book-open h3{font-size:15px}.craft-panel{right:3%;top:10%;bottom:18%;width:49%;padding:10px;font-size:11px}.craft-panel>input{padding:6px;margin-bottom:8px}.bottle-shapes button{width:30px;height:29px;font-size:18px}.blend-options label{font-size:10px;padding:4px}.perfume-bottle{left:8%;width:29%;height:48%;bottom:17%}.perfume-bottle.tall{left:12%;width:22%}.perfume-label{padding:6px 2px}.perfume-label small{font-size:8px}.kindi-save,.kindi-return{padding:9px 8px;font-size:9px;bottom:4%}.kindi-object-label{left:9%;right:9%;font-size:9px;padding:6px}.extract-rack{font-size:9px;bottom:5%;left:3%;width:43%}}
/* Illustrated equipment and historical character, version 6. */
.refined-device{left:2%;bottom:18%;width:79%;filter:none;z-index:2}.alembic-art{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 7px #402a1f55)}.apparatus-status{position:absolute;bottom:2%;left:4%;right:0;display:flex;justify-content:space-around;gap:5px;pointer-events:none}.apparatus-status span{padding:6px 9px;background:#fff5dce6;border:1px solid #d6b981;border-radius:12px;font-size:clamp(9px,1.15vw,13px);color:#5c472c;box-shadow:0 3px 9px #6b4b2722}.apparatus-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e996b1}.heat-aura{position:absolute;left:11%;bottom:15%;width:27%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#ffc264bb,#e9833d33 60%,transparent 75%);opacity:0;filter:blur(8px);pointer-events:none}.warming .heat-aura{opacity:1;animation:twinkle 1.6s infinite}.steam-curls{position:absolute;top:18%;left:27%;width:16%;height:20%;opacity:0;pointer-events:none}.steam-curls i{position:absolute;width:17%;height:70%;border-left:3px solid #fff9;border-radius:70%;filter:blur(1px);animation:float 2s infinite}.steam-curls i:nth-child(2){left:33%;animation-delay:.7s}.steam-curls i:nth-child(3){left:66%;animation-delay:1.4s}.warming .steam-curls{opacity:.7}.cool-aura{position:absolute;left:49%;top:28%;width:27%;height:25%;border-radius:30px;box-shadow:0 0 18px #9ee6f299,inset 0 0 14px #c9ffff44;transform:rotate(15deg);opacity:0;pointer-events:none}.cooling .cool-aura{opacity:.75}.receiver-glow{position:absolute;left:81%;bottom:19%;width:12%;height:13%;border-radius:20% 20% 45% 45%;box-shadow:0 0 18px #d0f0e0;opacity:0;transition:opacity 1.5s;pointer-events:none}.receiver-drops{position:absolute;left:86%;top:48%;height:20%;width:5%;pointer-events:none;opacity:0}.receiver-drops i{position:absolute;width:5px;height:8px;border-radius:50%;background:#e9fff0;box-shadow:0 0 5px #fff9;animation:deviceDrip 1.1s linear infinite}.receiver-drops i:nth-child(2){animation-delay:.55s}.distilling .receiver-drops{opacity:1}.scholar-presence{position:absolute;top:13%;right:1%;height:42%;width:19%;border:0;background:transparent;padding:0;color:#63492c;z-index:3;cursor:pointer}.scholar-presence img{display:block;width:100%;height:90%;object-fit:contain;filter:drop-shadow(0 5px 5px #33271b55);transition:transform .3s}.scholar-presence:hover img{transform:translateY(-4px)}.scholar-presence>span{display:block;font-size:clamp(12px,1.4vw,17px);font-weight:bold;background:#fff1d7ed;border:1px solid #c29b60;padding:4px 7px;border-radius:10px}.scholar-presence small{font-size:9px;display:block;font-weight:normal;margin-top:2px}.kindi-room:not(.craft-room) .manuscript{display:none}.kindi-room .heat-switch{left:12%;bottom:17%}.kindi-room .cool-switch{left:54%;bottom:17%}.kindi-switch{border-radius:12px;padding:9px 12px;background:linear-gradient(#f9edcc,#d7b984);border:2px solid #b38c51;box-shadow:0 5px 0 #85613944,inset 0 1px 0 #fff9}.kindi-switch i{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fdf2c8,#bc904e);box-shadow:0 3px 4px #6d502855;position:relative;border:2px solid #9e7a44}.kindi-switch i:after{content:'';position:absolute;left:7px;top:2px;width:2px;height:9px;background:#466a6d;border-radius:2px}.kindi-switch[aria-pressed=true] i{background:radial-gradient(circle at 30% 25%,#e5f4cc,#68a58f);transform:rotate(65deg)}
.perfume-bottle.perfume-illustrated{left:5%;bottom:13%;width:38%;height:69%;filter:none;background:none}.perfume-illustrated.tall{left:5%;width:38%;height:69%}.perfume-illustrated.gem{left:5%;width:38%;height:69%}.perfume-art{display:block;width:100%;height:88%;object-fit:contain;filter:drop-shadow(0 13px 8px #5a3c2944);animation:bottleAppear .5s ease-out}.perfume-nameplate{position:absolute;left:4%;right:4%;bottom:7%;background:#fff3d4f0;border:1px solid #cbaa70;border-radius:12px;padding:7px;text-align:center;color:#624825;box-shadow:0 3px 9px #50382022;overflow-wrap:anywhere}.perfume-nameplate>span{font-weight:bold;font-size:clamp(12px,1.6vw,18px);display:block}.perfume-nameplate small{display:block;font-size:9px;margin-top:4px}.spray-trigger{position:absolute;right:15%;left:15%;bottom:-6%;font-size:clamp(10px,1.1vw,13px);background:#f6e9c8;border:1px solid #bfa06b;border-radius:14px;padding:8px;color:#695032;box-shadow:0 3px 7px #60482333}.spray-mist{position:absolute;left:43%;top:0;width:70%;height:45%;pointer-events:none;overflow:visible;opacity:0}.spray-mist i{position:absolute;left:0;top:60%;width:6px;height:6px;border-radius:50%;background:#e1c8eb;box-shadow:0 0 6px #fff9}.spraying .spray-mist{opacity:1}.spraying .spray-mist i{animation:perfumeSpray 1.3s calc(var(--n)*.018s) ease-out both}.craft-panel{right:3%;width:49%;top:11%;bottom:16%;padding:15px;background:#fff6e4ed;backdrop-filter:blur(5px)}.illustrated-choices{display:flex;justify-content:space-around;gap:8px}.illustrated-choices button{height:auto;width:31%;padding:5px;background:#eadcc2;border:2px solid transparent;border-radius:12px;color:#67502d;box-shadow:inset 0 0 12px #fff5}.illustrated-choices button[aria-pressed=true]{border-color:#bb8e45;background:#f8e8c2}.illustrated-choices button img{display:block;width:100%;height:clamp(50px,7vw,86px);object-fit:contain;filter:drop-shadow(0 3px 2px #51402c44)}.illustrated-choices button span{font-size:clamp(9px,1.1vw,12px);display:block}.blend-caption{font-size:11px;color:#39766c;font-weight:bold}.scholar-story{padding:30px;border:2px solid #d2b175;width:min(840px,94vw);max-height:90dvh;background:linear-gradient(120deg,#fff3d6,#e9d6b3);color:#56432a;overflow:auto;border-radius:24px;box-shadow:0 30px 90px #1c1e1b88}.scholar-story[open]{display:grid;grid-template-columns:30% 1fr;gap:24px;direction:ltr}.scholar-story::backdrop{background:#15282edb;backdrop-filter:blur(6px)}.story-close{position:absolute;left:12px;top:12px;width:35px;height:35px;border-radius:50%;background:#ddc79b;color:#675334;z-index:2}.story-portrait{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:250px}.story-portrait img{width:100%;max-height:420px;object-fit:contain;filter:drop-shadow(0 8px 5px #66503f33)}.story-portrait small{font-size:11px;margin-top:8px}.story-copy{direction:rtl;align-self:center}.story-eyebrow{color:#897044;font-size:12px}.story-copy h2{font-size:clamp(19px,3vw,27px);margin:8px 0 15px}.story-copy p{font-size:14px;line-height:1.95;margin:10px 0}.story-copy .story-note{background:#eadbbb;padding:10px;border-radius:10px;font-size:12px}.story-copy a{color:#316d6c;font-size:12px;display:block;margin:12px 0}.story-copy .primary{font-size:13px;padding:10px 16px}.kindi-room .aroma-bowls{bottom:3%}.kindi-room .extract-rack{bottom:4%}.kindi-room .craft-door{left:3%;top:13%;padding:10px 13px}
@keyframes deviceDrip{from{top:0;opacity:1}to{top:100%;opacity:0}}@keyframes bottleAppear{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes perfumeSpray{from{transform:translate(0,0) scale(.4);opacity:.9}to{transform:translate(calc(35px + var(--n)*7px),calc(-60px + var(--n)*8px)) scale(1.6);opacity:0}}@media(max-width:600px){.refined-device{left:0;bottom:21%;width:80%}.scholar-presence{right:0;top:18%;width:21%;height:37%}.scholar-presence>span{font-size:10px;padding:3px}.scholar-presence small{font-size:7px}.apparatus-status{left:2%;right:-1%;gap:3px;bottom:0}.apparatus-status span{font-size:8px;padding:4px 5px}.kindi-room .heat-switch{left:8%;bottom:20%}.kindi-room .cool-switch{left:49%;bottom:20%}.kindi-switch{font-size:9px;padding:6px;gap:4px}.kindi-switch i{width:15px;height:15px}.kindi-switch i:after{left:5px;top:1px;height:7px}.perfume-bottle.perfume-illustrated,.perfume-illustrated.tall,.perfume-illustrated.gem{left:1%;bottom:19%;height:62%;width:43%}.perfume-nameplate{left:4%;right:4%;bottom:4%;padding:5px}.perfume-nameplate>span{font-size:11px}.perfume-nameplate small{font-size:7px}.spray-trigger{bottom:-10%;left:8%;right:8%;font-size:9px;padding:7px}.craft-panel{right:2%;width:50%;top:10%;bottom:19%;padding:9px}.illustrated-choices{gap:3px}.illustrated-choices button{padding:3px}.illustrated-choices button img{height:46px}.illustrated-choices button span{font-size:8px}.blend-caption{font-size:9px}.craft-panel>small{font-size:9px}.scholar-story{padding:35px 16px 20px}.scholar-story[open]{grid-template-columns:25% 1fr;gap:12px}.story-portrait{min-height:200px}.story-copy p{font-size:12px}.story-copy .story-note{font-size:10px;padding:8px}.story-portrait small{font-size:8px;text-align:center}.story-copy h2{font-size:18px}.kindi-room .craft-door{font-size:9px;padding:8px;top:15%}}
@media(prefers-reduced-motion:reduce){.refined-device *,.perfume-illustrated *{animation:none!important;transition:none!important}.spraying .spray-mist{opacity:.5}}
.refined-device{width:70%;bottom:19%;left:2%}.apparatus-status{bottom:0}.receiver-glow{left:87%;bottom:5%;width:10%;height:15%}.receiver-drops{left:92%;top:65%;height:18%}.kindi-room:not(.craft-room) .heat-switch{left:6%;bottom:3%}.kindi-room:not(.craft-room) .cool-switch{left:29%;bottom:3%}.kindi-room:not(.craft-room) .extract-rack{right:1%;left:auto;top:63%;bottom:auto;width:22%;font-size:10px}.perfume-illustrated .perfume-nameplate{top:51%;bottom:auto;left:26%;right:26%;padding:2px;background:none;border:0;box-shadow:none}.perfume-nameplate small{display:none}.perfume-nameplate>span{font-size:clamp(10px,1.4vw,16px);line-height:1.4;text-shadow:0 1px 1px #fff9}.spray-trigger:disabled{opacity:.8;background:#e7ddc3;box-shadow:none;font-size:11px}@media(max-width:600px){.refined-device{width:77%;bottom:20%}.kindi-room:not(.craft-room) .heat-switch{left:3%;bottom:4%}.kindi-room:not(.craft-room) .cool-switch{left:27%;bottom:4%}.kindi-room:not(.craft-room) .extract-rack{top:60%;font-size:8px;width:21%}.perfume-illustrated .perfume-nameplate{left:25%;right:25%;top:50%}.perfume-nameplate>span{font-size:9px}.spray-trigger:disabled{font-size:8px}}
.perfume-illustrated.gem .perfume-nameplate{top:60%}.spray-mist{left:52%;top:2%;height:30%}.spray-mist i{top:0}
@media(max-width:600px){.perfume-illustrated.gem .perfume-nameplate{top:60%}}