@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--ink: #102f35;--ink-deep: #082127;--paper: #f5edda;--yellow: #f4bc26;--orange: #e9752e;--cream: #fff8e8;--teal: #1f7174;--mint: #78c2aa;--red: #de4937;font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:var(--ink-deep);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}svg{width:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.story-screen{min-height:100vh;background:#e9d9b9;display:grid;grid-template-rows:76px minmax(520px,1fr) 94px}.story-nav,.game-header{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);background:var(--ink);color:var(--cream);position:relative;z-index:10}.story-nav:after,.game-header:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;background:repeating-linear-gradient(90deg,var(--yellow) 0 22px,var(--ink) 22px 38px)}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-family:Barlow Condensed,Impact,sans-serif;transform:skew(-4deg)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:var(--ink);background:var(--yellow);border-radius:50% 50% 42%;border:3px solid var(--cream);font-size:28px;font-weight:900;box-shadow:3px 3px 0 var(--orange)}.brand strong{display:block;font-size:23px;line-height:.85;letter-spacing:.04em}.brand small{font-size:11px;letter-spacing:.12em;color:var(--yellow)}.icon-button{border:1px solid rgba(255,255,255,.3);color:inherit;width:42px;height:42px;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer}.icon-button:hover{background:#ffffff1a}.sound-button.muted{opacity:.45;text-decoration:line-through}.story-stage{position:relative;overflow:hidden;isolation:isolate;border-bottom:7px solid var(--ink)}.comic-crop{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,27,31,.12),transparent 35%),var(--story-image, url(/assets/reginald-origin-comic.png));background-size:100% 100%,var(--story-size, 200% 200%);background-position:center,var(--crop);background-repeat:no-repeat;transition:background-position .6s cubic-bezier(.22,.8,.28,1);animation:panelIn .55s ease-out}.comic-crop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 50%,transparent 10%,rgba(6,30,35,.34) 100%);pointer-events:none}.story-card{position:absolute;left:clamp(22px,7vw,110px);bottom:clamp(25px,8vh,100px);width:min(510px,calc(100vw - 44px));background:var(--cream);border:5px solid var(--ink);padding:25px 30px 28px;box-shadow:11px 11px 0 var(--yellow),16px 16px 0 var(--ink);transform:rotate(-1deg);animation:cardIn .5s .15s both}.kicker{margin:0 0 6px;color:var(--orange);font:800 15px/1 Barlow Condensed,Impact,sans-serif;letter-spacing:.16em;text-transform:uppercase}.story-card h1,.result-card h1{margin:0;font:900 clamp(42px,5vw,72px)/.88 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em}.story-card>p:last-child{max-width:45ch;margin:16px 0 0;font-size:16px;line-height:1.55;font-weight:600}.issue-tag{position:absolute;z-index:3;top:34px;right:clamp(20px,5vw,70px);transform:rotate(3deg);background:var(--red);color:#fff;border:4px solid var(--ink);padding:10px 16px;box-shadow:6px 6px 0 var(--ink);font-family:Barlow Condensed,Impact,sans-serif}.issue-tag b,.issue-tag span{display:block}.issue-tag span{color:#ffe384;font-size:12px;letter-spacing:.08em}.burst{position:absolute;z-index:3;top:21%;right:11%;width:105px;height:82px;display:grid;place-items:center;color:var(--cream);background:var(--orange);clip-path:polygon(50% 0,60% 28%,82% 9%,78% 36%,100% 40%,79% 55%,94% 79%,68% 72%,62% 100%,49% 75%,26% 96%,29% 69%,0 72%,22% 50%,1% 35%,31% 34%);font:900 21px Barlow Condensed,Impact,sans-serif;text-shadow:2px 2px 0 var(--ink);transform:rotate(8deg)}.story-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;padding:0 clamp(20px,5vw,76px);background-color:#e9d9b9;background-image:radial-gradient(#c8b58f 1px,transparent 1px);background-size:9px 9px}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:5px;font-weight:700;justify-self:start;cursor:pointer}.story-dots{display:flex;gap:10px}.dot{width:12px;height:12px;padding:0;border:2px solid var(--ink);background:transparent;transform:rotate(45deg);cursor:pointer}.dot.active{background:var(--orange)}.primary-button,.secondary-button{min-height:52px;padding:0 22px;border:3px solid var(--ink);font:800 17px Barlow Condensed,Impact,sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:16px;box-shadow:5px 5px 0 var(--ink)}.primary-button{justify-self:end;background:var(--yellow)}.primary-button:hover{background:#ffd04b;transform:translate(-1px,-1px);box-shadow:7px 7px 0 var(--ink)}.primary-button:active,.secondary-button:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.secondary-button{background:var(--cream)}.factory-screen{min-height:100vh;background:var(--ink-deep);display:grid;grid-template-rows:72px 42px minmax(570px,1fr) 74px;color:var(--cream);overflow:hidden}.game-header{padding-inline:clamp(14px,3vw,42px)}.mini-brand{width:42px;height:42px;border:3px solid var(--cream);border-radius:50%;color:var(--ink);background:var(--yellow);font:900 25px Barlow Condensed,Impact,sans-serif;box-shadow:3px 3px 0 var(--orange);cursor:pointer}.mission-title{margin-right:auto;margin-left:16px;line-height:1}.mission-title small{display:block;font:700 10px Barlow Condensed,sans-serif;color:var(--yellow);letter-spacing:.14em}.mission-title strong{font:800 23px Barlow Condensed,sans-serif;text-transform:uppercase}.stats{display:flex;gap:clamp(18px,3vw,48px);margin-right:25px}.stats div{min-width:55px}.stats small{display:block;font:600 9px Barlow Condensed,sans-serif;color:#8cb1ae;letter-spacing:.13em}.stats b{font:800 21px Barlow Condensed,sans-serif;letter-spacing:.06em}.hard-hats b{color:#f06b58;font-size:17px;letter-spacing:.15em}.shift-bar{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,42px);background:#d7cba9;color:var(--ink);font:700 12px Barlow Condensed,sans-serif;letter-spacing:.06em;border-bottom:3px solid var(--ink)}.status-light{display:inline-block;width:9px;height:9px;border-radius:50%;background:#59aa6c;margin-right:9px;box-shadow:0 0 0 3px #59aa6c33}.progress-wrap{display:flex;align-items:center;gap:10px}.progress-track{width:min(22vw,250px);height:8px;background:#a59776;border:1px solid var(--ink)}.progress-track i{display:block;height:100%;background:var(--orange);transition:width .3s}.factory-floor{position:relative;min-height:650px;background-color:#376268;background-image:linear-gradient(rgba(255,255,255,.035) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.035) 2px,transparent 2px),radial-gradient(circle at 47% 22%,#557c7d 0,#254b51 62%);background-size:54px 54px,54px 54px,auto;overflow:hidden}.factory-floor:before{content:"";position:absolute;left:0;right:0;bottom:0;height:25%;background:linear-gradient(#16383e,#0d282e);border-top:5px solid #0b252a}.factory-sign{position:absolute;top:30px;left:43%;transform:translate(-50%) rotate(-1deg);width:250px;padding:5px 18px 9px;background:#e9dfc6;border:4px solid var(--ink-deep);color:var(--ink);text-align:center;box-shadow:6px 6px #00000040;font-family:Barlow Condensed,sans-serif;z-index:2}.factory-sign span,.factory-sign small{display:block;font-size:9px;letter-spacing:.22em}.factory-sign b{font-size:25px;line-height:1}.pipes{position:absolute;border:14px solid #819391;filter:drop-shadow(5px 6px rgba(0,0,0,.22))}.p1{width:240px;height:120px;border-right:0;border-bottom:0;border-radius:35px 0 0;top:43px;left:-30px}.p2{width:210px;height:130px;border-left:0;border-top:0;border-radius:0 0 35px;top:-5px;right:2%}.warning-stripes{position:absolute;height:16px;left:0;right:0;bottom:23%;background:repeating-linear-gradient(120deg,var(--yellow) 0 20px,var(--ink-deep) 20px 40px);opacity:.75}.machine{position:absolute;width:calc(100vw - 450px);height:390px;left:13%;top:120px}.machine-top{position:absolute;z-index:4;left:44%;top:-10px;width:160px;height:62px;color:var(--yellow);background:#17383d;border:5px solid #09262b;display:flex;align-items:center;justify-content:space-around;font:800 12px Barlow Condensed,sans-serif;letter-spacing:.12em;box-shadow:5px 5px #0003}.machine-top i{width:11px;height:11px;border-radius:50%;background:#ef7358;box-shadow:0 0 8px #ef7358;animation:blink 1.3s infinite}.scan-beam{position:absolute;z-index:2;top:50px;left:calc(44% + 42px);width:76px;height:104px;background:linear-gradient(rgba(255,198,66,.55),transparent);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);opacity:.6;animation:scan 1.8s infinite alternate}.belt{position:absolute;left:-5%;right:-4%;top:150px;height:100px;background:linear-gradient(#809492 0 14%,#34494a 15% 80%,#182f32 81%);border:6px solid #0b292d;border-radius:26px;box-shadow:0 18px #152e32,0 25px #0000002e;overflow:hidden}.belt:after{content:"";position:absolute;inset:18px 0 22px;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(255,255,255,.13) 25px 28px);animation:beltMove 1.3s linear infinite}.belt-lines{position:absolute;left:15px;right:15px;bottom:-16px;height:48px;background:radial-gradient(circle,#718484 0 12px,#152e32 13px 17px,transparent 18px);background-size:55px 48px}.material-card{position:absolute;z-index:6;top:77px;left:45%;width:285px;min-height:123px;padding:15px 32px 15px 86px;color:var(--ink);background:var(--cream);border:4px solid var(--ink);box-shadow:7px 8px #051a1e8c;transform:translate(-50%) rotate(-1deg);transition:transform .55s cubic-bezier(.5,.05,.6,1),opacity .5s}.material-card.incoming{transform:translate(-230%) rotate(-4deg)}.material-card.sorted-pure{transform:translate(135%,40px) rotate(-6deg) scale(.72);opacity:0}.material-card.sorted-mixture{transform:translate(155%,125px) rotate(6deg) scale(.72);opacity:0}.material-card.sorted-solid{transform:translate(175%,10px) rotate(7deg) scale(.7);opacity:0}.material-card.sorted-liquid{transform:translate(175%,92px) rotate(7deg) scale(.7);opacity:0}.material-card.sorted-gas{transform:translate(175%,174px) rotate(7deg) scale(.7);opacity:0}.material-card.branch-pure{transform:translate(15%,68px) rotate(-3deg) scale(.82)}.material-card.branch-mixture{transform:translate(35%,68px) rotate(3deg) scale(.82)}.material-card.sorted-element{transform:translate(185%,30px) rotate(7deg) scale(.62);opacity:0}.material-card.sorted-compound{transform:translate(185%,110px) rotate(7deg) scale(.62);opacity:0}.material-card.sorted-homogeneous{transform:translate(185%,190px) rotate(7deg) scale(.62);opacity:0}.material-card.sorted-heterogeneous{transform:translate(185%,270px) rotate(7deg) scale(.62);opacity:0}.material-card h2{margin:1px 0 2px;font:800 26px Barlow Condensed,sans-serif;text-transform:uppercase}.material-card p{margin:0;font-size:10px;line-height:1.25}.material-card small{color:var(--orange);font:700 8px Barlow Condensed,sans-serif;letter-spacing:.12em}.specimen-icon{position:absolute;left:14px;top:19px;width:58px;height:72px;display:grid;place-items:center;overflow:hidden;color:#ecf4ed;background:var(--teal);border:3px solid var(--ink);font:800 18px Barlow Condensed,sans-serif}.specimen-icon:after{content:"";position:absolute;width:80px;height:14px;background:#ffffff26;transform:rotate(-30deg)}.barcode{position:absolute;right:7px;top:8px;font-size:18px}.diverter{position:absolute;z-index:9;width:112px;height:14px;transform-origin:7px 50%;background:var(--orange);border:4px solid var(--ink-deep);border-radius:7px;transition:transform .25s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(4px 5px rgba(0,0,0,.2))}.state-mode .diverter{right:245px;top:274px}.tree-mode .diverter{right:264px;top:340px}.diverter.to-pure{transform:rotate(-24deg)}.diverter.to-mixture{transform:rotate(24deg)}.diverter.to-solid,.diverter.to-element{transform:rotate(-42deg)}.diverter.to-liquid{transform:rotate(0)}.diverter.to-gas,.diverter.to-heterogeneous{transform:rotate(42deg)}.diverter.to-compound{transform:rotate(-15deg)}.diverter.to-homogeneous{transform:rotate(15deg)}.diverter.branch-ready.pure{transform:rotate(-24deg)}.diverter.branch-ready.mixture{transform:rotate(24deg)}.diverter i{position:absolute;width:28px;height:28px;background:var(--yellow);border:5px solid var(--ink-deep);border-radius:50%;top:-11px;left:-12px}.bin-bank{position:absolute;z-index:8;right:clamp(15px,2.5vw,38px);display:grid;gap:8px;padding:9px;background:#0821276b;border:2px solid rgba(185,213,208,.32)}.state-bank{top:135px;width:230px;grid-template-columns:1fr}.tree-bank{top:155px;width:250px;grid-template-columns:1fr}.bank-label{grid-column:1 / -1;display:flex;justify-content:space-between;color:var(--yellow);font:800 10px Barlow Condensed,sans-serif;letter-spacing:.12em}.bank-label small{color:#b8d1cc;font-size:7px}.bin{position:relative;width:100%;height:72px;padding:17px 6px 0 35px;color:#fff;border:5px solid var(--ink-deep);text-align:center;clip-path:polygon(4% 0,96% 0,88% 100%,12% 100%);font-family:Barlow Condensed,sans-serif}.bin b,.bin span{display:block;line-height:1}.bin b{font-size:23px;letter-spacing:.08em}.bin span{font-size:8px;letter-spacing:.14em;opacity:.75}.bin-key{position:absolute;left:10px;top:50%;width:25px;height:25px;transform:translateY(-50%);display:grid;place-items:center;color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:3px;box-shadow:2px 2px #0000004d;font: 900 14px Barlow Condensed,sans-serif}.bin.selected{z-index:2;filter:brightness(1.18);outline:3px solid var(--yellow);outline-offset:2px;transform:translate(-5px)}.solid-bin{background:#8d674e}.liquid-bin{background:#27869e}.gas-bin{background:#6873a6}.terminal-bin{padding-right:3px}.terminal-bin b{font-size:clamp(12px,1.4vw,19px);letter-spacing:.03em}.element-bin{background:#6e9e54}.compound-bin{background:#477db0}.homogeneous-bin{background:#b94e75}.heterogeneous-bin{background:#d29338}.classification-tree{position:absolute;z-index:8;top:75px;right:clamp(15px,2.5vw,38px);width:250px;display:grid;grid-template-columns:1fr 1fr;gap:5px;color:var(--ink);text-align:center;font:800 8px Barlow Condensed,sans-serif;letter-spacing:.08em}.classification-tree b{grid-column:1 / -1;justify-self:center;padding:3px 18px;color:var(--cream);background:var(--ink);border-radius:2px}.classification-tree span{padding:3px;border:2px solid var(--ink);background:#c9bd9e}.reginald{position:absolute;z-index:9;left:clamp(5px,1vw,18px);bottom:12px;width:255px;height:430px;pointer-events:none}.thought{position:absolute;z-index:2;width:185px;top:-1px;left:95px;padding:12px 13px;color:var(--ink);background:var(--cream);border:3px solid var(--ink);font:700 12px/1.25 DM Sans,sans-serif;transform:rotate(-2deg);box-shadow:4px 4px 0 var(--yellow)}.thought:after{content:"";position:absolute;left:14px;bottom:-17px;width:17px;height:17px;background:var(--cream);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(45deg)}.reginald-sprite{position:absolute;bottom:0;left:0;width:100%;height:390px;object-fit:contain;object-position:left bottom;filter:drop-shadow(8px 10px 0 rgba(0,0,0,.22))}.control-deck{position:absolute;z-index:11;left:clamp(290px,33vw,520px);top:380px;width:min(430px,40vw);min-width:300px;padding:14px 16px 10px;color:var(--ink);background:#c9bd9e;border:5px solid var(--ink-deep);box-shadow:8px 9px #0000004d}.state-controls{width:min(500px,44vw)}.three-way .choice{flex-direction:column;align-items:flex-start;min-height:82px}.three-way .choice b{font-size:clamp(12px,1.3vw,16px)}.tree-controls{top:370px;width:min(500px,44vw);padding:12px}.stage-control{position:relative;min-height:100px;padding:1px 10px 9px 30px;border:2px solid #82765d;background:#ffffff1f;transition:opacity .2s}.stage-control .instruction{margin:7px 0}.stage-control .choice{min-height:58px;padding:6px}.stage-control .choice b{font-size:13px}.stage-control.locked{opacity:.42;filter:grayscale(1);pointer-events:none}.stage-control.complete{opacity:.55;pointer-events:none}.stage-number{position:absolute;left:7px;top:8px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;color:var(--cream);background:var(--ink);font:800 10px Barlow Condensed,sans-serif}.tree-connector{height:25px;display:flex;align-items:center;gap:6px;color:#6a604d;font:800 7px Barlow Condensed,sans-serif;letter-spacing:.12em}.tree-connector i{height:2px;flex:1;background:#968767}.secondary-placeholder{display:flex;gap:8px}.secondary-placeholder span{flex:1;height:58px;display:grid;place-items:center;border:3px dashed #8f846d;font:800 21px Barlow Condensed,sans-serif}.deck-label{display:flex;justify-content:space-between;border-bottom:2px solid #968767;padding-bottom:8px;font:800 11px Barlow Condensed,sans-serif;letter-spacing:.08em}.deck-label i{font-size:7px;color:#6d6044}.instruction{margin:11px 0 7px;color:#554e3e;font:700 10px Barlow Condensed,sans-serif;letter-spacing:.08em;text-transform:uppercase}.choice-row{display:flex;gap:8px}.choice{min-width:0;flex:1;min-height:68px;padding:8px;border:3px solid var(--ink);background:#e8dfca;display:flex;align-items:center;gap:6px;text-align:left;cursor:pointer;box-shadow:3px 3px #7d735c}.choice:hover,.choice.selected{background:var(--yellow);transform:translateY(-2px);box-shadow:3px 5px #7d735c}.mixture-choice.selected{background:#f29a5d}.choice b,.choice small{display:block}.choice b{font:800 16px Barlow Condensed,sans-serif}.choice small{font-size:7px;line-height:1.15}kbd{min-width:21px;height:21px;display:grid;place-items:center;border:1px solid var(--ink);background:var(--cream);box-shadow:1px 2px 0 var(--ink);font:700 9px sans-serif}.pull-label{margin-bottom:0;text-align:center}.feedback{position:fixed;z-index:50;left:50%;bottom:85px;transform:translate(-50%);width:min(720px,calc(100vw - 30px));min-height:120px;display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;padding:17px 19px;color:var(--ink);background:var(--cream);border:5px solid var(--ink-deep);box-shadow:10px 12px #00000061;animation:feedbackIn .28s ease-out}.feedback[hidden]{display:none}.feedback:before{content:"";position:absolute;inset:0 auto 0 0;width:9px;background:var(--teal)}.feedback.is-wrong:before{background:var(--red)}.feedback-icon{width:54px;height:54px;border-radius:50%;color:#fff;background:var(--teal);display:grid;place-items:center;font:900 35px Barlow Condensed,sans-serif;border:3px solid var(--ink)}.is-wrong .feedback-icon{background:var(--red)}.feedback small{color:var(--teal);font:800 9px Barlow Condensed,sans-serif;letter-spacing:.13em}.is-wrong small{color:var(--red)}.feedback h3{margin:2px 0 3px;font:800 21px Barlow Condensed,sans-serif;text-transform:uppercase}.feedback p{margin:0;font-size:11px;line-height:1.35}.feedback-timer{width:45px;text-align:center}.feedback-timer i{display:block;width:38px;height:38px;margin:0 auto 3px;border:5px solid #d9d0ba;border-top-color:var(--teal);border-radius:50%;animation:feedbackClock 1s linear both}.is-wrong .feedback-timer i{border-top-color:var(--red)}.feedback-timer small{font-size:7px;color:#776e5d}.station-map{display:flex;justify-content:center;align-items:center;padding:10px 25px;background:#09262b;border-top:2px solid #527176}.station{display:flex;align-items:center;gap:7px;opacity:.38;font:700 9px Barlow Condensed,sans-serif;letter-spacing:.05em}.station b{width:34px;height:34px;display:grid;place-items:center;border:2px solid #91aaa8;border-radius:50%}.station.active{color:var(--yellow);opacity:1}.station.active b{border-color:var(--yellow);background:#203f44}.station.complete{color:var(--mint);opacity:.8}.station.complete b{border-color:var(--mint)}.rail{width:clamp(20px,5vw,80px);height:2px;margin:0 9px;background:#48656a}.rail.active{background:linear-gradient(90deg,var(--yellow),#48656a)}.results-screen{min-height:100vh;position:relative;overflow:hidden;display:grid;place-items:center;padding:100px 20px 50px;background-color:#1f5f63;background-image:radial-gradient(#3c7775 1px,transparent 1px);background-size:14px 14px}.result-rays{position:absolute;width:1100px;height:1100px;background:repeating-conic-gradient(from 0deg,rgba(244,188,38,.12) 0deg 8deg,transparent 8deg 19deg);animation:rotate 60s linear infinite}.result-brand{position:absolute;top:24px;left:clamp(20px,5vw,70px);color:var(--cream)}.result-card{position:relative;width:min(770px,100%);padding:clamp(28px,5vw,55px);color:var(--ink);background:var(--cream);border:6px solid var(--ink-deep);box-shadow:14px 15px 0 var(--yellow),22px 23px 0 var(--ink-deep);transform:rotate(-.4deg)}.result-card h1{font-size:clamp(43px,6vw,73px);max-width:10ch}.result-intro{max-width:58ch;line-height:1.55}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0;border-block:3px solid var(--ink);padding-block:13px}.result-stats div+div{border-left:1px solid #a99e83;padding-left:18px}.result-stats span,.result-stats b{display:block}.result-stats span{font:700 8px Barlow Condensed,sans-serif;letter-spacing:.12em;color:#776e5d}.result-stats b{font:800 25px Barlow Condensed,sans-serif}.clue-card{display:grid;grid-template-columns:85px 1fr;gap:18px;align-items:center;padding:16px;background:#d8ece4;border:3px dashed var(--teal)}.clue-object{width:75px;height:75px;display:grid;place-items:center;border-radius:50%;color:#f5f2d3;background:radial-gradient(circle at 35% 28%,#fff,#80979a 30%,#243f43 75%);border:4px solid var(--ink);font-size:36px}.clue-card small{color:var(--teal);font:800 9px Barlow Condensed,sans-serif;letter-spacing:.16em}.clue-card h2{margin:0;font:800 25px Barlow Condensed,sans-serif;text-transform:uppercase}.clue-card p{margin:3px 0 0;font-size:11px;line-height:1.4}.result-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:26px}.result-actions .primary-button{justify-self:auto}.mini-tree{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:17px;margin:23px 0;color:var(--cream);background:var(--ink);border:4px solid var(--orange);text-align:center;font:800 12px Barlow Condensed,sans-serif;letter-spacing:.08em}.mini-tree b{grid-column:1 / -1;color:var(--yellow);font-size:19px}.mini-tree span{padding:10px;border:1px solid #527176}.coming-next{position:absolute;bottom:15px;color:#b7d0c9;font:700 10px Barlow Condensed,sans-serif;letter-spacing:.16em}@keyframes panelIn{0%{opacity:.5;transform:scale(1.05)}}@keyframes cardIn{0%{opacity:0;transform:translate(-40px) rotate(-3deg)}}@keyframes beltMove{to{transform:translate(28px)}}@keyframes blink{50%{opacity:.25}}@keyframes scan{to{opacity:.25}}@keyframes feedbackIn{0%{opacity:0;transform:translate(-50%,30px)}}@keyframes feedbackClock{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}@media(max-width:900px){.machine{left:4%;width:calc(100vw - 330px)}.control-deck{left:220px;top:390px;width:min(450px,calc(100vw - 245px))}.tree-controls{top:345px}.state-bank{width:205px}.tree-bank,.classification-tree{width:290px}.reginald{transform:scale(.82);transform-origin:left bottom}.station span{display:none}.feedback{bottom:78px}}@media(max-width:650px){.story-screen{grid-template-rows:65px minmax(550px,1fr) 88px}.story-nav{padding-inline:15px}.brand strong{font-size:19px}.brand small{font-size:9px}.comic-crop{background-size:100% 100%,var(--story-mobile-size, auto 100%);background-position:center,var(--crop)}.issue-tag{top:20px;right:15px}.burst{display:none}.story-card{padding:21px;bottom:30px}.story-card h1{font-size:42px}.story-card>p:last-child{font-size:14px}.story-controls{grid-template-columns:1fr 1fr;padding-inline:16px}.story-dots{display:none}.primary-button{min-height:48px;padding-inline:15px}.factory-screen{grid-template-rows:68px 42px minmax(900px,1fr) 65px}.game-header{padding-inline:11px}.mission-title small{display:none}.mission-title strong{font-size:17px}.stats{gap:10px;margin-right:9px}.stats div{min-width:38px}.stats b{font-size:16px}.hard-hats{display:none}.game-header .sound-button{width:36px;height:36px}.shift-bar>div:first-child{display:none}.shift-bar{justify-content:center}.progress-track{width:40vw}.factory-floor{min-height:900px}.factory-sign{top:18px;left:33%;width:190px}.machine{left:0;top:120px;width:calc(100vw - 145px)}.machine-top{left:calc(42% - 65px);width:130px}.scan-beam{left:calc(42% - 38px)}.material-card{left:38%;width:220px;padding-left:72px}.material-card h2{font-size:21px}.specimen-icon{width:48px}.bin-bank{right:5px;width:138px;padding:6px}.state-bank{top:130px}.tree-bank{top:185px;grid-template-columns:1fr}.bin{height:70px;padding-left:30px}.bin b{font-size:15px}.terminal-bin b{font-size:9px}.terminal-bin span{font-size:6px}.classification-tree{display:none}.state-mode .diverter,.tree-mode .diverter{right:136px;width:112px}.state-mode .diverter{top:265px}.tree-mode .diverter{top:340px}.reginald{bottom:12px;left:-8px;width:165px;height:350px;transform:none}.reginald-sprite{height:310px}.thought{width:145px;left:45px;top:5px;font-size:10px}.control-deck{top:500px;left:112px;right:8px;width:auto;min-width:0;padding:12px}.tree-controls{top:520px}.deck-label i{display:none}.choice{min-height:56px}.choice-row{padding-right:0}.choice small{display:none}.three-way .choice{align-items:center;padding:5px}.three-way .choice b{font-size:10px}.feedback{bottom:70px;grid-template-columns:48px 1fr 38px;padding:14px}.feedback-icon{width:44px;height:44px}.feedback-timer{width:34px}.feedback-timer i{width:30px;height:30px}.station-map{padding-inline:12px}.rail{margin-inline:4px}.result-stats{grid-template-columns:1fr}.result-stats div+div{border-left:0;padding-left:0}.clue-card{grid-template-columns:1fr}.result-actions{flex-direction:column}.result-actions button{width:100%}.result-card{box-shadow:8px 9px 0 var(--yellow),14px 15px 0 var(--ink-deep)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}