@font-face{font-family:Comic Sans MS;src:url(comic.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;background-color:#f8f9fa;color:#333}.site-title{line-height:1.1;margin:20px 0;font-weight:900;letter-spacing:-.03em;text-align:center}.site-description{line-height:1.5;margin:0 0 2rem;text-align:center;color:#333}#player-input{padding:20px 19px;color:#fff;background-color:#fff;border:1px solid #fff;border-top-left-radius:10px;border-bottom-left-radius:10px;margin:20px 0;outline:none;font-family:Consolas,Arial,sans-serif;font-size:1rem}#player-input::placeholder{color:#bbb}#save-button{padding:20px;color:#fff;background-color:#007bff;border:none;border-top-right-radius:10px;border-bottom-right-radius:10px;cursor:pointer;font-family:Consolas,Arial,sans-serif;font-size:1rem}#save-button:hover{background-color:#b8c4fa}#save-button:active{background-color:#007bff;transform:translateY(2px)}#leaderboard,details#rules{width:100%;max-width:600px;margin-top:20px;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px;overflow:hidden}#leaderboard h2{background-color:#007bff;color:#fff;margin:0;padding:15px;font-size:24px}#score-list{list-style:none;padding:15px;margin:0;border-top:1px solid #eee}#score-list li{border-bottom:1px solid #eee;padding:10px 0}#score-list li:last-child{border-bottom:none}#canvas-container{width:100%;max-width:800px;margin-top:20px;border:none;background-color:#fff;box-shadow:0 4px 8px #0000001a}.more-button{text-align:center;background-color:#16a085;color:#fff;padding:10px 15px;text-transform:uppercase;letter-spacing:1px}.more-button:hover,#reset-button:hover{opacity:.8}#reset-button{display:none;margin-top:20px;padding:10px 20px;font-size:16px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer}#reset-button:hover{background-color:#218838}details#rules{width:90%;max-width:600px;margin-top:15px;margin-bottom:15px;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px;padding:15px 0;text-align:center;font-size:12px}details#rules summary{font-weight:700;margin:-15px;padding:15px;cursor:pointer;list-style:none}details#rules ol{text-align:left;padding-left:20px;margin:25px 15px -15px}details#rules ol li{margin-bottom:10px;line-height:1.6}@media (hover: hover){#reset-button:hover{background-color:#218838}}@media (max-width: 950px){#leaderboard,details#rules,.site-description,.site-title{width:95%;margin-top:10px;margin-left:auto;margin-right:auto}#canvas-container{width:100%;max-width:none;margin:0}}#leaderboard,details#rules{align-self:center}body{background-color:#ffeedb;font-family:Comic Sans MS}.site-title{color:#d35400;text-shadow:2px 2px #ffc107}.site-description{color:#7b7d7d;padding:20px;border-radius:8px}#player-input{background-color:#e1a957;color:#6d4c41;border:2px solid #d35400}#player-input::placeholder{color:#ffeedb}#save-button{background-color:#16a085;color:#ffeedb;border:2px solid #27ae60}#save-button:hover{background-color:#e74c3c}#leaderboard h2,#reset-button,details#rules summary{background-color:#3498db;color:#ffeedb;text-shadow:1px 1px #2c3e50}