:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{margin:0;display:flex;place-items:center;min-height:100svh}button{cursor:pointer}.scratch-date-picker{text-align:center;min-height:100vh;background:#fff;color:#000;display:flex;flex-direction:column;justify-content:center;overflow:auto;padding:1rem;padding-bottom:60px}h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.instructions-container{margin-bottom:1rem}.instructions{font-size:1.2rem;color:#333;margin:0}.scratched-count{font-weight:700;color:#000;margin:.5rem 0}.date-preview{max-width:500px;margin-inline:auto;margin-bottom:1rem}.preview-containers{display:flex;gap:.5rem;justify-content:center;align-items:center;padding:.5rem}.preview-box{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem;background:#fff;border:1px solid black;border-radius:4px;min-width:80px;-webkit-user-select:none;user-select:none}.preview-type{font-size:.8rem;font-weight:700;text-transform:uppercase;color:#666}.preview-value{font-size:1.5rem;font-weight:700;color:#000}.scratch-grid{display:grid;grid-template-columns:repeat(5,120px);grid-template-rows:repeat(3,80px);gap:.5rem;justify-content:center;margin:0 auto 1rem;padding:.5rem}.scratch-cell{position:relative;background:#fff;border:1px solid black;border-radius:4px;overflow:hidden;transition:transform .2s;height:80px;width:120px}.scratch-cell:hover{transform:scale(1.02)}.cell-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;z-index:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:background-color .3s ease}.cell-content.revealed{background-color:#fdf182}.cell-type{font-size:.7rem;font-weight:700;color:#666;margin-bottom:.3rem}.cell-value{font-size:1.3rem;font-weight:700;color:#333}.scratch-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.scratch-cell:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff6,#ffffff1a 40%,#fff0 60%,#0000001a);z-index:2;pointer-events:none}.scratched .scratch-canvas{pointer-events:none}.reset-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:700;background:#242424;color:#fff;border:1px solid #242424;border-radius:4px;transition:transform .2s,background .2s;max-width:300px;width:100%;margin:0 auto;cursor:pointer}.reset-btn:hover{background:#333;transform:translateY(-1px)}.reset-btn:active{transform:translateY(0)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;background:#fff;color:#000;padding:2rem;border:3px solid black;max-width:500px;width:90%;animation:slideUp .3s;border-radius:10px}.modal-close{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;font-size:2rem;line-height:1;cursor:pointer;color:#000;padding:.25rem .5rem;transition:transform .2s}.modal-close:hover{transform:scale(1.2)}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal h2{margin-bottom:1rem;font-size:2rem}.modal p{font-size:1.2rem;margin-bottom:1.5rem;line-height:1.6}.modal-buttons{display:flex;gap:1rem;justify-content:center}.confirm-btn,.cancel-btn{padding:.8rem 1.5rem;font-size:1rem;font-weight:700;border:1px solid #242424;border-radius:4px;cursor:pointer;transition:transform .2s,background .2s}.confirm-btn{background:#242424;color:#fff}.confirm-btn:hover{background:#333;transform:translateY(-1px)}.cancel-btn{background:#fff;color:#000}.cancel-btn:hover{background:#f0f0f0;transform:translateY(-1px)}.confirm-btn:active,.cancel-btn:active{transform:translateY(0)}.footer{position:fixed;bottom:0;left:0;right:0;color:#242424;padding:.75rem 1rem;font-size:.85rem;text-align:center;z-index:100}.footer a{color:#242424;text-decoration:underline;transition:opacity .2s}.footer a:hover{opacity:.8}.credits{font-weight:700}@media (max-width: 768px){.scratch-date-picker{padding:.5rem;padding-bottom:60px}h1{font-size:1.5rem;margin-bottom:.5rem}.instructions-container{margin-bottom:.5rem}.instructions{font-size:.9rem}.scratched-count{font-size:.9rem;margin:.25rem 0}.preview-containers{gap:.25rem;padding:.25rem}.preview-box{padding:.5rem;gap:.25rem;min-width:60px}.preview-type{font-size:.65rem}.preview-value{font-size:1rem}.scratch-grid{grid-template-columns:repeat(3,minmax(90px,1fr));grid-template-rows:repeat(5,auto);gap:.5rem;padding:.5rem;max-width:100%}.scratch-cell{width:100%;height:80px;min-width:90px}.cell-type{font-size:.6rem}.cell-value{font-size:1rem}.reset-btn{padding:.6rem 1rem;font-size:.9rem;margin-top:.5rem}.modal{padding:1.5rem}.modal h2{font-size:1.5rem;margin-bottom:.75rem}.modal p{font-size:1rem;margin-bottom:1rem}.modal-buttons{gap:.5rem;flex-wrap:wrap}.confirm-btn,.cancel-btn{padding:.6rem 1rem;font-size:.9rem}.footer{font-size:.75rem;padding:.5rem}}@media (max-width: 480px){h1{font-size:1.25rem}.instructions{font-size:.8rem}.scratch-grid{grid-template-columns:repeat(3,minmax(85px,1fr));gap:.4rem}.scratch-cell{height:70px;min-width:85px}.preview-box{padding:.4rem;min-width:50px}.preview-value{font-size:.9rem}.preview-type{font-size:.6rem}.reset-btn{max-width:200px}}#root{width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}