:root{--paper-color: #fdfbf7;--ink-color: #2c2c2c;--accent-color: #da2b2b;--highlight-color: #ffd93d;--font-main: "Patrick Hand", cursive;--border-radius-sketch: 255px 15px 225px 15px / 15px 225px 15px 255px}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--paper-color);color:var(--ink-color);background-image:radial-gradient(#e5e5e5 1px,transparent 1px);background-size:20px 20px;min-height:100vh}#root{width:100%;padding:0;margin:0}.raffle-container{max-width:800px;margin:0 auto;padding:2rem;text-align:center}.sketch-box{background:#fff;border:2px solid var(--ink-color);border-radius:var(--border-radius-sketch);padding:2rem;box-shadow:2px 3px 0 0 var(--ink-color);margin:1rem 0;transition:transform .1s}.sketch-button{background:var(--highlight-color);font-family:var(--font-main);font-size:1.5rem;border:2px solid var(--ink-color);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.5rem 2rem;cursor:pointer;box-shadow:2px 2px 0 0 var(--ink-color);transition:all .2s;color:var(--ink-color);text-decoration:none;display:inline-block}.sketch-button:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:4px 4px 0 0 var(--ink-color)}.sketch-button:active{transform:translateY(1px);box-shadow:1px 1px 0 0 var(--ink-color)}.sketch-button.primary{background:var(--accent-color);color:#fff}.sketch-input{font-family:var(--font-main);font-size:1.2rem;padding:.8rem;border:2px solid var(--ink-color);border-radius:255px 15px 225px/15px 225px 15px 255px;outline:none;background:transparent;width:100%;box-sizing:border-box;margin-bottom:1rem}.sketch-input:focus{border-color:var(--accent-color);box-shadow:2px 2px #0000001a}h1,h2,h3{font-weight:700;margin-bottom:1rem}h1{font-size:3.5rem;text-shadow:2px 2px 0px rgba(0,0,0,.1)}.text-rotate{transform:rotate(-2deg)}.hidden{display:none}.text-primary{color:var(--accent-color)}@keyframes rumble{0%{transform:translate(0) rotate(0)}10%{transform:translate(-2px,2px) rotate(-1deg)}20%{transform:translate(2px,-2px) rotate(1deg)}30%{transform:translate(-2px,-2px) rotate(-1deg)}40%{transform:translate(2px,2px) rotate(1deg)}50%{transform:translate(-2px,2px) rotate(-1deg)}60%{transform:translate(2px,-2px) rotate(1deg)}70%{transform:translate(-2px,-2px) rotate(-1deg)}80%{transform:translate(2px,2px) rotate(1deg)}90%{transform:translate(-2px,-2px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.rumble-animation{animation:rumble .5s ease-in-out}.diagnostic-cards-container{display:flex;gap:15px;margin-bottom:40px;padding:20px;border:2px dashed #00d4ff;border-radius:10px;background-color:#00d4ff1a;align-items:center;justify-content:center;flex-wrap:wrap;max-width:100%}@media (max-width: 600px){.diagnostic-cards-container{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:10px;gap:15px;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.diagnostic-card-wrapper{flex:0 0 auto;transform:scale(.9);margin:0}}.recalibration-container{display:flex;gap:10px;margin-bottom:20px;padding:20px;border:2px dashed #00ffd5;border-radius:10px;background-color:#00ffd51a;align-items:center;justify-content:center;width:100%;max-width:800px;min-height:220px;flex-wrap:wrap}.recalibration-source-container{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:10px}@media (max-width: 600px){.recalibration-container,.recalibration-source-container{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:10px;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.recalibration-container{min-height:180px}}