@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--ink:#071d2d;--deep:#0a2c3d;--teal:#0b5560;--cyan:#2bd9dc;--lime:#d8fa54;--cream:#f7f1e5;--coral:#ff755f;--paper:#fffdf7;--muted:#658088;--line:rgba(7,29,45,.16);--shadow:0 24px 70px rgba(3,24,34,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;min-width:300px}button,a{font:inherit}button{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--lime);padding:.7rem 1rem;z-index:100;color:var(--ink)}.skip-link:focus{top:1rem}
.site-nav,.game-header,.lab-shell,.site-footer{width:min(1440px,calc(100% - 48px));margin-inline:auto}.site-nav{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(7,29,45,.24)}.marsnut-brand img,.site-footer img{display:block}.back-home{color:var(--ink);text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.back-home:hover{text-decoration:underline}
main{padding:18px 0 50px}.game-header{height:70px;background:var(--paper);border:1px solid var(--line);border-bottom:0;display:flex;align-items:center;padding:0 22px}.game-brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font:700 1.2rem 'Space Grotesk',sans-serif}.lime{color:#9fcb00}.brand-mark{width:34px;height:34px;background:var(--ink);border-radius:50%;position:relative;display:inline-block}.brand-mark i,.brand-mark b{position:absolute;background:var(--cyan);border-radius:50%}.brand-mark i{width:11px;height:11px;left:6px;top:7px}.brand-mark b{width:8px;height:8px;right:6px;bottom:7px}.header-note{margin:auto;font-size:.7rem;letter-spacing:.14em;font-weight:700}.header-note span{width:7px;height:7px;display:inline-block;border-radius:50%;background:#73bf35;box-shadow:0 0 0 5px rgba(115,191,53,.15);margin-right:8px}.header-actions{display:flex;gap:8px}.quiet-button{border:1px solid var(--line);background:transparent;padding:.55rem .75rem;border-radius:99px;font-size:.72rem;font-weight:700;cursor:pointer}.quiet-button:hover,.quiet-button:focus-visible{background:var(--lime)}
.lab-shell{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.status-strip{height:69px;display:flex;align-items:stretch;border-bottom:1px solid var(--line)}.stat{padding:12px 22px;min-width:128px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.stat span,.eyebrow{font-size:.64rem;letter-spacing:.15em;font-weight:700;color:var(--muted);margin:0 0 3px}.stat strong{font:700 1.12rem 'Space Grotesk',sans-serif}.level-stat{flex:1}.pause-button{width:68px;border:0;border-left:1px solid var(--line);background:var(--ink);color:white;font-size:1.25rem;cursor:pointer}.pause-button:disabled{opacity:.42;cursor:not-allowed}
.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px}.reaction-stage{min-height:670px;padding:28px 30px 24px;background:linear-gradient(135deg,#fff 0%,#f5fbf7 100%)}.mission-panel{border-left:1px solid var(--line);padding:34px 30px;background:#faf6ea}.stage-topline{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.stage-topline h1{font:600 clamp(1.55rem,3vw,2.45rem) 'Space Grotesk',sans-serif;margin:4px 0 0;letter-spacing:-.04em}.round-status{max-width:260px;margin:6px 0 0;text-align:right;color:var(--muted);font-size:.82rem;line-height:1.4}
.enzyme-bay{height:310px;margin-top:22px;border-radius:24px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 43% 50%,rgba(43,217,220,.21),transparent 27%),linear-gradient(145deg,#092c3f,#061b2b 75%);box-shadow:inset 0 0 80px rgba(32,200,205,.06)}.enzyme-bay:before,.enzyme-bay:after{content:"";position:absolute;border:1px solid rgba(43,217,220,.15);border-radius:50%;width:420px;height:420px}.enzyme-bay:before{left:-260px;bottom:-320px}.enzyme-bay:after{right:-280px;top:-320px}.ambient{position:absolute;border-radius:50%;filter:blur(1px);background:rgba(43,217,220,.18)}.ambient-one{width:42px;height:42px;left:10%;top:17%}.ambient-two{width:22px;height:22px;right:29%;bottom:14%;background:rgba(216,250,84,.18)}
.enzyme-wrap{text-align:center;transform:translateX(-55px);z-index:1}.enzyme{width:210px;height:166px;position:relative;border-radius:45% 51% 42% 48%;background:radial-gradient(circle at 27% 25%,#ffb579 0 6%,transparent 7%),radial-gradient(circle at 65% 70%,#e6494d 0 8%,transparent 9%),linear-gradient(145deg,#ff916a,#f3535e 60%,#ba304d);box-shadow:inset 14px 13px 25px rgba(255,255,255,.2),inset -15px -12px 25px rgba(95,15,53,.26),0 22px 42px rgba(0,0,0,.28);transition:filter .25s,transform .25s}.enzyme:before,.enzyme:after{content:"";position:absolute;border-radius:50%;background:inherit;box-shadow:inherit}.enzyme:before{width:92px;height:90px;left:-20px;top:34px}.enzyme:after{width:90px;height:95px;right:-18px;bottom:25px}.enzyme-label{position:absolute;z-index:3;left:60px;top:70px;color:white;font-size:.65rem;font-weight:700;letter-spacing:.15em}.active-site{position:absolute;z-index:4;right:-2px;top:47px;width:65px;height:70px;display:grid;place-items:center;color:var(--lime);font-size:1.65rem;background:#071d2d;box-shadow:0 0 24px rgba(216,250,84,.22)}.shape-a .active-site{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,50% 50%)}.shape-b .active-site{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,42% 70%,42% 30%)}.shape-c .active-site{border-radius:50% 0 0 50%}.shape-d .active-site{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,35% 77%,55% 50%,35% 23%)}.enzyme.inhibited{filter:saturate(.25) brightness(.75)}.enzyme.inhibited:after{content:"!";display:grid;place-items:center;color:var(--ink);font:700 2rem 'Space Grotesk';background:var(--lime);z-index:8;width:48px;height:48px;right:10px;bottom:8px}.site-readout{margin:15px 0 0;color:white}.site-readout span{display:block;font-size:.58rem;color:rgba(255,255,255,.58);letter-spacing:.16em}.site-readout strong{font:.78rem 'Space Grotesk';letter-spacing:.08em;color:var(--cyan)}
.condition-panel{position:absolute;right:22px;top:25px;width:170px;border:1px solid rgba(255,255,255,.18);border-radius:15px;padding:16px;background:rgba(3,20,31,.52);backdrop-filter:blur(8px);color:white;z-index:2}.condition-panel>p{font-size:.55rem;letter-spacing:.13em;color:rgba(255,255,255,.55);margin:0 0 14px}.condition-row{display:flex;justify-content:space-between;font-size:.68rem;margin:9px 0 4px}.condition-row strong{font-family:'Space Grotesk'}.meter{height:4px;background:rgba(255,255,255,.15);border-radius:4px;overflow:hidden}.meter i{display:block;width:62%;height:100%;background:var(--cyan);transition:width .3s,background .3s}.meter.ph i{width:50%;background:var(--lime)}#stabilize{width:100%;margin-top:14px;padding:.55rem .4rem;border:0;border-radius:8px;background:var(--lime);color:var(--ink);font-size:.64rem;font-weight:700;cursor:pointer}#stabilize:disabled{background:rgba(255,255,255,.12);color:rgba(255,255,255,.38);cursor:not-allowed}
.approach-track{position:relative;margin-top:18px;min-height:175px}.track-line{position:absolute;left:0;right:0;top:13px;height:5px;background:#dce8e2;border-radius:8px;overflow:hidden}.track-line span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--lime));transition:width .1s linear}.molecule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;padding-top:30px}.molecule{min-width:0;border:1px solid var(--line);border-radius:16px;background:white;padding:12px 8px 10px;cursor:pointer;position:relative;transition:transform .15s,border-color .15s,box-shadow .15s}.molecule:hover,.molecule:focus-visible{transform:translateY(-5px);border-color:var(--teal);box-shadow:0 12px 25px rgba(7,29,45,.12);outline:0}.molecule:disabled{cursor:default}.molecule.correct{background:#efffd2;border-color:#80ad17;animation:correct .5s}.molecule.wrong{background:#fff0ed;border-color:var(--coral);animation:shake .35s}.molecule .number{position:absolute;top:7px;left:8px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eef3ef;font:bold .62rem 'Space Grotesk'}.molecule .mol-name{display:block;font-size:.62rem;font-weight:700;text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.mol-art{height:77px;display:grid;place-items:center}.mol-shape{width:58px;height:58px;background:linear-gradient(145deg,var(--cyan),#0596b1);filter:drop-shadow(0 7px 7px rgba(0,80,105,.2));position:relative}.mol-shape:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:var(--lime);right:-7px;bottom:3px;box-shadow:inset 3px 3px 4px rgba(255,255,255,.4)}.mol-a{clip-path:polygon(50% 0,100% 100%,0 100%)}.mol-b{border-radius:8px}.mol-c{border-radius:50%}.mol-d{clip-path:polygon(50% 0,100% 32%,82% 100%,18% 100%,0 32%)}.molecule.inhibitor .mol-shape{background:repeating-linear-gradient(45deg,var(--coral) 0 8px,#a72f56 8px 16px)}.molecule.inhibitor:after{content:"INHIBITOR";position:absolute;right:7px;top:8px;color:#a72f56;font-size:.48rem;font-weight:700;letter-spacing:.08em}.key-hint{text-align:center;color:var(--muted);font-size:.67rem;margin:9px 0 0}kbd{font:600 .65rem 'Space Grotesk';border:1px solid #b8c4be;border-bottom-width:2px;border-radius:4px;padding:1px 5px;background:white}
.mission-panel h2{font:600 2.35rem/1.03 'Space Grotesk';letter-spacing:-.05em;margin:10px 0 20px}.mission-panel h2 em{font-style:normal;color:#15939a}.mission-copy{color:#536e73;line-height:1.58;font-size:.88rem}.primary-button{border:0;border-radius:9px;background:var(--ink);color:white;padding:.9rem 1.05rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px}.mission-panel>.primary-button{width:100%;margin:23px 0}.primary-button:hover,.primary-button:focus-visible{background:var(--teal)}.primary-button span{color:var(--lime)}.progress-block{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.progress-block>div:first-child{display:flex;justify-content:space-between;font-size:.68rem}.progress{height:6px;background:#dfe6df;margin-top:10px;border-radius:7px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--lime));transition:width .35s}.legend{padding:17px 0}.legend h3{font:600 .82rem 'Space Grotesk';margin:0 0 13px}.legend p{font-size:.71rem;color:#5f777a;display:grid;grid-template-columns:9px 80px 1fr;gap:7px;line-height:1.35;align-items:start}.legend p strong{color:var(--ink)}.legend-dot{width:8px;height:8px;border-radius:50%;margin-top:2px}.cyan{background:var(--cyan)}.coral{background:var(--coral)}.lime-bg{background:#a6d61d}.science-note{font-size:.69rem;line-height:1.45;color:#61777a;margin:0;padding-top:14px;border-top:1px solid var(--line)}
.site-footer{min-height:120px;display:flex;align-items:center;gap:28px;font-size:.77rem;border-top:1px solid rgba(7,29,45,.26)}.site-footer>span:nth-child(2){font-weight:600}.footer-meta{margin-left:auto;color:#526b70}.footer-meta b{color:#91bd11;margin:0 8px}.footer-meta a{color:inherit}
.modal{padding:0;border:0;border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.38);max-width:min(880px,calc(100% - 28px));overflow:hidden}.modal::backdrop{background:rgba(1,15,24,.78);backdrop-filter:blur(5px)}.cover-modal{width:880px;display:none;grid-template-columns:1.08fr .92fr}.cover-modal[open]{display:grid}.cover-image{min-height:500px;position:relative}.cover-image img{width:100%;height:100%;object-fit:cover;position:absolute}.cover-image span{position:absolute;left:18px;top:18px;background:rgba(7,29,45,.75);color:white;border:1px solid rgba(255,255,255,.28);padding:7px 10px;border-radius:99px;font-size:.58rem;letter-spacing:.12em}.modal-copy{padding:48px 39px;display:flex;flex-direction:column;justify-content:center}.modal-copy h2,.text-modal h2,.compact-modal h2,.results-modal h2{font:600 2.4rem/1.05 'Space Grotesk';letter-spacing:-.05em;margin:8px 0 19px}.modal-copy h2 span{color:#9fcb00}.modal-copy>p:not(.eyebrow){color:#5c7377;font-size:.88rem;line-height:1.6}.tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0 25px}.tag-row span{font-size:.62rem;border:1px solid var(--line);border-radius:99px;padding:6px 8px}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;cursor:pointer;margin-top:14px;font-size:.75rem;font-weight:600}.text-modal{width:790px;padding:44px}.modal-close{position:absolute;right:20px;top:16px;border:0;background:transparent;font-size:2rem;cursor:pointer}.instruction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.instruction-grid>div{padding:20px;background:#f2f7f2;border-radius:12px}.instruction-grid b{color:#13919b;font:700 .7rem 'Space Grotesk'}.instruction-grid h3{font:600 .9rem 'Space Grotesk';margin:10px 0 8px}.instruction-grid p,.controls,.learning-note{font-size:.73rem;line-height:1.5;color:#5b7377}.learning-note{border-top:1px solid var(--line);padding-top:14px}.text-modal>.primary-button{margin-top:20px}.compact-modal,.results-modal{width:520px;padding:46px;text-align:center}.compact-modal .primary-button,.results-modal .primary-button{margin:24px auto 0;min-width:230px}.result-score strong{display:block;font:700 4rem 'Space Grotesk';color:#128d96}.result-score span{font-size:.58rem;letter-spacing:.15em}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.result-grid div{padding:13px 8px;background:#eff5ef;border-radius:10px}.result-grid strong{display:block;font:700 1.25rem 'Space Grotesk'}.result-grid span{font-size:.62rem;color:var(--muted)}.result-note{font-size:.78rem;color:var(--muted)}
@keyframes shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@keyframes correct{50%{transform:translateY(-8px) scale(1.03);box-shadow:0 0 30px rgba(159,203,0,.38)}}
@media(max-width:980px){.play-layout{grid-template-columns:1fr}.mission-panel{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:16px 28px}.mission-panel>.eyebrow,.mission-panel>h2,.mission-panel>.mission-copy,.mission-panel>.primary-button{grid-column:1}.progress-block,.legend,.science-note{grid-column:2}.progress-block{grid-row:1/3;margin-top:0}.legend{grid-row:3/6}.reaction-stage{min-height:650px}.site-footer{flex-wrap:wrap;padding:28px 0}.footer-meta{width:100%;margin-left:0}}
@media(max-width:700px){.site-nav,.game-header,.lab-shell,.site-footer{width:min(100% - 22px,1440px)}.site-nav{height:60px}.marsnut-brand img{width:125px}.back-home{font-size:.64rem}.game-header{height:auto;min-height:64px;padding:10px 14px;flex-wrap:wrap}.header-note{display:none}.header-actions{margin-left:auto}.quiet-button{font-size:.63rem;padding:.45rem .58rem}.status-strip{height:58px}.stat{padding:8px 10px;min-width:72px}.stat span{font-size:.5rem}.stat strong{font-size:.9rem}.level-stat{display:none}.pause-button{width:52px}.reaction-stage{padding:20px 14px;min-height:0}.stage-topline{display:block}.round-status{text-align:left;margin-top:8px}.enzyme-bay{height:295px}.enzyme-wrap{transform:translate(-45px,-20px) scale(.78)}.condition-panel{right:10px;top:auto;bottom:10px;width:150px;padding:12px}.molecule-grid{gap:6px}.molecule{padding:10px 3px 8px;border-radius:12px}.mol-art{height:67px}.mol-shape{width:48px;height:48px}.molecule .mol-name{font-size:.5rem}.molecule.inhibitor:after{display:none}.mission-panel{display:block;padding:28px 22px}.mission-panel h2{font-size:2rem}.progress-block,.legend,.science-note{margin-top:18px}.site-footer{gap:15px}.footer-meta{line-height:1.7}.cover-modal{width:calc(100vw - 28px);max-width:calc(100vw - 28px)}.cover-modal[open]{display:block;max-height:calc(100vh - 18px);overflow-x:hidden;overflow-y:auto}.cover-image{min-height:230px}.modal-copy{padding:28px 24px;overflow-wrap:anywhere}.modal-copy .primary-button{width:100%}.modal-copy h2,.text-modal h2,.compact-modal h2,.results-modal h2{font-size:1.75rem}.text-modal,.compact-modal,.results-modal{width:calc(100vw - 28px);max-width:calc(100vw - 28px);padding:34px 22px}.instruction-grid{grid-template-columns:1fr}.instruction-grid>div{padding:14px}.result-grid span{font-size:.55rem}}
@media(max-width:390px){.game-brand{font-size:1rem}.brand-mark{width:29px;height:29px}.quiet-button:first-child{display:none}.molecule-grid{grid-template-columns:repeat(2,1fr)}.approach-track{min-height:300px}.enzyme-wrap{transform:translate(-43px,-26px) scale(.69)}.condition-panel{width:137px}.stat{min-width:64px}.site-footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}