#LoadingScreen{background-color:#d3d3d3;height:100svh;display:flex;flex-direction:column;justify-content:end;align-items:center}h1{padding:1rem;margin:0}h2{padding:0;margin:0;font-size:min(30px,5vw)}p{padding:0;margin:0}.black{background-color:#000}.container{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.container.bottom{min-height:150px;margin-bottom:70px;display:flex;justify-content:center}#centerItemsLoading{opacity:0;background-color:red}#LoadingComponent{margin:2rem;display:flex;flex-direction:column;gap:.7rem}.offsetBottom{height:-moz-fit-content;height:fit-content;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}#loadingBarContainer{position:relative;width:100%;height:20px}#loadingBar{position:relative;height:24px;width:100%;box-sizing:border-box;border:2px solid black}#loadingBarFill{position:absolute;box-sizing:border-box;display:inline-block;width:0%;height:24px;background-color:#444}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;color:#1d1d1d;background-color:#d9d9d9;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{touch-action:manipulation}body{margin:0;padding:0}.button:hover{transition:all .2s ease-in-out;color:#2055b9}.absolute{position:absolute}.pinAll{top:0;right:0;bottom:0;left:0}.flex{display:flex}.fl-col{flex-direction:column}.flj-center{justify-content:center}.centered{align-items:center}.overlay{overflow:hidden;width:100%;height:100%}.layer_1{z-index:1}.layer_100{z-index:100}.layer_200{z-index:200}.behind_100{z-index:-100}.languageButtons{display:flex;gap:1em}.languageButtons .smallButton{background-color:#b1b1b1;display:flex;width:40px;height:40px;flex-direction:row;align-items:center;justify-content:center;filter:drop-shadow(0px 4px 0px #000000)}.languageButtons .smallButton h2{color:#1f1f1f}.languageButtons .clicked{background-color:#1f1f1f;filter:unset;transform:translateY(4px)}.languageButtons .clicked h2{color:silver}#MainMenu h1{font-size:min(8vw,48px);font-weight:700;display:inline;margin:0;padding:10px 0}#MainMenu h2{font-size:min(5vw,28px);font-weight:300;position:relative;left:-2em;display:contents;margin:0;padding:10px 0}#MainMenu .wideGap{justify-content:space-between;height:100%;gap:10em}#MainMenu .narrowGap{justify-content:space-between}#FishPoolOverlay{display:flex;flex-direction:column;box-sizing:border-box;padding:2em 0;justify-content:center;align-items:center;gap:1rem;width:90%;margin-inline:auto;pointer-events:none}#FishPoolOverlay h1{display:inline;text-align:center;line-height:1em;padding:0;margin:0;font-size:min(40px,10vw);color:#1c1c1c}#FishPoolOverlay h2{text-align:center;line-height:1.2em;font-size:min(30px,5vw);margin-bottom:10px}#FishPoolOverlay h2 .fadeIn{font-size:min(20px,4vw)}#FishPoolOverlay #FisherImage{flex:1 1 auto;max-width:100%;max-height:50vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}#DidYouKnow #dykTextBox{transform:translateY(150px);height:30svh;width:80%;display:flex;flex-direction:column}#DidYouKnow .textBox{width:100%}#DidYouKnow .textBox h3{padding:0;font-size:22px}#DidYouKnow h2{display:inline;left:unset;transform:unset;position:inherit}.nonInteractable{pointer-events:none}.hidden{display:none;visibility:hidden}#PauseScreen{background-color:#111111ef;display:flex;justify-content:center;align-items:flex-end}#PauseScreen div{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:80%;height:40svh;gap:20px}#PauseScreen .button{color:#2b2b2b;text-transform:uppercase;font-weight:400;margin:0;padding-block:.7em;width:80%;text-align:center;background-color:#e2e2e2;border-radius:10px}#PauseScreen .button:hover{color:#1779fa}#PauseScreen .button:active{color:#3f8aeb}#GameContainer{overflow:hidden;width:100%;height:100svh}#GameContainer canvas{margin:0!important;padding:0!important}#Instructions{display:flex;justify-content:center;height:90svh}#Instructions div{position:relative;display:flex;padding:10px 20px}#Instructions div h2{font-size:max(40px,min(80px,5vw));color:#fff;left:0;display:inline;text-align:center;line-height:110%}.blur{--blur-amount: 5px;-webkit-backdrop-filter:blur(var(--blur-amount));backdrop-filter:blur(var(--blur-amount));background-color:#0000}#InGameOverlay .topNav{display:flex;align-items:flex-start;justify-content:space-between;padding-inline:20px}#InGameOverlay .fishCounter{margin-top:10px;font-weight:400;font-style:italic;display:flex;gap:.5em;padding:.5em 1em;border-radius:8px;background-color:#aaa}#InGameOverlay .fishCounter h2{margin:0;font-size:max(16px,min(60px,3vw))}#InGameOverlay #NavData{display:flex;gap:10px}#InGameOverlay #PauseBTN{margin-top:10px;width:40px;background-color:#555;border-radius:8px;background-image:url(/Pause.png);background-position:center;background-size:70%;background-repeat:no-repeat;pointer-events:all}#InGameOverlay #timerContainer{width:min(25%,300px);transform:translateY(-145px);margin-inline:min(3%,50px)}#InGameOverlay #timerContainer img{width:100%;aspect-ratio:auto}#InGameOverlay #timerContainer #timerValue{font-size:max(20px,min(80px,5vw));position:absolute;top:50%;left:50%;margin:0;padding:0;transform:translate(-50%,-40%);text-align:center}#InGameOverlay .animateTimer{animation:dropdown-timer 1.3s forwards ease-in-out}@keyframes dropdown-timer{0%{transform:translateY(-145px)}to{transform:translateY(-1vw)}}#TrophyOverlay .topBox{bottom:unset;color:#fff}#TrophyOverlay .topBox h1{text-align:center;font-size:3em;line-height:110%;letter-spacing:-1px;text-transform:uppercase;margin-block:.2em}#TrophyOverlay #Tier{font-size:1.4em}#TrophyOverlay .thin{font-weight:100}#TrophyOverlay .bottomBox{position:absolute;height:20svh;width:100%;bottom:7svh;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#fff}#TrophyOverlay .bottomBox .stats{margin:0;margin-inline:.8em;font-size:2.5em;display:inline;font-weight:900;opacity:1;left:0;line-height:100%}#TrophyOverlay .bottomText{position:absolute;display:flex;justify-content:center;bottom:0;width:40ch;left:50%;margin-bottom:10px;transform:translate(-50%);text-align:center}#TrophyOverlay .bottomText h1{font-size:3em;font-style:italic;text-transform:uppercase;margin:0}#FinalScore{justify-content:end}#FinalScore #ScoreCard{overflow-y:scroll;padding-right:5px;display:contents;width:70%;height:50svh}#FinalScore #ScoreCard .align-top{align-items:top;flex-direction:column;justify-content:flex-start;gap:20px}#FinalScore #ScoreCard .outside{padding:.4em;width:90%;box-sizing:border-box;background-color:#f1f1f1;border-radius:.8em;border:2px solid black;height:40svh;overflow:scroll}#FinalScore #ScoreCard #total{height:30px;width:80%;margin-bottom:30px}#FinalScore #ScoreCard .item-list{width:100%;display:contents;display:flex;flex-direction:column}#FinalScore #ScoreCard .list-item{display:flex;align-items:center;flex-direction:row;padding:.5em;width:100%;justify-content:space-between;box-sizing:border-box;gap:15px}#FinalScore #ScoreCard h3{font-size:13px}#FinalScore #ScoreCard h4{font-size:12px;color:#888}#FinalScore #ScoreCard .info{justify-content:flex-end;width:50%}#FinalScore #ScoreCard .points{font-weight:900;color:#333}#FinalScore #ScoreCard h3,#FinalScore #ScoreCard h4{margin:0;padding:0}#FinalScore #ScoreCard .tier1{background-color:#ff9f32;border-radius:.4em}#FinalScore #ScoreCard .tier1 .points{font-weight:900;color:#8b4f0b}#FinalScore #ScoreCard .tier1 h3{color:#8b4f0b}#FinalScore #ScoreCard .tier1 h4{color:#d8802e}#FinalScore #ScoreCard .tier2{background-color:#a2b9d1;border-radius:.4em}#FinalScore #ScoreCard .tier2 .points{font-weight:900;color:#fefefe}#FinalScore #ScoreCard .tier2 h3{color:#fefefe}#FinalScore #ScoreCard .tier2 h4{color:#dae3ec}#FinalScore #ScoreCard .tier3{background-color:#926d4a;border-radius:.4em}#FinalScore #ScoreCard .tier3 .points{font-weight:900;color:#f0dacf}#FinalScore #ScoreCard .tier3 h3{color:#f0dacf}#FinalScore #ScoreCard .tier3 h4{color:#d29b6d}#FinalScore h3{font-size:min(10vw,32px);padding:10px 20px}#FinalScore h3{margin-bottom:0;padding:0}#FinalScore #scorecardButtons{display:flex;width:90%;justify-content:space-between;gap:2em;margin-bottom:5svh}#FinalScore #catchText{font-size:1.3em;color:#f5f5f5;background-color:#303030;padding:.2em .7em;border-radius:10px;margin-bottom:10px}#FinalScore h2{margin:0;padding:0}#FinalScore .button{color:#fff;width:50%;text-align:center;padding:.5em .8em;border-radius:10px;font-size:.9em}#FinalScore #scoreCardContinue{background-color:#db4444}#FinalScore #scoreCardPrize{background-color:#1bc855}#FinalScore #PrizeTier{margin:0 0 2em;text-align:center;font-weight:100}#FinalScore #PrizeTier .bold{font-size:min(10vw,36px);text-transform:uppercase;font-weight:900}
