*{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000}html,body{background:#2a2a2a;width:100%;height:100%;margin:0;padding:0}#app{width:100%;height:100%;position:relative;overflow:hidden}canvas{-webkit-touch-callout:none;touch-action:none}.overlay-load{z-index:9999;pointer-events:none;background-color:#0a373c;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.overlay-load span{color:#fff;letter-spacing:1px;margin-bottom:.75rem;font-family:system-ui,sans-serif;font-size:.8rem;font-weight:700}.overlay-load .track{box-sizing:border-box;background:#ffffff12;border:1px solid #ffffff2e;border-radius:10px;width:250px;height:30px;padding:3px;overflow:hidden}.overlay-load .progress{background-color:#42ad62;border-radius:7px;width:0%;height:100%}.overlay-pause{z-index:100;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal{color:#f5f5f5;text-align:center;z-index:1000;background:#10172ef2;border-radius:12px;padding:22px;font-family:system-ui,sans-serif;position:absolute;transform:translate(-50%,-50%)}.modal button.modal-close{cursor:pointer;color:#fff;background:0 0;border:none;margin:0;padding:0;font-family:system-ui,sans-serif;font-size:28px;font-weight:600;position:absolute;top:8px;right:16px}.modal h1{margin:0 0 20px;font-size:20px;font-weight:600}.modal p{color:#8a8a8a;margin:0 0 20px;font-size:18px}.overlay-pause button,.modal button{cursor:pointer;color:#fff;background:#223254;border:none;border-radius:6px;margin:0;padding:8px 14px;font-size:16px;font-weight:600}.overlay-pause button.large,.modal button.large{border-radius:14px;font-size:30px;font-weight:600}.overlay-pause button.selected,.modal button.selected{color:#fff;background:#223254}.overlay-pause button:hover,.modal button:hover{opacity:.9}#modal-error{width:clamp(200px,75vw,350px);top:50%;left:50%}#button-place-bet,#button-undock{cursor:pointer;color:#fff;z-index:10;border:1px solid #ffffff8c;border-radius:16px;justify-content:center;align-items:center;padding:0 22px;font-family:system-ui,sans-serif;font-size:18px;font-weight:700;display:flex;position:absolute}#button-place-bet{background:#42ad62}#button-undock{background:#0a373ceb}@media (hover:hover) and (pointer:fine){#button-place-bet:hover,#button-undock:hover{filter:brightness(1.08)}}#button-place-bet:active,#button-undock:active{filter:brightness(1.15)}#button-place-bet:disabled,#button-undock:disabled{filter:grayscale()contrast(.8);cursor:not-allowed}#mini-game-overlay{color:#fff;text-align:center;z-index:1000;background:#10172ef2;border-radius:12px;padding:32px 48px;font-size:32px;font-weight:600;position:absolute;transform:translate(-50%,-50%)}#mini-game-ui{box-sizing:border-box;padding:0 8px max(18px, env(safe-area-inset-bottom));color:#f5f5f5;opacity:0;visibility:hidden;pointer-events:none;z-index:100;justify-content:center;align-items:flex-end;font-family:system-ui,sans-serif;transition:opacity .25s,visibility 0s linear .25s;display:flex;position:absolute;inset:0}#mini-game-ui.visible{opacity:1;visibility:visible;transition-delay:0s}.mini-game-panel{box-sizing:border-box;text-align:center;pointer-events:auto;background:#0a373ceb;border:1px solid #ffffff2e;border-radius:30px;width:min(100%,520px);padding:14px}.mini-game-label{letter-spacing:1.5px;color:#fff;pointer-events:none;white-space:nowrap;opacity:1;background:#0a373cd1;border:1px solid #ffffff2e;border-radius:16px;padding:10px 18px;font-size:18px;font-weight:700;transition:opacity .35s;position:absolute;top:18%;left:50%;transform:translate(-50%)}.mini-game-label.hidden{opacity:0}.mini-game-label.wrong{color:#ffb4a8;animation:.22s ease-out mini-game-too-early}.mini-game-progress{box-sizing:border-box;background:#ffffff12;border:1px solid #ffffff26;border-radius:11px;width:100%;height:22px;margin-bottom:10px;padding:3px;overflow:hidden}.mini-game-progress-fill{transform-origin:0;background:#42ad62;border-radius:8px;width:100%;height:100%;transform:scaleX(0)}.mini-game-reel-button{cursor:pointer;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#42ad62;border:1px solid #ffffff8c;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:52px;padding:0 22px;font-family:system-ui,sans-serif;font-size:18px;font-weight:700;display:flex}@media (hover:hover) and (pointer:fine){.mini-game-reel-button:hover{filter:brightness(1.08)}}.mini-game-reel-button:active{filter:brightness(1.15)}.mini-game-cast-hint{letter-spacing:1px;color:#fff;opacity:0;visibility:hidden;pointer-events:none;z-index:100;background:#0a373ceb;border:1px solid #ffffff2e;border-radius:16px;padding:10px 18px;font-family:system-ui,sans-serif;font-size:16px;font-weight:700;transition:opacity .3s,transform .3s,visibility 0s linear .3s;position:absolute;bottom:18%;left:50%;transform:translate(-50%,10px)}.mini-game-cast-hint.visible{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)}.mini-game-tug-labels{letter-spacing:1px;opacity:.65;justify-content:space-between;margin:0 4px 6px;font-size:11px;font-weight:700;display:flex}.mini-game-progress{position:relative;overflow:visible}.mini-game-fish-marker{pointer-events:none;font-size:24px;line-height:1;transition:left 80ms linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mini-game-reel-button{opacity:.55;transition:opacity .15s,filter .15s,transform .15s,background .15s}.mini-game-reel-button.ready{opacity:1;animation:.6s ease-in-out infinite alternate mini-game-reel-pulse}.mini-game-reel-button.wrong{opacity:1;background:#b84b4b;animation:.18s linear mini-game-wrong-shake}.mini-game-label.pulse{animation:.24s ease-out mini-game-label-pulse}@keyframes mini-game-label-pulse{0%{transform:translate(-50%)scale(.92)}45%{transform:translate(-50%)scale(1.12)}to{transform:translate(-50%)scale(1)}}@keyframes mini-game-too-early{0%{transform:translate(-50%)scale(1)}35%{transform:translate(-50%)scale(1.18)}to{transform:translate(-50%)scale(1)}}@keyframes mini-game-reel-pulse{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.2);transform:scale(1.02)}}@keyframes mini-game-wrong-shake{0%{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}to{transform:translate(0)}}#result-modal{color:#f5f5f5;opacity:0;visibility:hidden;pointer-events:none;z-index:100;background:0 0;font-family:system-ui,sans-serif;transition:opacity .35s,visibility 0s linear .35s;position:absolute;inset:0}.result-content{box-sizing:border-box;width:100%;height:100%;padding-bottom:max(12px, env(safe-area-inset-bottom));transform-origin:top;grid-template-rows:minmax(343px,50%) minmax(0,1fr);display:grid}#result-modal.visible{opacity:1;visibility:visible;transition-delay:0s}#result-modal.visible .result-panel{pointer-events:auto}.result-catch{text-align:center;pointer-events:none;flex-direction:column;align-items:center;min-height:0;padding:24px 16px 12px;display:flex}.result-catch-label{letter-spacing:2px;font-size:18px}.result-fish-space{pointer-events:auto;touch-action:none;cursor:grab;flex:auto;width:min(80vw,520px);min-height:180px}.result-fish-space.dragging{cursor:grabbing}.result-rarity{opacity:.75;margin-top:10px;margin-bottom:4px;font-size:14px}.result-fish-name{color:#fed;font-size:38px;font-weight:700;line-height:1.1}.result-rotate{letter-spacing:1px;opacity:.65;margin-top:4px;font-size:14px}.result-panel{pointer-events:none;box-sizing:border-box;text-align:center;background:#0a373ceb;border:1px solid #ffffff2e;border-radius:30px;place-self:start center;width:min(100% - 16px,520px);padding:12px}.result-win-label{letter-spacing:1px;font-size:18px}.result-payout{margin-top:8px;font-size:56px;font-weight:700;line-height:1}.result-divider{background:#ffffff2e;height:1px;margin:28px 0 24px}.result-stats{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:22px;display:grid}.result-stat-label{letter-spacing:2px;opacity:.65;margin-bottom:5px;font-size:11px}.result-weight,.result-quality{font-size:24px}.result-quality{letter-spacing:2px}.result-diamonds{text-align:left;background:#ffffff12;border:1px solid #ffffff26;border-radius:18px;align-items:center;padding:14px 18px;display:flex}.result-diamond-icon{background-image:url(textures/web-ui/diamond.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:44px;height:44px;margin-right:16px}.result-diamond-info{flex:1}.result-diamond-value{font-size:30px;line-height:1}.result-diamond-disclaimer{opacity:.6;margin:10px 0 20px;font-size:13px}#button-back-to-water{cursor:pointer;color:#fff;background:#42ad62;border:1px solid #ffffff8c;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:64px;padding:0 22px;font-family:system-ui,sans-serif;font-size:20px;font-weight:700;display:flex}#button-back-to-water:hover{filter:brightness(1.08)}.result-round-complete{opacity:.65;margin-top:14px;font-size:14px}