@font-face{font-family:Tiny5;src:url(/assets/Tiny5-Regular-DQ9lhWGJ.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Tiny5,monospace;display:flex;justify-content:center;align-items:center;min-height:100vh;background:beige;overflow:hidden}#game-container{position:relative;width:100vw;height:100vh;overflow:hidden}.menu-icon{position:absolute;top:15px;right:15px;width:40px;height:40px;background:#f5f5dce6;border:2px solid #333;border-radius:5px;cursor:pointer;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;transition:background .2s ease}.menu-icon:hover{background:beige}.menu-icon-line{width:100%;height:3px;background:#333;border-radius:2px;transition:transform .3s ease}.settings-window{position:absolute;top:70px;right:15px;background:#f5f5dcfa;border:2px solid #333;border-radius:10px;z-index:99;min-width:250px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-window.hidden{display:none}.settings-window-content{padding:20px}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid #333;padding-bottom:10px}.settings-header h3{margin:0;font-size:24px;color:#333;text-transform:lowercase}.close-settings{background:none;border:none;font-size:32px;color:#333;cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.close-settings:hover{transform:scale(1.2)}.settings-body{display:flex;flex-direction:column;gap:15px}.settings-body .menu-option{display:flex;flex-direction:column;gap:8px}.settings-body .menu-option label{font-size:16px;color:#333;font-weight:700;text-transform:lowercase}.settings-body .selector-controls{display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px}.settings-body .instructions-content{display:flex;flex-direction:column;gap:8px;margin-top:0}.settings-body .instruction-item{font-size:13px;color:#666;padding:0;text-align:left}.settings-body .instruction-item p{margin:0;font-size:13px}#gameCanvas{position:absolute;top:0;left:0;width:100%;height:100%;background:beige;display:block;touch-action:none}.screen{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#000;padding:25px 60px;border-radius:10px;z-index:10;min-width:500px}#game-over-screen{top:50%;transform:translate(-50%,-50%);padding:20px 60px 25px;max-height:85vh;overflow-y:visible}#game-over-layout{display:flex;gap:40px;align-items:flex-start;justify-content:center;width:100%}.game-over-column{display:flex;flex-direction:column;align-items:center;justify-content:center}#game-over-left,#game-over-right{flex:0 0 auto;min-width:120px;padding-top:200px}#game-over-center{flex:0 0 auto;min-width:300px;text-align:center}#game-over-screen #game-over-image{margin-top:0;margin-bottom:10px}#game-over-center h1{margin-bottom:6px}#game-over-center .game-button{margin:0}#start-screen-content{display:flex;gap:50px;align-items:flex-start;justify-content:center;margin-top:-10px}#start-screen-left{display:flex;flex-direction:column;align-items:center}#leaderboard-container{min-width:300px;max-width:350px}#leaderboard-container h2{font-size:18px;margin-bottom:15px;color:#666;text-align:center}#leaderboard-table{width:100%;border-collapse:collapse;color:#888;font-size:18px}#leaderboard-table tbody{transition:opacity .3s ease}#leaderboard-table tbody tr{transition:opacity .5s ease,transform .5s ease}#leaderboard-table thead{border-bottom:2px solid #ccc}#leaderboard-table th{padding:8px 12px;text-align:left;color:#666;font-weight:700;font-size:16px}#leaderboard-table th:first-child{width:15%;text-align:center}#leaderboard-table th:nth-child(2){width:50%}#leaderboard-table th:last-child{width:35%;text-align:right}#leaderboard-table tbody tr{border-bottom:1px solid #ddd}#leaderboard-table tbody tr:last-child{border-bottom:none}#leaderboard-table td{padding:6px 12px;color:#888;font-size:16px}#leaderboard-table td:first-child{text-align:center}#leaderboard-table td:last-child{text-align:right}.screen.hidden{display:none}#start-screen-image{width:180px;height:auto;display:block;margin:25px auto}#game-over-image{width:160px;height:auto;display:block;margin:0 auto 12px}.screen h1{font-size:40px;margin-bottom:6px;white-space:nowrap}.screen p{font-size:20px;margin:5px 0}#top-ui-container{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:30px;z-index:5}#top-ui-container.hidden{display:none}#score-display{font-size:24px;color:red;padding:10px 20px;border-radius:5px;white-space:nowrap}#quit-btn{font-size:18px;padding:10px 20px}#lives-display{display:flex;gap:10px;align-items:center}#lives-display img{width:30px;height:30px}#score-submit-container{display:flex;flex-direction:column;gap:10px;align-items:center;max-width:300px;margin:12px auto}.username-input{font-family:Tiny5,monospace;font-size:18px;padding:10px 15px;border:2px solid rgba(245,245,220,.9);border-radius:5px;background:#ffffffe6;color:#000;width:100%;text-align:center;box-sizing:border-box}.username-input:focus{outline:none;border-color:red;background:#fff}.username-input::placeholder{color:#888}.submit-message{font-size:16px;padding:8px 15px;border-radius:5px;text-align:center;margin-top:10px;min-height:20px}.submit-message.success{color:#0a0;background:#00aa001a}.submit-message.error{color:red;background:#ff00001a}.button-container{display:flex;gap:20px;justify-content:space-between;margin-top:15px;width:100%;max-width:500px;margin-left:auto;margin-right:auto;align-items:center;position:relative;z-index:1}#return-start-btn{order:1;flex:0 0 auto}#try-again-btn{order:2;flex:0 0 auto}.game-button{font-family:Tiny5,monospace;font-size:20px;padding:10px 24px;background:#f5f5dccc;color:red;border:2px solid rgba(245,245,220,.9);border-radius:5px;cursor:pointer;transition:all .3s ease}.game-button:hover{background:#ff00004d;transform:scale(1.05)}.game-button:active{transform:scale(.95)}.game-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.game-button:disabled:hover{background:#f5f5dccc;transform:none}#difficulty-selector{display:flex;align-items:center;justify-content:center;gap:15px;font-size:24px;padding:5px 10px}.settings-body #difficulty-selector,.settings-body #music-selector{flex-direction:column;align-items:flex-start;gap:8px}#music-selector{display:flex;align-items:center;justify-content:center;gap:10px;font-size:24px;color:#000;padding:5px 10px}#music-text{font-size:18px;color:red;font-weight:700;min-width:100px;text-transform:lowercase}#difficulty-text{color:red;font-weight:700;min-width:100px;text-transform:lowercase;font-size:18px}#music-selector{display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px}.difficulty-arrow{color:#000;font-size:24px;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:transform .1s ease,opacity .1s ease;padding:5px 10px;display:inline-block}.difficulty-arrow:hover{transform:scale(1.2);opacity:.8}.difficulty-arrow:active{transform:scale(.9)}.difficulty-hint{font-size:16px;color:#ccc;margin-top:10px}#instructions{position:absolute;bottom:5px;left:0;right:0;display:flex;justify-content:space-around;align-items:center;z-index:5;padding:0 20px;gap:10px}#instructions.hidden{display:none}.instruction-item{flex:1;text-align:center;padding:12px 15px;border-radius:5px;color:#ccc;font-size:16px;max-width:250px}.instruction-item p{margin:0;font-size:16px}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 768px){#start-screen-content{flex-direction:column;gap:20px;width:100%;max-width:100%;box-sizing:border-box}#leaderboard-container{min-width:200px;max-width:250px}#leaderboard-container h2{font-size:15px;margin-bottom:10px}#leaderboard-table{font-size:12px}#leaderboard-table th{font-size:12px;padding:4px 6px}#leaderboard-table td{font-size:12px;padding:3px 6px}#instructions{bottom:10px;padding:0 10px;gap:5px;flex-wrap:wrap}.instruction-item{padding:8px 10px;font-size:12px;max-width:none;flex:1 1 calc(33.333% - 10px);min-width:100px}.instruction-item p{font-size:12px}.mobile-only{display:block!important}.desktop-only{display:none!important}.screen{padding:15px;min-width:0;max-width:90vw;width:auto;box-sizing:border-box;left:50%;right:auto;transform:translate(-50%,-50%);top:45%}.screen h1{font-size:32px;white-space:nowrap}#start-screen-image{width:150px}#game-over-image{width:150px;margin-bottom:15px}#difficulty-selector{font-size:24px}.game-button{font-size:24px;padding:10px 20px}#score-submit-container{max-width:250px;margin:15px 0}.username-input{font-size:16px;padding:8px 12px}.submit-message{font-size:14px;padding:6px 12px}.button-container{gap:15px;margin-top:15px}.menu-icon{width:32px;height:32px;top:8px;right:8px;padding:6px}.menu-icon-line{height:2px}.settings-window{top:50px;right:8px;min-width:200px}.settings-window-content{padding:15px}.settings-header h3{font-size:18px}.settings-body{gap:15px}.settings-body .menu-option label{font-size:16px}.settings-body .selector-controls{font-size:18px;gap:10px}#difficulty-text,#music-text{font-size:18px;min-width:80px}}@media (orientation: landscape){.screen{max-width:100vw;min-width:0;width:100%;padding:30px 40px}.screen h1{font-size:48px}.settings-window{top:15px;right:15px;min-width:280px;max-width:350px}.settings-window-content{padding:15px 20px}.settings-body{gap:12px}.settings-body .menu-option label{font-size:15px}.settings-body .selector-controls{font-size:16px;gap:8px}}@media (max-width: 768px) and (orientation: landscape){.screen{padding:15px 20px;max-width:100vw;min-width:0;width:100%;top:50%}.screen h1{font-size:28px;margin-bottom:15px;white-space:nowrap}.screen p{font-size:18px;margin:8px 0}#start-screen-image{width:100px;margin-bottom:10px}#game-over-image{width:80px;margin-bottom:8px}#start-screen-content{gap:15px}#leaderboard-container{min-width:180px;max-width:220px}#leaderboard-container h2{font-size:14px;margin-bottom:8px}#leaderboard-table{font-size:11px}#leaderboard-table th{font-size:11px;padding:3px 5px}#leaderboard-table td{font-size:11px;padding:2px 5px}.game-button{font-size:20px;padding:8px 16px}#score-submit-container{max-width:220px;margin:10px 0}#game-over-image{width:70px;margin-bottom:6px}.button-container{gap:10px;margin-top:10px}.button-container .game-button{font-size:18px;padding:6px 14px}.username-input{font-size:14px;padding:6px 10px}.submit-message{font-size:12px;padding:5px 10px}#instructions{bottom:5px;padding:0 8px;gap:4px}.instruction-item{padding:6px 8px;font-size:11px}.instruction-item p{font-size:11px}.menu-icon{width:28px;height:28px;top:5px;right:5px;padding:5px}.settings-window{top:35px;right:5px;min-width:160px;max-width:200px}.settings-window-content{padding:10px}.settings-header{margin-bottom:10px;padding-bottom:8px}.settings-header h3{font-size:14px}.settings-body{gap:10px}.settings-body .menu-option{gap:5px}.settings-body .menu-option label{font-size:13px}.settings-body .selector-controls{font-size:14px;gap:6px}#difficulty-text,#music-text{font-size:14px;min-width:60px}.settings-body .instruction-item{font-size:10px;padding:2px 0}.settings-body .instruction-item p{font-size:10px}.settings-body .instructions-content{gap:3px}}.landscape-warning{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.landscape-warning.hidden{display:none}.landscape-warning-content{background:#f5f5dcfa;border:2px solid #333;border-radius:10px;padding:30px 40px;text-align:center;max-width:300px}.landscape-warning-content h2{font-size:24px;margin-bottom:15px;color:#333}.landscape-warning-content p{font-size:16px;margin:10px 0;color:#666}.landscape-warning-content .game-button{margin-top:20px}@media (max-width: 768px){.landscape-warning-content{padding:20px 30px;max-width:250px}.landscape-warning-content h2{font-size:20px}.landscape-warning-content p{font-size:14px}}.first-time-tutorial{position:fixed;top:70px;right:15px;z-index:1001;pointer-events:none}.first-time-tutorial.hidden{display:none}.tutorial-arrow{position:absolute;top:-30px;right:0;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:30px solid rgba(245,245,220,.98);color:#000}.first-time-tutorial-content{background:#f5f5dcfa;border:2px solid #333;border-radius:10px;padding:20px;max-width:280px;pointer-events:auto}.first-time-tutorial-content h3{font-size:20px;margin-bottom:12px;color:#333;text-transform:lowercase}.first-time-tutorial-content p{font-size:14px;margin:8px 0;color:#666;line-height:1.4}.first-time-tutorial-content ul{margin:10px 0;padding-left:20px;color:#666;font-size:14px}.first-time-tutorial-content li{margin:6px 0;line-height:1.4}.first-time-tutorial-content .game-button{margin-top:15px;width:100%}@media (max-width: 768px){.first-time-tutorial{top:50px;right:8px;max-width:calc(100vw - 20px)}.first-time-tutorial-content{max-width:240px;padding:15px}.first-time-tutorial-content h3{font-size:18px}.first-time-tutorial-content p,.first-time-tutorial-content ul{font-size:12px}.tutorial-arrow{top:-25px;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:25px solid rgba(245,245,220,.98)}}