/* Tetris Plugin Styles */
#tetris-container {
    width: 240px;
    margin: 0 auto;
    position: relative;
    background: #1a1a1a;
    border: 2px solid #444;
    min-height: 630px;
    padding-bottom: 20px;
}
#tetris-canvas {
    display: block;
    background: #111;
    margin: 0 auto;
}
#tetris-info {
    margin-top: 10px;
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
#tetris-score { font-size:18px; font-weight:bold; margin-bottom:5px; }
#tetris-next { margin-top:5px; width:60px; height:60px; border:1px solid #555; margin:0 auto; }
#tetris-high-scores { margin-top:20px; text-align:center; color:#fff; font-family:Arial,Helvetica,sans-serif; }
#high-score-list { list-style:none; padding:0; margin:0; max-width:200px; margin:0 auto; }
#high-score-list li { border-bottom:1px solid #555; padding:5px 0; }
#tetris-modal { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center; z-index:1000; }
#tetris-modal-content { background:#222; padding:20px; border:2px solid #444; color:#fff; text-align:center; }
#tetris-modal-content input { padding:5px; margin-top:10px; }
#tetris-modal-content button { margin-top:10px; }
.tetris-btn { display:inline-block; margin:0 5px; padding:7px 14px; background:#444; color:#fff; border:none; border-radius:4px; cursor:pointer; font-size:14px; }
#tetris-controls { margin-top:10px; text-align:center; }
.tetris-help-btn { display:block; margin:10px auto; padding:8px 12px; background:#444; color:#fff; border:none; border-radius:4px; cursor:pointer; }
.tetris-help { display:none; margin:10px auto; width:240px; background:#222; color:#fff; padding:10px; border:1px solid #444; max-height:200px; overflow:auto; }
.tetris-help p{margin:0 0 8px;}
.tetris-help ul{margin:0; padding-left:20px;}