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:#2eb5e5;background-image:radial-gradient(circle at 50% 120%,rgba(255,255,255,.2) 0%,transparent 60%),linear-gradient(180deg,#59c1e8,#208bc4);display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}#welcome-screen:before{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background-image:radial-gradient(circle at 10px 10px,rgba(255,255,255,.1) 2px,transparent 2.5px),radial-gradient(circle at 25px 25px,rgba(255,255,255,.1) 2px,transparent 2.5px);background-size:50px 50px;opacity:.5;animation:oceanDrift 30s linear infinite;transform:rotate(-5deg)}@keyframes oceanDrift{0%{transform:rotate(-5deg) translateY(0)}to{transform:rotate(-5deg) translateY(-50px)}}#welcome-container{width:280px;background-color:#fdf6e3;border:3px solid #5d4037;border-radius:12px;box-shadow:0 0 0 3px #c2b280,0 10px 25px #0006;position:relative;z-index:10;overflow:visible;padding:4px;animation:floatPanel 6s ease-in-out infinite;display:flex;flex-direction:column}@keyframes floatPanel{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}#welcome-content{background:linear-gradient(to bottom,#fffef5,#f5e6ca);border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #d7cbb0;width:100%;box-sizing:border-box}#welcome-logo{filter:drop-shadow(0 3px 0 rgba(0,0,0,.15));display:flex;justify-content:center;width:100%}#game-logo{width:80%;max-width:200px;height:auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));animation:logoFloat 4s ease-in-out infinite alternate}@keyframes logoFloat{0%{transform:translateY(0)}to{transform:translateY(-10px)}}#welcome-message{text-align:center;color:#5d4037;font-family:Comic Sans MS,Chalkboard SE,sans-serif}#welcome-message p{background:#fff9;border:2px solid #d7cbb0;border-radius:10px;padding:10px 15px;margin:8px 0;box-shadow:0 2px #0000001a;transform:rotate(-1deg);transition:transform .3s}#welcome-message p:hover{transform:rotate(1deg) scale(1.02)}#welcome-message p:nth-child(2){background:linear-gradient(135deg,#5eead4,#14b8a6);color:#134e4a;transform:rotate(.5deg);border-color:#0f766e;box-shadow:3px 3px #115e59}#welcome-message p:nth-child(3){background:linear-gradient(135deg,#7dd3fc,#38bdf8);color:#0c4a6e;transform:rotate(-.5deg);border-color:#0369a1;box-shadow:3px 3px #075985}#welcome-message p strong{background-color:#fff6;padding:2px 6px;border-radius:4px;font-weight:700;color:inherit;display:inline-block;transform:rotate(-1deg);border:2px dashed currentColor;opacity:.9}#loading-bar-container{width:100%;height:16px;background-color:#5d4037;border-radius:8px;padding:2px;box-shadow:inset 0 2px 4px #0006}#loading-bar{height:100%;background:repeating-linear-gradient(45deg,#4caf50,#4caf50 10px,#43a047 10px,#43a047 20px);border-radius:10px;width:0%;transition:width .3s ease;box-shadow:0 0 10px #4caf50}#loading-text{font-size:12px;font-weight:700;color:#5d4037;text-shadow:0 1px 0 rgba(255,255,255,.5)}#player-name-section{width:100%}#player-name-input{width:100%;padding:10px 14px;font-size:16px;font-family:Comic Sans MS,Chalkboard SE,sans-serif;border:2px solid #5d4037;border-radius:8px;background:#fff;color:#5d4037;text-align:center;box-sizing:border-box;outline:none;transition:border-color .2s,box-shadow .2s}#player-name-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf504d}#player-name-input::placeholder{color:#a99275}#start-button{background:linear-gradient(to bottom,#ffeb3b,#fbc02d);color:#5d4037;font-family:Comic Sans MS,Chalkboard SE,sans-serif;font-size:18px;font-weight:700;padding:10px 30px;border:2px solid #5d4037;border-radius:25px;cursor:pointer;box-shadow:0 4px #f57f17,0 6px 8px #00000040;text-transform:uppercase;letter-spacing:1px;transition:all .1s;width:100%}#start-button:hover{transform:translateY(-3px);box-shadow:0 9px #f57f17,0 15px 15px #0000004d;background:linear-gradient(to bottom,#fff176,#fdd835)}#start-button:active{transform:translateY(3px);box-shadow:0 3px #f57f17,0 5px 5px #0000004d}@keyframes pulseButton{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media screen and (max-width: 768px){#welcome-container{width:95%;max-width:500px;max-height:98vh;padding:2px}#welcome-content{padding:8px;gap:5px;justify-content:space-between}#welcome-message p{font-size:13px;padding:5px 8px;margin:2px 0;border-width:1px;box-shadow:1px 1px #0000001a}#welcome-message p strong{padding:0 2px;border-radius:2px;border-width:1px}#game-logo{width:35%;max-width:150px}#welcome-logo{margin-bottom:2px;margin-top:5px}#loading-bar-container{width:90%;height:16px}#start-button{padding:12px 30px;font-size:18px;border-width:2px;margin-bottom:5px}#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:98%;max-width:none;max-height:98vh;border-radius:15px;border-width:3px;padding:2px}#welcome-content{padding:8px;gap:6px;border-width:1px}#welcome-message p{font-size:11px;padding:4px 6px;margin:2px 0;border-width:1px;box-shadow:1px 1px #0000001a;border-radius:6px}#welcome-message p strong{padding:0 2px;border-radius:2px;border-width:1px}#game-logo{width:35%;max-width:120px;margin-bottom:2px}#welcome-logo{margin-bottom:2px;margin-top:2px}#loading-bar-container{height:12px;border-width:1px;border-radius:6px}#loading-text{font-size:12px}#start-button{padding:8px 20px;font-size:16px;border-width:2px;border-radius:20px}#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}}#progression-hud{position:fixed;top:60px;left:50%;transform:translate(-50%);display:flex;gap:15px;background:linear-gradient(135deg,#fffffff2,#fff9e6f2);padding:8px 20px;border-radius:25px;border:3px solid #333;box-shadow:0 4px #333,0 6px 15px #0003;z-index:100;font-family:Comic Sans MS,Chalkboard SE,cursive}.hud-item{display:flex;align-items:center;gap:5px;padding:0 10px;border-right:2px dashed #ccc}.hud-item:last-child{border-right:none}.hud-icon{font-size:18px}.hud-label{font-size:12px;color:#666;font-weight:700}.hud-value{font-size:14px;color:#333;font-weight:700}#settings-button,#achievements-button{position:fixed;top:10px;width:45px;height:45px;border-radius:50%;border:3px solid #333;font-size:20px;cursor:pointer;box-shadow:0 3px #333,0 5px 10px #0003;transition:transform .1s,box-shadow .1s;z-index:101}#settings-button{right:70px;background:linear-gradient(180deg,#9e9e9e,#757575)}#achievements-button{right:125px;background:linear-gradient(180deg,gold,orange)}#settings-button:hover,#achievements-button:hover{transform:translateY(-2px);box-shadow:0 5px #333,0 7px 12px #00000040}#settings-button:active,#achievements-button:active{transform:translateY(2px);box-shadow:0 1px #333,0 2px 5px #0003}#achievements-panel{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;justify-content:center;align-items:center;animation:fadeInBg .3s ease}#achievements-container{width:90%;max-width:700px;max-height:85vh;background:linear-gradient(135deg,#fff9e6,#fff);border:4px solid #333;border-radius:20px;box-shadow:0 8px #333,0 12px 30px #0000004d;overflow:hidden;animation:panelAppear .4s cubic-bezier(.34,1.56,.64,1)}#achievements-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(180deg,gold,orange);border-bottom:3px solid #333}#achievements-title{font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:24px;font-weight:700;color:#333;text-shadow:1px 1px 0 rgba(255,255,255,.5)}#achievements-close{width:35px;height:35px;border-radius:50%;border:3px solid #333;background:linear-gradient(180deg,#ff6b6b,#ee5a5a);color:#fff;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 3px #333;transition:transform .1s}#achievements-close:hover{transform:scale(1.1)}#achievements-progress{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#ffd70033;border-bottom:2px dashed #ddd}.progress-bar-container{flex:1;height:20px;background:#e0e0e0;border-radius:10px;border:2px solid #333;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:8px;transition:width .5s ease}#achievements-progress-text{font-family:Comic Sans MS,cursive;font-size:14px;font-weight:700;color:#333;white-space:nowrap}#achievements-tabs{display:flex;gap:5px;padding:10px 15px;background:#0000000d;border-bottom:2px solid #ddd;flex-wrap:wrap}.tab-button{padding:8px 15px;border:2px solid #333;border-radius:15px;background:#fff;font-family:Comic Sans MS,cursive;font-size:12px;cursor:pointer;transition:all .2s}.tab-button:hover{background:#f0f0f0}.tab-button.active{background:linear-gradient(180deg,#4caf50,#388e3c);color:#fff;box-shadow:0 2px #333}#achievements-content{padding:15px;max-height:50vh;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.achievement-card{background:#fff;border:3px solid #333;border-radius:15px;padding:15px;text-align:center;transition:transform .2s,box-shadow .2s;position:relative}.achievement-card:hover{transform:translateY(-3px);box-shadow:0 5px #333,0 8px 15px #00000026}.achievement-card.locked{background:#e0e0e0;opacity:.7}.achievement-card.locked .achievement-icon{filter:grayscale(100%)}.achievement-icon{font-size:36px;margin-bottom:10px}.achievement-name{font-family:Comic Sans MS,cursive;font-size:14px;font-weight:700;color:#333;margin-bottom:5px}.achievement-description{font-size:11px;color:#666;line-height:1.3}.achievement-unlocked-date{font-size:10px;color:#888;margin-top:8px;font-style:italic}.achievement-card.unlocked{border-color:#4caf50;background:linear-gradient(135deg,#e8f5e9,#fff)}#settings-panel{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1000;justify-content:center;align-items:center;animation:fadeInBg .3s ease}#settings-container{width:90%;max-width:450px;background:linear-gradient(135deg,#fff9e6,#fff);border:4px solid #333;border-radius:20px;box-shadow:0 8px #333,0 12px 30px #0000004d;overflow:hidden;animation:panelAppear .4s cubic-bezier(.34,1.56,.64,1)}#settings-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(180deg,#9e9e9e,#757575);border-bottom:3px solid #333}#settings-title{font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:24px;font-weight:700;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3)}#settings-close{width:35px;height:35px;border-radius:50%;border:3px solid #333;background:linear-gradient(180deg,#ff6b6b,#ee5a5a);color:#fff;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 3px #333}#settings-content{padding:20px}.settings-section{margin-bottom:20px;padding-bottom:15px;border-bottom:2px dashed #ddd}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section h3{font-family:Comic Sans MS,cursive;font-size:16px;color:#333;margin-bottom:15px}.settings-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.settings-row label{font-family:Comic Sans MS,cursive;font-size:14px;color:#555;flex-shrink:0}.settings-row input[type=range]{flex:1;height:8px;border-radius:4px;background:#ddd;outline:none;-webkit-appearance:none}.settings-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#4caf50,#388e3c);border:2px solid #333;cursor:pointer}.volume-value{font-family:Comic Sans MS,cursive;font-size:12px;color:#666;width:40px;text-align:right}.settings-btn{padding:8px 15px;border:2px solid #333;border-radius:10px;font-family:Comic Sans MS,cursive;font-size:12px;cursor:pointer;background:linear-gradient(180deg,#4caf50,#388e3c);color:#fff;box-shadow:0 2px #333;transition:transform .1s}.settings-btn:hover{transform:translateY(-1px)}.settings-btn:active{transform:translateY(1px);box-shadow:0 1px #333}.settings-btn.danger{background:linear-gradient(180deg,#f44336,#d32f2f)}#stats-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1001;justify-content:center;align-items:center}#stats-container{width:90%;max-width:500px;background:linear-gradient(135deg,#fff9e6,#fff);border:4px solid #333;border-radius:20px;box-shadow:0 8px #333,0 12px 30px #0000004d;overflow:hidden;animation:panelAppear .4s cubic-bezier(.34,1.56,.64,1)}#stats-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(180deg,#2196f3,#1976d2);border-bottom:3px solid #333}#stats-title{font-family:Comic Sans MS,cursive;font-size:24px;font-weight:700;color:#fff}#stats-close{width:35px;height:35px;border-radius:50%;border:3px solid #333;background:linear-gradient(180deg,#ff6b6b,#ee5a5a);color:#fff;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 3px #333}#stats-content{padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.stats-card{background:#fff;border:2px solid #333;border-radius:12px;padding:15px 10px;text-align:center}.stats-card-icon{font-size:28px;margin-bottom:5px}.stats-card-value{font-family:Comic Sans MS,cursive;font-size:20px;font-weight:700;color:#333}.stats-card-label{font-size:11px;color:#666}.stats-section h3{font-family:Comic Sans MS,cursive;font-size:16px;margin-bottom:15px;color:#333}.rarity-bars{display:flex;flex-direction:column;gap:10px}.rarity-bar-row{display:flex;align-items:center;gap:10px}.rarity-label{width:80px;font-family:Comic Sans MS,cursive;font-size:12px;font-weight:700}.rarity-label.common{color:#2196f3}.rarity-label.uncommon{color:#4caf50}.rarity-label.rare{color:#ffc107}.rarity-label.legendary{color:#9c27b0}.rarity-bar{flex:1;height:16px;background:#e0e0e0;border-radius:8px;border:2px solid #333;overflow:hidden}.rarity-fill{height:100%;border-radius:6px;transition:width .5s ease}.rarity-fill.common{background:linear-gradient(90deg,#2196f3,#64b5f6)}.rarity-fill.uncommon{background:linear-gradient(90deg,#4caf50,#81c784)}.rarity-fill.rare{background:linear-gradient(90deg,#ffc107,#ffd54f)}.rarity-fill.legendary{background:linear-gradient(90deg,#9c27b0,#ba68c8)}.rarity-count{width:40px;font-family:Comic Sans MS,cursive;font-size:12px;color:#666;text-align:right}#reset-confirm-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1002;justify-content:center;align-items:center}#reset-confirm-container{width:90%;max-width:350px;background:linear-gradient(135deg,#fff9e6,#fff);border:4px solid #333;border-radius:20px;padding:30px;text-align:center;box-shadow:0 8px #333,0 12px 30px #0000004d;animation:panelAppear .3s ease}#reset-confirm-icon{font-size:60px;margin-bottom:15px}#reset-confirm-container h2{font-family:Comic Sans MS,cursive;font-size:22px;color:#f44336;margin-bottom:10px}#reset-confirm-container p{font-family:Comic Sans MS,cursive;font-size:14px;color:#666;margin-bottom:20px;line-height:1.4}.reset-confirm-buttons{display:flex;gap:15px;justify-content:center}@media (max-width: 768px){#progression-hud{top:auto;bottom:10px;padding:6px 15px;gap:10px}.hud-item{padding:0 8px}.hud-icon{font-size:14px}.hud-label{display:none}.hud-value{font-size:12px}#settings-button,#achievements-button{width:40px;height:40px;font-size:18px}#settings-button{right:60px}#achievements-button{right:110px}#achievements-content{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){#progression-hud{gap:5px;padding:5px 10px}.hud-item{padding:0 5px}#achievements-content{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stats-card{padding:10px 5px}.stats-card-icon{font-size:22px}.stats-card-value{font-size:16px}}#pond-tooltip{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1001;justify-content:center;align-items:center;animation:fadeInBg .2s ease}#pond-tooltip-container{width:90%;max-width:320px;background:linear-gradient(135deg,#e3f2fd,#fff);border:4px solid #333;border-radius:20px;box-shadow:0 8px #333,0 12px 30px #0000004d;overflow:hidden;animation:panelAppear .3s cubic-bezier(.34,1.56,.64,1)}#pond-tooltip-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:linear-gradient(180deg,#64b5f6,#42a5f5);border-bottom:3px solid #333}#pond-tooltip-title{font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:20px;font-weight:700;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.3)}#pond-tooltip-close{width:30px;height:30px;border-radius:50%;border:2px solid #fff;background:#fff3;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease}#pond-tooltip-close:hover{background:#fff6;transform:scale(1.1)}#pond-tooltip-content{padding:15px}#pond-tooltip-status{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffffb3;border-radius:10px;margin-bottom:12px;border:2px solid #ddd}#pond-status-icon{font-size:24px}#pond-status-text{font-family:Comic Sans MS,cursive;font-size:16px;font-weight:700;color:#333}#pond-status-text.locked{color:#f44336}#pond-status-text.unlocked{color:#4caf50}#pond-tooltip-tier{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pond-tier-label{font-family:Comic Sans MS,cursive;font-size:14px;color:#666}.tier-badge{padding:4px 12px;border-radius:12px;font-family:Comic Sans MS,cursive;font-size:13px;font-weight:700;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.2)}.tier-badge.tier1{background:linear-gradient(135deg,#3498db,#2980b9)}.tier-badge.tier2{background:linear-gradient(135deg,#2ecc71,#27ae60)}.tier-badge.tier3{background:linear-gradient(135deg,#9b59b6,#8e44ad)}#pond-tooltip-fish{background:#ffffffb3;border-radius:10px;padding:10px;border:2px solid #ddd}.pond-fish-header{font-family:Comic Sans MS,cursive;font-size:14px;font-weight:700;color:#333;margin-bottom:8px;padding-bottom:6px;border-bottom:2px dashed #ddd}#pond-fish-list{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto}.pond-fish-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#fffc;border-radius:8px;border:1px solid #eee}.pond-fish-icon{font-size:18px}.pond-fish-name{font-family:Comic Sans MS,cursive;font-size:13px;color:#333;flex:1}.pond-fish-rarity{font-family:Comic Sans MS,cursive;font-size:11px;padding:2px 8px;border-radius:8px;font-weight:700}.pond-fish-rarity.common{background:#90caf9;color:#1565c0}.pond-fish-rarity.uncommon{background:#a5d6a7;color:#2e7d32}.pond-fish-rarity.rare{background:#ffe082;color:#f57f17}.pond-fish-rarity.legendary{background:#ce93d8;color:#7b1fa2}#pond-tooltip-unlock{margin-top:12px;padding:10px 12px;background:linear-gradient(135deg,#ffebee,#fff);border-radius:10px;border:2px solid #f44336}.unlock-requirement{display:flex;align-items:center;gap:8px}.unlock-icon{font-size:20px}#unlock-text{font-family:Comic Sans MS,cursive;font-size:13px;color:#c62828;font-weight:700}@media (max-width: 480px){#pond-tooltip-container{max-width:95%}#pond-tooltip-title{font-size:18px}#pond-fish-list{max-height:120px}}#fish-preview-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:2000;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}#fish-preview-modal.show{opacity:1}#fish-preview-container{background:linear-gradient(145deg,#fff5e6,bisque);border:4px solid #8B4513;border-radius:20px;padding:25px;text-align:center;position:relative;box-shadow:0 10px 40px #0006,inset 0 2px 4px #ffffff80;min-width:280px;max-width:350px;transform:scale(.8);transition:transform .3s ease;font-family:Comic Sans MS,Chalkboard SE,cursive}#fish-preview-modal.show #fish-preview-container{transform:scale(1)}#fish-preview-close{position:absolute;top:10px;right:10px;width:30px;height:30px;background:#ff6b6b;border:2px solid #8B4513;border-radius:50%;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;line-height:1;transition:all .2s ease}#fish-preview-close:hover{background:#ff4757;transform:scale(1.1)}#fish-preview-new{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(145deg,gold,orange);color:#8b4513;padding:5px 20px;border-radius:20px;font-size:14px;font-weight:700;border:3px solid #8B4513;box-shadow:0 4px 8px #0000004d;animation:newBadgePulse 1s ease-in-out infinite;display:none}@keyframes newBadgePulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.1)}}#fish-preview-title{font-size:24px;font-weight:700;color:#8b4513;margin-bottom:15px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}#fish-preview-canvas-wrapper{width:200px;height:200px;margin:0 auto 15px;background:radial-gradient(circle,#87ceeb,#4682b4);border-radius:50%;border:4px solid #8B4513;overflow:hidden;box-shadow:inset 0 4px 8px #0003,0 4px 8px #0003}#fish-preview-canvas{width:200px;height:200px}#fish-preview-info{margin-bottom:20px}#fish-preview-name{font-size:22px;font-weight:700;color:#5d4037;margin-bottom:8px}#fish-preview-rarity{display:inline-block;padding:4px 16px;border-radius:15px;font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:10px;border:2px solid}#fish-preview-rarity.common{background:linear-gradient(145deg,#90caf9,#64b5f6);color:#1565c0;border-color:#1565c0}#fish-preview-rarity.uncommon{background:linear-gradient(145deg,#a5d6a7,#81c784);color:#2e7d32;border-color:#2e7d32}#fish-preview-rarity.rare{background:linear-gradient(145deg,#ffe082,#ffd54f);color:#f57f17;border-color:#f57f17}#fish-preview-rarity.legendary{background:linear-gradient(145deg,#ce93d8,#ba68c8);color:#6a1b9a;border-color:#6a1b9a;animation:legendaryGlow 2s ease-in-out infinite}@keyframes legendaryGlow{0%,to{box-shadow:0 0 5px #9c27b0}50%{box-shadow:0 0 20px #9c27b0,0 0 30px #e040fb}}#fish-preview-points{font-size:18px;color:#4caf50;font-weight:700}#fish-preview-continue{background:linear-gradient(145deg,#4caf50,#388e3c);color:#fff;border:3px solid #2E7D32;border-radius:25px;padding:12px 30px;font-size:16px;font-weight:700;cursor:pointer;font-family:Comic Sans MS,Chalkboard SE,cursive;transition:all .2s ease;box-shadow:0 4px 8px #0003}#fish-preview-continue:hover{background:linear-gradient(145deg,#66bb6a,#43a047);transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}#fish-preview-continue:active{transform:translateY(0);box-shadow:0 2px 4px #0003}@media (max-width: 480px){#fish-preview-container{min-width:260px;padding:20px}#fish-preview-canvas-wrapper,#fish-preview-canvas{width:160px;height:160px}#fish-preview-title{font-size:20px}#fish-preview-name{font-size:18px}}#streak-display{position:fixed;top:60px;left:20px;background:linear-gradient(145deg,#1e1e1ef2,#323232f2);border:3px solid #FF6B00;border-radius:15px;padding:10px 20px;display:flex;align-items:center;gap:10px;z-index:100;box-shadow:0 4px 15px #ff6b0066,inset 0 1px 2px #ffffff1a;font-family:Comic Sans MS,Chalkboard SE,cursive;transform:translate(-120%);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}#streak-display.visible{transform:translate(0)}#streak-display.hidden{transform:translate(-120%)}#streak-display.streak-up{animation:streakPulse .5s ease}@keyframes streakPulse{0%,to{transform:translate(0) scale(1)}50%{transform:translate(0) scale(1.1)}}#streak-flames{display:flex;gap:2px}#streak-flames .flame{font-size:20px;animation:flameFlicker .5s ease-in-out infinite alternate;opacity:.3;filter:grayscale(100%);transition:all .3s ease}#streak-flames .flame.active{opacity:1;filter:grayscale(0%)}#streak-flames .flame:nth-child(1){animation-delay:0s}#streak-flames .flame:nth-child(2){animation-delay:.15s}#streak-flames .flame:nth-child(3){animation-delay:.3s}@keyframes flameFlicker{0%{transform:scale(1) rotate(-5deg)}to{transform:scale(1.1) rotate(5deg)}}#streak-info{display:flex;flex-direction:column;align-items:center}#streak-label{font-size:10px;color:#ff9500;font-weight:700;letter-spacing:2px;text-shadow:0 0 5px rgba(255,149,0,.5)}#streak-count{font-size:28px;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8),0 2px 4px rgba(0,0,0,.5);line-height:1}#streak-bonus{font-size:12px;color:#4caf50;font-weight:700;text-shadow:0 0 5px rgba(76,175,80,.5);min-width:50px;text-align:center}#streak-display.intensity-1{border-color:#ff6b00;box-shadow:0 4px 15px #ff6b0066}#streak-display.intensity-2{border-color:#ff4500;box-shadow:0 4px 20px #ff450080}#streak-display.intensity-3{border-color:red;box-shadow:0 4px 25px #f009,0 0 40px #ff45004d;animation:intenseFire .3s ease-in-out infinite alternate}@keyframes intenseFire{0%{box-shadow:0 4px 25px #f009,0 0 40px #ff45004d}to{box-shadow:0 4px 30px #ff3200cc,0 0 50px #ff640080}}#streak-display.breaking{animation:streakBreak .6s ease forwards}@keyframes streakBreak{0%{transform:translate(0) scale(1);opacity:1}20%{transform:translate(0) scale(1.1)}to{transform:translate(-120%) scale(.8);opacity:0}}@media (max-width: 480px){#streak-display{top:50px;left:10px;padding:8px 15px}#streak-flames .flame{font-size:16px}#streak-count{font-size:22px}#streak-bonus{font-size:10px}}#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)}}