body{font-family:"Press Start 2P",cursive;background-color:#1a1a2e;color:#e0e0e0;margin:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;min-height:100vh}#game-container{display:flex;width:100%;max-width:1200px;margin-top:10px;flex-grow:1}#ui-panel{width:300px;padding:15px;background-color:#2a2a3e;border-right:4px solid #4a4a5e;box-shadow:5px 0 15px #00000080;overflow-y:auto;display:flex;flex-direction:column;transition:width .5s ease,padding .5s ease}#ui-panel.collapsed{width:0px;padding:0;border-right:none;overflow:hidden}#ui-panel h2{font-size:1.4em;margin-bottom:15px;color:#ffc107;text-align:center}.action-button{display:block;width:100%;padding:12px;margin-bottom:12px;color:#fff;border:none;border-radius:8px;font-family:"Press Start 2P",cursive;font-size:.9em;cursor:pointer;transition:background-color .3s,transform .1s;text-align:center}.character-button{background-color:#4caf50;box-shadow:0 4px #388e3c}.character-button:hover{background-color:#45a049}.character-button:active{background-color:#3e8e41;transform:translateY(2px);box-shadow:0 2px #388e3c}#start-game-button{background-color:#f44336;box-shadow:0 4px #d32f2f;margin-top:10px}#start-game-button:hover{background-color:#e53935}#start-game-button:active{background-color:#d32f2f;transform:translateY(2px);box-shadow:0 2px #c62828}#start-game-button:disabled{background-color:#757575;box-shadow:0 4px #555;cursor:not-allowed}#character-info{margin-top:15px;padding:12px;background-color:#1e1e2f;border-radius:8px;border:2px solid #4a4a5e;font-size:.85em}#character-info h3{font-size:1.1em;color:#ffc107;margin-bottom:8px}#character-info p{margin-bottom:4px;line-height:1.3}#scene-container{flex-grow:1;height:calc(100vh - 20px);position:relative}canvas{display:block;width:100%!important;height:100%!important;border-radius:8px}.main-title-header{font-size:2.2em;color:#ffc107;text-shadow:3px 3px 0px #000000;padding:15px 0;text-align:center;width:100%;background-color:#2a2a3e;border-bottom:4px solid #4a4a5e;transition:opacity .5s ease,height .5s ease,padding .5s ease,font-size .5s ease}.main-title-header.hidden-title{opacity:0;height:0;padding:0;font-size:0;border-bottom:none}.hidden{display:none!important}@media (max-width: 768px){#game-container{flex-direction:column;align-items:center}#ui-panel:not(.collapsed){width:90%;max-width:400px;margin-bottom:15px;border-right:none;border-bottom:4px solid #4a4a5e;height:auto}#scene-container{width:90%;max-width:400px;height:350px}.main-title-header{font-size:1.6em}}