:root{--bg-color: #050505;--panel-bg: #0a0a0a;--accent-primary: #8300ff;--accent-secondary: #8300ff;--text-main: #f0f0f0;--text-dim: #888888;--danger: #ff4444;--border-color: #1a1a1a;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);overflow:hidden;height:100vh}#app{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#board-container{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-color);position:relative;overflow:hidden}#canvas-wrapper{cursor:default}#board-footer{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);font-size:1rem;color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;font-weight:700;z-index:10}#strategy-container{position:absolute;top:3rem;right:3rem;background:#232323df;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-left:4px solid var(--accent-secondary);border-radius:16px;padding:1.75rem;display:flex;flex-direction:column;z-index:100;width:340px;box-shadow:0 20px 60px #00000080}h2{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.25rem;opacity:.6}#strategy-content{font-size:.95rem;line-height:1.6}.advice-list{list-style:none;padding:0;margin:1rem 0}.advice-item{margin-bottom:1rem;font-size:20px;font-weight:500;display:flex;align-items:baseline;gap:.6rem;transition:all .3s ease}.advice-item.top-available{color:var(--accent-primary);text-shadow:0 0 10px rgba(131,0,255,.2)}.advice-item.available{color:#e0e0e0}.advice-item.greyed-out{color:#aaa;opacity:.6}.advice-item.none-highlight{color:var(--text-main);opacity:.8;text-shadow:none}.advice-number{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:800;opacity:.9;min-width:1.5rem}.advice-label{font-weight:950;text-transform:uppercase;font-size:16px;letter-spacing:.08em;min-width:85px}.advice-item.top-available .advice-label{color:var(--accent-primary)}.advice-coords{font-family:JetBrains Mono,monospace;font-size:18px}.greyed-out-coord{color:#aaa;opacity:.7}.advice-separator{color:#888!important;font-weight:400;margin:0 2px}.breadcrumb{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;opacity:.4;margin-top:1rem;display:block;font-style:italic}.game-over-banner{font-weight:950;font-size:2.5rem;text-align:center;margin-bottom:2rem;letter-spacing:-.04em;text-transform:uppercase}.game-over-banner.score-wiped{color:var(--danger)}.game-over-banner.score-good{color:#fff;text-shadow:0 0 25px rgba(255,255,255,.3)}.game-over-banner.score-perfect{color:var(--accent-secondary);text-shadow:0 0 25px rgba(131,0,255,.4)}.restart-btn{background:#fff;color:#000;border:none;border-radius:12px;padding:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;width:100%;display:block;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.restart-btn:hover{transform:translateY(-2px);background:#f0f0f0;box-shadow:0 10px 20px #ffffff1a}