.login-mask[data-v-9f1099c4]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;background:#020617b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.login-card[data-v-9f1099c4]{position:relative;width:min(560px,100%);background:linear-gradient(150deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:16px;padding:22px 24px 20px;box-shadow:0 24px 60px #0000008c}.login-close[data-v-9f1099c4]{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#94a3b8;font-size:14px;cursor:pointer;transition:all .15s}.login-close[data-v-9f1099c4]:hover{color:#f1f5f9;border-color:#475569;background:#33415580}.login-head[data-v-9f1099c4]{text-align:center;margin-bottom:18px}.login-logo[data-v-9f1099c4]{font-size:26px;line-height:1}.login-head h2[data-v-9f1099c4]{margin:8px 0 6px;font-size:17px;font-weight:800;color:#f1f5f9;letter-spacing:.5px}.login-reason[data-v-9f1099c4]{margin:0;font-size:12.5px;color:#94a3b8}.login-body[data-v-9f1099c4]{display:flex;align-items:center;gap:20px}.qr-box[data-v-9f1099c4]{position:relative;flex:0 0 168px;width:168px;height:168px;border-radius:12px;overflow:hidden;background:#f8fafc;border:2px solid #07c160;box-shadow:0 0 0 4px #07c1601f;transition:box-shadow .2s}.qr-box.is-dim[data-v-9f1099c4]{border-color:#475569;box-shadow:0 0 0 4px #47556926}.qr-img[data-v-9f1099c4]{width:100%;height:100%;display:block;object-fit:contain}.qr-placeholder[data-v-9f1099c4]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0f172a}.qr-placeholder-icon[data-v-9f1099c4]{font-size:30px}.qr-spinner[data-v-9f1099c4]{width:26px;height:26px;border:3px solid rgba(148,163,184,.35);border-top-color:#07c160;border-radius:50%;animation:qr-spin-9f1099c4 .8s linear infinite}@keyframes qr-spin-9f1099c4{to{transform:rotate(360deg)}}.qr-overlay[data-v-9f1099c4]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px;background:#0f172ae6;border:none;color:#e2e8f0;font-size:12.5px;font-weight:700;text-align:center;cursor:pointer}.qr-overlay.is-warn[data-v-9f1099c4]{background:#451a03eb;color:#fed7aa}.qr-overlay-icon[data-v-9f1099c4]{font-size:22px;line-height:1}.qr-overlay-sub[data-v-9f1099c4]{font-size:11px;font-weight:500;color:#94a3b8}.login-tips[data-v-9f1099c4]{flex:1;min-width:0}.tip-main[data-v-9f1099c4]{margin:0 0 8px;font-size:13px;color:#e2e8f0;line-height:1.6}.oa-name[data-v-9f1099c4]{color:#07c160;font-weight:800}.tip-sub[data-v-9f1099c4]{margin:0 0 4px;font-size:11.5px;color:#fbbf24;display:flex;align-items:center;gap:5px}.tip-sub.tip-quiet[data-v-9f1099c4]{color:#64748b;margin-top:6px}.dot-warn[data-v-9f1099c4]{width:6px;height:6px;border-radius:50%;background:#fbbf24;flex:0 0 auto}.oauth-btn[data-v-9f1099c4]{display:block;margin-top:12px;padding:9px 12px;background:#07c160;border-radius:9px;color:#fff;font-size:13px;font-weight:700;text-align:center;text-decoration:none;transition:background .15s}.oauth-btn[data-v-9f1099c4]:hover{background:#06ad56}.dev-btn[data-v-9f1099c4]{display:block;width:100%;margin-top:10px;padding:8px 12px;background:#38bdf81f;border:1px dashed #38bdf8;border-radius:9px;color:#7dd3fc;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer}.dev-btn[data-v-9f1099c4]:hover:not(:disabled){background:#38bdf833}.dev-btn[data-v-9f1099c4]:disabled{opacity:.6;cursor:not-allowed}.login-error[data-v-9f1099c4]{margin:10px 0 0;font-size:11.5px;color:#fca5a5;line-height:1.5}@media (max-width: 560px){.login-body[data-v-9f1099c4]{flex-direction:column;gap:14px}.qr-box[data-v-9f1099c4]{flex:0 0 156px;width:156px;height:156px}.login-card[data-v-9f1099c4]{padding:20px 16px 18px}}.brand-footer{max-width:1600px;margin:0 auto;padding:18px 32px 26px;text-align:center}.brand-text{font-size:11.5px;letter-spacing:.5px;color:#64748b;-webkit-user-select:none;user-select:none;display:inline}.brand-inline{margin-top:22px;padding-top:14px;border-top:1px dashed rgba(148,163,184,.28);text-align:center;font-size:12px;color:#64748b;column-span:all;-webkit-column-span:all}.brand-footer a,.brand-inline a{color:#64748b;text-decoration:none;border-bottom:1px dashed rgba(148,163,184,.48);padding-bottom:1px;transition:color .2s,border-color .2s}.brand-footer a:hover,.brand-inline a:hover{color:#2ea82d;border-bottom-color:#2ea82d}:root{--brand: #2ea82d;--brand-gold: #e4b800;--text: #f1f5f9;--muted: #94a3b8;--surface: #0f172a;--surface-2: #111c2e;--surface-3: #13243b;--border: rgba(148,163,184,.18);--shadow: 0 20px 60px rgba(0,0,0,.4);--red: #ef4444;--cell-size: 28px}:root[data-theme=light]{--text: #0b1220;--muted: #475569;--surface: #f7fbf8;--surface-2: #fff;--surface-3: #eef7f0;--border: rgba(23, 42, 27, .1);--shadow: 0 10px 40px rgba(46,168,45,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:13px;line-height:1.4;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;text-decoration:none;transition:all .16s ease;white-space:nowrap}.btn:hover{border-color:var(--brand);color:var(--brand)}.btn-primary{background:linear-gradient(135deg,#2ea82d,#e4b800);color:#fff;border:none;font-weight:600}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px #2ea82d3d;color:#fff}.btn-outline{background:transparent}.btn-sm{padding:6px 12px;font-size:12px;border-radius:8px}a.btn.btn-outline{text-decoration:none}.text-input{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:7px 12px;font-size:13px;outline:none;transition:border-color .16s ease}.text-input:focus{border-color:var(--brand)}.small-input{width:90px;padding:5px 10px;font-size:12px}.app-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--border)}.header-inner{max-width:1600px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}.brand{display:flex;align-items:center;gap:12px;min-width:0;flex:0 1 auto}.brand-logo{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,#2ea82d33,#e4b8002e);border:1px solid rgba(228,184,0,.22);box-shadow:0 10px 24px #2ea82d1a;flex:none}.brand-text{min-width:0}.brand-text h1{font-size:16px;font-weight:700;margin:0;line-height:1.2;color:var(--text);white-space:nowrap}.brand-sub{margin:3px 0 0;font-size:12px;color:var(--muted);line-height:1.3;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;flex-wrap:nowrap;min-width:0;overflow:hidden}.header-actions>*{flex:none}.user-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;transition:all .16s ease}.user-chip:hover{border-color:var(--red)}.user-avatar{width:24px;height:24px;border-radius:50%;background:var(--surface-3);object-fit:cover}.user-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:13px;background:var(--surface-3)}.user-name{font-size:12px;color:var(--text);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-out{font-size:11px;color:var(--muted)}.share-wrap{position:relative}.share-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);z-index:100;display:flex;flex-direction:column;gap:6px}.share-tip{margin:0 4px 4px;font-size:12px;color:var(--muted);line-height:1.5}.share-tip b{color:var(--brand-gold)}.share-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:10px;cursor:pointer;color:var(--text);font-size:13px;transition:background .14s ease}.share-item:hover{background:var(--surface-3);color:var(--brand)}.share-feedback{margin:6px 4px 0;font-size:12px;color:var(--brand)}.app-main{width:100%;padding:26px 22px 36px;display:flex;justify-content:center}.content-wrap{width:100%;max-width:1600px;display:flex;flex-direction:column;gap:20px}.difficulty-card{background:var(--surface-2);border:1px solid var(--border);border-radius:18px;padding:14px 18px;box-shadow:var(--shadow)}.diff-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.diff-btn{padding:8px 14px;font-size:13px}.custom-row{margin-top:12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.custom-item{display:inline-flex;align-items:center;gap:6px}.custom-item label{font-size:12px;color:var(--muted)}.game-card{background:var(--surface-2);border:1px solid var(--border);border-radius:22px;padding:18px 18px 22px;box-shadow:var(--shadow);display:inline-flex;flex-direction:column;align-items:center;align-self:center;gap:14px;max-width:100%;overflow-x:auto}.game-controls{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#2ea82d14,#e4b8000f);border:1px solid var(--border);border-radius:16px;gap:16px}.lcd{padding:6px 12px;border-radius:10px;background:#0b0e14;border:1px solid rgba(228,184,0,.2);box-shadow:inset 0 2px 6px #0006;min-width:92px;text-align:center}:root[data-theme=light] .lcd{background:#1a1f2b}.lcd-digits{font-family:Courier New,ui-monospace,monospace;font-weight:800;color:#f44;font-size:22px;letter-spacing:2px;text-shadow:0 0 6px rgba(255,50,50,.35)}.face-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface-3);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .14s ease,border-color .14s ease}.face-btn:hover{transform:translateY(-1px);border-color:var(--brand)}.face-emoji{font-size:22px}.status-bar{width:100%;border-radius:12px;padding:8px 14px;font-size:12.5px;line-height:1.5;border:1px dashed var(--border);color:var(--muted)}.status-won{color:var(--brand);border-color:#2ea82d73;background:#2ea82d14}.status-lost{color:var(--red);border-color:#ef444473;background:#ef444414}.mine-board-wrap{width:100%;display:flex;justify-content:center;overflow:auto;padding:2px 4px 6px}.mine-board{border-collapse:separate;border-spacing:1px;background:var(--border);border-radius:10px;padding:2px;-webkit-user-select:none;user-select:none;touch-action:manipulation}.mine-cell{width:var(--cell-size);height:var(--cell-size);min-width:var(--cell-size);min-height:var(--cell-size);font-size:14px;font-weight:700;text-align:center;vertical-align:middle;cursor:pointer;padding:0;border:none}.mine-cell.is-hidden{background:linear-gradient(160deg,#cbd5e1,#94a3b8);box-shadow:inset 1px 1px #f1f5f9,inset -1px -1px #0f172a38}:root[data-theme=light] .mine-cell.is-hidden{background:linear-gradient(160deg,#e2e8f0,#94a3b8)}.mine-cell.is-hidden:hover{filter:brightness(1.08)}.mine-cell.is-revealed{background:var(--surface-3);color:#0ea5e9;border:none}.mine-cell.num-1{color:#2563eb}.mine-cell.num-2{color:#16a34a}.mine-cell.num-3{color:#dc2626}.mine-cell.num-4{color:#1e3a8a}.mine-cell.num-5{color:#92400e}.mine-cell.num-6{color:#0891b2}.mine-cell.num-7{color:#7e22ce}.mine-cell.num-8{color:#0f172a}:root[data-theme=light] .mine-cell.num-8{color:#0b1220}.mine-cell.is-mine{background:#ef44441f}.mine-cell.cell-exploded{background:#ef444499!important}.mine-cell.cell-wrong-flag .cell-flag-x{color:var(--red);font-size:16px;font-weight:900}.cell-flag{font-size:13px}.mine-cell.chord-press{filter:brightness(.92);transform:scale(.96)}.mine-cell.chord-press.is-hidden{box-shadow:inset -1px -1px #f1f5f9,inset 1px 1px #0f172a38;background:linear-gradient(160deg,#94a3b8,#cbd5e1)}.mine-cell.chord-flash{animation:chord-flash .2s ease-out 1;outline:1px solid rgba(250,204,21,.9);outline-offset:-2px;z-index:2;position:relative}@keyframes chord-flash{0%{filter:brightness(1);transform:translate(0)}25%{filter:brightness(1.4);transform:translate(-1px)}50%{filter:brightness(.9);transform:translate(1px)}75%{filter:brightness(1.25);transform:translateY(-1px)}to{filter:brightness(1);transform:translate(0)}}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{width:min(680px,100%);max-height:85vh;background:var(--surface-2);border:1px solid var(--border);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:16px;font-weight:700}.modal-close{background:transparent;border:none;color:var(--muted);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:6px}.modal-close:hover{background:var(--surface-3);color:var(--text)}.modal-body{padding:16px 20px 22px;overflow-y:auto;font-size:13.5px;line-height:1.7}.modal-body h4{margin:14px 0 8px;font-size:14px}.modal-body h4:first-child{margin-top:0}.modal-body ul{margin:0;padding-left:22px}.modal-body li{margin:3px 0;color:var(--text)}.modal-body b{color:var(--brand)}.layout-split{display:flex;flex-direction:row;gap:24px;align-items:flex-start}.leaderboard-left{flex:0 0 280px;width:280px;display:flex;flex-direction:column;gap:20px;position:sticky;top:16px;align-self:flex-start}.game-main{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:20px}.leaderboard-card{background:linear-gradient(180deg,var(--surface-2) 0%,var(--surface-3) 100%);border:1px solid var(--border);border-radius:18px;padding:14px 14px 10px;box-shadow:0 8px 22px #0003;display:flex;flex-direction:column;flex:1 1 auto;min-height:252px}.leaderboard-card.lb-time,.leaderboard-card.lb-wins{flex-shrink:0}.lb-head{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed var(--border)}.lb-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:.2px}.lb-icon{font-size:17px}.lb-tabs{display:inline-flex;align-self:stretch;padding:3px;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.lb-tab{flex:1 1 0%;padding:5px 0;font-size:12px;border:none;background:transparent;color:var(--muted);border-radius:7px;cursor:pointer;transition:all .14s ease;white-space:nowrap;font-weight:500}.lb-tab:hover{color:var(--text)}.lb-tab.is-active{color:#fff;background:linear-gradient(135deg,#2ea82d,#e4b800);box-shadow:0 4px 10px #2ea82d38;font-weight:700}.lb-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.lb-row{display:grid;grid-template-columns:22px 28px 1fr auto;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;transition:background .12s ease;font-size:13px}.lb-row:hover{background:var(--surface)}.lb-rank{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;background:#94a3b838}.lb-row.rank-1 .lb-rank{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#3b2b00;box-shadow:0 3px 8px #f59e0b59}.lb-row.rank-2 .lb-rank{background:linear-gradient(135deg,#f1f5f9,#94a3b8);color:#0f172a;box-shadow:0 3px 8px #94a3b840}.lb-row.rank-3 .lb-rank{background:linear-gradient(135deg,#fed7aa,#c2410c);color:#2a1101;box-shadow:0 3px 8px #c2410c47}.lb-avatar{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-gold) 100%);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px;letter-spacing:.3px;flex:0 0 28px;overflow:hidden}.lb-avatar .avatar-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;pointer-events:none}.lb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--text)}.lb-value{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.lb-value b{color:var(--text);font-weight:600}.lb-list.lb-placeholder .lb-name,.lb-list.lb-placeholder .lb-value,.lb-list.lb-placeholder .lb-rank{opacity:.55;filter:saturate(.6)}.lb-empty-tip{color:var(--brand);border-top:1px dashed var(--border);font-weight:500;opacity:.9}.lb-foot{margin-top:8px;font-size:11.5px;color:var(--muted);padding-top:6px;border-top:1px dashed var(--border);text-align:center}.mobile-lb-entry{display:none;width:100%;padding:10px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;text-align:center;font-size:13px;font-weight:600;color:var(--brand);cursor:pointer;box-shadow:0 4px 12px #2ea82d14}.mobile-lb-modal{max-height:90vh;max-width:520px;width:calc(100vw - 32px);display:flex;flex-direction:column}.mobile-lb-body{display:flex;flex-direction:column;gap:18px;padding:14px 16px 20px}.mobile-lb-body .leaderboard-card{min-height:220px}@media (max-width: 859px){.layout-split{flex-direction:column;gap:14px}.leaderboard-left{display:none}.mobile-lb-entry{display:block}.game-main{width:100%}.header-inner{padding:10px 14px;gap:10px}.brand-sub{display:none}.header-actions{gap:4px}.btn{padding:6px 10px;font-size:12px}.app-main{padding:16px 10px 24px}.game-card{padding:14px 10px 16px;border-radius:18px}.difficulty-card{padding:12px 14px}.diff-btn{padding:7px 10px;font-size:12px}:root{--cell-size: 22px}.diff-beginner{--cell-size: 34px}}