*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0e8f0;direction:rtl;background:#1a2a3a;font-family:Tajawal,sans-serif;overflow:hidden}#root{width:100%;height:100vh}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff2e}.glass-sandy{-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#e07529d9,#c37322bf);border:1px solid #ffffff4d}.tile-normal{background:linear-gradient(135deg,#ffffff38,#ffffff14);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff4d}.ocean-bg{background:linear-gradient(#90b8df 0%,#5ea6c9 20%,#3492b2 45%,#215a83 70%,#122d54 100%)}.ocean-map-bg{background:linear-gradient(#379cbe 0%,#27749b 30%,#194f76 60%,#0f3357 100%)}.ocean-single-wave{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ocean-single-wave:before{content:"";background:radial-gradient(100% 100%,#fff3 0%,#ffffff1f 20%,#c8e6ff0f 40%,#0000 60%);width:60%;animation:5s ease-in-out infinite wave-sweep-horizontal;position:absolute;top:0;bottom:0;left:0}.ocean-single-wave:after{content:"";background:radial-gradient(100% 80% at 50% 55%,#ffffff24 0%,#c8f0ff12 30%,#0000 55%);width:45%;animation:5s ease-in-out 1.8s infinite wave-sweep-horizontal;position:absolute;top:10%;bottom:10%;left:0}.water-shimmer{pointer-events:none;background:radial-gradient(at 40% 30%,#ffffff26,#0000 60%);animation:8s ease-in-out infinite shimmer-move;position:absolute;inset:0}.ocean-foam{pointer-events:none;background:radial-gradient(at 20% 45%,#ffffff14 0%,#0000 30%),radial-gradient(at 75% 65%,#ffffff0f 0%,#0000 25%);position:absolute;inset:0}.cinematic-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(#142850d9 0%,#000000eb 75%);justify-content:center;align-items:center;animation:.4s ease-out fadeIn;display:flex;position:fixed;inset:0}.animate-ship-wave{animation:5s ease-in-out infinite ship-wave}.animate-glow-pulse{animation:2s ease-in-out infinite glow-pulse}.animate-island-glow{animation:3s ease-in-out infinite island-glow}@keyframes wave-sweep-horizontal{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes ship-wave{0%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(-4px)rotate(1deg)}50%{transform:translateY(3px)rotate(-1deg)}80%{transform:translateY(-2px)rotate(.5deg)}}@keyframes wave-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.6)}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 6px #ffc8324d)}50%{filter:drop-shadow(0 0 16px #ffc83299)}}@keyframes island-glow{0%,to{opacity:.3;box-shadow:0 0 20px #ffd7001a}50%{opacity:.7;box-shadow:0 0 40px #ffd7004d}}@keyframes island-pop{0%{opacity:0;transform:scale(.2)rotate(-10deg)}60%{opacity:1;transform:scale(1.15)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes island-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes burst-ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}@keyframes title-glow{0%,to{text-shadow:0 0 12px #fde04799,0 0 24px #fde04766}50%{text-shadow:0 0 20px #fde047f2,0 0 40px #fde047b3}}@keyframes coin-around-island{0%{transform:translate(var(--sx), -120px) rotateY(0deg) scale(.4);opacity:0}15%{opacity:1}to{transform:translate(var(--ex), var(--ey)) rotateY(900deg) scale(1);opacity:0}}@keyframes coin-spin-shine{0%,to{filter:drop-shadow(0 0 6px #fde047e6)}50%{filter:drop-shadow(0 0 14px #fde047)}}@keyframes float-bubble{0%{opacity:.3;transform:translateY(0)scale(1)}50%{opacity:.6}to{opacity:0;transform:translateY(-60px)scale(.5)}}@keyframes shimmer-move{0%{opacity:.15;transform:translate(-5%)scale(1)}50%{opacity:.4;transform:translate(5%)scale(1.05)}to{opacity:.15;transform:translate(-5%)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{outline:none}button:active{transform:scale(.97)}