body,html{height:100%;overflow:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}#root{height:100%;width:100%}*{box-sizing:border-box;margin:0;padding:0}.game-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.background-gradient{background:linear-gradient(180deg,#87ceeb,#5dade2 30%,#3498db 60%,#2980b9);height:100%;left:0;top:0;z-index:0}.background-gradient,.ocean{position:absolute;width:100%}.ocean{background:linear-gradient(180deg,#1e90ff,#006994 50%,#00008b);bottom:0;height:55%;overflow:hidden;z-index:1}.wave{animation:wave-animation 3s linear infinite;height:80px;position:absolute;top:0;width:200%}.wave svg{height:100%;width:100%}@keyframes wave-animation{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.palm-tree{bottom:50%;height:120px;position:absolute;width:60px;z-index:2}.palm-tree-svg{height:100%;width:100%}.game-ui{display:flex;flex-direction:column;gap:10px;left:20px;position:absolute;top:20px;z-index:100}.pause-hint,.score-panel,.speed-panel{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;border-radius:25px;display:flex;gap:8px;padding:10px 20px}.pause-icon,.score-icon,.speed-icon{font-size:20px}.pause-text,.score-text,.speed-text{color:#fff;font-size:18px;font-weight:700;text-shadow:1px 1px 3px #00000080}.speed-text.accelerating{animation:pulse .5s ease-in-out infinite;color:gold}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.surfer-container{position:absolute;transition:left .05s linear,top .05s linear;z-index:10}.surfer{animation:surf-animation .8s ease-in-out infinite;height:80px;position:relative;width:60px;z-index:2}.surfer-svg{height:100%;width:100%}.surfer-shadow{background:#0000004d;border-radius:50%;bottom:-5px;filter:blur(3px);height:10px;left:50%;position:absolute;transform:translateX(-50%);width:50px}@keyframes surf-animation{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-5px)}}.surfboard{bottom:-15px;height:20px;left:50%;position:absolute;transform:translateX(-50%);width:80px;z-index:1}.surfboard-body{background:linear-gradient(90deg,gold,orange 50%,#ff8c00);border-radius:50%;box-shadow:0 2px 5px #0000004d,inset 0 -3px 5px #0003;height:100%;position:absolute;width:100%}.surfboard-stripe{background:#fff9;border-radius:2px;height:4px;left:20%;position:absolute;top:50%;transform:translateY(-50%);width:60%}.surfboard-shadow{background:#0006;border-radius:50%;bottom:-8px;filter:blur(4px);height:12px;left:50%;position:absolute;transform:translateX(-50%);width:70px}.obstacle{align-items:center;display:flex;justify-content:center;position:absolute;z-index:5}.obstacle-emoji{animation:obstacle-bob 1.5s ease-in-out infinite;font-size:40px}.obstacle-shark .obstacle-emoji{animation-duration:1.2s}.obstacle-rock .obstacle-emoji{animation-duration:2s}.obstacle-ship .obstacle-emoji{animation-duration:2.5s}@keyframes obstacle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.obstacle-shadow{background:#0000004d;border-radius:50%;bottom:-5px;filter:blur(3px);height:8px;width:70%}.instructions,.obstacle-shadow{left:50%;position:absolute;transform:translateX(-50%)}.instructions{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;border-radius:25px;bottom:20px;display:flex;flex-wrap:wrap;gap:25px;justify-content:center;padding:10px 25px;z-index:100}.instructions span{color:#fff;font-size:14px;text-shadow:1px 1px 2px #00000080}.start-screen{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:200}.start-content{animation:fade-in-up .6s ease-out;text-align:center}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-title{animation:title-pulse 2s ease-in-out infinite;color:#fff;font-size:clamp(2.5rem,8vw,4rem);margin-bottom:10px;text-shadow:3px 3px 6px #00000080,0 0 30px #ffd7004d}@keyframes title-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.game-subtitle{color:#fffc;font-size:clamp(1rem,3vw,1.5rem);letter-spacing:8px;margin-bottom:30px}.start-instructions{display:flex;flex-direction:column;gap:12px;margin-bottom:35px}.instruction-item{display:flex;flex-wrap:wrap;gap:8px}.instruction-item,.key{align-items:center;justify-content:center}.key{background:linear-gradient(145deg,#4a5568,#2d3748);border:2px solid #718096;border-radius:8px;box-shadow:0 4px 6px #0000004d,inset 0 1px 0 #ffffff1a;color:#fff;display:inline-flex;font-size:14px;font-weight:700;height:36px;min-width:36px;padding:0 12px}.key.space-key{min-width:100px}.instruction-text{color:#fff;font-size:16px;text-shadow:1px 1px 3px #00000080}.start-btn{background:linear-gradient(135deg,#4caf50,#45a049,#3d8b40);border:none;border-radius:50px;box-shadow:0 6px 20px #4caf5066,inset 0 -3px 10px #0003;color:#fff;cursor:pointer;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;overflow:hidden;padding:18px 50px;position:relative;transition:all .3s ease}.start-btn:hover{box-shadow:0 10px 30px #4caf5080,inset 0 -3px 10px #0003;transform:translateY(-3px)}.start-btn:active{transform:translateY(0)}.start-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.start-btn:hover:before{left:100%}.game-over-screen{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:200}.game-over-content{animation:fade-in-scale .4s ease-out;background:#000000b3;border-radius:25px;padding:40px 60px;text-align:center}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.game-over-title{color:tomato;font-size:clamp(2rem,6vw,3rem);margin-bottom:20px;text-shadow:2px 2px 4px #00000080}.score-display{margin-bottom:30px}.score-label{color:#ffffffb3;display:block;font-size:18px;margin-bottom:10px}.score-value{color:gold;display:block;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;text-shadow:0 0 20px #ffd70080,2px 2px 4px #00000080}.restart-btn,.resume-btn{border:none;border-radius:50px;box-shadow:0 6px 20px #2196f366,inset 0 -3px 10px #0003;color:#fff;cursor:pointer;font-size:clamp(1.1rem,3vw,1.3rem);font-weight:700;padding:15px 45px;transition:all .3s ease}.restart-btn{background:linear-gradient(135deg,#2196f3,#1976d2,#1565c0)}.resume-btn{background:linear-gradient(135deg,#4caf50,#45a049,#3d8b40)}.restart-btn:hover,.resume-btn:hover{box-shadow:0 10px 30px #2196f380,inset 0 -3px 10px #0003;transform:translateY(-3px)}.restart-btn:active,.resume-btn:active{transform:translateY(0)}.pause-screen{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:200}.pause-content{animation:fade-in-scale .3s ease-out;background:#000000b3;border-radius:25px;padding:40px 60px;text-align:center}.pause-icon{font-size:64px;margin-bottom:20px}.pause-title{color:gold;font-size:clamp(1.8rem,5vw,2.5rem);margin-bottom:15px;text-shadow:2px 2px 4px #00000080}.pause-hint-text{color:#fffc;font-size:16px;margin-bottom:30px}@media (max-width:768px){.game-ui{left:15px;top:15px}.pause-hint,.score-panel,.speed-panel{padding:8px 15px}.pause-text,.score-text,.speed-text{font-size:16px}.pause-icon,.score-icon,.speed-icon{font-size:18px}.instructions{gap:15px;padding:8px 20px}.instructions span{font-size:12px}.start-content{padding:0 20px}.key{font-size:12px;height:32px;min-width:32px;padding:0 10px}.key.space-key{min-width:80px}.game-over-content,.pause-content{margin:0 20px;padding:30px 40px}.pause-icon{font-size:48px}}@media (max-width:480px){.palm-tree{height:80px;width:40px}.palm-tree:nth-child(2){left:88%!important}.game-title{font-size:2rem}.start-instructions{gap:10px;margin-bottom:25px}.start-btn{font-size:1.1rem;padding:15px 35px}.restart-btn,.resume-btn{font-size:1rem;padding:12px 35px}.pause-icon{font-size:40px}.instructions{flex-direction:column;gap:10px}}.app{height:100vh;overflow:hidden;width:100vw}
/*# sourceMappingURL=main.e1a15556.css.map*/