@import "https://fonts.googleapis.com/css2?family=Gaegu:wght@400;700&display=swap";:root{--primary:#4caf50;--secondary:#2196f3;--bg-color:#e0f7fa;--text-dark:#1b3a4b;--text-light:#fff}body{color:var(--text-dark);-webkit-user-select:none;user-select:none;background:#123;font-family:Outfit,sans-serif;overflow:hidden}.app-container{background:linear-gradient(#4fc3f7,#0288d1);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.app-container:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 30% 40%,#ffffff1a 0%,#0000 20%),radial-gradient(circle at 70% 60%,#ffffff1a 0%,#0000 25%),radial-gradient(circle,#ffffff0d 0%,#0000 50%);animation:6s infinite alternate pulseWater;position:absolute;inset:0}@keyframes pulseWater{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.bank{z-index:10;background:linear-gradient(90deg,#689f38,#8bc34a);flex-direction:column;justify-content:center;align-items:center;width:clamp(100px,15vw,200px);height:100vh;display:flex;position:absolute;top:0;box-shadow:inset 0 0 20px #0000004d}.bank.left{border-right:8px solid #558b2f;border-radius:0 40px 40px 0;left:0}.bank.right{border-left:8px solid #558b2f;border-radius:40px 0 0 40px;right:0}.player-info-tag{color:#fff;text-align:center;background:#0006;border:2px solid #fff3;border-radius:20px;margin-top:1rem;padding:.5rem 1rem;font-family:Gaegu,sans-serif;font-size:clamp(1rem,2vw,1.2rem)}.pond-center{flex-direction:column;flex:1;justify-content:space-around;margin:0 clamp(100px,15vw,200px);padding:2rem 0;display:flex;position:relative}.path{justify-content:space-around;align-items:center;width:100%;height:40%;display:flex;position:relative}.path.p1{align-items:flex-start}.path.p2{align-items:flex-end}.lily-pad-wrapper{cursor:pointer;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.lily-pad-wrapper:hover{transform:scale(1.1)}.toad-stack{pointer-events:none;flex-direction:column-reverse;align-items:center;display:flex;position:absolute;bottom:20%}.toad-wrapper{filter:drop-shadow(0 4px 4px #0006);pointer-events:auto;margin-top:-30px;transition:all .3s}.dice-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#ffffff26;border:1px solid #ffffff4d;border-radius:30px;flex-direction:column;align-items:center;padding:1.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0003,inset 0 2px 5px #ffffff80}.dice-container{gap:1rem;margin-bottom:1rem;display:flex}.die{background:linear-gradient(135deg,#fff,#e0e0e0);border-radius:20px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:.2rem;width:clamp(5rem,10vw,7rem);height:clamp(5rem,10vw,7rem);padding:.5rem;display:grid;box-shadow:0 5px 15px #0000004d,inset -2px -2px 5px #0000001a,inset 2px 2px 5px #fff}.die-dot{background:radial-gradient(circle at 30% 30%,#ff5722,#d84315);border-radius:50%;width:100%;height:100%;box-shadow:inset 1px 1px 2px #00000080}.roll-btn{color:#fff;cursor:pointer;text-shadow:1px 1px 2px #0000004d;background:linear-gradient(135deg,#ffb74d,#f57c00);border:none;border-radius:30px;padding:.8rem 2rem;font-family:Gaegu,sans-serif;font-size:clamp(1rem,3vw,1.5rem);transition:transform .2s,box-shadow .2s;box-shadow:0 6px 15px #f57c0066,inset 0 2px 4px #ffffff80}.roll-btn:hover:not(:disabled){transform:translateY(-3px)scale(1.05);box-shadow:0 8px 20px #f57c0099,inset 0 2px 4px #ffffff80}.roll-btn:disabled{box-shadow:none;cursor:not-allowed;background:#b0bec5;transform:none}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:linear-gradient(#fff,#f5f5f5);border:4px solid #e0e0e0;border-radius:30px;width:600px;max-width:100%;padding:clamp(1.5rem,4vw,3rem);box-shadow:0 15px 35px #0000004d,inset 0 2px 5px #fff}.modal-content h2{background:linear-gradient(135deg,#4caf50,#2196f3);-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px #0000001a);-webkit-background-clip:text;margin-bottom:1.5rem;font-family:Gaegu,sans-serif;font-size:clamp(2rem,5vw,3rem)}.top-nav-container{pointer-events:none;z-index:100;width:100%;position:absolute;top:0;left:0}.header-buttons{pointer-events:none;justify-content:flex-end;display:flex;position:absolute;top:1rem;right:1rem}.header-buttons>*{pointer-events:auto}.icon-btn{cursor:pointer;color:#455a64;background:#ffffffe6;border:2px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:all .2s;display:flex;box-shadow:0 4px 10px #0003}.icon-btn:hover{color:var(--secondary);background:#fff;transform:scale(1.1)rotate(5deg)}.glowing-toad{filter:drop-shadow(0 0 10px #ff9800)drop-shadow(0 0 20px #ffeb3b);animation:1s infinite alternate glowPulse;transform:scale(1.15)}@keyframes glowPulse{0%{filter:drop-shadow(0 0 5px #ff9800);transform:scale(1.1)}to{filter:drop-shadow(0 0 15px #ffeb3b)drop-shadow(0 0 20px #ff9800);transform:scale(1.2)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.lab-home-btn{z-index:100;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #ffffff80;border-radius:1rem;align-items:center;gap:.75rem;padding:.5rem 1rem;font-family:Outfit,sans-serif;text-decoration:none;transition:all .2s;display:flex;position:fixed;top:1rem;left:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.lab-home-btn:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.lab-home-icon-bg{background-color:#6366f1;border-radius:.75rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:transform .2s;display:flex;box-shadow:0 10px 15px -3px #c7d2fe}.lab-home-btn:hover .lab-home-icon-bg{transform:rotate(12deg)}.lab-home-icon-img{filter:brightness(0)invert();width:1.25rem;height:1.25rem}.lab-home-text-container{text-align:left;flex-direction:column;display:flex}.lab-home-subtitle{color:#6366f199;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700;line-height:1}.lab-home-title{color:#1f2937;letter-spacing:-.025em;font-size:.875rem;font-weight:900}.frog-jumping{z-index:100;animation:2s cubic-bezier(.25,1,.5,1) forwards jumpAcross}@keyframes jumpAcross{0%{transform:scale(1)translate(0)}50%{transform:scale(1.5)translate(50vw,-30vh)}to{transform:scale(1)translate(80vw)}}@media (width<=1024px){.top-nav-container{pointer-events:auto;z-index:100;background:#00000026;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;display:flex;position:relative}.lab-home-text-container{display:none}.lab-home-btn{margin:0;padding:.4rem;position:static;transform:scale(.85)}.header-buttons{position:static;transform:scale(.85)}.app-container{flex-direction:column}.bank{width:100vw;height:120px;box-shadow:none;z-index:10;flex-direction:row;justify-content:space-around;padding:0 1rem;position:relative}.bank.left{border-bottom:6px solid #558b2f;border-right:none;border-radius:0 0 30px 30px}.bank.right{border-top:6px solid #558b2f;border-left:none;border-radius:30px 30px 0 0}.player-info-tag{margin-top:0;padding:.3rem .8rem;font-size:.9rem!important}.bank svg{width:60px!important;height:60px!important}.pond-center{justify-content:space-between;margin:0;padding:.5rem 0}.path{flex-wrap:wrap;justify-content:center;gap:8px;height:auto;padding:0 10px;align-items:center!important}.lily-pad-wrapper{transform:translateY(0)!important}.lily-pad-wrapper:hover{transform:scale(1.1)translateY(0)!important}.lily-pad-wrapper svg{width:45px;height:45px}.toad-wrapper svg{width:32px;height:32px}.toad-wrapper{margin-top:-22px}.dice-area{width:90%;margin:1rem auto;padding:1rem;position:relative;top:auto;left:auto;transform:none}.dice-container{margin-bottom:.5rem}.die{width:4.5rem;height:4.5rem}.roll-btn{padding:.6rem 1.2rem;font-size:1rem}.lab-home-btn{transform-origin:0 0;padding:.4rem .8rem;top:.5rem;left:.5rem;transform:scale(.85)}}.die.rolling{animation:.3s infinite rollAnimation}@keyframes rollAnimation{0%{transform:rotate(0)scale(1)}25%{transform:rotate(15deg)scale(1.1)}50%{transform:rotate(0)scale(1)}75%{transform:rotate(-15deg)scale(1.1)}to{transform:rotate(0)scale(1)}}:root{--primary:#4caf50;--primary-hover:#45a049;--secondary:#2196f3;--secondary-hover:#1976d2;--bg-color:#e0f7fa;--water-color:#81d4fa;--lily-pad:#8bc34a;--lily-pad-hover:#7cb342;--text-dark:#263238;--text-light:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-dark);-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif;overflow:hidden}