@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{font-family:JetBrains Mono,Fira Code,monospace;color:#e5fbff;background:#0a0e17;--cyan:#00fff7;--pink:#ff00ff;--muted:#7b8b9f}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 15% 0%,#0b2631,transparent 40%),#0a0e17}button,input,textarea{font:inherit}.shell{max-width:1250px;margin:auto;padding:26px clamp(14px,3vw,36px);position:relative}.shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.035;background:repeating-linear-gradient(0deg,transparent 0 3px,#aaffff 4px)}header{display:flex;align-items:center;gap:15px;border-bottom:1px solid #16404a;padding-bottom:22px}.logo{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--cyan);color:var(--cyan);font-weight:700;box-shadow:0 0 16px #00fff722}.logo span,h1 b{color:var(--pink)}h1{font-size:clamp(17px,3vw,28px);margin:0}header small{margin-left:auto;color:#8195a5;font-size:9px}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--cyan);margin:0 0 8px}aside{margin:18px 0;padding:13px 15px;border-left:2px solid var(--pink);background:#ff00ff0a}aside strong{font-size:10px;color:#ff9cff}aside p{font-size:11px;line-height:1.7;color:#adbdc9;margin:6px 0 0}.layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.panel{padding:clamp(15px,2.5vw,26px);border:1px solid #16404a;background:#0d1523ef;min-width:0}.panel h2{font-size:17px;margin:0 0 20px}.panel h2 small{color:var(--muted);font-size:11px}label{display:block;font-size:11px;color:#c7dce7;margin:15px 0 8px}input:not([type=range]),textarea{width:100%;padding:12px;border:1px solid #26384a;border-radius:2px;background:#080d16;color:#e7fcff;outline:none;font-size:11px}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00fff711}[aria-invalid=true]{border-color:#ff4f82!important}.error,.warning{font-size:10px;line-height:1.6}.error{color:#ff7095}.warning{color:#ffd38a;padding:8px;border:1px solid #ffd38a55}.mine-label{display:flex;justify-content:space-between;align-items:center}.mine-label output{color:var(--cyan);font-size:12px}input[type=range]{width:100%;accent-color:var(--cyan);margin:10px 0}.ends{display:flex;justify-content:space-between;font-size:9px;color:#6b7f90}.buttons{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:22px}.buttons button{min-height:44px;padding:10px 13px;font-size:10px;font-weight:700;letter-spacing:.05em}.primary{background:var(--cyan);border:1px solid var(--cyan);color:#041217}.secondary{background:transparent;border:1px solid #334155;color:#c6d2e0}.fine{font-size:9px;line-height:1.6;color:#65788b}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(5px,1vw,9px);padding:10px;border:1px solid #00fff72c;background:#03080f88}.tile{display:grid;place-items:center;aspect-ratio:1;min-width:0;border:1px solid #718da32e;background:#111b2b;color:#526a7f;font-size:10px;animation:reveal .3s ease both}.hidden{background:linear-gradient(145deg,#152438,#0c1421)}.bomb{border-color:#f0f6;background:#ff00ff10}.diamond{border-color:#00fff744;background:#00fff708}.glyph{width:72%;height:72%}.legend{display:flex;justify-content:center;gap:22px;padding:13px;color:#879cad;font-size:9px}.legend span:first-child{color:var(--cyan)}.legend span:last-child{color:#ff7baf}.status{padding:10px;border-left:2px solid var(--cyan);background:#00fff708;color:#a9e8e8;font-size:10px;line-height:1.6}.stat{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #718da322;color:#879cad;font-size:10px}.stat b{font-size:16px;color:var(--cyan)}.hash{display:grid;gap:8px;padding:13px 0;border-top:1px solid #718da322}.hash label{margin:0;color:#879cad;font-size:9px}.hash code{font-size:10px;line-height:1.7;overflow-wrap:anywhere;color:#c5fbff}.hash small{font-size:9px;color:#667c8f}footer{display:flex;justify-content:space-between;gap:10px;padding-top:22px;color:#53677a;font-size:8px;letter-spacing:.06em}@keyframes reveal{0%{opacity:.3;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(max-width:780px){.layout{grid-template-columns:1fr}header small{font-size:0}header small:first-letter{font-size:10px}}@media(max-width:420px){.buttons{grid-template-columns:1fr}footer{flex-direction:column}header{gap:10px}.logo{width:46px;height:46px}h1{font-size:16px}}
