body{margin:0;padding:0;font-family:Arial,sans-serif;height:100vh;overflow:hidden}canvas{display:block}.app-fullscreen{width:100vw;height:100vh;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:1200px}.cap-title-text{text-align:center;font-size:2.2rem;font-weight:700;padding:15px 0;margin-top:10px;z-index:5;width:100%;position:absolute;top:0;left:0;text-shadow:1px 1px 2px rgba(0,0,0,.2);-webkit-text-stroke:1px black;text-stroke:1px black}.cap-name-highlight{font-weight:900;text-transform:uppercase;letter-spacing:1px}.cap-display{flex:1;width:100%;position:relative}.caps-grid{position:fixed;bottom:0;left:0;width:100%;padding:15px;background-color:#000000b3;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:10px;z-index:10;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.5) rgba(0,0,0,.2);box-sizing:border-box}.caps-grid::-webkit-scrollbar{height:6px}.caps-grid::-webkit-scrollbar-track{background:#0003;border-radius:3px}.caps-grid::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:3px}.cap-button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;height:80px;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);position:relative;overflow:hidden;flex-shrink:0}.cap-button:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.cap-button.selected{border:3px solid white;transform:scale(1.1);box-shadow:0 0 20px #ffffff80}.cap-letter{font-size:24px;font-weight:700;margin-bottom:5px}.cap-name{font-size:12px;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-button{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;background-color:#ff0000b3;color:#fff;border:none;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;padding:0;transition:all .2s ease}.delete-button:hover{background-color:red;transform:scale(1.1);box-shadow:0 0 5px #0000004d}.add-cap-button{background-color:#fff3;border:2px dashed rgba(255,255,255,.5)}.add-cap-button .cap-letter{font-size:32px;margin-bottom:0}.add-cap-button:hover{background-color:#ffffff4d}.cap-form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:100}.cap-form-container{background-color:#fff;border-radius:10px;padding:20px;width:90%;max-width:400px;box-shadow:0 5px 15px #00000080}.cap-form-container h2{margin-top:0;color:#333;text-align:center;margin-bottom:20px}.cap-form-container p{text-align:center;margin-bottom:20px;color:#333}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333}.form-group input[type=text]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.form-group input[type=color]{width:100%;height:40px;border:1px solid #ccc;border-radius:4px;cursor:pointer}.form-actions{display:flex;justify-content:space-between;margin-top:20px}.form-actions button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s ease}.form-actions button[type=button]{background-color:#ccc;color:#333}.form-actions button[type=submit]{background-color:#4caf50;color:#fff}.delete-confirm-button{background-color:#f44336!important;color:#fff!important}.form-actions button:hover{transform:translateY(-2px)}.more-projects-cap{background-color:#4285f4;text-decoration:none}.more-projects-cap:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000004d}.more-projects-container,.more-projects-button{display:none}.feedback-button{position:fixed;top:0;right:0;z-index:50;display:flex;align-items:center;gap:4px;background-color:#4285f4;color:#fff;padding:8px 12px;border-bottom-left-radius:8px;font-size:14px;font-weight:500;text-decoration:none;box-shadow:0 2px 10px #0003;transition:transform .2s ease,box-shadow .2s ease}.feedback-button:hover{transform:scale(1.05);box-shadow:0 4px 15px #0000004d}.feedback-icon{font-size:14px}@media (max-width: 640px){.feedback-text{display:none}.feedback-button{padding:8px}}.music-player{position:fixed;bottom:120px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.play-prompt{background-color:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;transition:background-color .2s}.play-prompt:hover{background-color:#000000e6}.play-icon{font-size:16px}.music-controls{background-color:#000000b3;border-radius:30px;padding:10px 15px;display:flex;align-items:center;gap:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 6px #0000001a}.playlist-info{color:#fff;font-size:14px;margin-right:5px}.playlist-name{font-weight:700}.player-buttons{display:flex;align-items:center;gap:8px}.player-button{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.player-button:hover{background-color:#fff3}.play-button{font-size:18px}.volume-control{display:flex;align-items:center;gap:8px}.volume-icon{color:#fff;font-size:14px}.volume-slider{-webkit-appearance:none;width:80px;height:4px;border-radius:2px;background:#ffffff4d;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none}@media (max-width: 768px){.music-player{right:15px}.music-controls{padding:8px 12px;gap:10px}.volume-slider{width:60px}}@media (max-width: 480px){.music-player{right:5px}.player-button{width:25px;height:25px;font-size:14px}.play-button{font-size:16px}.volume-slider{width:50px}.playlist-info{font-size:12px}}.background-music-container,.background-music-controls,.music-interaction-message,.music-play-prompt,.music-control-btn,.music-toggle-btn{display:none!important;opacity:0;visibility:hidden;pointer-events:none}