@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeueCyr-Roman.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeueCyr-Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeueCyr-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeueCyr-MediumItalic.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeueCyr-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeueCyr-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeueCyr-Heavy.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeueCyr-Black.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue;src:url(/fonts/HelveticaNeueCyr-BlackItalic.woff2)format("woff2");font-weight:900;font-style:italic;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{touch-action:none;-ms-touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;width:100%;height:100%;font-family:Helvetica Neue,Noto Sans Arabic,Helvetica,Arial,sans-serif;overflow:hidden}.game-viewport,.game-canvas,.game-body,.game-center,.game-col{touch-action:none}.rtl,[dir=rtl],.splash-title-ar,.play-btn-ar{font-family:Noto Sans Arabic,Helvetica Neue,Helvetica,Arial,sans-serif}.video-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:fixed;inset:0}.game-viewport{width:100vw;height:100vh;position:relative;overflow:hidden}.game-canvas{width:1440px;height:1024px;position:absolute;top:0;left:0}.screen{z-index:1;width:1440px;height:1024px;position:relative}.topbar-wrap{z-index:5;width:1440px;position:relative}.topbar-nav{border-bottom:1.5px solid #4c3b3473;justify-content:space-between;align-items:center;height:100px;display:flex}.topbar-btn{cursor:pointer;color:#4c3b34;background:0 0;border:none;width:400px;height:100px;font-family:inherit;font-size:28px;font-weight:700}.topbar-btn--back{text-align:left;padding-left:40px}.topbar-btn--lang{text-align:right;padding-right:40px}.topbar-btn--mute{text-align:center;justify-content:center;align-items:center;width:90px;padding:0;font-size:28px;display:inline-flex}.mute-icon{color:#4c3b34;display:block}.topbar-scores{justify-content:space-between;align-items:center;height:131px;padding:12px 90px;display:flex}.topbar-stat{flex-direction:column;display:flex}.topbar-stat--right{text-align:right}.topbar-stat-label{color:#4c3b34;font-size:28px;font-weight:700;line-height:1}.topbar-stat-value{color:#4c3b34;font-size:52px;font-weight:900;line-height:1.1}.topbar--rtl .topbar-btn--back{text-align:right;padding-left:0;padding-right:40px}.topbar--rtl .topbar-btn--lang{text-align:left;padding-left:40px;padding-right:0}.game-body{z-index:1;width:1440px;position:relative}.game-body--l1{justify-content:space-between;align-items:center;height:560px;display:flex}.game-body--l2{justify-content:space-between;align-items:flex-start;height:792px;padding:0 20px;display:flex}.game-col{flex-direction:column;gap:16px;padding-top:20px;display:flex}.game-center{flex-direction:column;flex:1;align-items:center;gap:20px;display:flex}.fish-card{outline-offset:0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fffef3;border-radius:20px;outline:12px solid #fffef3;flex-shrink:0;width:420px;height:560px;position:relative;overflow:hidden;box-shadow:14px 16px 46px #0000000f,57px 63px 85px #0000000d}.game-body .fish-card{animation:.22s ease-out card-appear}.fish-card--dragging{opacity:0;cursor:grabbing;animation:none}@keyframes card-appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fish-card--overlay{opacity:1;cursor:grabbing;pointer-events:none;transform-origin:50%;will-change:transform;transition:transform 50ms linear;box-shadow:0 18px 34px #00000029,0 4px 10px #0000001a}.fish-card--disabled{cursor:default;pointer-events:none}.fish-card-inner{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.fish-card-name{text-align:center;color:#4c3b34;z-index:2;pointer-events:none;text-shadow:0 1px 4px #fff9;font-size:40px;font-style:italic;font-weight:700;position:absolute;top:80px;left:0;right:0}.fish-card-img{object-fit:cover;width:100%;height:118.85%;position:absolute;top:-2.88%;left:0}.fish-card-left,.fish-card-center,.fish-card-right{cursor:default}.fish-card-left{transform:rotate(-29deg)}.fish-card-right{transform:rotate(22deg)}.drop-zone{flex-shrink:0;width:420px;height:420px;transition:filter .15s;position:relative}.drop-zone--l2{width:400px;height:370px}.drop-zone--over{filter:brightness(1.12)drop-shadow(0 0 16px #ffffff80)}.drop-zone--flash{animation:.6s flash-red}@keyframes flash-red{0%{filter:drop-shadow(0 0 #0000)}20%{filter:drop-shadow(0 0 24px #e05555)brightness(.85)}60%{filter:drop-shadow(0 0 16px #e05555)brightness(.9)}to{filter:drop-shadow(0 0 #0000)}}.drop-zone-basket{object-fit:contain;width:100%;height:80%}.drop-zone-pile{pointer-events:none;width:100%;height:80%;position:absolute;top:0;left:0}.drop-zone-pile-fish{object-fit:cover;transform-origin:50%;border:3px solid #fffef3;border-radius:50%;width:78px;height:78px;position:absolute;box-shadow:0 3px 8px #00000047}.drop-zone--l2 .drop-zone-pile-fish{border-width:2px;width:60px;height:60px}.drop-zone-pile-fish--wrong{border-color:#e05555;box-shadow:0 0 0 3px #e0555559,0 3px 8px #00000047}.drop-zone-icon{object-fit:cover;z-index:10;border:3px solid #daa457;border-radius:50%;width:90px;height:90px;position:absolute;bottom:60px;left:8px;box-shadow:0 4px 10px #00000040}.drop-zone-label{color:#fff;white-space:nowrap;z-index:2;background:#daa457;border-radius:18px;padding:14px 32px;font-size:28px;font-weight:700;line-height:1.1;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:3px 4px 11px #00000029}.drop-zone--l2 .drop-zone-label{border-radius:18px;padding:14px 30px;font-size:28px;bottom:60px}.hint-bubble{color:#fff;text-align:center;background:#282828d1;border-radius:20px;max-width:440px;padding:18px 28px;font-size:24px;font-style:italic;line-height:1.4}.wrong-answer-modal{color:#fff;text-align:center;background:#0a141eeb;border-radius:20px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:20px;width:420px;height:560px;padding:48px;animation:.22s ease-out wrong-answer-pop;display:flex;box-shadow:14px 16px 46px #0000002e}.wrong-answer-label{opacity:.9;margin:0;font-size:28px;font-weight:500;line-height:1.3}.wrong-answer-img{object-fit:contain;background:#fffef3;border-radius:50%;width:220px;height:220px;padding:14px;box-shadow:0 8px 24px #0000004d}.wrong-answer-value{color:#f5c66b;margin:0;font-size:56px;font-weight:900;line-height:1.1}@keyframes wrong-answer-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.onboarding-canvas{z-index:20;pointer-events:none;width:1440px;height:1024px;position:absolute;top:0;left:0}.onboarding-screen{pointer-events:none;width:1440px;height:1024px;position:relative}.onboarding-screen .onboarding-l1,.onboarding-screen .onboarding-l2{pointer-events:auto}.onboarding-overlay{z-index:1;background:#0a141ebf;width:100vw;height:100vh;position:fixed;inset:0}.onboarding-overlay--l2,.onboarding-overlay--intro{background:#0a141ebf}.level-intro{pointer-events:none;justify-content:center;align-items:center;width:1440px;height:1024px;display:flex;position:absolute;inset:0}.level-intro-content{pointer-events:auto;text-align:center;flex-direction:column;align-items:center;gap:32px;max-width:880px;padding:0 40px;display:flex}.level-intro-title{color:#fff;text-shadow:0 4px 18px #00000073;margin:0;font-size:96px;font-weight:900;line-height:1}.level-intro-subtitle{color:#fff;text-shadow:0 2px 10px #00000073;margin:0 0 24px;font-size:44px;font-weight:700}.level-intro-text{color:#fff;text-shadow:0 2px 8px #00000080;flex-direction:column;gap:24px;max-width:820px;margin-bottom:24px;font-size:30px;font-weight:500;line-height:1.45;display:flex}.level-intro-text p{margin:0}.level-intro.rtl .level-intro-title,.level-intro.rtl .level-intro-subtitle,.level-intro.rtl .level-intro-text{direction:rtl}.onboarding-l1{z-index:4;flex-direction:column;align-items:center;gap:48px;display:flex;position:absolute;top:14%;left:50%;transform:translate(-50%)}.onboarding-instruction{color:#fff;text-align:center;text-shadow:0 2px 8px #00000080;max-width:900px;font-size:40px;font-weight:700;line-height:1.3}.onboarding-demo{justify-content:space-between;align-items:center;width:900px;height:560px;display:flex;position:relative}.onboarding-demo-card{outline-offset:0;transform-origin:50%;z-index:3;background:#fffef3;border-radius:20px;outline:10px solid #fffef3;flex-shrink:0;width:340px;height:460px;animation:3.2s ease-in-out infinite demo-drag;position:relative;overflow:hidden;box-shadow:14px 16px 46px #0000002e}.onboarding-demo-basket{z-index:1}.onboarding-demo-card .fish-card-inner{width:100%;height:100%;position:relative}.onboarding-demo-card .fish-card-name{text-align:center;color:#4c3b34;z-index:2;text-shadow:0 1px 4px #fff9;font-size:36px;font-style:italic;font-weight:900;position:absolute;top:66px;left:0;right:0}.onboarding-demo-card .fish-card-img{object-fit:cover;width:100%;height:118.85%;position:absolute;top:-2.88%;left:0}.onboarding-demo-arrow{opacity:.9;pointer-events:none;width:280px;height:110px;position:absolute;top:36%;left:50%;transform:translate(-50%)}.onboarding-demo-basket{flex-shrink:0;justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.onboarding-demo-basket img{object-fit:contain;width:100%;height:80%}.onboarding-demo-basket .drop-zone-label{position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@keyframes demo-drag{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}10%{opacity:1;transform:translate(0)rotate(0)scale(1)}55%{opacity:1;transform:translate(420px,-30px)rotate(8deg)scale(.85)}70%{opacity:0;transform:translate(500px,20px)rotate(0)scale(.3)}71%{opacity:0;transform:translate(0)rotate(0)scale(1)}85%{opacity:0;transform:translate(0)rotate(0)scale(1)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.onboarding-l2{z-index:4;flex-direction:column;align-items:center;gap:52px;display:flex;position:absolute;top:6%;left:50px;right:50px}.onboarding-l2-title{color:#fff;text-align:center;font-size:56px;font-weight:900}.onboarding-l2-subtitle{color:#fff;text-align:center;white-space:pre-line;font-size:28px;font-style:italic;font-weight:500;line-height:1.4}.onboarding-methods{justify-content:center;gap:40px;margin-top:0;display:flex}.rtl .onboarding-methods{flex-direction:row-reverse}.rtl .onboarding-demo{direction:ltr}.method-card{flex-direction:column;align-items:center;gap:20px;width:300px;display:flex}.method-icon-wrap{border:5px solid #daa457;border-radius:50%;flex-shrink:0;width:240px;height:240px;overflow:hidden;box-shadow:0 6px 16px #00000040}.method-icon-img{object-fit:cover;width:100%;height:100%}.method-label{color:#fff;text-align:center;background:#daa457;border-radius:16px;padding:12px 32px;font-size:32px;font-weight:700}.method-desc{color:#fff;text-align:center;opacity:.95;font-size:26px;line-height:1.4}.game-btn{color:#fff;cursor:pointer;background:#527f88;border:3px solid #fff;border-radius:50px;width:auto;min-width:200px;max-width:300px;height:80px;padding:0 32px;font-family:inherit;font-size:26px;font-weight:700;transition:background .15s,transform .1s}.game-btn:hover{background:#3f6670}.game-btn:active{transform:scale(.97)}.success-overlay{z-index:10;background:#0a141ebf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;display:flex;position:fixed;inset:0}.success-modal{text-align:center;flex-direction:column;align-items:center;gap:40px;width:800px;display:flex;position:relative}.success-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:52px;font-weight:900;line-height:1;position:absolute;top:-10px;right:-40px}.success-title{color:#fff;text-shadow:0 4px 24px #0006;font-size:64px;font-weight:900;line-height:1}.success-score{color:#fff;font-size:52px;font-weight:700}.success-body{color:#fff;flex-direction:column;gap:14px;max-width:720px;font-size:24px;line-height:1.6;display:flex}.success-btn{margin-top:8px}.success-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:8px;display:flex}.success-actions .success-btn{margin-top:0}.success-btn--secondary{color:#fff;background:0 0;border-color:#fff}.success-btn--secondary:hover{background:#ffffff1f}.rtl{direction:rtl}.rtl .fish-card-name,.rtl .drop-zone-label,.rtl .hint-bubble,.rtl .topbar-btn,.rtl .topbar-stat,.rtl .topbar-stat-label,.rtl .topbar-stat-value,.rtl .onboarding-instruction,.rtl .onboarding-l2-title,.rtl .onboarding-l2-subtitle,.rtl .method-label,.rtl .method-desc,.rtl .game-btn,.rtl .success-title,.rtl .success-score,.rtl .success-body,.rtl .success-body p,.rtl .success-btn{direction:rtl;unicode-bidi:isolate}.rtl .success-body{text-align:center}.rtl .fish-card-name,.rtl .hint-bubble,.rtl .onboarding-l2-subtitle,.rtl .onboarding-demo-card .fish-card-name{font-style:normal}.splash-title-ar,.play-btn-ar{direction:rtl;unicode-bidi:isolate}.splash{flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.splash-mute{z-index:4;color:#4c3b34;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:72px;height:72px;padding:0;display:inline-flex;position:absolute;top:24px;right:24px}.splash-mute:hover{opacity:.75}.splash-content{z-index:1;flex-direction:column;align-items:center;width:100%;height:100%;display:flex;position:relative}.splash-titles{flex-direction:column;align-items:center;gap:20px;margin-top:clamp(30px,6%,80px);display:flex}.splash-title-ar{color:#4c3b34;text-align:center;white-space:nowrap;direction:rtl;font-size:clamp(40px,8.33%,90px);font-weight:700;line-height:1}.splash-title-en{color:#4c3b34;text-align:center;white-space:nowrap;font-size:clamp(24px,5.56%,60px);font-weight:700;line-height:1}.fish-cards{flex-shrink:0;width:clamp(360px,46%,620px);height:clamp(130px,22%,240px);margin:auto;position:relative}.fish-cards .fish-card{aspect-ratio:219.6/296.9;outline-offset:0;cursor:default;touch-action:auto;-webkit-user-select:auto;user-select:auto;background:#d8eaf0;border-radius:7px;outline:5px solid #fffef3;width:32%;height:auto;position:absolute;overflow:hidden;box-shadow:0 4.8px 6.9px 1.7px #00000040}.fish-cards .fish-card img{object-fit:cover;width:100%;height:118.85%;position:absolute;top:-9.42%;left:0}.fish-cards .fish-card-left{z-index:1;top:52%;left:0;transform:translateY(-50%)rotate(-18deg)}.fish-cards .fish-card-left img{top:-2.88%}.fish-cards .fish-card-center{z-index:3;top:0;left:50%;transform:translate(-50%)}.fish-cards .fish-card-right{z-index:2;top:52%;right:0;transform:translateY(-50%)rotate(15deg)}@keyframes float-card{0%,to{margin-top:0}50%{margin-top:-10px}}.fish-cards .fish-card-left{animation:5.6s ease-in-out infinite float-card}.fish-cards .fish-card-center{animation:5.2s ease-in-out .8s infinite float-card}.fish-cards .fish-card-right{animation:6s ease-in-out 1.6s infinite float-card}.play-buttons{z-index:10;align-items:center;gap:48px;margin-top:0;margin-bottom:clamp(32px,6%,80px);display:flex;position:relative}.play-btn{cursor:pointer;color:#fffef3;background:#527f88;border:5px solid #fffef3;border-radius:50px;justify-content:center;align-items:center;width:250px;min-width:200px;max-width:250px;height:80px;padding:0 40px;font-family:inherit;font-size:26px;font-weight:700;line-height:1;transition:transform .12s;display:inline-flex;box-shadow:0 15px 33px #0000001a,0 60px 60px #00000017}.play-btn:hover{transform:scale(1.04)}.play-btn:active{transform:scale(.97)}.play-btn-ar{direction:rtl}