:root{--bg-void: #0e1116;--bg-panel: #141a22;--glass-border: rgba(160, 190, 230, .12);--neon-cyan: #2de2e6;--safe: #36e27a;--danger: #ff3b5c;--text-primary: #e6edf3;--mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(120% 120% at 50% 0%,#121821 0%,var(--bg-void) 70%);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif}#app{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px 12px}.hud{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:14px;width:max-content;position:relative}.hud-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:10px 18px;min-width:280px;background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 28px #00000073}.hud-divider{width:1px;height:28px;align-self:center;background:var(--glass-border)}.hud-actions{display:inline-flex;align-items:center;gap:12px}@media (max-width: 640px){.hud-divider{display:none}.hud{gap:10px}}.hud-mine,.hud-timer{font-family:var(--mono);font-weight:700;font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:1px;color:var(--neon-cyan);text-shadow:0 0 8px rgba(45,226,230,.35);min-width:3ch;text-align:center}.hud-face{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--glass-border);border-radius:10px;background:#92b0d60f;color:var(--neon-cyan);cursor:pointer;transition:transform .12s ease-out,box-shadow .12s ease-out}.hud-face:hover{box-shadow:0 0 10px #2de2e640}.hud-face:active{transform:scale(.94)}.hud-face svg{width:28px;height:28px;display:block}.hud-face[data-face=idle],.hud-face[data-face=worried]{color:var(--neon-cyan)}.hud-face[data-face=cool]{color:var(--safe);box-shadow:0 0 12px #36e27a73}.hud-face[data-face=dead]{color:var(--danger);box-shadow:0 0 12px #ff3b5c73}#board-wrap{position:relative;display:inline-block;line-height:0}#board{display:block;border-radius:14px;background:var(--bg-panel);box-shadow:0 10px 40px #00000080;max-width:100%;height:auto!important}.focus-ring{border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hud-face:focus-visible{outline:2px solid rgba(45,226,230,.9);outline-offset:2px}@media (prefers-reduced-motion: reduce){.hud-face{transition:none}}#topbar-actions{position:relative;display:inline-flex;align-items:center;gap:12px}.difficulty{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 28px #00000073}.diff-btn{font:inherit;font-weight:600;color:var(--text-primary);padding:6px 14px;border:1px solid var(--glass-border);border-radius:10px;background:#92b0d60f;cursor:pointer;transition:background .12s ease-out,box-shadow .12s ease-out,color .12s ease-out}.diff-btn:hover{box-shadow:0 0 10px #2de2e633}.diff-btn[aria-pressed=true]{color:var(--neon-cyan);border-color:#2de2e680;box-shadow:0 0 12px #2de2e659}.diff-btn:focus-visible,.diff-input:focus-visible,.diff-apply:focus-visible{outline:2px solid rgba(45,226,230,.9);outline-offset:2px}.difficulty-custom{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;margin-top:4px;padding-top:8px;border-top:1px solid var(--glass-border)}.diff-field{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-primary)}.diff-input{width:64px;font:inherit;color:var(--text-primary);background:#92b0d614;border:1px solid var(--glass-border);border-radius:8px;padding:4px 6px}.diff-apply{font:inherit;font-weight:600;color:var(--bg-void);background:var(--neon-cyan);border:none;border-radius:8px;padding:6px 14px;cursor:pointer}.diff-hint{flex-basis:100%;font-size:12px;color:var(--neon-cyan);min-height:1em}.difficulty-custom[hidden]{display:none}.audio-controls{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:6px 12px;background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 28px #00000073}.audio-mute{font:inherit;font-weight:600;color:var(--text-primary);padding:6px 12px;border:1px solid var(--glass-border);border-radius:10px;background:#92b0d60f;cursor:pointer;transition:background .12s ease-out,box-shadow .12s ease-out,color .12s ease-out}.audio-mute:hover{box-shadow:0 0 10px #2de2e633}.audio-mute[aria-pressed=true]{color:var(--neon-cyan);border-color:#2de2e680;box-shadow:0 0 12px #2de2e659}.audio-volume{width:150px;accent-color:var(--neon-cyan)}.audio-mute:focus-visible,.audio-volume:focus-visible{outline:2px solid rgba(45,226,230,.9);outline-offset:2px}.sfx-group{display:inline-flex;align-items:center;gap:8px}.music-group{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--glass-border)}.music-mute{font:inherit;font-weight:600;color:var(--text-primary);padding:6px 12px;border:1px solid var(--glass-border);border-radius:10px;background:#92b0d60f;cursor:pointer;transition:background .12s ease-out,box-shadow .12s ease-out,color .12s ease-out}.music-mute:hover{box-shadow:0 0 10px #2de2e633}.music-mute[aria-pressed=true]{color:var(--neon-cyan);border-color:#2de2e680;box-shadow:0 0 12px #2de2e659}.music-volume{width:150px;accent-color:var(--neon-cyan)}.music-mute:focus-visible,.music-volume:focus-visible{outline:2px solid rgba(45,226,230,.9);outline-offset:2px}.daily-btn{font:inherit;font-weight:600;color:var(--text-primary);padding:6px 12px;border:1px solid var(--glass-border);border-radius:10px;background:#92b0d60f;cursor:pointer;transition:background .12s ease-out,box-shadow .12s ease-out,color .12s ease-out}.daily-btn:hover{box-shadow:0 0 10px #2de2e633}.daily-btn:focus-visible{outline:2px solid rgba(45,226,230,.9);outline-offset:2px}.daily-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stats-trigger{font:inherit;font-weight:600;color:var(--text-primary);padding:6px 12px;border:1px solid var(--glass-border);border-radius:10px;background:#92b0d60f;cursor:pointer;transition:background .12s ease-out,box-shadow .12s ease-out,color .12s ease-out}.stats-trigger:hover{box-shadow:0 0 10px #2de2e633}.stats-trigger[aria-expanded=true]{color:var(--neon-cyan);border-color:#2de2e680;box-shadow:0 0 12px #2de2e659}.stats-trigger:focus-visible{outline:2px solid rgba(45,226,230,.9);outline-offset:2px}.stats-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:280px;max-height:70vh;overflow:auto;padding:14px;background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 28px #00000073;color:var(--text-primary);text-align:left}.stats-panel[hidden]{display:none}.stats-head{font-size:16px;margin-bottom:10px}.stats-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.stats-filter-btn,.stats-board-btn{font:inherit;font-size:14px;color:var(--text-primary);padding:4px 10px;border:1px solid var(--glass-border);border-radius:8px;background:#92b0d60f;cursor:pointer}.stats-filter-btn[aria-pressed=true],.stats-board-btn[aria-pressed=true]{color:var(--neon-cyan);border-color:#2de2e680;box-shadow:0 0 10px #2de2e64d}.stats-filter-btn:focus-visible,.stats-board-btn:focus-visible{outline:2px solid rgba(45,226,230,.9);outline-offset:2px}.stats-summary{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;font-size:15px}.stats-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.stats-summary dt{color:#e6edf399}.stats-summary dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.stats-board-toggle{display:flex;gap:6px;margin-bottom:8px}.stats-board-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:15px;font-variant-numeric:tabular-nums}.stats-board-list li{display:grid;grid-template-columns:22px 1fr auto auto;gap:8px;align-items:center;padding:4px 6px;border-radius:8px;background:#92b0d60a}.stats-rank{color:var(--neon-cyan);font-weight:700;text-align:center}.stats-empty,.stats-note{color:#e6edf38c;font-size:14px;padding:6px}.stats-daily{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;font-size:15px}.stats-daily-row{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;padding:4px 6px;border-radius:8px;background:#92b0d60a}.stats-daily-row span:last-child{grid-column:1 / -1;color:#e6edf399}.stats-panel :focus-visible{outline:2px solid rgba(45,226,230,.9);outline-offset:2px}.settings-wrap{position:relative;display:inline-flex}#settings-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:20;display:flex;flex-direction:column;gap:12px;width:max-content;min-width:260px;max-width:min(92vw,360px);padding:14px;background:var(--bg-panel);border:1px solid var(--glass-border);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 28px #00000073;color:var(--text-primary);text-align:left}#settings-popover[hidden]{display:none}#settings-popover .difficulty,#settings-popover .audio-controls{border:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;padding:0}#settings-popover .difficulty{padding-bottom:12px;border-bottom:1px solid var(--glass-border)}#settings-popover .audio-controls{padding-top:12px}#settings-btn{font:inherit;font-weight:600;color:var(--text-primary);display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--glass-border);border-radius:10px;background:#92b0d60f;cursor:pointer;transition:background .12s ease-out,box-shadow .12s ease-out,color .12s ease-out}#settings-btn:hover{box-shadow:0 0 10px #2de2e633}#settings-btn[aria-expanded=true]{color:var(--neon-cyan);border-color:#2de2e680;box-shadow:0 0 12px #2de2e659}#settings-btn:focus-visible{outline:2px solid rgba(45,226,230,.9);outline-offset:2px}.settings-gear{font-size:14px;line-height:1}@media (prefers-reduced-motion: reduce){#settings-popover{transition:none;opacity:1;transform:none}}