*{margin:0;padding:0;box-sizing:border-box;font-family:'Arial',sans-serif;}body{background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;height:100vh;}.game-container{width:800px;height:600px;background-color:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,0.1);overflow:hidden;position:relative;}.game-screen{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;}#start-screen{background-color:#e8f4f8;}#game-screen{background-color:#f9f9f9;}#end-screen{background-color:#ffebee;}h1,h2{color:#333;margin-bottom:20px;text-align:center;}p{color:#666;margin-bottom:15px;text-align:center;}button{background-color:#4CAF50;color:white;border:none;padding:12px 24px;font-size:16px;border-radius:5px;cursor:pointer;transition:background-color 0.3s;margin-top:20px;}button:hover{background-color:#45a049;}.game-info{width:100%;display:flex;justify-content:space-between;padding:10px 20px;background-color:#333;color:white;}.timer,.lives{font-size:18px;}.library-scene{flex:1;width:100%;background-image:url('bg.png');background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;}.student{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform 0.3s;}.student.scratching{animation:scratch 1s infinite alternate;}@keyframes scratch{0%{transform:translate(-50%,-50%) rotate(0deg);}50%{transform:translate(-50%,-50%) rotate(5deg) translateX(10px);}100%{transform:translate(-50%,-50%) rotate(-5deg) translateX(-10px);}}.librarian{position:absolute;width:80px;height:120px;}.controls{width:100%;display:flex;justify-content:center;padding:15px;background-color:#333;}#scratch-button{background-color:#f44336;margin-top:0;}#scratch-button:hover{background-color:#d32f2f;}#scratch-button.active{background-color:#ff5722;animation:pulse 1s infinite;}@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.05);}100%{transform:scale(1);}}