html,body,#root{-webkit-user-select:none;user-select:none;background-color:#16222f;width:100%;height:100%;margin:0;padding:0;overflow:hidden}canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block;width:100%!important;height:100%!important}.reeling-ui-container{pointer-events:none;z-index:15;width:100%;height:100%;font-family:Courier New,Courier,monospace;position:absolute;top:0;left:0}.reeling-panel{text-align:center;color:#fff;pointer-events:auto;background-color:#1e1610eb;border:6px double #8b5a2b;border-radius:6px;width:380px;padding:15px 20px;position:absolute;bottom:45px;left:50%;transform:translate(-50%);box-shadow:6px 6px #0009}.reeling-header h3{color:#ffea00;text-shadow:2px 2px #000;letter-spacing:1px;margin:0 0 4px;font-size:16px}.reeling-header p{color:#ccc;margin:0 0 15px;font-size:11px}.tension-bar-outer{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.tension-label{text-shadow:1px 1px #000;font-size:10px;font-weight:700}.tension-label.left{color:#3498db}.tension-label.right{color:#e74c3c}.tension-bar-track{background-color:#1a1510;border:2px solid #5a3d28;border-radius:4px;flex:1;height:22px;position:relative;overflow:visible}.safe-zone{background-color:#2ecc7159;border-left:2px dashed #2ecc71;border-right:2px dashed #2ecc71;height:100%;position:absolute;box-shadow:inset 0 0 8px #2ecc7166}.tension-indicator{z-index:5;width:14px;height:30px;transition:left 50ms ease-out;position:absolute;top:-6px;transform:translate(-50%)}.indicator-arrow{border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;margin:0 auto}.tension-indicator.safe .indicator-arrow{border-top:8px solid #2ecc71}.tension-indicator.alert .indicator-arrow{border-top:8px solid #e74c3c}.indicator-core{border-radius:2px;width:4px;height:22px;margin:0 auto;box-shadow:0 0 5px #00000080}.tension-indicator.safe .indicator-core{background-color:#2ecc71;box-shadow:0 0 8px #2ecc71}.tension-indicator.alert .indicator-core{background-color:#e74c3c;box-shadow:0 0 8px #e74c3c}.progress-track-container{align-items:center;gap:10px;margin:15px 0;display:flex}.progress-track{background-color:#111;border:2px solid #5a3d28;border-radius:8px;flex:1;height:14px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#1f4068,#162447,#0f4c81);height:100%;box-shadow:inset 0 0 4px #fff3}.hook-icon{z-index:2;font-size:11px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.fish-icon-progress{z-index:3;font-size:12px;transition:left .1s linear;position:absolute;top:50%;transform:translateY(-50%)}.progress-percentage{color:#0fc;text-align:right;text-shadow:1px 1px #000;min-width:32px;font-size:12px;font-weight:700}.reeling-instructions{color:#bbb;letter-spacing:.5px;margin-top:10px;font-size:10px}.reeling-instructions .kbd{color:#fc0;background-color:#3e2723;border:1px solid #fc0;border-radius:3px;padding:1px 4px;font-weight:700}.critical-flash{animation:.2s infinite alternate flash-red-border}@keyframes flash-red-border{0%{border-color:#8b5a2b;box-shadow:6px 6px #0009}to{border-color:#e74c3c;box-shadow:0 0 15px #e74c3ccc,6px 6px #0009}}.caught-panel{text-align:center;color:#fff;pointer-events:auto;background-color:#1e1610f2;border:5px double #ffea00;border-radius:8px;width:380px;padding:25px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #000c,6px 6px #00000080}.caught-header h2{color:#ffea00;text-shadow:3px 3px #000;letter-spacing:2px;margin:0;font-size:24px;animation:1s infinite alternate pulse-gold}.sparkle-line{background:linear-gradient(90deg,#0000,#ffea00,#0000);height:4px;margin:10px 0 20px}.caught-details{background-color:#0006;border:2px solid #5a3d28;border-radius:4px;margin-bottom:20px;padding:15px 20px}.detail-row{justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.detail-row:last-child{margin-bottom:0}.detail-row .label{color:#aaa}.detail-row .value{font-weight:700}.detail-row .value.highlight{color:#0fc;text-shadow:1px 1px #000}.detail-row .value.gold{color:#ffea00;text-shadow:1px 1px #3e2723}.caught-footer .pulse-text{color:#ffea00;text-shadow:1px 1px #000;margin:10px 0 0;font-size:12px;font-weight:700;animation:.8s infinite alternate pulse-opacity}@keyframes pulse-gold{0%{transform:scale(1)}to{transform:scale(1.04)}}@keyframes pulse-opacity{0%{opacity:.4}to{opacity:1}}.shop-overlay-container{z-index:25;background-color:#000000a6;justify-content:center;align-items:center;width:100%;height:100%;font-family:Courier New,Courier,monospace;display:flex;position:absolute;top:0;left:0}.shop-modal{color:#fff;background-color:#1e1610f5;border:6px double #8b5a2b;border-radius:6px;flex-direction:column;width:500px;padding:20px;display:flex;box-shadow:0 10px 30px #000c,8px 8px #00000080}.shop-modal-header{border-bottom:2px solid #5a3d28;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.coins-counter{color:#ffea00;text-shadow:2px 2px #000;font-size:18px;font-weight:700}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:28px;line-height:1}.close-btn:hover{color:#e74c3c}.shop-tabs{gap:8px;margin-bottom:15px;display:flex}.tab-link{color:#ccc;cursor:pointer;background-color:#1a1510;border:3px solid #8b5a2b;border-radius:4px;flex:1;padding:8px 12px;font-family:inherit;font-weight:700}.tab-link:hover{color:#fff;border-color:#ffea00}.tab-link.active{color:#fff;background-color:#8b5a2b;border-color:#ffea00;box-shadow:inset 0 0 5px #00000080}.tab-content{flex-direction:column;display:flex}.shop-intro{color:#aaa;text-align:center;margin-bottom:12px;font-size:11px;line-height:1.4}.upgrade-list{flex-direction:column;gap:12px;display:flex}.upgrade-card{background-color:#0006;border:2px solid #5a3d28;border-radius:4px;padding:12px 15px}.upgrade-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.upgrade-card-header h4{color:#ffea00;text-shadow:1px 1px #000;margin:0;font-size:14px}.level-badge{color:#fff;background-color:#8b5a2b;border:1px solid #ffea00;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.item-name{color:#ccc;margin:0 0 6px;font-size:12px}.upgrade-desc{color:#aaa;margin:0 0 10px;font-size:11px;line-height:1.3}.upgrade-action{justify-content:space-between;align-items:center;display:flex}.price-tag{color:#ffea00;text-shadow:1px 1px #000;font-size:14px;font-weight:700}.buy-btn{cursor:pointer;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:700}.buy-btn.affordable{color:#fff;background-color:#e67e22;border:2px solid #fc0}.buy-btn.affordable:hover{background-color:#d35400}.buy-btn.locked{color:#777;cursor:not-allowed;background-color:#333;border:2px solid #444}.max-level-text{text-align:center;color:#2ecc71;letter-spacing:.5px;margin:5px 0 0;font-size:11px;font-weight:700}.journal-grid{flex-direction:column;gap:10px;max-height:310px;padding-right:5px;display:flex;overflow-y:auto}.journal-grid::-webkit-scrollbar{width:6px}.journal-grid::-webkit-scrollbar-track{background:#1a1510}.journal-grid::-webkit-scrollbar-thumb{background:#5a3d28;border-radius:3px}.journal-card{background-color:#0006;border:2px solid #5a3d28;border-radius:4px;align-items:center;gap:12px;padding:10px 12px;display:flex}.journal-card.discovered{border-color:#8b5a2b}.journal-card.undiscovered{opacity:.7;border-color:#444}.journal-card-left{align-items:center;display:flex}.fish-avatar{border:2px solid #555;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;box-shadow:inset 0 0 6px #00000080}.journal-card.undiscovered .fish-avatar{border-color:#333;background-color:#222!important}.journal-card-right{flex:1}.fish-title{color:#ffea00;text-shadow:1px 1px #000;margin:0 0 2px;font-size:14px}.journal-card.undiscovered .fish-title{color:#777}.fish-time-hint{color:#3498db;font-size:10px;font-weight:700}.fish-desc{color:#ccc;margin:4px 0;font-size:11px;line-height:1.3}.fish-stats{color:#0fc;gap:15px;margin-top:2px;font-size:10px;display:flex}.fish-hint-text{color:#888;margin:4px 0 0;font-size:10px;line-height:1.3}.music-notes-container{pointer-events:none;z-index:12;width:120px;height:150px;position:absolute;top:40%;left:20%;overflow:visible}.note{opacity:0;text-shadow:2px 2px #000;font-size:24px;animation:3s linear infinite float-note;position:absolute;bottom:0}.note.n1{color:#ff9f43;animation-delay:0s;left:10%}.note.n2{color:#ff6b6b;font-size:18px;animation-delay:.8s;left:35%}.note.n3{color:#48dbfb;animation-delay:1.6s;left:60%}.note.n4{color:#1dd1a1;font-size:20px;animation-delay:2.2s;left:80%}@keyframes float-note{0%{opacity:0;transform:translateY(0)scale(.6)rotate(0)}15%{opacity:.8}85%{opacity:.8}to{opacity:0;transform:translateY(-150px)scale(1.1)rotate(20deg)}}@keyframes cook-progress-bar{0%{width:0%}to{width:100%}}