*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#1a1a1a;font-family:Cairo,sans-serif}#game-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block}#ui-loading,#ui-start,#ui-gameover{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000a6;color:#fff;text-align:center;direction:rtl;padding:2rem;z-index:10}.loading-sheep{font-size:4rem;animation:bounce .8s ease-in-out infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-16px)}}.progress-bar{width:200px;height:6px;background:#fff3;border-radius:3px;margin-top:1rem;overflow:hidden}#progress-fill{height:100%;width:0%;background:#f5a623;border-radius:3px;transition:width .2s ease}.title-ar{font-size:clamp(2rem,8vw,4.5rem);font-weight:900;color:#f5a623;text-shadow:0 3px 12px rgba(0,0,0,.6);margin-bottom:.25rem}.title-en{font-size:clamp(1rem,4vw,2rem);font-weight:700;letter-spacing:.15em;color:#fff;margin-bottom:1.5rem}.subtitle{font-size:clamp(.85rem,2.5vw,1.1rem);color:#fffc;margin-bottom:1.2rem}.controls-hint{font-size:.8rem;color:#ffffff8c;margin-bottom:.3rem;direction:ltr}.controls-hint-mobile{font-size:.8rem;color:#ffffff8c;margin-bottom:2rem}.btn-primary{padding:.8em 2.5em;font-size:clamp(1rem,3vw,1.3rem);font-family:Cairo,sans-serif;font-weight:700;color:#1a1a1a;background:#f5a623;border:none;border-radius:50px;cursor:pointer;transition:transform .12s ease,background .12s ease;box-shadow:0 4px 20px #f5a62373}.btn-primary:hover,.btn-primary:active{transform:scale(1.06);background:#ffb93a}#ui-hud{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;pointer-events:none;z-index:5;direction:ltr}#hud-left{display:flex;flex-direction:column;align-items:flex-start;gap:2px}#score-display{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6)}#discount-display{font-size:clamp(.8rem,2.2vw,1rem);font-weight:700;color:#2ecc71;text-shadow:0 1px 4px rgba(0,0,0,.5);direction:rtl}#distance-display{font-size:clamp(.9rem,2.5vw,1.2rem);font-weight:700;color:#ffffffb3;text-shadow:0 1px 4px rgba(0,0,0,.5);align-self:center}.gameover-inner{display:flex;flex-direction:column;align-items:center;gap:.6rem}.gameover-title{font-size:clamp(2.5rem,9vw,5rem);font-weight:900;color:#e74c3c;text-shadow:0 3px 16px rgba(231,76,60,.5)}.gameover-en{font-size:clamp(1rem,3.5vw,1.8rem);font-weight:700;letter-spacing:.2em;color:#fff;margin-bottom:.8rem}.score-line{font-size:clamp(1.1rem,3.5vw,1.5rem);font-weight:700;color:#fff}.score-line.best{color:#f5a623}.score-line.discount{color:#2ecc71;margin-bottom:1.5rem}