
:root{--void:#d8d0ba;--glass:#e5dec9;--glass-edge:#9b9177;--ink:#493f30;--ink-dim:#746b57;--signal:#686c43;--creature:#a26440;--creature-core:#cb9d61}html,body{background:#d8d0ba;color:#493f30}.tank{background:radial-gradient(ellipse at 32% 33%,#f3ecd5 0%,#d8d0ba 65%,#c0b69e 100%)}.tank:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#fff6cb4a 20%,#fff6cb4a 42%,transparent 42%,transparent 46%,#fff6cb33 46%,#fff6cb33 55%,transparent 55%)}.vignette{background:radial-gradient(ellipse at 50% 45%,transparent 45%,#76654730)}.glass-edge{inset:24px;border:1px solid #8f81664d;box-shadow:inset 0 0 65px #b2a27b30}.speech{top:19vh;max-width:480px;color:#4a3d2c;font:italic 24px/1.4 Georgia,serif}.shapes{opacity:.9!important}.readout{font-size:9px;opacity:.75}.diagram{display:none}.hint{bottom:18vh;color:#675c41;font-size:10px}.room-label{position:fixed;right:42px;top:40px;z-index:7;text-align:right;font:10px/1.7 monospace;color:#7c7059;letter-spacing:.08em}.room-label strong{font:normal 22px Georgia;display:block;color:#4b402e;letter-spacing:0}.memory-note{position:fixed;right:42px;bottom:35px;width:265px;z-index:8;border-top:1px solid #9b8e7290;padding-top:12px;font:16px/1.5 Georgia;color:#534732}.memory-note summary{cursor:pointer;font:10px monospace;text-transform:uppercase;letter-spacing:.12em;padding:8px 0}.memory-note p{margin:12px 0}.memory-note small{display:block;font:10px/1.6 monospace;color:#776b55}.memory-note button{font:11px monospace;background:transparent;border:0;border-bottom:1px solid #9b8e72;padding:8px 0;color:#63553a;cursor:pointer}.popup{box-shadow:0 12px 30px #645a4430}.touchpoint{background:#b88b4530;border-color:#a47d49}.study-return{background:#e5dcc5!important}.shapes .options button{color:#6b5a3f!important}
@media(max-width:650px){.room-label{right:25px;top:70px}.room-label strong{font-size:18px}.memory-note{right:24px;bottom:22px;width:210px}.memory-note[open]{background:#e9e0ca;padding:12px;box-shadow:0 3px 20px #5b503733}.readout{max-width:145px;overflow:hidden;padding:20px!important}.speech{top:22vh;font-size:20px}.shapes{top:auto!important;bottom:145px!important;right:24px!important}.glass-edge{inset:14px}}

@media(min-width:651px){.shapes{left:40px;right:auto;bottom:35px;align-items:flex-start;max-width:400px}.shapes .options{justify-content:flex-start}.readout{left:40px;top:100px;bottom:auto;padding:0!important}}

.experiment-return{position:fixed;top:35px;left:40px;z-index:8;font:11px monospace;color:#6c5f43;text-decoration:none}
