:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;color:#213547;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.login-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:400px}.login-card h1{font-size:1.8rem;text-align:center;margin-bottom:1rem;color:#333}.login-card p{text-align:center;color:#666;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1rem}.input-field{display:flex;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .2s}.input-field:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff33}.submit-button{padding:.75rem;background-color:#4a9eff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;font-weight:700}.submit-button:hover:not(:disabled){background-color:#3182ce}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.divider{position:relative;text-align:center;margin:1.5rem 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#ddd;z-index:1}.divider span{background-color:#fff;padding:0 1rem;color:#666;font-size:.9rem;position:relative;z-index:2}.guest-button{width:100%;padding:.75rem;background-color:#28a745;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;font-weight:700;margin-bottom:1rem}.guest-button:hover:not(:disabled){background-color:#218838}.guest-button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:#e53e3e;text-align:center;margin-bottom:1rem;font-size:.9rem}.switch-page{margin-top:1rem;text-align:center}.switch-page a{color:#4a9eff;text-decoration:none;font-weight:700}.switch-page a:hover{text-decoration:underline}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f5f5f5;padding:20px;font-family:Arial,sans-serif}.login-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:400px;font-family:Arial,sans-serif}.login-card h1{font-size:1.8rem;text-align:center;margin-bottom:1rem;color:#333;font-family:Arial,sans-serif;font-weight:700}.login-card p{text-align:center;color:#666;margin-bottom:2rem;font-family:Arial,sans-serif}.login-card form{display:flex;flex-direction:column;gap:1rem;font-family:Arial,sans-serif}.login-card input{display:flex;padding:.75rem;border:1px solid #dddddd;border-radius:4px;font-size:1rem;transition:border-color .2s;font-family:Arial,sans-serif}.login-card input:focus{display:flex;outline:none;border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff33}.difficulty-selection{display:flex;flex-direction:column;gap:1rem;font-family:Arial,sans-serif}.difficulty-selection h2{font-size:1.2rem;text-align:center;color:#333;margin:1rem 0;font-family:Arial,sans-serif;font-weight:700}.difficulty-buttons{display:flex;gap:.75rem;justify-content:center;font-family:Arial,sans-serif}.difficulty-buttons button{padding:.75rem 1.5rem;background-color:#4a9eff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;font-family:Arial,sans-serif;font-weight:700}.difficulty-buttons button:hover:not(:disabled){background-color:#3182ce}.difficulty-buttons button:disabled{background-color:#ccc;cursor:not-allowed;color:#666}.login-card button{padding:.75rem;background-color:#4a9eff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;font-family:Arial,sans-serif;font-weight:700}.login-card button:hover:not(:disabled){background-color:#3182ce}.login-card button:disabled{background-color:#ccc;cursor:not-allowed;color:#666}.error-message{color:#e53e3e;text-align:center;font-size:.9rem;margin-top:.5rem;font-family:Arial,sans-serif}.switch-mode-link{text-align:center;margin-top:1rem;font-family:Arial,sans-serif}.switch-mode-link a{color:#4a9eff;text-decoration:none;font-size:.9rem;font-family:Arial,sans-serif;font-weight:700}.switch-mode-link a:hover{text-decoration:underline}@media (max-width: 480px){.login-card{padding:1.5rem}.login-card h1{font-size:1.5rem}}.logout-button{display:flex;justify-content:center;margin-top:1rem;font-family:Arial,sans-serif}.logout-button button{padding:.75rem 1.5rem;background-color:#cc241d;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;font-weight:700}.logout-button button:hover:not(:disabled){background-color:#fb4934}.cell{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;border:1px solid #bbb;padding:0;cursor:pointer;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cell-hidden{background:#e9e9e9}.cell-hidden:hover{background:#dedede}.cell-hidden:active{background:#d0d0d0}.cell-revealed{background:#fff}.cell-exploded{background:#f55}.cell-1{color:#06c}.cell-2{color:#007f00}.cell-3{color:#c00}.cell-4{color:navy}.cell-5{color:maroon}.cell-6{color:teal}.cell-7{color:#000}.cell-8{color:gray}.best-times-panel{position:relative;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;width:200px}.best-times-panel h3{font-size:16px;margin:0;padding:8px 12px;background-color:#333;color:#fff;border-top-left-radius:4px;border-top-right-radius:4px}.best-times-content{padding:12px}.difficulty-select{width:100%;padding:6px;margin-bottom:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#333;background-color:#fff;cursor:pointer}.difficulty-select:hover{border-color:#999}.difficulty-select:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff33}.time-section{margin-top:8px}.time-label{font-weight:600;color:#333;margin-bottom:4px;font-size:14px}.time-display{color:#666;font-size:16px;margin-bottom:8px}.partners-list{color:#666;font-size:12px;word-wrap:break-word;line-height:1.4}.users-legend{position:relative;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;width:200px}.users-legend h3{font-size:16px;margin:0;padding:8px 12px;background-color:#333;color:#fff;border-top-left-radius:4px;border-top-right-radius:4px}.user-list{padding:6px}.user-item{display:flex;align-items:center;gap:16px;padding:4px}.user-color{width:24px;height:24px;border-radius:50%;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:4px;margin-top:2px}.user-name{font-size:14px;color:#666}.user-stats{color:#666}.squares-cleared{font-size:14px}.you-label{color:#333}.board-container{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative}.game-controls{display:flex;align-items:center;gap:16px;margin-bottom:16px}.logout-game-button,.flags-counter,.game-timer,.reset-button,.room-id{padding:8px 16px;font-size:14px;font-weight:500;color:#fff;background:#333;border:none;border-radius:0;height:32px;line-height:16px;box-sizing:border-box}.logout-game-button:hover{background:#cc241d;cursor:pointer}.reset-button:hover{background:#444;cursor:pointer}.game-area{display:flex;gap:24px;align-items:flex-start;position:relative}.game-board{background:#ddd;padding:1px;display:grid;gap:1px;position:relative}.board-with-cursors{position:relative}.cursors-container{position:absolute;pointer-events:none;top:0;left:0;width:100%;height:100%;z-index:10}.game-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 24px;border-radius:20px;background:#fff;color:#000;box-shadow:0 2px 10px #0000001a;animation:popIn .3s ease-out;min-width:200px;text-align:center;z-index:10;font-size:16px;white-space:nowrap}.won{background:#e8f5e9}.lost{background:#fbe9e7;color:#c92a2a}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.game-container{background:#fff;padding:2rem;box-shadow:0 2px 4px #0000001a}.game-header{margin-bottom:2rem}.game-title{text-align:center;font-size:2rem;font-weight:700;color:#333;margin:0}#root{width:100%;min-height:100vh;background:#f5f5f5}.app-container{max-width:1280px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;align-items:center}.game-container{max-width:1280px;padding:2rem;background:#fff;box-shadow:0 2px 4px #0000001a;min-height:100vh;margin:0}.game-title{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700;color:#333}.banner{position:fixed;bottom:0;left:0;right:0;background-color:#333;color:#fff;text-align:center;padding:.75rem;font-size:.9rem;font-style:italic;box-shadow:0 -2px 4px #0000001a;z-index:1000}.banner-text{margin:0;opacity:.8}