.factory-screen{width:100%;height:100%;overflow:hidden}.factory-stage{position:relative;width:100%;height:100%}.factory-background{position:absolute;top:0;right:0;bottom:0;left:0}.factory-background__image{width:100%;height:100%;object-fit:cover}.factory-title{position:absolute;text-align:center;font-weight:700;line-height:1;color:#0b2a38}.slot{position:absolute}.slot--clickable{cursor:pointer}.slot--clickable:focus-visible{outline:2px solid rgba(0,184,198,.8);outline-offset:2px}.slot__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.slot__factory{position:absolute;object-fit:contain}.slot__highlight{position:absolute;max-width:none;pointer-events:none;z-index:1}.palette-item{position:absolute}.palette-item__podium{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.palette-item__factory{position:absolute}.palette-item__factory-image{width:100%;height:100%;object-fit:contain}.drag-preview{pointer-events:none;object-fit:contain}.info-card-stack{position:absolute;z-index:20;display:flex;flex-direction:column;pointer-events:none}.info-card{position:relative;overflow:hidden;border-radius:20px;background:#f1f2f4f5;border:2px solid #f5f4ef;box-shadow:0 0 0 2px #ffffff8a,0 0 24px #00b8c63d}.info-card__title{position:absolute;margin:0;color:#0b2a38;font-family:Roboto,sans-serif;font-size:calc(1.02 * var(--design-vw));font-weight:700;line-height:1.2}.info-card__description{position:absolute;margin:0;color:#0b2a38;font-family:Roboto,sans-serif;font-size:calc(.73 * var(--design-vw));font-weight:300;line-height:1.5}.info-card__illustration{position:absolute;object-fit:contain;pointer-events:none}.app-screen{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;width:100%;height:100%;padding:48px;background:#f1f2f4;box-sizing:border-box}.app-screen__back{border:none;border-radius:12px;padding:12px 20px;background:#0b2a38;color:#fff;font-family:Roboto,sans-serif;font-size:16px;cursor:pointer}.app-screen__title{margin:0;color:#0b2a38;font-family:Roboto,sans-serif;font-size:48px;font-weight:700;text-transform:capitalize}.polymers-screen{width:100%;height:100%;overflow:hidden}.polymers-stage{position:relative;width:100%;height:100%}.polymers-background{position:absolute;top:0;right:0;bottom:0;left:0}.polymers-background__image{width:100%;height:100%;object-fit:cover}.polymers-title{position:absolute;z-index:5;text-align:center;font-weight:700;line-height:1;color:#0b2a38}.polymers-panel{position:absolute;z-index:10;overflow:hidden;border-radius:20px;background:#f1f2f4f5;border:2px solid #f5f4ef;box-shadow:0 0 0 2px #ffffff8a,0 0 24px #00b8c63d}.instruction-panel__title{position:absolute;margin:0;color:#0b2a38;font-family:Roboto,sans-serif;font-weight:700}.instruction-panel__text{position:absolute;margin:0;color:#0b2a38;font-family:Roboto,sans-serif;font-weight:300;line-height:1.5}.instruction-panel__legend{position:absolute;left:6.4%;right:6.4%;top:41%;bottom:6%;display:flex;flex-direction:column;justify-content:space-between;gap:calc(1.44 * var(--design-vh))}.instruction-panel__legend-row{display:flex;align-items:center;gap:45px;min-height:45px}.instruction-panel__legend-icons{display:flex;align-items:center;gap:22px;flex-shrink:0}.molecule-legend-icon{position:relative;display:flex;align-items:center;justify-content:center;width:45px;height:45px;flex-shrink:0}.molecule-legend-icon__glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--legend-to);filter:blur(10px);opacity:.4}.molecule-legend-icon__bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(90deg,var(--legend-from) 0%,var(--legend-to) 100%);border:1.5px solid rgba(245,244,239,.6);box-shadow:inset 0 0 2px #f5f4ef59}.molecule-legend-icon__logo{position:relative;z-index:1;width:22px;height:22px;object-fit:contain}.instruction-panel__legend-label{margin:0;color:#0b2a38;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;line-height:1.2}.temperature-panel__gauge{position:absolute;overflow:visible}.temperature-panel__svg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;touch-action:none;cursor:pointer}.temperature-panel__track{fill:none;stroke:#d8dde3;stroke-width:5;stroke-linecap:round}.temperature-panel__fill{fill:none;stroke:url(#gauge-fill-gradient);stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .2s ease}.temperature-panel__knob-hit{fill:transparent;stroke:transparent;pointer-events:all;cursor:grab}.temperature-panel__knob-hit:active{cursor:grabbing}.temperature-panel__knob-shadow{fill:#0b2a382e}.temperature-panel__knob{fill:#fff;stroke:#00b8c6;stroke-width:1.2;transition:cx .2s ease,cy .2s ease}.temperature-panel__value,.temperature-panel__label{position:absolute;margin:0;color:#0b2a38;font-family:Roboto,sans-serif;text-align:center}.temperature-panel__value{font-weight:lighter;line-height:1}.temperature-panel__label{font-weight:700}.material-counters{position:absolute;z-index:10;display:flex;flex-direction:column;gap:40px;align-items:center}.material-counter{position:relative;width:calc(5.833 * var(--design-vw));height:calc(10.185 * var(--design-vh));flex-shrink:0;overflow:visible}.material-counter__image{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:contain;display:block}.material-counter__badge{position:absolute;left:1.8%;bottom:0;width:31.25%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fffffff5;box-shadow:0 0 0 1px #0b2a3814,0 2px 6px #0b2a381f}.material-counter__count{color:#0b2a38;font-family:Roboto,sans-serif;font-size:calc(.83 * var(--design-vw));font-weight:700;line-height:1;letter-spacing:-.02em}.material-counter--draggable{cursor:grab;touch-action:none}.material-counter--dragging{opacity:0}.material-counter--preview{width:calc(5.833 * var(--design-vw));height:calc(10.185 * var(--design-vh));opacity:.92;pointer-events:none}.floating-molecule-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.floating-molecule{position:absolute;top:var(--fly-start);padding:0;border:none;background:transparent;pointer-events:auto;cursor:pointer;animation:molecule-fly linear forwards;transform:translate(-50%)}.floating-molecule__image{width:100%;height:100%;object-fit:contain;pointer-events:none}.floating-molecule:active .floating-molecule__image{animation:molecule-collect .2s ease forwards}@keyframes molecule-fly{0%{top:var(--fly-start);opacity:0}12%{opacity:1}82%{opacity:1}to{top:var(--fly-end);opacity:0}}@keyframes molecule-collect{to{opacity:0;transform:scale(.6)}}.collection-hint__content{position:absolute;left:8%;right:12%;top:50%;transform:translateY(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:calc(.35 * var(--design-vw)) calc(.5 * var(--design-vw))}.collection-hint__text{color:#0b2a38;font-family:Roboto,sans-serif;font-size:26px;font-weight:700;line-height:38px}.collection-hint__requirement{display:inline-flex;align-items:center;gap:calc(.25 * var(--design-vw))}.collection-hint__count{color:#0b2a38;font-family:Roboto,sans-serif;font-size:26px;font-weight:700;line-height:38px;white-space:pre}.collection-hint__close{position:absolute;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;color:#0b2a38;font-family:Roboto,sans-serif;font-size:calc(1.6 * var(--design-vw));font-weight:300;line-height:1}.back-button{display:flex;align-items:center;justify-content:center;gap:12px;border:none;cursor:pointer;color:#0b2a38;font-family:Roboto,sans-serif;font-size:calc(1 * var(--design-vw));font-weight:700}.back-button__arrow{width:22px;height:16px;position:relative}.back-button__arrow:before{content:"";position:absolute;left:0;top:50%;width:14px;height:2px;background:#0b2a38;transform:translateY(-50%)}.back-button__arrow:after{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;border-left:2px solid #0b2a38;border-bottom:2px solid #0b2a38;transform:translateY(-50%) rotate(45deg)}.proceed-button{justify-content:center;gap:12px}.proceed-button .back-button__text{text-align:center}.back-button__arrow--forward:before{left:auto;right:0}.back-button__arrow--forward:after{left:auto;right:0;border-left:none;border-bottom:none;border-right:2px solid #0b2a38;border-top:2px solid #0b2a38;transform:translateY(-50%) rotate(45deg)}.back-button__text{line-height:1}.pyrolisis-screen{width:100%;height:100%;overflow:hidden}.pyrolisis-stage{position:relative;width:100%;height:100%}.pyrolisis-background{position:absolute;top:0;right:0;bottom:0;left:0;background:#efeef2}.pyrolisis-title{position:absolute;z-index:5;margin:0;text-align:center;font-family:Roboto,sans-serif;font-weight:700;line-height:1;color:#0b2a38}.pyrolisis-subtitle{position:absolute;z-index:5;margin:0;text-align:center;font-family:Roboto,sans-serif;font-weight:300;line-height:1.46;color:#0b2a38}.property-menu{position:absolute;z-index:10}.property-menu__title{margin:0 0 calc(2 * var(--design-vh));font-family:Roboto,sans-serif;font-size:calc(1.56 * var(--design-vw));font-weight:700;color:#0b2a38}.property-menu__divider{width:100%;height:1px;margin-bottom:calc(1.5 * var(--design-vh));background:#0b2a382e}.property-menu__list{display:flex;flex-direction:column;gap:calc(1.2 * var(--design-vh))}.property-menu__item{display:flex;align-items:center;gap:calc(.8 * var(--design-vw));width:100%;height:calc(7.407 * var(--design-vh));padding:0 calc(1.2 * var(--design-vw));border:none;border-radius:20px;background:transparent;cursor:pointer;text-align:left}.property-menu__item--active{background:#118a9e}.property-icon{width:30px;height:30px;flex-shrink:0;color:#0b2a38}.property-icon--active{color:#fff}.property-menu__label{font-family:Roboto,sans-serif;font-size:calc(1.35 * var(--design-vw));font-weight:700;color:#0b2a38}.property-menu__item--active .property-menu__label{color:#fff}.creation-grid{position:absolute;z-index:10}.creation-grid__cell-wrapper{position:absolute;width:50%;height:50%;padding:10px;box-sizing:border-box}.drop-cell{position:relative;width:100%;height:100%;cursor:default}.drop-cell--over .drop-cell__frame{box-shadow:0 0 0 2px #00cbd38c}.drop-cell--filled{cursor:pointer}.drop-cell__frame{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #0b2a38;box-sizing:border-box;pointer-events:none}.drop-cell__content{position:absolute;left:50%;top:40%;width:calc(5.833 * var(--design-vw));height:calc(10.185 * var(--design-vh));transform:translate(-50%,-50%)}.drop-cell__icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px dashed rgba(11,42,56,.18);background:#f1f2f4a6}.drop-cell__icon{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:contain}.drop-cell__icon--filled{width:auto;height:auto}.drop-cell__badge{position:absolute;left:1.8%;bottom:0;width:31.25%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fffffff5;box-shadow:0 0 0 1px #0b2a3814,0 2px 6px #0b2a381f}.drop-cell__badge-text{color:#0b2a38;font-family:Roboto,sans-serif;font-size:calc(.83 * var(--design-vw));font-weight:700;line-height:1;letter-spacing:-.02em}.drop-cell__label{position:absolute;left:50%;bottom:14%;transform:translate(-50%);font-family:Roboto,sans-serif;font-size:16px;font-weight:700;color:#0b2a38}.pyrolisis-button{position:absolute;z-index:10;display:flex;align-items:center;justify-content:center;gap:12px;border:2px solid #00cbd3;border-radius:50px;background:linear-gradient(45deg,#008c95,#00cbd3);box-shadow:0 0 20px #00cbd3;cursor:pointer;font-family:Roboto,sans-serif;font-size:calc(1.25 * var(--design-vw));color:#fff}.pyrolisis-button--back{justify-content:center;padding:0 24px;border:2px solid #fafeff;border-radius:50px;background:#f1f2f4;box-shadow:0 0 20px #f1f2f4;color:#0b2a38}.pyrolisis-button__arrow{position:relative;width:25px;height:18px;flex-shrink:0}.pyrolisis-button__arrow:before,.pyrolisis-button__arrow:after{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;border-left:2px solid #0b2a38;border-bottom:2px solid #0b2a38;transform:translateY(-50%) rotate(45deg)}.pyrolisis-button__text{text-align:center}.pyrolisis-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0b2a3873}.pyrolisis-modal{width:min(520px,calc(90 * var(--design-vw)));padding:36px 40px;border-radius:24px;background:#f1f2f4;border:2px solid #fafeff;box-shadow:0 0 32px #0000001f;text-align:center}.pyrolisis-modal__title{margin:0 0 16px;font-family:Roboto,sans-serif;font-size:28px;font-weight:700;color:#0b2a38}.pyrolisis-modal__text{margin:0 0 28px;font-family:Roboto,sans-serif;font-size:18px;font-weight:300;line-height:1.5;color:#0b2a38}.pyrolisis-modal__action{min-width:260px;height:56px;width:450px;border:2px solid #fafeff;border-radius:50px;background:#118a9e;cursor:pointer;font-family:Roboto,sans-serif;font-size:18px;color:#fff}.pyrolisis-modal__action:hover{opacity:.92}.success-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.success-reaction{position:absolute;z-index:1;transform:translate(-50%,-50%);pointer-events:none;animation:success-reaction-in .8s ease-out both}.success-reaction__image{width:100%;height:100%;object-fit:contain;opacity:.89}.success-banner{position:absolute;z-index:2;display:flex;align-items:center;gap:calc(1.5 * var(--design-vw));padding:0 calc(2 * var(--design-vw));pointer-events:auto;animation:success-banner-in .5s ease-out .2s both}.success-banner__tick{flex-shrink:0;width:80px;height:80px}.success-banner__tick svg{width:100%;height:100%;display:block}.success-banner__text{flex:1;margin:0;font-family:Roboto,sans-serif;font-size:calc(1.35 * var(--design-vw));font-weight:700;line-height:1.46;color:#0b2a38}.success-banner__button{position:static;flex-shrink:0;width:calc(19.531 * var(--design-vw));height:calc(7.407 * var(--design-vh));font-size:calc(1.25 * var(--design-vw))}@keyframes success-reaction-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes success-banner-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.improvement-screen{width:100%;height:100%;overflow:hidden}.improvement-stage{position:relative;width:100%;height:100%}.improvement-background{position:absolute;top:0;right:0;bottom:0;left:0;background:#efeef2}.improvement-title{position:absolute;z-index:5;margin:0;text-align:center;font-family:Roboto,sans-serif;font-weight:700;line-height:1;color:#0b2a38}.object-menu{position:absolute;z-index:10}.object-menu__list{display:flex;flex-direction:column;gap:calc(1.2 * var(--design-vh))}.object-menu__item{display:flex;align-items:center;gap:calc(.8 * var(--design-vw));width:100%;min-height:calc(7.407 * var(--design-vh));padding:0 calc(1.2 * var(--design-vw));border:none;border-radius:20px;background:transparent;cursor:pointer;text-align:left}.object-menu__item--active{background:#118a9e}.object-icon{width:30px;height:30px;flex-shrink:0;color:#0b2a38}.object-icon--active{color:#fff}.object-menu__label{font-family:Roboto,sans-serif;font-size:calc(1.35 * var(--design-vw));font-weight:700;color:#0b2a38}.object-menu__item--active .object-menu__label{color:#fff}.object-stage{position:absolute;z-index:7}.object-stage__drop{position:absolute;top:0;right:0;bottom:0;left:0}.object-stage__drop--over{outline:2px dashed rgba(11,42,56,.25);outline-offset:4px;border-radius:12px}.object-stage__object{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.object-stage__podium{position:absolute;z-index:8;object-fit:contain;pointer-events:none}.object-stage__placement{position:absolute;z-index:9;padding:0;border:none;background:transparent;cursor:pointer}.object-stage__placement-image{width:100%;height:100%;object-fit:contain;display:block}.super-polymer-storage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.super-polymer-storage__title{position:absolute;z-index:11;margin:0;text-align:center;font-family:Roboto,sans-serif;font-weight:700;line-height:1.2;color:#0b2a38;pointer-events:none}.super-polymer-storage__list{position:absolute;width:calc(5.833 * var(--design-vw));height:calc(66 * var(--design-vh));pointer-events:none}.super-polymer-storage .material-counter{box-shadow:0 0 0 2px #0b2a3824;border-radius:50%}.super-polymer-storage__row{position:absolute;left:0;display:flex;align-items:center;gap:calc(.6 * var(--design-vw));width:max-content;pointer-events:auto}.super-polymer-storage__label{font-family:Roboto,sans-serif;font-size:calc(.83 * var(--design-vw));font-weight:700;color:#0b2a38;white-space:nowrap}.pyrolisis-button--primary:disabled{opacity:.45;cursor:not-allowed}.upgrade-info-popup{position:absolute;z-index:15;padding:calc(2.2 * var(--design-vh)) calc(1.8 * var(--design-vw));border:2px solid #fafeff;border-radius:20px;background:#f1f2f4;box-shadow:0 0 20px #e2e2e2;pointer-events:none}.upgrade-info-popup__title{margin:0 0 calc(1.2 * var(--design-vh));font-family:Roboto,sans-serif;font-size:calc(1.35 * var(--design-vw));font-weight:700;line-height:1.2;color:#0b2a38}.upgrade-info-popup__text{margin:0;font-family:Roboto,sans-serif;font-size:calc(.94 * var(--design-vw));font-weight:300;line-height:1.5;color:#0b2a38}:root{--design-vw: 19.2px;--design-vh: 10.8px}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.viewport-host{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#efeef2}.viewport-canvas{position:relative;width:1920px;height:1080px;overflow:hidden;flex-shrink:0;background:#efeef2;--design-vw: 19.2px;--design-vh: 10.8px}.viewport-drag-overlay{z-index:10000;pointer-events:none}.viewport-drag-overlay .material-counter--preview,.viewport-drag-overlay .drag-preview{width:100%;height:100%;opacity:.92}