@import "https://fonts.googleapis.com/css2?family=Almendra+SC&display=swap";
@import "https://fonts.googleapis.com/css2?family=Road+Rage&display=swap";
:root{--background:#fff;--foreground:#0a0a0a;--rock-shadow:0 20px 50px #84848417;--accent:#555;--glow:#ffffff80;--container-bg:radial-gradient(circle at center,#fff 0%,#c9c9c9 100%)}[data-theme=dark]{--background:#111;--foreground:#eee;--accent:#888;--glow:#fff3;--container-bg:radial-gradient(circle at center,#222 0%,#000 100%)}body{color:var(--foreground);background:var(--background);justify-content:center;align-items:center;height:100vh;margin:0;padding:0;font-family:Almendra SC,cursive;display:flex;overflow:hidden}.container{background:var(--container-bg);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:background 2s;display:flex;position:relative}.rock-container{cursor:pointer;z-index:10;transition:transform .1s ease-out;position:relative}.rock-container:active{transform:scale(.98)}.rock-image{filter:drop-shadow(0 30px 60px #000c);width:300px;height:auto;transition:all .5s cubic-bezier(.25,.46,.45,.94);position:relative}.rock-container:hover .rock-image{filter:drop-shadow(0 40px 70px #000000e6);transform:translateY(-8px)scale(1.02)}.rock-glow{background:radial-gradient(circle,var(--glow)0%,transparent 70%);opacity:0;z-index:-1;pointer-events:none;border-radius:50%;width:100%;height:100%;transition:opacity 1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rock-speaking .rock-glow{opacity:1;animation:2s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.3)}}.advice-text{text-align:center;opacity:0;letter-spacing:.02em;max-width:600px;min-height:100px;color:var(--foreground);text-shadow:0 2px 4px #0000001a;margin-top:40px;font-size:1.5rem;font-weight:400;line-height:1.6;transition:opacity .8s,transform .8s;transform:translateY(20px)}.advice-text.visible{opacity:1;transform:translateY(0)}.instruction{text-transform:uppercase;letter-spacing:.2em;color:#00000080;pointer-events:none;font-family:Road Rage,sans-serif;font-size:1.5rem;font-weight:300;animation:5s infinite pulse;position:absolute;bottom:90px}.fa-ban{text-align:center;position:absolute;bottom:20px}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.rock-speaking{animation:.5s infinite shake}