:root{--void: #07050e;--ink: #12081c;--gold: #e6c34a;--paper: #f3e6c4;--dim: #8a7a9a;--tile: 40px;--bad: #d4452a;--good: #3dba6a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--void);color:var(--paper);font-family:VT323,monospace;font-size:22px}#app{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:12px 16px 32px}.play{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(420px,100%);z-index:2;position:relative}.mine8{display:grid;grid-template-columns:repeat(8,minmax(0,var(--tile)));gap:3px;justify-content:center;width:100%}.cell{position:relative;padding:0;aspect-ratio:1;border:2px solid #3a2a4e;background:#1c1028;cursor:pointer;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.cell img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.cell.open{cursor:default;border-color:#5a4068}.cell.open:not(.shadow) img{opacity:.42}.cell.shadow{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad)}.cell.shadow img{opacity:1}.mine8.blown .cell:not(.open){opacity:.5;cursor:default}.cell.fatal{z-index:1;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 14px var(--bad)}.cell.flagged{box-shadow:0 0 0 2px var(--gold)}.cell .num,.cell .flag{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:"Press Start 2P",monospace}.cell .num{font-size:12px;text-shadow:0 1px 0 #000,0 0 4px #000}.cell .flag{font-size:14px;color:var(--gold);text-shadow:0 1px 0 #000}.cell.n1 .num{color:#4aa3ff}.cell.n2 .num{color:#3dba6a}.cell.n3 .num{color:#d4452a}.cell.n4 .num{color:#9b7bff}.cell.n5 .num{color:#c9a227}.cell.n6 .num{color:#2ec4b6}.cell.n7 .num{color:var(--paper)}.cell.n8 .num{color:var(--dim)}.assign{margin:6px 0 0;font-size:18px;color:var(--paper);line-height:1.3}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}.how-grid p{margin:0;font-size:18px;line-height:1.3;color:var(--paper)}.how-k{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--gold);margin:0 0 6px!important}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin:0 0 16px}.fields label{display:flex;flex-direction:column;gap:4px;font-size:18px;color:var(--dim)}.fields .wide{grid-column:1 / -1}.fields input,.fields select,.fields textarea{font:inherit;color:var(--paper);background:#1c1028;border:2px solid #3a2a4e;padding:6px 8px}.hud{position:relative;width:min(480px,100%);z-index:3;text-align:left;margin:0 0 8px;flex:none}.hud .kicker{margin:0}.hud-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hud-copy{min-width:0;flex:1}.hud-audio{display:flex;gap:8px;flex:none}.hud-audio button{font-family:"Press Start 2P",monospace;font-size:8px;padding:8px 10px;background:#1c1028;color:var(--paper);border:2px solid #3a2a4e;cursor:pointer;white-space:nowrap}.hud-audio button.on{border-color:var(--gold);color:var(--gold)}.scan,.vignette{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0}.scan{background:repeating-linear-gradient(to bottom,rgb(0 0 0 / .18) 0,rgb(0 0 0 / .18) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;opacity:.55}.vignette{box-shadow:inset 0 0 120px 40px #000}.hidden{display:none!important}.panel{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;max-width:620px;max-height:min(90vh,fit-content);overflow:auto;padding:28px;background:var(--ink);border:4px solid var(--gold);z-index:5}.kicker{font-family:"Press Start 2P",monospace;font-size:10px;color:var(--gold);letter-spacing:.12em;margin:0 0 12px}h1{font-family:"Press Start 2P",monospace;font-size:16px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}#reading-title{font-size:11px;line-height:1.65}.lede{margin:0 0 18px;color:var(--paper);line-height:1.25;overflow-wrap:anywhere}.signs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.signs button{font-family:"Press Start 2P",monospace;font-size:8px;padding:10px 4px;background:#1c1028;color:var(--paper);border:2px solid #3a2a4e;cursor:pointer}.signs button.on{border-color:var(--gold);color:var(--gold)}.primary,.pad button{font-family:"Press Start 2P",monospace;font-size:10px;padding:12px 16px;background:var(--gold);color:var(--ink);border:0;cursor:pointer}.pad{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;z-index:4;width:100%;margin-top:4px}.pad button{flex:1 1 110px}.pad button:disabled{opacity:.45;cursor:default}.pad button.on{border-color:var(--gold);color:var(--gold)}.quiet{background:#1c1028;color:var(--paper);border:2px solid #3a2a4e}.meta{color:var(--dim);font-size:18px}@media(max-width:420px){:root{--tile: 36px}.cell .num{font-size:10px}}@media(max-width:340px){:root{--tile: 32px}}