body{padding:0;margin:0}.app{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#1a1a1a;color:#fff;font-family:Sixtyfour,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"BLED" 0,"SCAN" -10}.top-bar{position:relative;background-color:#2a2a2a;height:40px;border-bottom:1px solid #3a3a3a}.top-bar h1{font-size:36px;color:#ffc309;margin:0;padding:1px 10px}.info-box{display:flex;flex-direction:column;gap:10px;font-size:1.2em;font-weight:700;width:100%;max-width:300px}.keyboard-box{display:flex;flex-direction:column;gap:10px;font-size:.7em;font-weight:700;width:100%;max-width:300px;margin-top:20px;border-top:1px solid #cccccc;padding-top:20px}.game-container{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#000}.game-frame{width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:grid;grid-template-columns:minmax(200px,1fr) minmax(800px,1fr) minmax(200px,1fr);background-color:#333;position:relative}.character-select{background-color:#222;padding:20px;border-right:2px solid #444;display:flex;flex-direction:column;align-items:center}.character-slot{background-color:#444;padding:5px 15px;margin-bottom:15px;border-radius:5px;color:#fff;width:100%;max-width:300px}.character-name{font-size:18px;font-weight:700;margin-bottom:10px;color:gold}.character-name img{width:50px}.character-stats{font-size:14px}.game-area{background-color:#000;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.right-panel{background-color:#222;border-left:2px solid #444}.music-toggle-button{background:transparent;border:none;font-family:Sixtyfour,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"BLED" 0,"SCAN" -10;font-size:24px;cursor:pointer;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:1000}.music-toggle-button.on{color:#ffc309}.music-toggle-button.off{color:#999}.music-toggle-button:hover{opacity:.8}canvas{image-rendering:crisp-edges}@media (max-width: 768px){.top-bar h1{padding:3px 5px;font-size:24px}.music-toggle-button{font-size:12px}.game-frame{grid-template-columns:1fr;grid-template-rows:auto 1fr}.character-select{border-right:none;border-bottom:2px solid #444;padding:10px;flex-direction:row;justify-content:space-between;align-items:center}.character-slot{margin-bottom:0;margin-right:20px}.info-box{flex-direction:row;justify-content:flex-end;gap:20px}.info-box span{font-size:.2em;display:inline-block;padding-bottom:5px}.keyboard-box{display:none}.game-area{grid-row:2}.right-panel{display:none}.mobile-controls{position:fixed;bottom:60px;left:20px;width:120px;height:120px;z-index:9999;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mobile-attack-buttons{position:fixed;bottom:80px;right:20px;display:flex;gap:20px;z-index:9999;pointer-events:auto}.attack-button{width:80px;height:80px;border-radius:50%;background-color:#444;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.button-a,.button-b{background-color:#444}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.game-area canvas{pointer-events:none;margin-top:0!important}}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#992b00;padding:20px;border-radius:8px;text-align:center}.character-options{display:flex;flex-direction:row;margin:20px 0}.character-option{padding:15px;margin:10px;width:90px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ff7b00;color:#fff;border-radius:5px;cursor:pointer;border:3px solid transparent}.character-option.selected{border:3px solid #fff}.character-option img{width:90%;object-fit:cover}.character-name{margin-top:5px;margin-bottom:5px;font-size:16px}.close-button{margin-top:10px;padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer}