/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.visible\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.top-1\/3{top:33.3333%}.left-1\/2{left:50%}.z-0{z-index:0}.z-7{z-index:7}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[80vh\]{max-height:80vh}.max-h-screen{max-height:100vh}.w-full{width:100%}.w-screen{width:100vw}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.object-contain{-o-object-fit:contain;object-fit:contain}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-70{opacity:.7}.opacity-100{opacity:1}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}}:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;overscroll-behavior:none;-webkit-overflow-scrolling:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0;padding:0}html,body{overscroll-behavior-y:contain;touch-action:pan-x pan-y;background:#0f172a;width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:fixed;overflow:hidden}#app{width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}#gameCanvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}button,input,select,textarea,a{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;touch-action:auto}.overflow-y-auto{touch-action:pan-y;overscroll-behavior-y:contain}:root{--otter-blue:#1e90ff;--otter-orange:orange;--otter-tan:#d4a574;--otter-brown:#8b4513;--otter-brown-dark:#65320e;--otter-brown-rgb:139,69,19;--otter-brown-dark-rgb:101,50,14;--water-light:#87ceeb;--water-dark:#06c;--water-deep:#0a2540;--splash-white:#fff;--forest-green:#228b22;--forest-dark:#1a5c1a;--ui-success:#4caf50;--ui-warning:#ff9800;--ui-danger:#f44336;--ui-neutral:#e0e0e0;--shadow-strong:0 8px 16px #0006;--shadow-medium:0 4px 8px #0000004d;--shadow-light:0 2px 4px #0003;--glow-blue:0 0 20px #1e90ff80}.otter-title{letter-spacing:.05em;text-shadow:3px 3px 0 var(--otter-blue),6px 6px 0 #0000004d;color:var(--otter-orange);text-transform:uppercase;font-size:3.5rem;font-weight:900}.otter-subtitle{color:var(--water-light);text-shadow:2px 2px 4px #00000080;font-size:1.5rem;font-weight:600}.otter-text{color:#fff;text-shadow:1px 1px 2px #00000080;font-size:1rem}.otter-panel{background:linear-gradient(135deg,rgba(var(--otter-brown-rgb),.95),rgba(var(--otter-brown-dark-rgb),.95));border:4px solid var(--otter-tan);border-radius:20px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080,inset 0 2px 4px #d4a5744d}.otter-panel:before{content:"";background:linear-gradient(90deg,var(--otter-tan)0%,var(--otter-orange)50%,var(--otter-tan)100%);height:6px;position:absolute;top:0;left:0;right:0}.otter-panel:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000d 2px 4px);position:absolute;inset:0}.otter-btn{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:var(--shadow-medium);border:none;border-radius:15px;justify-content:center;align-items:center;gap:.75rem;min-height:60px;padding:1rem 2rem;font-size:1.125rem;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden}.otter-btn:before{content:"";pointer-events:none;background:linear-gradient(#fff3,#0000 50%);position:absolute;inset:0}.otter-btn:hover{box-shadow:var(--shadow-strong);transform:scale(1.05)translateY(-2px)}.otter-btn:active{box-shadow:var(--shadow-light);transform:scale(.98)}.otter-btn-primary{background:linear-gradient(135deg,var(--otter-blue)0%,var(--water-dark)100%);color:#fff;text-shadow:2px 2px 4px #0000004d}.otter-btn-secondary{background:linear-gradient(135deg,var(--otter-orange)0%,#ff8c00 100%);color:#fff;text-shadow:2px 2px 4px #0000004d}.otter-btn-success{background:linear-gradient(135deg,var(--ui-success)0%,#388e3c 100%);color:#fff;text-shadow:2px 2px 4px #0000004d}.otter-btn-warning{background:linear-gradient(135deg,var(--ui-warning)0%,#f57c00 100%);color:#fff;text-shadow:2px 2px 4px #0000004d}.otter-mode-card{border:3px solid var(--otter-blue);cursor:pointer;background:linear-gradient(135deg,#1e90ff26,#0066cc26);border-radius:15px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.otter-mode-card:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff1a,#0000 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.otter-mode-card:hover{border-color:var(--otter-orange);transform:scale(1.03)translateY(-4px);box-shadow:0 8px 24px #1e90ff4d,0 0 40px #1e90ff33}.otter-mode-card:hover:before{opacity:1}.otter-mode-card:active{transform:scale(.98)}.otter-mode-icon{background:linear-gradient(135deg,var(--otter-orange)0%,#ff8c00 100%);width:60px;height:60px;box-shadow:var(--shadow-medium);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;display:flex}.otter-mode-title{color:var(--otter-orange);text-shadow:2px 2px 4px #00000080;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.otter-mode-desc{color:var(--water-light);text-shadow:1px 1px 2px #00000080;font-size:1rem}@keyframes waterRipple{0%{opacity:.8;transform:scale(.8)}50%{opacity:.4;transform:scale(1.1)}to{opacity:0;transform:scale(1.3)}}@keyframes splashIn{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes splashOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.9)}}@keyframes otterBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wavingHand{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.water-ripple{animation:.6s ease-out waterRipple}.splash-in{animation:.4s ease-out splashIn}.splash-out{animation:.3s ease-in splashOut}.otter-bounce{animation:1s ease-in-out infinite otterBounce}.waving-hand{animation:1.5s ease-in-out infinite wavingHand}.otter-hud-panel{background:linear-gradient(135deg,rgba(var(--otter-brown-rgb),.9),rgba(var(--otter-brown-dark-rgb),.9));border:2px solid var(--otter-tan);box-shadow:var(--shadow-medium);backdrop-filter:blur(4px);border-radius:12px;padding:.75rem 1.25rem}.otter-stat{color:var(--otter-orange);text-shadow:2px 2px 4px #00000080;font-size:1.5rem;font-weight:800}.otter-stat-label{color:var(--water-light);text-shadow:1px 1px 2px #00000080;margin-right:.5rem;font-size:.875rem}.otter-mascot{display:inline-block;position:relative}.otter-mascot-happy{filter:drop-shadow(0 4px 8px #0000004d);animation:2s ease-in-out infinite otterBounce}.otter-mascot-excited{filter:drop-shadow(0 4px 8px #ffa50080);animation:.5s ease-in-out infinite otterBounce}.otter-mascot-tired{filter:drop-shadow(0 2px 4px #00000080);opacity:.9}.otter-speech-bubble{border:3px solid var(--otter-brown);color:var(--otter-brown);box-shadow:var(--shadow-medium);background:#fff;border-radius:20px;padding:1rem 1.5rem;font-weight:600;position:relative}.otter-speech-bubble:after{content:"";filter:drop-shadow(0 3px 2px #0003);border-top:15px solid #fff;border-left:15px solid #0000;border-right:15px solid #0000;width:0;height:0;position:absolute;bottom:-15px;left:30px}.game-bg-river{background:linear-gradient(180deg,var(--water-light)0%,var(--otter-blue)50%,var(--water-dark)100%)}.game-bg-overlay{backdrop-filter:blur(8px);background:linear-gradient(#0a2540f2,#0a2540fa)}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.screen{animation:.3s ease-out slideIn}@media(max-width:640px){.otter-title{font-size:2.5rem}.otter-subtitle{font-size:1.25rem}.otter-btn{min-height:54px;padding:.875rem 1.5rem}.otter-mode-card{padding:1rem}.otter-mode-icon{width:50px;height:50px;font-size:1.5rem}}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.otter-bounce,.waving-hand{animation:none}}:focus-visible{outline:3px solid var(--otter-orange);outline-offset:3px}.leaderboard-entry{background-color:rgba(var(--otter-brown-rgb),.3);border:2px solid #0000;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;transition:background-color .2s;display:flex}.leaderboard-entry:hover{background-color:rgba(var(--otter-brown-rgb),.5);border-color:var(--otter-tan)}.leaderboard-rank{text-align:center;min-width:3rem;color:var(--otter-orange);text-shadow:2px 2px 4px #00000080;font-size:1.5rem;font-weight:700}.leaderboard-info{flex:1}.leaderboard-name{color:#fff;font-size:1.125rem;font-weight:600}.leaderboard-details{opacity:.8;color:var(--water-light);font-size:.875rem}.leaderboard-score{color:var(--otter-orange);text-shadow:1px 1px 2px #00000080;font-size:1.25rem;font-weight:700}.top-1{background:linear-gradient(90deg,#ffd7004d,#ffd7001a);border:3px solid gold}.top-2{background:linear-gradient(90deg,#c0c0c04d,#c0c0c01a);border:3px solid silver}.top-3{background:linear-gradient(90deg,#cd7f324d,#cd7f321a);border:3px solid #cd7f32}.stat-category{background:linear-gradient(135deg,rgba(var(--otter-brown-rgb),.8),rgba(var(--otter-brown-dark-rgb),.8));border:2px solid var(--otter-tan);box-shadow:var(--shadow-medium);border-radius:12px;margin-bottom:1rem;padding:1rem}.stat-category h3{border-bottom:2px solid var(--otter-tan);color:var(--otter-orange);text-shadow:2px 2px 4px #00000080;margin-bottom:.75rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:700}.stat-row{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.stat-label{color:var(--water-light);font-size:.875rem}.stat-value{color:var(--otter-orange);font-size:1.125rem;font-weight:600}.overflow-y-auto::-webkit-scrollbar{width:8px}.overflow-y-auto::-webkit-scrollbar-track{background-color:#0003;border-radius:4px}.overflow-y-auto::-webkit-scrollbar-thumb{background-color:var(--otter-tan);border-radius:4px}.overflow-y-auto::-webkit-scrollbar-thumb:hover{background-color:var(--otter-orange)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}