body{margin:0;padding:0;overflow:hidden;font-family:Arial,sans-serif;background:linear-gradient(to bottom,#b3e0ff,#e7f8ff)}canvas{display:block}#fish-count{position:absolute;top:20px;left:20px;color:#333;background-color:#ffeb3b;padding:10px 18px;border-radius:20px;font-size:16px;font-weight:700;z-index:100;border:3px solid #333;box-shadow:0 4px #333,0 6px 10px #00000040;transition:transform .1s ease}#fish-count:hover{transform:translateY(-2px);box-shadow:0 6px #333,0 8px 12px #0000004d}#inventory-button{position:absolute;top:20px;right:20px;background-color:#ff5722;color:#fff;border:3px solid #333;border-radius:20px;padding:10px 20px;cursor:pointer;font-size:16px;font-weight:700;z-index:100;box-shadow:0 4px #333,0 6px 10px #00000040;transition:transform .1s ease,box-shadow .1s ease}#inventory-button:hover{transform:translateY(-2px);box-shadow:0 6px #333,0 8px 12px #0000004d}#inventory-button:active{transform:translateY(2px);box-shadow:0 2px #333,0 3px 6px #0003}#audio-controls{position:absolute;top:20px;right:200px;display:flex;gap:15px;z-index:100}#mute-button,#volume-up,#volume-down{background-color:#4caf50;color:#fff;border:3px solid #333;border-radius:50%;width:45px;height:45px;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #333,0 6px 10px #00000040;transition:transform .1s ease,box-shadow .1s ease}#mute-button{background-color:#f44336;font-size:12px}#volume-up{background-color:#2196f3}#volume-down{background-color:#f44336}#mute-button:hover,#volume-up:hover,#volume-down:hover{transform:translateY(-2px);box-shadow:0 6px #333,0 8px 12px #0000004d}#mute-button:active,#volume-up:active,#volume-down:active{transform:translateY(2px);box-shadow:0 2px #333,0 3px 6px #0003}#inventory-panel{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2962ff99;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeInBg .3s ease-out}@keyframes fadeInBg{0%{background-color:#2962ff00}to{background-color:#2962ff99}}#inventory-container{width:80%;height:80%;background-color:#fff9c4;border-radius:30px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px #333,0 15px 30px #0006;transform:scale(.9);animation:panelAppear .4s cubic-bezier(.175,.885,.32,1.275) forwards;border:5px solid #333}@keyframes panelAppear{0%{transform:scale(.9)}70%{transform:scale(1.03)}to{transform:scale(1)}}#inventory-header{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;background-color:#ff9800;color:#333;box-shadow:0 4px #333;position:relative;border-bottom:5px solid #333}#inventory-title{font-size:28px;font-weight:700;text-shadow:2px 2px 0 white;font-family:Comic Sans MS,Chalkboard SE,cursive;letter-spacing:1px}#inventory-close{background-color:#f44336;border:3px solid #333;color:#fff;font-size:22px;font-weight:700;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #333;transition:all .1s ease}#inventory-close:hover{transform:translateY(-2px);box-shadow:0 5px #333}#inventory-close:active{transform:translateY(3px);box-shadow:0 1px #333}#inventory-stats{display:flex;justify-content:space-around;padding:15px;background-color:#81d4fa;border-bottom:5px solid #333;box-shadow:0 4px #333}.stat-item{display:flex;flex-direction:column;align-items:center;background-color:#ffeb3b;border:3px solid #333;border-radius:15px;padding:10px 20px;box-shadow:0 4px #333;min-width:100px}.stat-label{font-size:14px;color:#333;margin-bottom:5px;font-family:Comic Sans MS,Chalkboard SE,cursive;font-weight:700}.stat-value{font-size:22px;font-weight:700;color:#ff5722;text-shadow:1px 1px 0 white}#inventory-content{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;overflow-y:auto;padding:20px;gap:20px;background-color:#e3f2fd;box-shadow:inset 0 4px #333;scrollbar-width:thin;scrollbar-color:#333 #81D4FA}#inventory-content::-webkit-scrollbar{width:12px}#inventory-content::-webkit-scrollbar-track{background:#81d4fa;border-left:3px solid #333}#inventory-content::-webkit-scrollbar-thumb{background-color:#ff9800;border-radius:10px;border:3px solid #333}.fish-card{width:130px;height:160px;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px #333,0 8px 15px #0003;transition:all .15s ease;cursor:pointer;position:relative;background-color:#ffecb3;border:3px solid #333;transform-origin:center bottom}.fish-card:hover{transform:translateY(-8px) rotate(2deg);box-shadow:0 8px #333,0 12px 20px #0000004d}.fish-card:active{transform:translateY(3px);box-shadow:0 2px #333,0 4px 8px #0003}.fish-index{position:absolute;top:5px;left:5px;font-size:12px;color:#fff;background-color:#ff5722;padding:3px 8px;border-radius:12px;font-family:Comic Sans MS,Chalkboard SE,cursive;font-weight:700;border:2px solid #333;box-shadow:1px 1px #333}.fish-image{height:85px;display:flex;align-items:center;justify-content:center;background-color:#bbdefb;border-bottom:3px solid #333}.fish-image img{max-width:85%;max-height:85%;filter:drop-shadow(2px 2px 0 #333);transform:scale(1.1)}.fish-name{padding:8px 5px;font-weight:700;text-align:center;color:#333;font-family:Comic Sans MS,Chalkboard SE,cursive;border-bottom:3px solid #333;font-size:14px}.fish-rarity{padding:5px;font-size:12px;text-align:center;color:#333;font-family:Comic Sans MS,Chalkboard SE,cursive;font-weight:700}.fish-count{padding:2px 5px;font-size:12px;text-align:right;color:#616161}.legendary,.rare,.uncommon,.common{border:none}.undiscovered{border:none;color:#9e9e9e}#fish-detail{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2962ff99;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:300;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeInBg .3s ease-out}#detail-container{width:70%;max-width:800px;background-color:#fff9c4;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px #333,0 15px 30px #0006;border:5px solid #333;transform:scale(.9);animation:panelAppear .4s cubic-bezier(.175,.885,.32,1.275) forwards}#detail-header{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;background-color:#ff9800;color:#333;position:relative;border-bottom:5px solid #333;box-shadow:0 4px #333}#detail-title{font-size:28px;font-weight:700;text-shadow:2px 2px 0 white;font-family:Comic Sans MS,Chalkboard SE,cursive;letter-spacing:1px}#detail-index{position:absolute;right:60px;font-size:16px;font-weight:700;background-color:#ffeb3b;color:#333;padding:5px 10px;border-radius:12px;border:3px solid #333;font-family:Comic Sans MS,Chalkboard SE,cursive}#detail-close{background-color:#f44336;border:3px solid #333;color:#fff;font-size:22px;font-weight:700;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #333;transition:all .1s ease}#detail-close:hover{transform:translateY(-2px);box-shadow:0 5px #333}#detail-close:active{transform:translateY(3px);box-shadow:0 1px #333}#detail-content{display:flex;padding:25px;background-color:#fff9c4;font-family:Comic Sans MS,Chalkboard SE,cursive}#detail-image{width:40%;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:20px;padding:15px;border:3px solid #333;box-shadow:0 4px #333}#detail-info{width:60%;padding-left:25px}.detail-section{margin-bottom:20px;background-color:#fff;border-radius:20px;padding:15px;border:3px solid #333;box-shadow:0 4px #333}.detail-section h3{margin:0 0 15px;color:#333;background-color:#ffeb3b;border-radius:15px;padding:8px 15px;display:inline-block;border:3px solid #333;box-shadow:0 3px #333;font-family:Comic Sans MS,Chalkboard SE,cursive}.detail-row{display:flex;margin-bottom:10px;padding:5px 0;border-bottom:2px dotted #FFECB3}.detail-label{width:130px;font-weight:700;color:#333;background-color:#e1f5fe;padding:5px 10px;border-radius:10px;margin-right:10px;text-align:right}.detail-value{flex:1;padding:5px 10px;font-weight:700}#detail-description{font-style:normal;color:#333;margin-top:15px;padding:10px;background-color:#e8f5e9;border-radius:15px;border:2px dashed #4CAF50}#notification-container{position:absolute;top:80px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:15px;z-index:150}.notification{background-color:#ffeb3b;color:#333;padding:15px 20px;border-radius:20px;font-size:16px;font-weight:700;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);max-width:300px;box-shadow:0 4px #333,0 6px 10px #0000004d;border:3px solid #333;font-family:Comic Sans MS,Chalkboard SE,cursive;transform-origin:center right}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.notification.legendary{background-color:#9c27b0;border:3px solid #333;color:#fff;box-shadow:0 4px #333,0 6px 10px #0000004d,0 0 20px #9c27b0;animation:legendaryPulse 2s infinite alternate}@keyframes legendaryPulse{0%{box-shadow:0 4px #333,0 6px 10px #0000004d,0 0 10px #9c27b0}to{box-shadow:0 4px #333,0 6px 10px #0000004d,0 0 25px #9c27b0}}.notification.rare{background-color:#ffc107;border:3px solid #333;color:#333;box-shadow:0 4px #333,0 6px 10px #0000004d}.notification.uncommon{background-color:#4caf50;border:3px solid #333;color:#fff;box-shadow:0 4px #333,0 6px 10px #0000004d}.notification.common{background-color:#2196f3;border:3px solid #333;color:#fff;box-shadow:0 4px #333,0 6px 10px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}#exit-indicator{position:absolute;bottom:20px;right:20px;background-color:#00000080;color:#fff;padding:10px;border-radius:5px;font-size:14px;z-index:100;display:none}#transition-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;padding:15px 20px;border-radius:8px;font-size:18px;z-index:400;display:none}#horizontal-minigame-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;flex-direction:column;align-items:center;background-color:#bbdefb;padding:30px;border-radius:25px;z-index:500;box-shadow:0 8px #333,0 12px 25px #0006;border:5px solid #333;animation:bounceIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes bounceIn{0%{transform:translate(-50%,-50%) scale(.5)}70%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}#minigame-bar{width:320px;height:40px;background-color:#ffecb3;border:4px solid #333;border-radius:20px;position:relative;margin-bottom:25px;overflow:hidden;box-shadow:inset 0 3px #0003,0 5px #333}#minigame-target-zone{position:absolute;top:0;left:40%;width:20%;height:100%;background-color:#4caf50;border-left:3px dashed #333;border-right:3px dashed #333;animation:targetBounce .5s infinite alternate}@keyframes targetBounce{0%{transform:scaleX(.95)}to{transform:scaleX(1.05)}}#minigame-ball{position:absolute;top:50%;left:0;width:32px;height:32px;background-color:#ff5722;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 4px #333;z-index:10}#minigame-instruction{color:#333;font-size:22px;text-align:center;font-family:Comic Sans MS,Chalkboard SE,cursive;margin-bottom:10px;font-weight:700;text-shadow:2px 2px 0 white;letter-spacing:1px;background-color:#ffeb3b;padding:10px 20px;border-radius:15px;border:3px solid #333;box-shadow:0 4px #333;margin-top:10px}@media screen and (max-width: 768px){#fish-count{font-size:14px;padding:8px 12px;top:15px;left:10px}#inventory-button{font-size:14px;padding:8px 12px;top:15px;right:10px}#audio-controls{top:15px;right:130px;gap:5px}#mute-button,#volume-up,#volume-down{width:30px;height:30px;font-size:12px;border-width:2px}}@media screen and (max-width: 480px){#fish-count{font-size:12px;padding:6px 10px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#inventory-button{font-size:12px;padding:6px 10px}#mute-button,#volume-up,#volume-down{width:25px;height:25px;font-size:10px;border-width:2px}#audio-controls{gap:3px;right:110px}}#horizontal-minigame-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:600px;z-index:1000}#welcome-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2962ffd9;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#welcome-container{width:80%;max-width:700px;background-color:#fff9c4;border-radius:30px;overflow:hidden;box-shadow:0 12px #333,0 15px 30px #0006;border:5px solid #333;animation:panelAppear .6s cubic-bezier(.175,.885,.32,1.275) forwards}#welcome-content{padding:25px;display:flex;flex-direction:column;align-items:center;gap:20px}#welcome-logo{display:flex;justify-content:center;margin-bottom:20px;margin-top:20px}#game-logo{width:80%;max-width:400px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));animation:logoFloat 4s ease-in-out infinite alternate}@keyframes logoFloat{0%{transform:translateY(0)}to{transform:translateY(-10px)}}#welcome-message{text-align:center;color:#333}#welcome-message p{font-size:18px;margin:8px 0;color:#333;font-family:Comic Sans MS,Chalkboard SE,cursive;padding:8px 15px;border-radius:12px;box-sizing:border-box;width:100%;background:linear-gradient(to right,#ffeb3b,#fff59d);border:2px solid #333;box-shadow:3px 3px #333;transform:rotate(-.5deg);position:relative;overflow:hidden}#welcome-message p:nth-child(2){background:linear-gradient(to right,#4caf50,#8bc34a);color:#fff;transform:rotate(.5deg)}#welcome-message p:nth-child(3){background:linear-gradient(to right,#2196f3,#03a9f4);color:#fff;transform:rotate(-.5deg)}#welcome-message p strong{background-color:#ffffff4d;padding:2px 5px;border-radius:4px;font-weight:700;color:#333;display:inline-block;transform:rotate(-1deg);border:1px dashed rgba(0,0,0,.3)}#loading-bar-container{width:90%;height:30px;background-color:#fff;border:3px solid #333;border-radius:15px;overflow:hidden;box-shadow:inset 0 2px 5px #0003}#loading-bar{height:100%;width:0%;background:linear-gradient(to right,#4caf50,#8bc34a);border-radius:12px;transition:width .3s ease}#loading-text{font-size:16px;font-weight:700;color:#333}#start-button{padding:12px 25px;font-size:20px;background-color:#4caf50;color:#fff;border:3px solid #333;border-radius:20px;cursor:pointer;font-weight:700;box-shadow:0 4px #333,0 6px 10px #00000040;transition:transform .1s ease,box-shadow .1s ease}#start-button:hover{transform:translateY(-2px);box-shadow:0 6px #333,0 8px 12px #0000004d}#start-button:active{transform:translateY(2px);box-shadow:0 2px #333,0 3px 6px #0003}@media screen and (max-width: 768px){#welcome-container{width:95%;max-width:500px}#welcome-content{padding:15px;gap:15px}#welcome-message p{font-size:14px;padding:6px 10px;margin:8px 0;border-width:2px;box-shadow:2px 2px #333}#welcome-message p strong{padding:1px 3px;border-radius:3px}#game-logo{width:70%;max-width:300px}#welcome-logo{margin-bottom:10px;margin-top:10px}#loading-bar-container{width:95%;height:25px}#start-button{padding:10px 20px;font-size:18px}#inventory-container{width:95%;height:90%;border-radius:20px;border-width:4px}#inventory-header{padding:12px 15px;border-bottom-width:3px}#inventory-title{font-size:22px}#inventory-close{width:35px;height:35px;font-size:18px;border-width:2px}#inventory-stats{padding:10px;border-bottom-width:3px;flex-wrap:wrap;gap:10px}.stat-item{padding:8px 12px;border-width:2px;border-radius:10px;min-width:80px}.stat-label{font-size:12px;margin-bottom:3px}.stat-value{font-size:18px}#inventory-content{padding:15px;gap:15px}.fish-card{width:110px;height:140px;border-width:2px;border-radius:12px}#detail-container{width:95%;max-width:600px;border-radius:20px;border-width:4px}#detail-header{padding:12px 15px;border-bottom-width:3px}#detail-title{font-size:22px}#detail-index{right:50px;font-size:14px;padding:4px 8px;border-width:2px}#detail-close{width:35px;height:35px;font-size:18px;border-width:2px}#detail-content{padding:15px;flex-direction:column}#detail-image{width:100%;padding:10px;margin-bottom:15px;border-width:2px}#detail-info{width:100%;padding-left:0}.detail-section{margin-bottom:15px;padding:12px;border-width:2px;border-radius:15px}.detail-section h3{font-size:16px;padding:6px 12px;margin-bottom:12px;border-width:2px}.detail-row{margin-bottom:8px;padding:3px 0}.detail-label{width:100px;font-size:14px;padding:4px 8px}.detail-value{font-size:14px;padding:4px 8px}#detail-description{font-size:14px;padding:8px;margin-top:12px}}@media screen and (max-width: 480px){#welcome-container{width:95%;max-width:none;border-radius:20px;border-width:4px}#welcome-content{padding:12px;gap:8px}#welcome-message p{font-size:12px;padding:5px 8px;margin:5px 0;border-width:1px;box-shadow:2px 2px #333}#welcome-message p strong{padding:1px 2px;border-radius:2px;border-width:1px}#game-logo{width:60%;max-width:180px;margin-bottom:5px}#welcome-logo{margin-bottom:5px;margin-top:5px}#loading-bar-container{height:20px;border-width:2px}#loading-text{font-size:14px}#start-button{padding:8px 16px;font-size:16px;border-width:2px}#inventory-container{width:100%;height:100%;border-radius:0;border-width:0;box-shadow:none}#inventory-header{padding:10px;border-bottom-width:3px}#inventory-title{font-size:18px}#inventory-close{width:30px;height:30px;font-size:16px;border-width:2px}#inventory-stats{padding:8px 5px;flex-wrap:wrap;justify-content:center;gap:5px}.stat-item{padding:5px 8px;border-width:2px;border-radius:8px;min-width:70px}.stat-label{font-size:10px;margin-bottom:2px}.stat-value{font-size:14px}#inventory-content{padding:10px;gap:8px;justify-content:center}.fish-card{width:90px;height:120px;border-width:2px;border-radius:10px}.fish-name{font-size:10px;padding:4px}.fish-rarity{font-size:9px;padding:2px 5px}.fish-count{font-size:10px;width:20px;height:20px}#detail-container{width:100%;height:100%;border-radius:0;border-width:0;box-shadow:none}#detail-title{font-size:18px}#detail-index{right:40px;font-size:12px;padding:3px 6px;border-width:2px;border-radius:8px}#detail-close{width:30px;height:30px;font-size:16px;border-width:2px}#detail-image{padding:8px;margin-bottom:10px;border-width:2px;border-radius:15px}.detail-section{margin-bottom:10px;padding:10px;border-width:2px;border-radius:12px}.detail-section h3{font-size:14px;padding:4px 8px;margin-bottom:10px;border-width:2px;border-radius:10px}.detail-row{margin-bottom:6px;padding:2px 0}.detail-label{width:80px;font-size:12px;padding:3px 6px;border-radius:8px;margin-right:5px}.detail-value{font-size:12px;padding:3px 6px}#detail-description{font-size:12px;padding:6px;margin-top:8px;border-width:1px}#detail-header{padding:8px 10px;border-bottom-width:3px}#welcome-header{padding:10px 15px}#welcome-title{font-size:24px}#progress-container{margin:15px 0}.instruction-section h3{font-size:16px}.instruction-text{font-size:14px;margin-bottom:10px}#start-button{padding:8px 25px;font-size:18px;margin-top:15px}#inventory-container{width:95%;height:90%;border-width:3px;border-radius:20px}#inventory-header{padding:10px 15px}#inventory-title{font-size:22px}#inventory-stats{font-size:12px;padding:5px 10px}#inventory-content{padding:10px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.fish-card{width:90px;height:130px;border-radius:10px;border-width:2px}.fish-card:hover{transform:translateY(-5px) rotate(2deg)}.fish-index{top:3px;left:3px;font-size:10px;padding:2px 5px;border-radius:8px;border-width:1px}.fish-image{height:65px;border-bottom-width:2px}.fish-image img{max-width:80%;max-height:80%}.fish-info{padding:5px}.fish-name{font-size:11px;margin-bottom:2px}.fish-stats{font-size:10px}#detail-container{width:95%;max-width:none;border-width:3px;border-radius:20px}#detail-header{padding:10px 15px;border-bottom-width:3px}#detail-title{font-size:20px}#detail-index{right:45px;font-size:14px}#detail-content{padding:10px}#detail-image-container{height:100px;margin-bottom:10px;border-width:2px;border-radius:10px}.detail-row{margin-bottom:5px;padding:1px 0}.detail-label{width:70px;font-size:11px;padding:2px 5px;border-radius:6px;margin-right:3px}.detail-value{font-size:11px;padding:2px 5px}#detail-description{font-size:11px;padding:5px;margin-top:6px;border-width:1px}.detail-close{width:28px;height:28px;font-size:16px}}#wind-effect-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.wind-line{position:absolute;background-color:transparent;height:2px;border-radius:1px;transform-origin:left center;opacity:0;animation-timing-function:ease-out;animation-name:windLine;filter:drop-shadow(0 0 1px rgba(255,255,255,.5));overflow:visible}.wind-path{stroke:#fffc;stroke-width:2px;fill:none;stroke-linecap:round}#wind-control-panel{position:fixed;top:80px;right:20px;width:280px;background-color:#000000b3;border-radius:8px;color:#fff;font-family:Arial,sans-serif;z-index:100;box-shadow:0 2px 10px #0000004d;transition:all .3s ease;transform:translate(0);overflow:hidden}#wind-control-panel.collapsed{width:40px;height:40px;overflow:hidden}#wind-control-panel.collapsed .control-content,#wind-control-panel.collapsed .control-header h3{display:none}.control-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#0000004d;cursor:move}.control-header h3{margin:0;font-size:14px;font-weight:400}#wind-control-toggle{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.control-content{padding:10px}.control-group{margin-bottom:8px;display:flex;align-items:center;font-size:12px}.control-group label{width:70px;display:inline-block}.control-group input[type=range]{width:120px;margin:0 10px}.control-group input[type=color]{width:120px;height:20px;margin:0 10px;border:none;background:none;cursor:pointer}.control-group select{width:120px;margin:0 10px;padding:2px 5px;background-color:#2d3748;color:#fff;border:1px solid #4a5568;border-radius:4px;font-size:12px;cursor:pointer}.control-value{width:40px;text-align:right}.control-buttons{display:flex;justify-content:space-between;margin-top:15px}.control-buttons button{background-color:#4a5568;border:none;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s}.control-buttons button:hover{background-color:#2d3748}#wind-apply{background-color:#4299e1}#wind-apply:hover{background-color:#3182ce}#wind-save{background-color:#48bb78}#wind-save:hover{background-color:#38a169}#wind-reset{background-color:#e53e3e}#wind-reset:hover{background-color:#c53030}@keyframes flowPath{0%{d:path("M0,10 Q25,-15 50,10 Q75,35 100,10")}25%{d:path("M0,10 Q25,35 50,10 Q75,-15 100,10")}50%{d:path("M0,0 Q25,25 50,0 Q75,-25 100,0")}75%{d:path("M0,0 Q25,-25 50,0 Q75,25 100,0")}to{d:path("M0,10 Q25,-15 50,10 Q75,35 100,10")}}@keyframes windLine{0%{opacity:0;transform:scaleX(.1)}10%{opacity:.9;transform:scaleX(1)}80%{opacity:.9}to{opacity:0;transform:translate(100%) scaleX(1.1)}}
