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%}}.auth-shell{color:#f4e8ce;background-color:#0b110f;width:100%;height:100%;font-family:Courier New,Courier,monospace;display:flex;position:relative;overflow:hidden}.auth-sky{background:linear-gradient(#070b0d 0%,#0d1a24 60%,#152d3a 100%);border-right:4px solid #1a2f26;width:50%;height:100%;position:absolute;top:0;left:0;overflow:hidden}@media (width<=900px){.auth-sky{opacity:.25;border-right:none;width:100%}}.auth-moon{background-color:#f6e58d;border-radius:50%;width:50px;height:50px;position:absolute;top:15%;left:20%;box-shadow:0 0 20px #f6e58d66}.auth-star{background-color:#fff;border-radius:50%;width:4px;height:4px;animation:3s ease-in-out infinite auth-star-pulse;position:absolute}.auth-star-one{animation-delay:.5s;top:25%;left:60%}.auth-star-two{animation-delay:1.5s;top:12%;left:80%}.auth-star-three{animation-delay:2.2s;top:40%;left:35%}@keyframes auth-star-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.auth-mountain{border-left:120px solid #0000;border-right:120px solid #0000;width:0;height:0;position:absolute;bottom:120px}.auth-mountain-back{border-bottom:150px solid #0d1e18;left:-20px}.auth-mountain-front{border-bottom:110px solid #142a22;left:120px}.auth-water{background:linear-gradient(#091d17 0%,#050f0c 100%);border-top:4px solid #1fa37a;width:100%;height:120px;position:absolute;bottom:0;left:0}.auth-dock{background-color:#271d15;border:3px solid #4a3424;border-radius:2px;width:140px;height:14px;position:absolute;bottom:20px;right:10%}.auth-fisherman{background-color:#050708;border-radius:4px 4px 0 0;width:16px;height:24px;position:absolute;bottom:31px;right:15%}.auth-fisherman:after{content:"";background-color:#050708;border-radius:4px 4px 0 0;width:12px;height:6px;position:absolute;top:-2px;left:2px}.auth-story-panel{box-sizing:border-box;z-index:5;pointer-events:none;flex-direction:column;justify-content:flex-start;width:50%;height:100%;padding:80px 60px;display:flex;position:absolute;top:0;left:0}@media (width<=900px){.auth-story-panel{width:100%;height:40%;padding:40px 30px}}.auth-kicker{color:#d6a14b;letter-spacing:2px;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.auth-kicker span{background-color:#d6a14b;width:6px;height:6px;transform:rotate(45deg)}.auth-story-panel h1{color:#ffea00;text-shadow:4px 4px #000;letter-spacing:-1px;margin:15px 0 0;font-size:46px}.auth-subtitle{color:#2ecc71;letter-spacing:6px;text-transform:uppercase;text-shadow:2px 2px #000;margin:5px 0 25px;font-size:14px;font-weight:700}.auth-story{color:#b8ab91;text-shadow:1px 1px 1px #000;max-width:380px;margin-bottom:40px;font-size:13px;line-height:1.8}.auth-features{flex-direction:column;gap:15px;display:flex}.auth-features div{flex-direction:column;display:flex}.auth-features strong{color:#ffea00;font-size:12px}.auth-features span{color:#8fa099;font-size:11px}.auth-card-wrap{box-sizing:border-box;z-index:10;background-color:#0e1613;border-left:2px dashed #1a2f26;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:40px;display:flex;position:absolute;top:0;right:0}@media (width<=900px){.auth-card-wrap{background-color:#0e1613f2;border-top:4px solid #1a2f26;border-left:none;width:100%;height:60%;top:40%}}.auth-card-topline{color:#b8ab91;letter-spacing:1px;justify-content:space-between;width:400px;max-width:100%;margin-bottom:12px;font-size:10px;font-weight:700;display:flex}.auth-online{color:#2ecc71;align-items:center;gap:5px;display:flex}.auth-online i{background-color:#2ecc71;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 6px #2ecc71}.auth-mode-tabs{box-sizing:border-box;background-color:#0b100e;border:3px solid #27372d;width:400px;max-width:100%;margin-bottom:20px;padding:3px;display:flex}.auth-mode-tabs button{color:#b8ab91;cursor:pointer;background:0 0;border:none;flex:1;padding:8px 0;font-family:Courier New,Courier,monospace;font-size:12px;font-weight:700;transition:all .2s}.auth-mode-tabs button.active{color:#0b100e;background-color:#d6a14b;box-shadow:2px 2px #0000004d}.auth-clerk-stage{flex-grow:0;justify-content:center;width:400px;max-width:100%;display:flex}.auth-security-note{color:#5d6e65;text-align:center;max-width:320px;margin-top:25px;font-size:10px;line-height:1.4}.auth-loading{color:#d6a14b;background-color:#0b110f;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:Courier New,Courier,monospace;display:flex}.auth-loading-mark{border:4px solid #1a2f26;border-top-color:#d6a14b;border-radius:50%;width:40px;height:40px;margin-bottom:20px;animation:1s linear infinite auth-loading-spin}@keyframes auth-loading-spin{to{transform:rotate(360deg)}}.auth-loading p{letter-spacing:2px;margin:0;font-size:14px;font-weight:700}.auth-loading small{color:#5d6e65;margin-top:6px;font-size:11px}.game-account-control{z-index:100;pointer-events:auto;background-color:#1e1610eb;border:3px double #8b5a2b;border-radius:4px;padding:6px 12px;position:absolute;top:15px;left:15px;box-shadow:4px 4px #00000080}.game-account-avatar{border:2px solid #d6a14b;border-radius:50%}.nusa-clerk-root{width:100%!important}.nusa-clerk-card-box{width:100%!important;box-shadow:none!important}.nusa-clerk-card{border:3px solid #27372d!important;width:100%!important;box-shadow:6px 6px #0006!important}.cl-headerTitle{text-transform:uppercase;color:#ffea00!important;font-family:Courier New,Courier,monospace!important;font-size:18px!important}.cl-headerSubtitle{color:#b8ab91!important;font-family:Courier New,Courier,monospace!important;font-size:12px!important}.cl-formButtonPrimary{color:#0b100e!important;background-color:#d6a14b!important;border-radius:4px!important;font-family:Courier New,Courier,monospace!important;font-weight:700!important}.cl-formButtonPrimary:hover{background-color:#ffea00!important}.cl-footerActionLink{color:#d6a14b!important}.cl-footerActionLink:hover{color:#ffea00!important}.cl-formFieldInput{border:2px solid #27372d!important;border-radius:4px!important}.cl-formFieldInput:focus{border-color:#d6a14b!important;box-shadow:0 0 5px #d6a14b66!important}.cl-dividerLine{background-color:#27372d!important}.cl-dividerText{color:#b8ab91!important}.cl-userButtonOuter,.cl-userButtonTrigger,.cl-userButtonName,.cl-userButtonOuter *,.cl-userButtonTrigger *{color:#f4e8ce!important;font-family:Courier New,Courier,monospace!important;font-weight:700!important}.lobby-list-container{z-index:100;pointer-events:auto;box-sizing:border-box;background-color:#1e1610eb;border:3px double #8b5a2b;border-radius:4px;width:180px;padding:6px 12px;font-family:Courier New,Courier,monospace;position:absolute;top:60px;right:15px;box-shadow:4px 4px #00000080}.lobby-header{color:#ffea00;text-shadow:1px 1px #000c;letter-spacing:1px;text-align:center;border-bottom:2px solid #8b5a2b;margin-bottom:6px;padding-bottom:4px;font-size:11px;font-weight:700}.lobby-players{max-height:100px;overflow-y:auto}.lobby-players::-webkit-scrollbar{width:4px}.lobby-players::-webkit-scrollbar-track{background:#0003}.lobby-players::-webkit-scrollbar-thumb{background:#8b5a2b;border-radius:2px}.lobby-player-row{color:#f4e8ce;text-overflow:ellipsis;white-space:nowrap;align-items:center;margin-bottom:4px;font-size:11px;display:flex;overflow:hidden}.lobby-player-row.me{color:#2ecc71;font-weight:700}.player-indicator{background-color:#2ecc71;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:8px;display:inline-block}.lobby-player-row.me .player-indicator{background-color:#2ecc71;box-shadow:0 0 4px #2ecc71}.lobby-empty{color:#b8ab91;text-align:center;padding:6px 0;font-size:10px;font-style:italic}.cl-userButtonPopoverCard{background-color:#1e1610!important;border:3px double #8b5a2b!important;border-radius:4px!important;box-shadow:6px 6px #0009!important}.cl-userButtonPopoverCard *,.cl-userButtonPopoverActionButton,.cl-userButtonPopoverActionButtonText,.cl-userButtonPopoverActionButtonIcon,.cl-userButtonPopoverCustomItemButton{color:#f4e8ce!important;font-family:Courier New,Courier,monospace!important;font-weight:700!important}.cl-userPreviewHeading,.cl-userButtonPopoverHeaderTitle,.cl-userPreviewHeadingText{color:#ffea00!important}.cl-userPreviewSecondaryIdentifier,.cl-userButtonPopoverHeaderSubtitle{color:#b8ab91!important}.cl-userButtonPopoverActionButton:hover,.cl-userButtonPopoverActionButton:hover *,.cl-userButtonPopoverCustomItemButton:hover,.cl-userButtonPopoverCustomItemButton:hover *{color:#ffea00!important;background-color:#d6a14b26!important}.kick-screen{z-index:9999;background-color:#0a0806f2;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Courier New,Courier,monospace;display:flex;position:fixed;top:0;left:0}.kick-card{text-align:center;background-color:#1e1610;border:6px double #8b5a2b;border-radius:4px;width:90%;max-width:480px;padding:30px 40px;box-shadow:10px 10px #0009}.kick-card h1{color:#e74c3c;text-shadow:2px 2px #000c;letter-spacing:2px;margin-bottom:20px;font-size:20px}.kick-card p{color:#f4e8ce;margin-bottom:15px;font-size:13px;line-height:1.6}.kick-card small{color:#b8ab91;margin-bottom:30px;font-size:10px;line-height:1.4;display:block}.kick-reload-btn{color:#f4e8ce;cursor:pointer;background-color:#3e2723;border:3px solid #8b5a2b;border-radius:4px;outline:none;padding:10px 24px;font-family:Courier New,Courier,monospace;font-size:12px;font-weight:700;transition:all 50ms;box-shadow:4px 4px #00000080}.kick-reload-btn:hover{color:#ffea00;background-color:#4e342e;border-color:#d6a14b}.kick-reload-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #00000080}