:root{--primary-color:#ff615f;--secondary-color:#d92495;--primary-gradient:linear-gradient(135deg,#ff615f,#d92495);--text-gradient:linear-gradient(45deg,#ff8c42,#ffd700);--bg-primary:#0a0c0b;--bg-secondary:#181a19;--bg-tertiary:#232526;--text-primary:#ffffff;--text-secondary:#bdbdbd;--text-muted:#8a8a8a;--success-color:#4ade80;--warning-color:#fbbf24;--error-color:#f87171;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}::selection{background:var(--primary-color);color:var(--text-primary)}:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:var(--border-radius);font-weight:600;font-size:14px;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;position:relative;overflow:hidden}.btn-primary{background:var(--primary-gradient);color:var(--text-primary);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--bg-tertiary)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.card{background:var(--bg-secondary);border-radius:var(--border-radius-lg);border:1px solid var(--bg-tertiary);padding:20px;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.text-gradient{background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:768px){.container{padding:0 16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}.pulse{animation:pulse 2s infinite}.shimmer{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.h-full{height:100%}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.p-2{padding:8px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.rounded{border-radius:var(--border-radius)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}@media (max-width:768px){.btn{padding:10px 20px;font-size:13px}.card{padding:16px}.container{padding:0 12px}}.scratch-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:10000;animation:modalFadeIn .3s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.scratch-modal-content{background:linear-gradient(135deg,#181a19,#232526);border-radius:20px;padding:32px;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5);border:1px solid #333;animation:modalSlideIn .4s ease-out;display:flex;flex-direction:column;align-items:center;gap:24px;z-index:10001}.scratch-modal-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:24px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.scratch-modal-close:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.scratch-result-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:8px;gap:8px;width:100%;height:100%;background:#0a0c0b;border-radius:16px;padding:12px;border:2px solid #333;box-shadow:inset 0 4px 8px rgba(0,0,0,.3);box-sizing:border-box}.scratch-result-grid,.scratch-result-grid.fast-game{max-width:340px;max-height:340px}.scratch-result-cell{background:linear-gradient(135deg,#232526,#414345);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid #444;transition:all .3s ease;position:relative;overflow:hidden;min-height:0;min-width:0}.scratch-result-cell.winning{background:linear-gradient(135deg,#4ade80,#22c55e);border-color:#22c55e;box-shadow:0 0 20px rgba(74,222,128,.5);animation:winningPulse 2s ease-in-out infinite}.scratch-result-cell img{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;border-radius:8px}.scratch-result-cell .cell-text{color:#fff;font-size:14px;text-align:center;font-weight:600;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.scratch-canvas-container{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.3);width:100%;height:100%}.scratch-canvas{cursor:crosshair;touch-action:none;border-radius:16px}.scratch-reveal-button{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.9);color:#181a19;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;z-index:5;transition:all .2s ease}.scratch-reveal-button:hover{background:#fff;transform:scale(1.05)}.scratch-progress{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;z-index:5}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes winningPulse{0%,to{transform:scale(1);box-shadow:0 0 20px rgba(74,222,128,.5)}50%{transform:scale(1.05);box-shadow:0 0 30px rgba(74,222,128,.8)}}@media (max-width:768px){.scratch-modal-content{padding:24px 16px;margin:16px;gap:16px}.scratch-result-grid{gap:6px;padding:8px}.scratch-result-grid,.scratch-result-grid.fast-game{max-width:320px;max-height:320px}.scratch-result-cell{border-radius:8px}.scratch-modal-close{top:12px;right:12px;width:32px;height:32px;font-size:20px}.scratch-result-cell .cell-text{font-size:12px}.scratch-result-cell img{max-width:70%;max-height:70%}}@keyframes specialGlow{0%{text-shadow:0 0 10px #ffcb3c}to{text-shadow:0 0 20px #ffcb3c,0 0 30px #ffcb3c}}@keyframes specialPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.scratch-game-buttons,.scratch-game-buttons .btn{transition:all var(--transition-normal)}.scratch-game-buttons .btn{position:relative;overflow:hidden}.scratch-game-buttons .btn:hover{transform:translateY(-2px)}.scratch-game-buttons .btn:active{transform:translateY(0)}@media (max-width:768px){.scratch-game-buttons{margin-bottom:16px}.scratch-game-buttons .btn{width:100%;justify-content:center}}