@font-face{font-family:Josefin Slab;font-display:swap;src:url(/fonts/Josefin_Slab/JosefinSlab-VariableFont_wght.woff2)format("woff2-variations");font-weight:125 950;font-stretch:75% 125%}@font-face{font-family:Josefin Slab;font-display:swap;src:url(/fonts/Josefin_Slab/JosefinSlab-Italic-VariableFont_wght.woff2)format("woff2-variations");font-style:italic;font-weight:125 950;font-stretch:75% 125%}body{text-align:center;margin:0;font-family:Josefin Slab,serif;font-size:20px;transition:all .5s}h1{margin-top:0;padding-top:.67em}.playBtn{position:fixed;top:10px;right:10px}#play{opacity:0}kbd{vertical-align:middle;border:2px solid #ccc;margin-left:10px;padding:4px;font-family:Josefin Slab,serif;font-size:20px}button{margin:unset}#play+label:before,#toggleSound+label:before{content:"";display:none}.sandbox{margin:20px}table{border-collapse:collapse;margin:auto}#table{user-select:none;outline:20px solid light-dark(#fff,#222)}.cell{border:1px solid #3333;width:20px;height:20px}.cell:hover{outline:2px dashed #888!important}.cell[data-matiere=air]{background-color:#0000}.cell[data-matiere=sand]{background-color:#f4a460;box-shadow:4px 4px 5px #0000004d}.cell[data-matiere=moltenGlass]{background-color:#ff5722b3;border-radius:9px;transition:all 1s;box-shadow:0 0 5px 4px #ffa100b3}.cell[data-matiere=glass]{background-image:linear-gradient(45deg,#0000 13%,#ffffff21 50%,#0000 77%);transition:all 1s}.cell[data-matiere=water]{background-color:#add8e6;border-radius:9px;box-shadow:0 0 0 5px #add8e6}.cell[data-matiere=steam]{background-color:#d9f2ffcf;border-radius:9px;box-shadow:0 0 3px 3px #d9f2ffcf}.cell[data-matiere=ice]{background-color:#c3c3ffcf}.cell[data-matiere=snow]{background-color:#e7e7f3}.cell[data-matiere=wall]{background-color:gray;box-shadow:4px 4px 5px #0000004d}.cell[data-matiere=clone]:not([data-clone]){box-shadow:none;background-color:#d7d70099}.cell[data-matiere=clone]{background-color:#d7d700;box-shadow:4px 4px 5px #0000004d}.cell[data-matiere=void]{background-color:#8b0000}.cell[data-dispTemp="true"]:after{content:attr(data-heat);font-family:monospace;font-size:12px}.options{margin:20px 0}select{vertical-align:top;border:none;width:100px;height:50px;font-family:Josefin Slab,serif;font-size:20px;font-weight:700}select:active{outline:2px solid #888}.mode{vertical-align:middle;background-color:#8884;border:none;width:50px;height:50px;padding:0;font-size:40px}.mode:active{outline:2px solid #888}.modeImg{width:40px;height:40px;margin:5px}.btnMute{vertical-align:middle;text-align:center;display:inline-block;position:relative}#toggleSound{opacity:0;width:0;margin:0}#labelSound{vertical-align:sub}#mute,#unmute{transition:all .5s;position:absolute;top:4px;left:0}#dialogClear form{margin:unset;padding:unset;background-color:unset}form{background-color:#0003;margin:20px;padding:20px}form input:not([type=range]){width:300px;margin:5px 7px;font-family:Josefin Slab,serif;font-size:20px}.instructions{text-align:left;background-color:#0003;margin:20px;padding:20px;line-height:30px}#elemFamily{vertical-align:middle;background-color:#ff9c4791;border-radius:3px;padding:3px;font-size:15px}.legende{vertical-align:middle;text-align:center;border:1px solid #777;width:30px;height:30px;font-size:22px;display:inline-block}#cookies,#delCookie{margin-left:20px;font-size:15px}#cookieValue{font-size:15px}#delCookie{cursor:pointer;text-decoration:underline}a{color:#7a7a7a}input[type=range]{margin-left:40px}@media screen and (width<=400px){input[type=range]{margin-left:0}}@media print{.cell{print-color-adjust:exact}}