html{scroll-behavior:smooth}.photo-card img{transition:transform .6s ease}.photo-card:hover img{transform:scale(1.02)}.btn-coral:active{transform:translateY(0);box-shadow:0 4px 16px #ff5a3c4d}.grid-cols-6>div{cursor:pointer;transition:all .2s ease}@keyframes diceRoll{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}.animate-pulse{animation:pulse .15s ease-in-out infinite}tbody tr{transition:background-color .2s ease}.input-dark{transition:all .3s ease}a{position:relative}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:currentColor;transition:width .3s ease}a:hover:after{width:100%}.btn-coral:after,button:after{display:none}@keyframes chipPlace{0%{opacity:0;transform:translateY(-15px) scale(.4)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dieShake{0%,to{transform:rotate(0)}15%{transform:rotate(-12deg)}30%{transform:rotate(8deg)}45%{transform:rotate(-6deg)}60%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes badgePop{0%{opacity:0;transform:scale(.6)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-dice-shake{animation:dieShake .4s ease-out}.tutorial-chip{animation:chipPlace .5s ease-out both}.tutorial-die-shake{animation:dieShake .6s ease-out both}.tutorial-dice-enter{animation:fadeSlideIn .4s ease-out both}.tutorial-edge-badge{animation:badgePop .4s ease-out both;animation-delay:.2s}.tutorial-puck{animation:chipPlace .4s ease-out both;animation-delay:.1s}.bg-ivory{background-color:#f4f1ea}@media(max-width:1024px){.headline-xl{font-size:clamp(32px,8vw,56px)}.headline-lg{font-size:clamp(28px,6vw,44px)}}@media(max-width:640px){nav .flex.gap-8{gap:1rem}nav a{font-size:12px}.section-flowing{padding:4vh 4vw}}