.game-controls{margin-bottom:10px;display:flex;justify-content:center}.view-chunk-button{padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.view-chunk-button:hover{background-color:#1976d2}.app{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#f0f0f0}.game-container{flex:1;position:relative;overflow:hidden;background-color:#e0e0e0}.loading-message,.error-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem;background-color:#ffffffe6;border-radius:4px;box-shadow:0 2px 4px #0000001a;text-align:center}.error-message{color:#dc3545;border:1px solid #dc3545}.loading-message{color:#0d6efd}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f0f0f0;display:flex;flex-direction:column;align-items:center}.app-container{max-width:1200px;margin:0 auto;padding:20px}h1{text-align:center;color:#333}.status-bar{display:flex;justify-content:space-between;padding:10px;background-color:#eee;border-radius:4px;margin-bottom:10px}.game-container{display:flex;gap:20px}.sidebar{flex:0 0 200px;background-color:#fff;border-radius:4px;padding:10px;box-shadow:0 2px 4px #0000001a}.main-content{flex:1;position:relative}.board-container{position:relative;display:flex;flex-direction:column;align-items:center}.viewport-info{position:absolute;top:-25px;left:10px;font-size:14px;color:#666;background-color:#ffffffb3;padding:2px 6px;border-radius:3px;z-index:10}.board{background-color:#ddd;border:2px solid #999;box-shadow:0 2px 8px #00000026;position:relative}.cell{width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-weight:700;background-color:#bbb;border:1px solid #999;-webkit-user-select:none;user-select:none;cursor:pointer;font-family:Courier New,monospace;font-size:16px}.cell.hidden:active{background-color:#aaa;border-color:#8e8e8e #fff #fff #8e8e8e}.cell.revealed{background-color:#eee}.cell.flagged:after{content:"🚩"}.cell.mine{background-color:#f88;color:#000}.cell.mine:after{content:"💣"}.cell.mine-solved{background-color:green;border-color:#006400}.cell.mine-pending{border-color:orange;border-width:2px}.cell[data-mines="1"]{color:#00f}.cell[data-mines="2"]{color:green}.cell[data-mines="3"]{color:red}.cell[data-mines="4"]{color:#00008b}.cell[data-mines="5"]{color:brown}.cell[data-mines="6"]{color:teal}.cell[data-mines="7"]{color:#000}.cell[data-mines="8"]{color:gray}.mine-reveal-animation{animation:mine-reveal 1s ease-in-out}@keyframes mine-reveal{0%{transform:scale(1)}50%{transform:scale(1.3);background-color:gold}to{transform:scale(1)}}.pulse-animation{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 10px gold}to{transform:scale(1)}}.controls-help{margin-top:10px;background-color:#f5f5f5;padding:5px 10px;border-radius:4px;font-size:14px;text-align:center}.player-list{margin-bottom:20px}.player-list h3{margin-top:0;padding-bottom:5px;border-bottom:1px solid #eee}.player-list ul{list-style:none;padding:0;margin:0}.player-list li{padding:5px;margin:2px 0;border-radius:3px;transition:background-color .2s}.player-list li:hover{background-color:#f5f5f5}.current-player{background-color:#e6f7ff}.locked-badge{color:red;font-weight:700}.you-badge{color:#4caf50;font-weight:700}.game-over-banner{background-color:#000c;color:#fff;padding:10px;text-align:center;margin:10px 0;border-radius:4px}.locked-message{background-color:#ffebee;color:#c62828;padding:10px;text-align:center;margin:10px 0;border-radius:4px}.loading{padding:20px;text-align:center;font-style:italic;color:#666}.cell.mines-1{color:#00f}.cell.mines-2{color:green}.cell.mines-3{color:red}.cell.mines-4{color:navy}.cell.mines-5{color:maroon}.cell.mines-6{color:teal}.cell.mines-7{color:#000}.cell.mines-8{color:gray}#game-area{display:flex;gap:20px;margin-bottom:20px}#board{border:2px solid #333;background-color:silver;display:grid;gap:1px;border-spacing:0;padding:5px;box-shadow:3px 3px 5px #0000004d}#leaderboard{width:200px;border:1px solid lightblue;padding:10px;background-color:#f8f8f8;border-radius:4px}#leaderboard h2{margin-top:0;padding-bottom:5px;border-bottom:1px solid #ddd;text-align:center}#leaderboard ul{list-style-type:none;padding:0;margin:0}#leaderboard li{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid #eee;position:relative}.player-name{font-weight:700;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-score{font-weight:700;transition:all .3s ease}.status-indicator{margin-left:5px;font-size:14px}li.player-locked-out{color:#888;background-color:#f0f0f0}li.player-locked-out .player-name{text-decoration:line-through}.score-increase{color:green;animation:pulse-score 1s ease-in-out}.score-decrease{color:red;animation:pulse-score 1s ease-in-out}@keyframes pulse-score{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.score-animation{position:absolute;font-weight:700;font-size:16px;pointer-events:none;animation:float-up 1.5s ease-out;opacity:1;z-index:100;left:auto;top:auto;transform:translateY(0)}.score-animation.positive{color:green}.score-animation.negative{color:red}.score-animation.fade-out{opacity:0;transition:opacity .5s ease-out}@keyframes float-up{0%{transform:translateY(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(-50px);opacity:0}}#chat{width:630px;border:1px solid lightgreen;padding:10px}#messages{list-style-type:none;margin:0 0 10px;padding:0;height:150px;overflow-y:scroll;border:1px solid #eee}#messages>li:nth-child(odd){background:#efefef}#form{display:flex}#input{border:1px solid #ddd;padding:10px;flex-grow:1}#form>button{background:#333;border:none;padding:10px;color:#fff}#board.disabled{pointer-events:none;opacity:.8}