@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-500.ttf)format("truetype");font-weight:400 500;font-display:swap}@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-700.ttf)format("truetype");font-weight:600 700;font-display:swap}@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-800.ttf)format("truetype");font-weight:800;font-display:swap}:root{color:#fff5df;--yellow:#ffcf52;--mint:#9ce7d9;--navy:#142d36;--paper:#fff2d3;-webkit-font-smoothing:antialiased;background:#10262f;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body,figure,h1,h2,h3,p,dl,dd,fieldset{margin:0}body{min-width:1920px;min-height:1080px}.lab{isolation:isolate;background:radial-gradient(at 17% 56%,#34656a 0%,#0000 40%),radial-gradient(at 62% 47%,#274b50 0%,#0000 50%),linear-gradient(110deg,#263e43,#0e2732 67%,#19333e);width:1920px;height:1080px;position:relative;overflow:hidden}.lab:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#8ab7ae0e 1px,#0000 1px),linear-gradient(90deg,#8ab7ae0e 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(95deg,#0000 4%,#000 45%,#0000 100%);mask-image:linear-gradient(95deg,#0000 4%,#000 45%,#0000 100%)}.lab:after{content:"";z-index:-1;background:repeating-linear-gradient(135deg,#ffd6980b 0 1px,#0000 1px 7px),linear-gradient(135deg,#ae6445,#73483d 65%,#243d44);border-radius:50%;width:823px;height:823px;position:absolute;top:135px;left:-263px;box-shadow:0 0 0 9px #192f361a,0 0 0 10px #e9ba7650,0 0 0 30px #16333b0a,0 0 0 31px #e9ba7630}.professor{pointer-events:none;filter:drop-shadow(8px 12px 10px #07181e65);width:auto;height:1025px;position:absolute;bottom:-39px;left:-65px}.menu-return{color:#e9fcf7;background:#123039cf;border-color:#9ed2d445}.menu-return:hover{color:var(--navy)}.heading{text-align:center;width:846px;position:absolute;top:73px;left:535px}.heading p{color:var(--mint);text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:18px;font-size:16px;font-weight:800;display:inline-flex}.heading p:before,.heading p:after{content:"";background:#78b5b1;width:42px;height:2px}.heading h1{letter-spacing:-.062em;margin-top:10px;font-size:78px;font-weight:800;line-height:1.12}.heading em{color:var(--yellow);font-family:Georgia,serif;font-weight:600}.bench{width:840px;position:absolute;top:211px;left:545px}figure{isolation:isolate;position:relative}canvas{width:840px;height:538px;display:block}figcaption{color:#c5dfda;justify-content:center;align-items:center;gap:11px;margin-top:11px;font-size:17px;display:flex}.lamp{background:#8ca6a6;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #94aead19}.powered .lamp{background:var(--yellow);box-shadow:0 0 11px #ffdc6d}.controls{background:#132c34f5;border:1px solid #698482;border-radius:20px;justify-content:space-between;align-items:flex-end;gap:20px;width:740px;margin:37px auto 0;padding:22px 24px 25px;display:flex;box-shadow:0 5px #0b1d25}fieldset{border:none;flex:1;min-width:0;padding:0}legend{color:#fff5df;margin:0 0 12px;padding:0;font-size:20px;font-weight:800}.choices{gap:8px;display:flex}.choices label{flex:1;position:relative}.choices input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.choices span{color:#edf4e9;background:#273e47;border:1px solid #6e898a;border-radius:11px;justify-content:center;align-items:center;gap:12px;height:53px;font-size:19px;font-weight:700;display:flex}.choices input:checked+span{color:#183b3a;background:#abdcd0;border-color:#c1ffed}.choices input:enabled:hover+span{border-color:#fff}.choices input:disabled{cursor:default}.sample{border:3px solid;border-radius:50%;flex:none;width:25px;height:15px;display:inline-block;transform:rotate(-20deg)}.sample.split{-webkit-mask-image:conic-gradient(#000 0deg 117deg,#0000 118deg 148deg,#000 149deg);mask-image:conic-gradient(#000 0deg 117deg,#0000 118deg 148deg,#000 149deg)}button{color:#251e16;cursor:pointer;background:var(--yellow);border:1px solid #ffdf89;border-radius:12px;font:800 23px Manrope,system-ui,sans-serif}#run{justify-content:center;align-items:center;gap:13px;min-width:190px;min-height:53px;padding:0 16px;display:flex;box-shadow:0 3px #846931}#run i{font:800 28px Georgia,serif}#run:hover{background:#ffe08d}#run:active{translate:0 2px}.choices input:focus-visible+span,button:focus-visible{outline-offset:4px;outline:3px solid #ffdc62}.journal{color:#263638;background:linear-gradient(128deg,#fff7e2,#f3e3bc);border:1px solid #fff4cd;border-radius:8px 24px;width:435px;padding:34px 32px 31px;position:absolute;top:182px;right:45px;box-shadow:5px 6px #c09963,9px 13px #0b202660}.byline{text-transform:uppercase;letter-spacing:.105em;color:#864c29;font-size:15px;font-weight:800}.journal h2{letter-spacing:-.055em;margin-top:14px;font-size:39px;line-height:1.13}.journal h2 em{white-space:nowrap;font-family:Georgia,serif}.intro{margin-top:18px;font-size:21px;line-height:1.47}.log{border-top:1px solid #c4b99c;margin-top:25px;padding-top:19px}.log h3{letter-spacing:-.025em;font-size:20px;font-weight:800}.log dl{margin-top:12px}.log dl div{border-bottom:1px solid #d6c9ad;justify-content:space-between;align-items:center;gap:8px;padding:14px 0;display:flex}.log dt{align-items:center;gap:9px;font-size:17px;font-weight:700;display:flex}.log dd{color:#635e52;font-size:15px}.log dd.seen{color:#155b4d;font-weight:800}.log .sample{width:21px;height:13px}.explanation{color:#3e4944;border-left:3px solid #ba743e;margin-top:23px;padding-left:14px;font-size:17px;line-height:1.47}
