:root{--track-height: 8px;--thumb-size: 18px;--accent: #1acdcd;--track-bg: #616161}*{margin:0;padding:0;font-family:Chewy,system-ui;font-weight:400;font-style:normal;-webkit-user-select:none;user-select:none}body{overflow:hidden;cursor:url(/paw1.png) 5 5,auto}.startingScreen{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#f7ebc2;background:url(/bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:101;display:grid;place-items:center}#introCont{display:grid;place-items:center;color:teal}.startingScreen div{text-align:center;display:grid;place-items:center;z-index:103}.startingScreen h2{font-size:50px}.startingScreen h3{font-size:30px}.startingScreen h2 svg{width:fit-content;transform:translateY(8px) rotate(25deg)}.startingScreen img{width:120px}.btn_3d{cursor:url(/paw2.png) 5 5,auto;background:none;outline:none;border:none;position:relative;display:block}.btn_3d .top{width:100%;height:100%;background-color:#1acdcd;color:#fff;display:grid;place-items:center;padding:3px 0;border-radius:10px;outline:2px solid black}.btn_3d .bottom{position:absolute;width:100%;height:100%;background-color:teal;top:5px;border-radius:8px;outline:2px solid black;z-index:-1}.btn_3d:active .top{transform:translateY(5px);transition:transform .1s}.btn_3d:hover .top{background-color:#1ab5b5}.startingScreen a{color:teal;cursor:url(/paw2.png) 5 5,auto}.startingScreen a:active{color:teal}.heart{transform:translateY(7px)}#creditCont{display:none;place-items:center;color:teal}#creditCont section{display:flex;flex-wrap:wrap;width:fit-content;gap:20px;justify-content:center;margin-top:10px}#creditCont section div{display:block;width:150px}.btn{border:2px solid #0D1B1E;border-radius:20px;padding:0 34px;cursor:url(/paw2.png) 5 5,auto}@keyframes pulseText{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}#canvas{position:absolute;top:0;left:0;width:100vw;height:200vh;overflow:hidden}.cozyX{z-index:100;position:absolute;top:20px;left:20px;display:none}.cozyBook{z-index:100;position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:5px 20px;cursor:url(/paw2.png) 5 5,auto;font-size:20px}.debugBtn{position:absolute;bottom:10px;left:10px;z-index:100}.point{position:absolute;top:50%;left:50%;display:none}.point .dot{position:relative;top:0;width:15px;height:15px;border-radius:100%;background-color:#fff;z-index:100}.point .dot:after{content:"";position:absolute;top:-25px;left:-12px;width:40px;height:30px;z-index:102}.point .pulse{position:absolute;top:0;border-radius:100%;background-color:#fff;z-index:100;width:15px;height:15px;animation:pulseAnimation 1s infinite linear}@keyframes pulseAnimation{0%{width:15px;height:15px;background-color:#fff;transform:translate(0) translateY(0)}to{width:30px;height:30px;background-color:#fff0;transform:translate(-7px) translateY(-7px)}}.point .card{position:relative;width:fit-content;top:-110px;left:50%;transform:translate(-50%);padding:5px 10px;border:2px solid black;border-radius:10px;background-color:#f7ebc2;color:#000;font-family:Helvetica,Arial,sans-serif;text-align:center;display:none;place-items:center;opacity:0;animation:cardAnimation .3s 1 ease-in-out forwards;font-size:18px;white-space:nowrap;z-index:103}@keyframes cardAnimation{0%{transform:translateY(-10px) translate(-50%);opacity:0}to{transform:translateY(15px) translate(-50%);opacity:1}}.dot:hover .card{display:grid}.point.visible{display:block}.cozyMeterCont{position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:100;display:grid;place-items:center}.cozyMeterMsg{position:absolute;top:50%;transform:translateY(-50%);left:120%;color:#ffce1e;text-align:center;margin-top:5px;stroke-width:10px;font-size:25px;-webkit-text-stroke-color:rgb(0,0,0);-webkit-text-stroke-width:1px;display:none}.cozyMeter{position:relative;width:20px;height:250px;border:3px solid #ffffff;border-radius:30px;display:flex;justify-content:center}.cozyMeterInner{width:100%;height:30%;background:#1acdcd;border:3px solid #222631;border-radius:30px;align-self:flex-end;box-sizing:border-box;transition:all ease-out .5s}.cozyMeterInner.empty{border:none}.cozyMeterText{color:#fff;text-align:center;margin-top:5px;stroke-width:10px;font-size:20px;-webkit-text-stroke-color:rgb(0,0,0);-webkit-text-stroke-width:1px}.audioCont{position:absolute;bottom:20px;right:20px;z-index:100;display:flex;align-items:center}.music{margin-right:10px}.icon-tabler-music-off,.icon-tabler-headphones-off{display:none}.controls{position:absolute;top:0;transform:translateY(-115%) translate(-48px);border:2px solid black;padding:4px;border-radius:10px;background-color:#f7ebc2;display:none}.controls:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-40%);width:50px;height:20px}.options{display:flex;gap:5px}.options p{background-color:transparent;color:#000;border:2px solid black;border-radius:100%;text-align:center;width:23px;cursor:url(/paw2.png) 5 5,auto}.options .selected,.options p:hover{background-color:#1acdcd;color:#fff}.music:hover .controls{display:block}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:var(--thumb-size);background:transparent;cursor:url(/paw2.png) 5 5,auto}input[type=range]::-webkit-slider-runnable-track{height:var(--track-height);background-color:var(--track-bg);border-radius:999px;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:calc((var(--track-height) - var(--thumb-size)) / 2);width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background:#fff;border:3px solid var(--accent)}input[type=range]::-moz-range-track{height:var(--track-height);background-color:var(--track-bg);border-radius:999px}input[type=range]::-moz-range-progress{height:var(--track-height);background:var(--accent);border-radius:999px}input[type=range]::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background:#fff;border:3px solid var(--accent)}