/* A bright little factory campus; all rules stay inside its own section. */
.of-explore{--of-ink:#385d4b;--of-muted:#728775;--of-line:#c7d5bc;--of-cream:#fbf8e9;color:var(--of-ink);margin:26px 0 38px;outline:none;font-family:Arial,sans-serif}.of-explore *{box-sizing:border-box}.of-explore button{font-family:inherit;text-transform:none;letter-spacing:0;cursor:pointer;touch-action:manipulation}.of-explore button:disabled{cursor:default;opacity:.5}.of-explore button:focus-visible,.of-explore canvas:focus-visible{outline:3px solid #d5aa50;outline-offset:4px}.of-explore button:active{transform:none}.of-explore [hidden]{display:none!important}.of-explore h2,.of-explore h3,.of-explore p{margin:0}.of-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.of-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:1.7px;line-height:1.6;color:#7a9070}.of-heading h2{font-size:38px;letter-spacing:-1.4px;line-height:1.08;margin:7px 0 11px}.of-heading p{font-size:14px;line-height:1.6;color:var(--of-muted)}.of-small-button{border:1px solid #c6d2b7;background:#f5f4e3;border-radius:24px;min-height:44px;padding:11px 17px;color:#5e7955;font-size:12px;font-weight:700;flex-shrink:0}.of-small-button:hover{background:#e9eecf}.of-primary{border:1px solid #577b56;background:#668858;color:#fffce6;min-height:49px;border-radius:26px;padding:13px 25px;font-size:15px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:25px}.of-primary:hover{background:#54774a}.of-campus{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:28px;border-radius:24px;border:1px solid #bed0ad;background:linear-gradient(145deg,#e3eccc,#d5e4c0);isolation:isolate;overflow:hidden}.of-path{position:absolute;background:#eee6c6;z-index:-1;box-shadow:0 0 0 2px #cfceaa}.of-path-horizontal{left:0;right:0;height:52px;top:calc(50% - 26px)}.of-path-vertical{top:0;bottom:0;width:60px;left:calc(50% - 30px)}.of-room{position:relative;min-width:0;border:1px solid #adbea0;border-radius:17px;background:#fbf8e9;overflow:hidden;padding:0;text-align:left;box-shadow:0 5px 0 #80956e18;transition:box-shadow .15s,border-color .15s}.of-room:hover{border-color:#72946b;box-shadow:0 7px 14px #6c846d20}.of-room-art{background:#ebefd9;overflow:hidden;line-height:0}.of-room-art svg{display:block;width:100%;height:auto;max-height:235px}.of-lab .of-room-art{background:#dcece1}.of-works .of-room-art{background:#f0e4cc}.of-garden .of-room-art{background:#e7edcd}.of-room-label{display:flex;align-items:center;gap:12px;min-height:85px;padding:18px}.of-room-number{font-size:10px;font-weight:700;align-self:flex-start;margin-top:4px;color:#9ca98a}.of-room-label>span:nth-child(2){flex:1;min-width:0}.of-room-label strong{display:block;font-size:19px;letter-spacing:-.4px;font-weight:800;color:#46674b;line-height:1.2}.of-room-label small{display:block;font-size:11px;margin-top:7px;color:#829273;line-height:1.5}.of-room-label>b{display:block;white-space:nowrap;font-size:11px;padding:10px 12px;border-radius:21px;background:#e9edce;color:#658052}.of-lab .of-room-label>b{background:#deebe4;color:#598376}.of-works .of-room-label>b{background:#f4e1b7;color:#927649}.of-campus-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border:2px solid #a6bd8b;border-radius:50%;background:#d8e6b8;display:grid;place-items:center;box-shadow:0 2px 0 #9bb38155;pointer-events:none}.of-campus-center span{display:grid;place-items:center;font-size:26px;color:#83a55f}.of-map-note{text-align:center;font-size:12px;line-height:1.6;color:#8b9879;margin-top:15px!important}.of-game-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.of-game-heading h2{font-size:27px;letter-spacing:-.9px;color:#466c55}.of-hud{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0;border:1px solid #c7d4b9;border-radius:14px;background:#f6f2dd;overflow:hidden;margin-bottom:14px}.of-hud>div{padding:16px 14px;text-align:center;border-right:1px solid #dbe0c8}.of-hud>div:last-child{border-right:0}.of-hud small{display:block;font-size:9px;letter-spacing:1.5px;font-weight:700;color:#899875}.of-hud strong{display:block;font-size:24px;letter-spacing:-.5px;margin-top:7px;font-variant-numeric:tabular-nums;color:#63805a}.of-hud [data-of-lives]{font-size:20px;letter-spacing:3px;color:#b48d79;white-space:nowrap}.of-game-stage{position:relative;border:1px solid #b4c9b1;border-radius:18px;background:#dae8d6;overflow:hidden}.of-game-stage canvas{width:100%;height:auto;display:block;aspect-ratio:720/430;touch-action:none;outline:none}.of-game-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#d8e1d9d9;backdrop-filter:grayscale(.7) blur(1px);padding:24px;overflow:auto}.of-speech{max-width:650px;display:grid;grid-template-columns:135px 1fr;align-items:center;gap:19px;background:#fffbed;border:2px solid #8daa82;border-radius:22px;box-shadow:0 9px 0 #48664c16;padding:25px 30px 25px 15px}.of-host{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.of-host img{height:174px;max-width:126px;object-fit:contain;filter:drop-shadow(0 5px 2px #74906d1c);animation:of-host-bob 3s ease-in-out infinite}.of-host span{font-size:11px;font-weight:800;color:#69885b;margin-top:5px}.of-speech h3{font-size:29px;letter-spacing:-1.1px;line-height:1.14;margin:10px 0 14px;color:#416b50}.of-speech p{font-size:13px;line-height:1.7;color:#778971}.of-speech .of-intro-note{font-size:11px;line-height:1.6;margin-top:12px;color:#8d997d}.of-speech .of-primary{margin-top:18px;width:100%;font-size:14px}.of-feedback{min-height:43px;padding:12px 12px 8px;text-align:center;font-size:12px;font-weight:700;line-height:1.6;color:#7c8e6b}.of-controls{display:grid;grid-template-columns:1fr;gap:12px}.of-controls button{border-radius:15px;border:1px solid #a9bd9e;min-height:79px;text-align:center;display:flex;align-items:center;justify-content:center;gap:13px;padding:15px;background:#e7ecd1;color:#5c7b4c;user-select:none;-webkit-user-select:none;box-shadow:0 4px 0 #7e956e2e}.of-controls button:hover:enabled{filter:brightness(.97)}.of-controls button:active:enabled{box-shadow:0 1px 0 #7e956e2e}.of-controls button>span{font-size:27px}.of-controls button strong{font-size:18px;letter-spacing:-.3px}.of-controls button small{font-size:10px;color:inherit;opacity:.7}.of-sort-controls{grid-template-columns:1fr 1fr}.of-controls .of-fruit-control{background:#d5e4b6;color:#587744}.of-controls .of-sugar-control{background:#d6e5e8;color:#5d7c88;border-color:#acc5c7}.of-controls .of-work-control{background:#f0dfaa;color:#8b6e37;border-color:#ccb779}.of-pause-card,.of-result-card{background:#fcf8e8;border:2px solid #9ab38b;border-radius:21px;text-align:center;padding:28px 33px;width:min(100%,460px);box-shadow:0 8px 0 #48664c17}.of-pause-card h3{font-size:35px;letter-spacing:-1px;margin:11px 0 23px}.of-pause-card button{display:block;margin:12px auto 0;width:100%}.of-result-card h3{font-size:52px;letter-spacing:-2px;margin:10px 0;color:#5b7d51}.of-result-card h3 small{font-size:15px;letter-spacing:0;font-weight:600}.of-result-card p{font-size:13px;line-height:1.6;color:#7d8d70}.of-result-stats{display:flex;gap:18px;justify-content:center;margin:15px 0;font-size:11px;color:#8b987c}.of-result-card .of-primary{display:block;width:100%;margin-top:17px}.of-result-card .of-small-button{margin-top:10px;width:100%;background:transparent;border-color:transparent}.of-result-card .of-reward-message{font-size:11px;color:#658054}.of-garden-tag{font-size:11px;color:#819574}.of-rooftop{min-height:395px;background:linear-gradient(#dceacb 0%,#edf0d4 70%,#d6dfba 70%);border:1px solid #c2d1ac;border-radius:20px;position:relative;overflow:hidden;padding:30px}.of-garden-copy{position:relative;z-index:2}.of-garden-copy h3{font-size:32px;letter-spacing:-1px;color:#52764c;margin:10px 0}.of-garden-copy p{font-size:13px;color:#81926e}.of-rooftop-sun{position:absolute;right:55px;top:20px;font-size:70px;color:#e3c676}.of-rooftop-cloud{position:absolute;right:110px;top:85px;width:118px;height:28px;border-radius:40px;background:#f8f6df;box-shadow:25px -12px 0 3px #f8f6df,-21px -5px 0 0 #f8f6df;opacity:.75}.of-planters{display:flex;gap:15px;justify-content:space-around;align-items:flex-end;position:relative;margin:40px auto 0;max-width:700px}.of-planter{background:transparent;border:0;position:relative;width:120px;height:195px;padding:0;isolation:isolate}.of-pot{position:absolute;bottom:29px;left:22%;width:56%;height:53px;border-radius:3px 3px 15px 15px;background:#c8a07b;border:2px solid #a18361;clip-path:polygon(0 0,100% 0,86% 100%,14% 100%)}.of-pot:before{content:"";display:block;background:#a68c64;height:6px;width:100%;margin-top:6px}.of-plant-stem{position:absolute;bottom:77px;left:calc(50% - 3px);height:40px;width:6px;background:#88a25f;border-radius:4px;transform-origin:bottom;transition:height .45s}.of-plant-stem:before,.of-plant-stem:after{content:"";position:absolute;width:28px;height:14px;left:-25px;top:9px;border-radius:20px 0 20px 0;background:#a2b974;transform:rotate(20deg)}.of-plant-stem:after{left:3px;top:20px;transform:rotate(-20deg);border-radius:0 20px 0 20px}.of-plant-stem b{position:absolute;left:50%;top:-28px;transform:translateX(-50%) scale(0);font-size:42px;font-weight:400;color:#dca28a;transition:transform .4s}.of-planter:nth-child(2) .of-plant-stem b{color:#d5b45b}.of-planter:nth-child(3) .of-plant-stem b{color:#b29aba}.of-planter:nth-child(4) .of-plant-stem b{color:#97b2bb}.of-planter[data-growth="1"] .of-plant-stem{height:61px}.of-planter[data-growth="2"] .of-plant-stem{height:83px}.of-planter[data-growth="3"] .of-plant-stem{height:96px}.of-planter[data-growth="3"] .of-plant-stem b{transform:translateX(-50%) scale(1)}.of-plant-water{position:absolute;top:20px;right:5px;font-size:23px;opacity:.7;transition:opacity .3s}.of-planter[data-growth="3"] .of-plant-water{opacity:0}.of-planter-label{position:absolute;bottom:0;left:0;right:0;font-size:11px;color:#7a8f65;font-weight:700}.of-planter:hover .of-pot{background:#d4ac84}.of-garden-status{font-size:12px;line-height:1.7;text-align:center;color:#869574;margin:16px auto 0!important;max-width:600px}.of-garden-actions{display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:22px}@keyframes of-host-bob{50%{transform:translateY(-5px)}}
@media(max-width:950px){.of-campus{gap:28px;padding:20px}.of-room-label{gap:8px;padding:15px;flex-wrap:wrap}.of-room-label>b{margin-left:20px;width:calc(100% - 20px);text-align:center}.of-room-label strong{font-size:19px}.of-room-label small{font-size:12px}.of-room-art svg{max-height:220px}.of-room-number{font-size:9px}.of-speech{padding:22px 23px 22px 10px;grid-template-columns:110px 1fr;gap:12px}.of-host img{height:150px;max-width:105px}.of-speech h3{font-size:26px}}
@media(max-width:650px){.of-explore{margin:21px 0 30px}.of-heading{gap:12px;align-items:flex-start;margin-bottom:18px;flex-wrap:wrap}.of-heading h2{font-size:33px}.of-heading p{font-size:12px;max-width:230px;line-height:1.6}.of-kicker{font-size:8px;letter-spacing:1.3px}.of-small-button{min-height:44px;padding:11px 13px;font-size:11px}.of-heading>.of-small-button{margin-top:4px;font-size:10px;padding:10px}.of-campus{gap:24px 14px;padding:12px;border-radius:17px}.of-room{border-radius:12px}.of-room-art svg{height:auto;min-height:105px;object-fit:contain}.of-room-label{padding:11px 10px 12px;gap:6px;min-height:134px;align-content:space-between}.of-room-number{display:none}.of-room-label>span:nth-child(2){flex-basis:100%}.of-room-label strong{font-size:16px;line-height:1.18;letter-spacing:-.4px}.of-room-label small{font-size:10px;line-height:1.45;margin-top:6px;min-height:29px}.of-room-label>b{font-size:10px;width:100%;margin-left:0;padding:9px 7px;min-height:34px;line-height:1.6}.of-campus-center{width:33px;height:33px}.of-campus-center span{font-size:20px}.of-path-horizontal{height:38px;top:calc(50% - 19px)}.of-path-vertical{width:37px;left:calc(50% - 18.5px)}.of-map-note{font-size:10px;margin-top:12px!important}.of-game-heading{gap:10px;flex-wrap:wrap;margin-bottom:14px}.of-game-heading h2{font-size:25px;order:-1;flex-basis:100%;margin-bottom:3px}.of-game-heading .of-small-button{font-size:11px}.of-game-heading>h2+.of-small-button{margin-left:auto}.of-hud{border-radius:12px;margin-bottom:12px}.of-hud>div{padding:12px 7px}.of-hud small{font-size:7px;letter-spacing:.8px}.of-hud strong{font-size:21px;line-height:1.15}.of-hud [data-of-lives]{font-size:15px;letter-spacing:0;line-height:1.61}.of-game-stage{border-radius:14px}.of-game-stage:has(.of-game-overlay:not([hidden])){min-height:310px}.of-game-stage:has(.of-game-overlay:not([hidden])) canvas{min-height:310px;object-fit:cover}.of-game-overlay{padding:12px;align-items:center;overflow:visible}.of-speech{padding:17px 15px 16px;grid-template-columns:62px 1fr;gap:9px;border-radius:17px;width:100%}.of-host img{height:110px;max-width:61px}.of-host span{font-size:8px;line-height:1.4;text-align:center}.of-speech h3{font-size:23px;letter-spacing:-.8px;margin:6px 0 9px}.of-speech p{font-size:11px;line-height:1.6}.of-speech .of-intro-note{font-size:9px;margin-top:9px}.of-speech .of-primary{margin-top:12px;min-height:44px;padding:10px 15px;font-size:13px}.of-feedback{font-size:10px;min-height:41px;padding:10px 5px 8px}.of-controls{gap:9px}.of-controls button{min-height:80px;padding:12px 8px;gap:6px;border-radius:13px;flex-wrap:wrap;align-content:center}.of-controls button>span{font-size:21px}.of-controls button strong{font-size:14px}.of-controls button small{font-size:9px;flex-basis:100%;line-height:1.6}.of-controls .of-work-control{min-height:74px;gap:10px}.of-controls .of-work-control small{flex-basis:auto;margin-left:6px}.of-pause-card,.of-result-card{padding:22px 18px;border-radius:17px;max-width:330px}.of-pause-card h3{font-size:30px}.of-result-card h3{font-size:43px;margin:8px 0}.of-result-card p{font-size:11px}.of-result-stats{font-size:9px;gap:12px;margin:12px 0}.of-result-card .of-primary{font-size:13px;min-height:45px;margin-top:12px}.of-result-card .of-small-button{font-size:10px;min-height:40px;margin-top:4px}.of-rooftop{padding:22px 17px;min-height:360px}.of-garden-copy h3{font-size:27px;letter-spacing:-1px;max-width:210px}.of-garden-copy p{font-size:12px}.of-rooftop-sun{right:18px;top:11px;font-size:54px;opacity:.7}.of-rooftop-cloud{right:35px;top:104px;width:67px;height:18px}.of-planters{gap:2px;margin-top:42px}.of-planter{width:70px;height:168px}.of-pot{bottom:26px;height:43px;left:10%;width:80%}.of-plant-stem{bottom:65px}.of-plant-stem:before,.of-plant-stem:after{width:22px;height:12px}.of-plant-stem:before{left:-19px}.of-plant-stem b{font-size:35px}.of-plant-water{font-size:18px;top:15px;right:0}.of-planter-label{font-size:9px}.of-garden-tag{font-size:10px}.of-garden-status{font-size:10px}.of-garden-actions{gap:10px}.of-garden-actions .of-primary{font-size:13px;width:100%;min-height:45px}.of-garden-actions .of-small-button{font-size:11px}.of-speech .of-kicker{font-size:7px;letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){.of-host img{animation:none}.of-room,.of-plant-stem,.of-plant-stem b{transition:none}}