.breakout-container{color:#2c3f46;background:linear-gradient(135deg,#f6f6f6 0%,#91a5ac 100%);justify-content:center;align-items:center;height:calc(100vh - 60px);padding:10px;font-family:Courier New,monospace;display:flex;overflow:hidden}.breakout-container.mobile{padding:10px}.breakout-game{background:#2c3f46e6;border:2px solid #f4753c;border-radius:10px;align-items:flex-start;gap:15px;width:100%;max-width:1100px;max-height:calc(100vh - 100px);padding:15px;display:flex;position:relative;box-shadow:0 0 20px #f4753c66}.breakout-game.mobile{flex-direction:column;align-items:center;gap:15px;width:100%;max-width:100%;padding:15px}.mobile-header{text-align:center;margin-bottom:10px}.mobile-header h2{color:#f4753c;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px #f4753ccc;margin:0;font-size:2.5rem;font-weight:700}.mobile-stats{background:#f4753c1a;border:1px solid #f4753c;border-radius:5px;justify-content:space-around;width:100%;margin-bottom:15px;padding:10px;display:flex}.mobile-stats .stat{text-align:center;flex-direction:column;gap:2px;display:flex}.mobile-stats .label{color:#f4753c;font-size:.8rem;font-weight:700;display:block}.mobile-stats .value{color:#fff;font-size:1.1rem;font-weight:700;display:block}.game-info{flex-direction:column;gap:20px;min-width:250px;display:flex}.score-section{text-align:center;background:#f4753c1a;border:1px solid #f4753c;border-radius:5px;padding:20px}.score-section h2{color:#f4753c;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px #f4753ccc;margin:0 0 15px;font-size:2rem;font-weight:700}.stats{background:#0000004d;border-radius:5px;margin-bottom:20px;padding:15px}.stat{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat:last-child{margin-bottom:0}.stat .label{color:#f4753c;font-weight:700}.stat .value{color:#fff;font-size:18px;font-weight:700}.game-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#f4753c 0%,#e6662e 100%);border:none;border-radius:5px;width:100%;margin-bottom:15px;padding:15px 20px;font-family:Courier New,monospace;font-size:16px;font-weight:700;transition:all .3s}.game-button:hover{background:linear-gradient(135deg,#e6662e 0%,#d4581f 100%);transform:translateY(-2px);box-shadow:0 4px 8px #f4753c66}.game-button:active{transform:translateY(0)}.game-button.mobile{width:200px;max-width:80%;padding:12px 20px;font-size:16px}.mobile-game-controls{text-align:center;margin-bottom:15px}.game-over-section{margin-top:15px}.game-over-section.mobile{width:100%;margin-top:10px}.game-over{color:red;text-shadow:0 0 5px #f00c;margin-bottom:10px;font-size:1.5rem;font-weight:700;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.final-score{color:#f4753c;font-size:1rem;font-weight:700}.mobile-instructions{text-align:center;background:#f4753c1a;border:1px solid #f4753c;border-radius:5px;width:100%;margin-bottom:15px;padding:10px}.mobile-instructions p{color:#fff;margin:5px 0;font-size:.9rem}.game-canvas{background:#2c3f46;border:2px solid #f4753c;border-radius:5px;display:block;box-shadow:0 0 15px #f4753c66}.game-canvas.mobile{border-width:2px;margin:0 auto}.controls{background:#f4753c1a;border:1px solid #f4753c;border-radius:5px;padding:15px}.controls h3{color:#f4753c;text-transform:uppercase;letter-spacing:2px;text-align:center;margin:0 0 15px;font-size:1.3rem;font-weight:700}.control-list{flex-direction:column;gap:8px;font-size:14px;display:flex}.control-list div{color:#fff;text-align:center;background:#0000004d;border-radius:3px;padding:5px}@media (max-width:768px){.breakout-container{padding:5px}.mobile-header h2{font-size:2rem}.mobile-stats .label{font-size:.7rem}.mobile-stats .value{font-size:1rem}.mobile-instructions p{font-size:.8rem}}.game-canvas:focus{outline:none}@keyframes glow{0%,to{box-shadow:0 0 15px #f4753c66}50%{box-shadow:0 0 25px #f4753ccc}}.guess-overlay{z-index:20;text-align:center;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.guess-buttons{flex-wrap:wrap;justify-content:center;gap:10px;max-width:500px;display:flex}.guess-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#f4753c 0%,#e6662e 100%);border:2px solid #fff;border-radius:5px;min-width:200px;padding:12px 24px;font-family:Courier New,monospace;font-size:16px;font-weight:700;transition:all .2s}.guess-button:hover{background:linear-gradient(135deg,#e6662e 0%,#d4581f 100%);transform:translateY(-2px);box-shadow:0 4px 12px #f4753c99}.guess-result{font-family:Courier New,monospace}.guess-correct{color:#4ecdc4;text-shadow:0 0 10px #4ecdc4cc;font-size:28px;font-weight:700}.guess-wrong{color:#ff6b6b;text-shadow:0 0 10px #ff6b6bcc;font-size:24px;font-weight:700}.guess-bonus{color:#f4753c;margin-top:8px;font-size:20px;font-weight:700}.guess-summary{background:#0000004d;border-radius:4px;margin-top:10px;padding:8px}.guess-summary-correct{color:#4ecdc4;font-size:14px;font-weight:700}.guess-summary-wrong{color:#ff6b6b;font-size:14px;font-weight:700}.guess-summary-bonus{color:#f4753c;margin-top:4px;font-size:13px;font-weight:700}@media screen and (orientation:landscape) and (max-height:600px){.breakout-container.mobile{padding:5px}.breakout-game.mobile{gap:10px;padding:10px}.mobile-header h2{margin-bottom:5px;font-size:1.5rem}.mobile-stats{margin-bottom:5px;padding:8px}.controls.mobile{padding:10px}}