body{margin:0;overflow:hidden;font-family:Arial,sans-serif;touch-action:none}#app{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1}#ui-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;color:#fff}#progress-container{position:absolute;top:86px;left:50%;transform:translate(-50%);width:70%;display:flex;align-items:center;justify-content:space-between}.year-label{font-weight:700;font-size:1.2rem;color:gold;text-shadow:0 0 5px #ff0000}.progress-bar-bg{flex-grow:1;height:18px;background:rgba(255,255,255,.3);margin:0 10px;border-radius:5px;border:1px solid #ffd700;overflow:hidden}#progress-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,#e7b088,#ffd700);transition:width .1s linear}#score-display{position:absolute;top:10px;left:20px;font-size:1.5rem;color:gold;text-shadow:0 0 5px #ff0000}#start-screen,#game-over-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto}.hidden{display:none!important}h1{font-size:3rem;color:gold;text-shadow:0 0 10px #ff0000;text-align:center;margin-bottom:20px}p{font-size:1.2rem;color:#fff;margin-bottom:40px}button{padding:15px 40px;font-size:1.5rem;background:linear-gradient(180deg,#ffd700,#ffa500);border:none;border-radius:30px;color:#8b0000;font-weight:700;cursor:pointer;box-shadow:0 0 20px #ffd70080;transition:transform .2s}button:active{transform:scale(.95)}