html,body,#app{margin:0;height:100%}.app[data-v-eefc2560]{box-sizing:border-box;height:100%;display:flex;flex-direction:column;gap:10px;padding:14px;background:radial-gradient(120% 120% at 50% 0%,#2c3140,#1d212c 70%);color:#e8eaf0;font-family:system-ui,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.title[data-v-eefc2560]{margin:0;font-size:22px;font-weight:700;letter-spacing:1px}.panel[data-v-eefc2560]{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 16px}.ctl[data-v-eefc2560]{display:flex;align-items:center;gap:8px}.label[data-v-eefc2560]{font-size:13px;opacity:.7}input[type=range][data-v-eefc2560]{width:170px;accent-color:#f59e0b}.val[data-v-eefc2560]{min-width:66px;font-variant-numeric:tabular-nums}.mines[data-v-eefc2560]{font-size:13px;color:#ffd166;font-variant-numeric:tabular-nums}.seg[data-v-eefc2560]{display:flex;gap:6px}.seg-btn[data-v-eefc2560]{border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#e8eaf0;border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer;font-variant-numeric:tabular-nums}.seg-btn[data-v-eefc2560]:hover{background:#ffffff1f}.seg-btn.active[data-v-eefc2560]{background:#f59e0b;border-color:#f59e0b;color:#1d212c;font-weight:600}.btn[data-v-eefc2560]{border:none;border-radius:8px;padding:8px 16px;font-size:14px;cursor:pointer}.btn.primary[data-v-eefc2560]{background:#3b82f6;color:#fff}.btn.primary[data-v-eefc2560]:hover{background:#2f6fd6}.btn.sm[data-v-eefc2560]{padding:6px 14px}.stats[data-v-eefc2560]{display:flex;flex-wrap:wrap;gap:10px}.chip[data-v-eefc2560]{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 14px;font-size:14px;font-variant-numeric:tabular-nums}.chip.status.win[data-v-eefc2560]{color:#6ee07a;border-color:#6ee07a80}.chip.status.lose[data-v-eefc2560]{color:#ff7b6b;border-color:#ff7b6b80}.board[data-v-eefc2560]{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.board canvas[data-v-eefc2560]{border-radius:4px;box-shadow:0 8px 28px #00000073;-webkit-user-select:none;user-select:none;touch-action:none}.banner[data-v-eefc2560]{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;background:#12141cf0;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px 16px;font-size:15px;box-shadow:0 8px 24px #00000080;z-index:2;white-space:nowrap}.banner.win[data-v-eefc2560]{border-color:#6ee07a99}.banner.lose[data-v-eefc2560]{border-color:#ff7b6b99}