.layout{height:100vh;width:100vw}.main-content{flex:1}.talking-rat-container{position:absolute;display:inline-block;transition:none}.rat-wrapper{position:relative;display:inline-block}.rat-image{max-width:300px;height:auto;display:block;transition:opacity .1s ease-in-out;filter:brightness(1.2)}.speech-bubble{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:20px;z-index:1000;animation:bubbleAppear .2s ease-out}.speech-bubble-image{display:block;max-width:250px;min-width:150px;height:auto;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.speech-bubble-text{position:absolute;top:20%;left:50%;transform:translate(-50%);margin:0;color:#000;font-size:14px;line-height:1.4;font-weight:700;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:8px 12px;max-width:180px;word-wrap:break-word;width:calc(100% - 40px)}@keyframes bubbleAppear{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}@media (max-width: 768px){.speech-bubble{left:auto;right:100%;margin-left:0;margin-right:20px;transform:translateY(-50%)}}.home{display:flex;flex-direction:column;align-items:center;gap:1rem}.home code{background-color:#0003;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace}.rat-click-effect{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.rat-particle{position:absolute;transform:translate(-50%,-50%);animation:ratBurst 2s ease-out forwards;pointer-events:none}.rat-particle img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes ratBurst{0%{transform:translate(-50%,-50%) translate(0) rotate(0);opacity:1}to{transform:translate(-50%,-50%) translate(var(--end-x),var(--end-y)) rotate(var(--rotation));opacity:0}}#root{margin:0;padding:0;width:100%;height:100vh;overflow:hidden;text-align:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#36526a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{width:100%;height:100%;overflow:hidden}html,body,*{cursor:url(/rat-cursor.svg) 8 8,auto}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:100%;height:100vh;overflow:hidden;display:flex;place-items:center;background-image:url(/city.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-attachment:fixed}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}