.game-container[data-v-5638e088]{display:flex;flex-direction:column;align-items:center;gap:36px;padding:48px 4vw;background:#fff;border-radius:28px;box-shadow:0 6px 18px #00000021;width:100%;max-width:800px;margin:0 auto;box-sizing:border-box;overflow:hidden;height:100vh;max-height:100vh}.game-title[data-v-5638e088]{font-size:3em;color:#2c3e50;margin-bottom:28px;text-align:center;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;gap:18px;flex-shrink:0}.icon[data-v-5638e088]{font-size:1.2em;animation:bounce 1s infinite}.game-rules[data-v-5638e088]{background:#f8f9fa;padding:0;border-radius:22px;margin-bottom:28px;width:100%;box-sizing:border-box;box-shadow:0 4px 16px #00000017;overflow:hidden;flex-shrink:0}.rules-header[data-v-5638e088]{background:#2196f3;padding:24px 32px;color:#fff}.rules-header h3[data-v-5638e088]{margin:0;font-size:2em;display:flex;align-items:center;gap:16px}.rules-content[data-v-5638e088]{padding:32px}.rule-item[data-v-5638e088]{display:flex;align-items:flex-start;gap:22px;margin-bottom:22px;padding:18px;background:#fff;border-radius:14px;box-shadow:0 2px 8px #00000017;transition:transform .2s}.rule-item[data-v-5638e088]:hover{transform:translate(5px)}.rule-icon[data-v-5638e088]{font-size:2em;min-width:40px;text-align:center;flex-shrink:0}.rule-item p[data-v-5638e088]{margin:0;color:#2c3e50;font-size:1.5em;line-height:1.7;text-align:left}.status-section[data-v-5638e088]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.user-identity[data-v-5638e088]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f5f5f5;border-radius:20px;font-size:.9em;color:#666}.reset-identity-btn[data-v-5638e088]{padding:4px 8px;background:#e0e0e0;border:none;border-radius:12px;font-size:.8em;color:#666;cursor:pointer;transition:all .2s}.reset-identity-btn[data-v-5638e088]:hover{background:#d0d0d0;color:#333}.phase-card[data-v-5638e088]{width:100%;max-width:260px;margin:0 auto}.players-section[data-v-5638e088]{justify-content:center;gap:8px}.status-card[data-v-5638e088]{background:#fff;padding:22px;border-radius:18px;flex:1;min-width:160px;max-width:260px;text-align:center;transition:all .3s ease;border:2px solid transparent;box-shadow:0 4px 16px #00000017}.status-card.active[data-v-5638e088]{background:#e3f2fd;border-color:#2196f3;transform:translateY(-2px);box-shadow:0 4px 8px #2196f333}.status-card h3[data-v-5638e088]{margin:0 0 12px;color:#2c3e50;font-size:1.7em;display:flex;align-items:center;justify-content:center;gap:10px}.status-card p[data-v-5638e088]{margin:0;color:#666;font-size:1.3em}.mine-count[data-v-5638e088]{margin-top:5px!important;color:#2196f3!important;font-weight:500}.board[data-v-5638e088]{display:grid;gap:8px;background-color:#e0e0e0;padding:8px;border-radius:16px;box-shadow:inset 0 4px 16px #00000021;width:100%;max-width:min(600px,95vw);margin:0 auto;aspect-ratio:1;flex:1;min-height:0}.row[data-v-5638e088]{display:flex;gap:8px;width:100%}.cell[data-v-5638e088]{flex:1;aspect-ratio:1;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:clamp(40px,10vw,60px);transition:all .2s ease;border-radius:10px;box-shadow:0 2px 8px #00000021;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.cell[data-v-5638e088]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;opacity:0;transition:opacity .2s}.cell[data-v-5638e088]:hover:after{opacity:1}.cell.placing[data-v-5638e088]{background-color:#e3f2fd}.cell.revealed[data-v-5638e088]{cursor:default;opacity:.85}.cell.mine[data-v-5638e088]{background-color:#ffebee}.cell.player1-mine[data-v-5638e088]{background-color:#ffcdd2}.cell.player2-mine[data-v-5638e088]{background-color:#ffe0b2}.mine-icon[data-v-5638e088]{font-size:1.2em}.safe-icon[data-v-5638e088]{font-size:1.2em;color:#4caf50}@media (max-width: 900px){.game-container[data-v-5638e088]{padding:24px 2vw;gap:18px;border-radius:16px;max-width:100vw}.game-title[data-v-5638e088]{font-size:2em;margin-bottom:14px}.rules-header[data-v-5638e088]{padding:14px 10px;font-size:1.2em}.rules-content[data-v-5638e088]{padding:14px}.rule-item[data-v-5638e088]{padding:10px;gap:10px;margin-bottom:10px}.rule-icon[data-v-5638e088]{font-size:1.2em;min-width:24px}.rule-item p[data-v-5638e088]{font-size:1.1em}.status-section[data-v-5638e088]{gap:10px;margin-bottom:14px}.status-card[data-v-5638e088]{padding:10px;min-width:100px;max-width:140px;border-radius:10px}.status-card h3[data-v-5638e088]{font-size:1.1em;margin-bottom:6px}.status-card p[data-v-5638e088]{font-size:.95em}.board[data-v-5638e088]{gap:4px;padding:4px;border-radius:8px;max-width:min(98vw,400px)}.cell[data-v-5638e088]{font-size:clamp(24px,7vw,36px);border-radius:6px}}.fade-scale-enter-active[data-v-5638e088],.fade-scale-leave-active[data-v-5638e088]{transition:all .35s cubic-bezier(.4,2,.6,1)}.fade-scale-enter-from[data-v-5638e088],.fade-scale-leave-to[data-v-5638e088]{opacity:0;transform:scale(.7)}.game-over-modal[data-v-5638e088]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000047;display:flex;align-items:center;justify-content:center;z-index:9999}.game-over-content[data-v-5638e088]{background:#fff;color:#e53935;font-size:2.2em;font-weight:700;padding:48px 70px 36px;border-radius:32px;box-shadow:0 8px 32px #0000002e;text-align:center;min-width:320px;max-width:90vw;display:flex;flex-direction:column;align-items:center;gap:18px}.game-over-icon[data-v-5638e088]{font-size:3.2em;margin-bottom:6px;animation:pop-bounce-5638e088 .7s cubic-bezier(.4,2,.6,1)}@keyframes pop-bounce-5638e088{0%{transform:scale(.5)}60%{transform:scale(1.2)}to{transform:scale(1)}}.game-over-title[data-v-5638e088]{font-size:1.3em;color:#e53935;font-weight:700;letter-spacing:2px;margin-bottom:2px}.game-over-msg[data-v-5638e088]{font-size:.9em;color:#444;font-weight:400;white-space:pre-line;line-height:1.6}.punishment-text[data-v-5638e088]{font-size:1.2em;color:#e53935;font-weight:700;margin-top:8px;padding:12px 24px;background:#fff3f3;border-radius:16px;border:2px dashed #e53935;animation:pulse-5638e088 2s infinite}@keyframes pulse-5638e088{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.restart-btn[data-v-5638e088]{margin-top:18px;padding:10px 26px;font-size:1.05em;font-weight:600;color:#fff;background:linear-gradient(100deg,#43e97b,#38f9d7);border:none;border-radius:20px;box-shadow:0 3px 12px #43e97b26,0 1px 3px #38f9d714;cursor:pointer;transition:background .18s,transform .13s,box-shadow .13s;outline:none;display:inline-flex;align-items:center;gap:8px;letter-spacing:.5px;position:relative;overflow:hidden;white-space:nowrap}.restart-btn[data-v-5638e088]:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(120deg,#ffffff21,#ffffff08);border-radius:20px;pointer-events:none}.restart-btn[data-v-5638e088]:hover{background:linear-gradient(100deg,#38f9d7,#43e97b);transform:translateY(-1px) scale(1.04);box-shadow:0 6px 18px #43e97b2e,0 1.5px 6px #38f9d71a}.restart-btn[data-v-5638e088]:active{transform:scale(.97);box-shadow:0 1.5px 6px #43e97b1a}.restart-btn .icon[data-v-5638e088]{font-size:1.1em;margin-right:2px}.toast-bar[data-v-5638e088]{position:fixed;top:28%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(100deg,#43e97b,#38f9d7);color:#fff;font-size:1.35em;font-weight:600;padding:28px 64px;border-radius:32px;box-shadow:0 8px 32px #43e97b2e,0 2px 8px #38f9d721;z-index:20001;letter-spacing:1.5px;animation:toast-pop-center-5638e088 .35s cubic-bezier(.4,2,.6,1);text-align:center;min-width:480px;max-width:90vw;pointer-events:none;white-space:nowrap}@keyframes toast-pop-center-5638e088{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}80%{transform:translate(-50%,-50%) scale(1.08);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.toast-fade-enter-active[data-v-5638e088],.toast-fade-leave-active[data-v-5638e088]{transition:opacity .3s}.toast-fade-enter-from[data-v-5638e088],.toast-fade-leave-to[data-v-5638e088]{opacity:0}.connection-status[data-v-5638e088]{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#f5f5f5;border-radius:20px;margin-bottom:16px;font-size:.9em;color:#666}.connection-status.connected[data-v-5638e088]{background:#e8f5e9;color:#2e7d32}.status-dot[data-v-5638e088]{width:8px;height:8px;border-radius:50%;background:#666}.connected .status-dot[data-v-5638e088]{background:#2e7d32;animation:pulse-5638e088 2s infinite}.room-actions[data-v-5638e088]{background:#f8f9fa;padding:24px;border-radius:16px;margin-bottom:24px}.action-buttons[data-v-5638e088]{display:flex;flex-direction:column;gap:16px}.action-btn[data-v-5638e088]{padding:12px 24px;border:none;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.action-btn.create[data-v-5638e088]{background:#2196f3;color:#fff}.action-btn.join[data-v-5638e088]{background:#4caf50;color:#fff}.action-btn[data-v-5638e088]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.join-room[data-v-5638e088]{display:flex;gap:8px}.join-room input[data-v-5638e088]{flex:1;padding:12px;border:2px solid #e0e0e0;border-radius:12px;font-size:1em;outline:none;transition:border-color .2s}.join-room input[data-v-5638e088]:focus{border-color:#2196f3}.waiting-screen[data-v-5638e088]{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:1000}.waiting-content[data-v-5638e088]{text-align:center;padding:32px;background:#fff;border-radius:24px;box-shadow:0 8px 32px #0000001a}.loading-spinner[data-v-5638e088]{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #2196f3;border-radius:50%;margin:0 auto 16px;animation:spin-5638e088 1s linear infinite}.room-id[data-v-5638e088]{margin-top:16px;padding:8px 16px;background:#f5f5f5;border-radius:12px;font-family:monospace;font-size:1.2em}@keyframes spin-5638e088{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-status[data-v-5638e088]{margin-top:8px!important;color:#2196f3!important;font-weight:500;font-size:1.1em!important;padding:4px 8px;background:#2196f31a;border-radius:8px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden}.app{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:0;margin:0}