*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden}#gameContainer{position:relative;width:100vw;height:100vh}#gameCanvas{display:block;width:100%;height:100%}#ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}#gameTitle{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:2.5em;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#score{position:absolute;top:20px;right:20px;font-size:1.2em;background:#0000004d;padding:10px 15px;border-radius:10px;backdrop-filter:blur(10px);color:#fff;font-size:24px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin-bottom:20px}#backToMainMenu{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid #4ecdc4;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;z-index:100}#backToMainMenu:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4ecdc466;background:linear-gradient(135deg,#764ba2,#667eea)}#bottomControls{position:absolute;bottom:20px;left:20px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;z-index:1100;pointer-events:auto;height:50px;line-height:1}#bottomControls button{width:50px;height:50px;min-width:50px;min-height:50px;border:2px solid rgba(255,255,255,.3);border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d;pointer-events:auto;flex-shrink:0;flex-grow:0;text-align:center;line-height:1;font-family:Arial,sans-serif;user-select:none;margin:0;padding:0;vertical-align:baseline;float:none;position:relative}#helpToggle{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}#helpToggle:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 6px 20px #4ecdc466;border-color:#4ecdc4cc}#backToMainMenu{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}#backToMainMenu:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 6px 20px #667eea66;border-color:#667eeacc}#audioToggle{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#333}#audioToggle:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 6px 20px #fcb69f66;border-color:#fcb69fcc}#helpPanel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;color:#fff;padding:30px;border-radius:15px;backdrop-filter:blur(15px);z-index:2000;max-width:500px;max-height:80vh;overflow-y:auto;border:2px solid #4ecdc4;box-shadow:0 10px 30px #00000080;pointer-events:auto}#helpContent h3{margin-top:0;color:#4ecdc4;text-align:center;font-size:24px;margin-bottom:20px}#helpContent p{margin:15px 0;line-height:1.6}#helpContent ul{margin:10px 0;padding-left:20px}#helpContent li{margin:8px 0;line-height:1.4}#closeHelp{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;display:block;margin-left:auto;margin-right:auto;transition:all .3s ease;pointer-events:auto}#closeHelp:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b66}#customLevelInfo{margin-top:15px;padding-top:15px}#customLevelInfo hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);margin:15px 0}#exitCustomLevel{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;display:block;margin:10px auto;transition:all .3s ease;pointer-events:auto}#exitCustomLevel:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4ecdc466}#gameOver{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:40px;border-radius:20px;text-align:center;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);pointer-events:all}#gameOver h2{font-size:2.5em;margin-bottom:20px;color:#ff6b6b}#gameOver p{font-size:1.2em;margin-bottom:30px}#restartBtn{background:linear-gradient(45deg,#4ecdc4,#45b7d1);border:none;color:#fff;padding:15px 30px;font-size:1.1em;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:700}#restartBtn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.hidden{display:none!important}@media (max-width: 768px){#gameTitle{font-size:2em;top:10px}#score{top:10px;right:10px;font-size:1em;padding:8px 12px}#gameOver{padding:30px;margin:20px}#gameOver h2{font-size:2em}}#touchControls{position:fixed;bottom:20px;right:20px;z-index:1000;display:none}#jumpBtn{width:80px;height:80px;border-radius:50%;border:none;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;font-size:16px;font-weight:700;box-shadow:0 4px 15px #4ecdc466;touch-action:manipulation;user-select:none;pointer-events:auto;transition:all .2s ease}#jumpBtn:active{transform:scale(.95);box-shadow:0 2px 8px #4ecdc499}@media (pointer: coarse){#touchControls{display:block}#bottomControls{bottom:100px;gap:8px;pointer-events:auto;flex-direction:row;align-items:center}#bottomControls button{width:45px;height:45px;min-width:45px;min-height:45px;font-size:20px;pointer-events:auto;flex-shrink:0;flex-grow:0}#helpPanel{max-width:90vw;padding:20px;margin:10px}#helpContent h3{font-size:20px}}#creatorTag{position:fixed;bottom:15px;right:15px;font-size:.8em;color:#fff9;background:#0000004d;padding:5px 12px;border-radius:15px;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);font-family:Arial,sans-serif;font-weight:500;z-index:999;pointer-events:none;transition:all .3s ease;letter-spacing:.5px}#creatorTag:hover{color:#ffffffe6;background:#00000080;transform:scale(1.05)}@media (max-width: 768px){#creatorTag{bottom:10px;right:10px;font-size:.7em;padding:4px 10px}@media (pointer: coarse){#creatorTag{bottom:120px;right:10px}}}#ghostModeIndicator{position:fixed;bottom:20px;left:20px;background:#8a2be2e6;color:#fff;padding:10px;border-radius:8px;font-size:14px;font-weight:700;z-index:1001;border:2px solid #9932cc;box-shadow:0 0 20px #8a2be280;animation:pulse 1s infinite}#levelEditor{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;overflow:hidden}#editorUI{width:320px;min-width:320px;flex-shrink:0;background:#000c;backdrop-filter:blur(10px);padding:20px;overflow-y:auto;border-right:2px solid rgba(78,205,196,.3)}#editorHeader h2{color:#4ecdc4;margin-bottom:20px;text-align:center}#editorControls{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}#editorControls button{background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;color:#fff;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease}#editorControls button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4ecdc466}#cloudControls{margin-top:10px;padding-top:10px;border-top:1px solid rgba(78,205,196,.3)}#cloudControls button{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #9d4edd}#cloudControls button:hover{box-shadow:0 4px 15px #9d4edd66;background:linear-gradient(135deg,#764ba2,#667eea)}#toolsGrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tool-btn{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;border:2px solid transparent;padding:8px 6px;border-radius:6px;cursor:pointer;font-size:10px;font-weight:700;transition:all .3s ease;text-align:center}.tool-btn:hover{background:linear-gradient(135deg,#34495e,#2c3e50);border-color:#4ecdc4}.tool-btn.active{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-color:#4ecdc4;box-shadow:0 0 15px #4ecdc480}#editorInfo{color:#fff;font-size:12px;line-height:1.4}#editorInfo p{margin:8px 0}#levelInfo{margin-top:15px;padding-top:15px;border-top:1px solid rgba(78,205,196,.3)}#levelInfo label{display:block;color:#4ecdc4;margin:10px 0 5px;font-weight:700}#levelInfo input{width:100%;padding:8px;border:2px solid #4ecdc4;border-radius:6px;background:#0000004d;color:#fff;font-size:12px;box-sizing:border-box}#levelInfo input:focus{outline:none;box-shadow:0 0 10px #4ecdc480}#editorViewport{flex:1;height:100%;position:relative;background:linear-gradient(135deg,#667eea,#764ba2)}#mainMenu{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);z-index:1000;display:flex;align-items:center;justify-content:center}#menuContent{text-align:center;background:#000c;padding:40px;border-radius:20px;border:3px solid #4ecdc4;box-shadow:0 0 30px #4ecdc44d}#menuContent h1{color:#4ecdc4;font-size:3em;margin:0 0 30px;text-shadow:0 0 20px rgba(78,205,196,.8)}#menuButtons{display:flex;flex-direction:column;gap:15px}#menuButtons button{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;border:none;padding:15px 30px;border-radius:12px;cursor:pointer;font-size:18px;font-weight:700;transition:all .3s ease;min-width:250px}#menuButtons button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #4ecdc466}@media (max-width: 768px){#levelEditor{flex-direction:column}#editorUI{width:100%;height:40%;border-right:none;border-bottom:2px solid #4ecdc4}#toolsGrid{grid-template-columns:repeat(3,1fr)}.tool-btn{font-size:9px;padding:6px 4px}#editorControls{grid-template-columns:repeat(4,1fr);gap:4px}#editorControls button{font-size:9px;padding:6px 4px}#menuContent h1{font-size:2em}#menuButtons button{font-size:16px;padding:12px 20px;min-width:200px}}#toastContainer{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none;max-width:calc(100vw - 40px);width:auto}.toast{background:#000000e6;color:#fff;padding:16px 20px;margin-bottom:10px;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-size:14px;font-weight:500;min-width:280px;max-width:min(450px,calc(100vw - 40px));width:auto;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;hyphens:auto;white-space:pre-wrap;line-height:1.4;transform:translate(400px);opacity:0;transition:all .3s ease-out;border-left:4px solid #4ecdc4;pointer-events:auto;box-sizing:border-box;display:flex;align-items:flex-start;gap:8px}.toast.show{transform:translate(0);opacity:1}.toast.success{border-left-color:#28a745;background:linear-gradient(135deg,#28a745e6,#228b3ae6)}.toast.error{border-left-color:#dc3545;background:linear-gradient(135deg,#dc3545e6,#b72c39e6)}.toast.warning{border-left-color:#ffc107;background:linear-gradient(135deg,#ffc107e6,#d6a206e6);color:#212529}.toast.info{border-left-color:#17a2b8;background:linear-gradient(135deg,#17a2b8e6,#138799e6)}.toast-icon{flex-shrink:0;font-size:16px;margin-top:1px}.toast-message{flex:1;min-width:0}@media (max-width: 480px){#toastContainer{top:10px;right:10px;left:10px;max-width:none}.toast{min-width:auto;max-width:none;width:100%;font-size:13px;padding:14px 16px;transform:translateY(-100px)}.toast.show{transform:translateY(0)}.toast-icon{font-size:14px}}