:root{--bg:#0d1210;--surface:#161d19;--surface2:#1d2622;--surface3:#26312c;--border:#2c3833;--text:#eef4f0;--text2:#8fa398;--text3:#5d6f66;--accent:#22c05e;--accent2:#5fd68f;--green:#7ee7a8;--red:#e05555;--yellow:#d4a017;--common:#7a8a9a;--rare:#4a7abf;--epic:#9b5fcf;--legendary:#d4a017}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{color:inherit;font-family:inherit}#root,body,html{-webkit-text-size-adjust:100%;background:#0d1210;background:var(--bg);color:#eef4f0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;height:100%;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:480px}.topbar{background:#0d1210;background:var(--bg);border-bottom:1px solid #2c3833;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:12px 16px 8px;z-index:10}.topbar,.topbar-user{align-items:center;display:flex}.topbar-user{background:none;border:none;color:inherit;cursor:pointer;gap:9px;padding:0;transition:opacity .15s}.topbar-user:active{opacity:.6}.avatar{align-items:center;background:linear-gradient(135deg,#22c05e,#5fd68f);background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;display:flex;font-size:15px;font-weight:700;justify-content:center}.avatar,.avatar-img{border-radius:50%;flex-shrink:0;height:34px;width:34px}.avatar-img{border:1.5px solid #22c05e;border:1.5px solid var(--accent);display:block;object-fit:cover}.username{font-size:15px;font-weight:600}.coins-badge{align-items:center;background:#1d2622;background:var(--surface2);border:1px solid #2c3833;border:1px solid var(--border);border-radius:20px;display:flex;gap:6px;padding:6px 12px}.coin-icon{font-size:16px}.coin-val{color:#d4a017;color:var(--yellow);font-size:14px;font-weight:700}.screen-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(78px + max(env(safe-area-inset-bottom), 10px))}.screen-content::-webkit-scrollbar{display:none}.nav-dock{align-items:center;bottom:max(env(safe-area-inset-bottom),10px);display:flex;gap:10px;left:0;margin:0 auto;max-width:480px;padding:0 12px;pointer-events:none;position:fixed;right:0;z-index:50}.nav-dock>*{pointer-events:auto}.bottom-nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#18201ceb;border:1px solid #ffffff12;border-radius:26px;box-shadow:0 8px 28px #00000073;padding:6px}.bottom-nav,.nav-btn{display:flex;flex:1 1}.nav-btn{align-items:center;background:none;border:none;border-radius:20px;color:#8fa398;color:var(--text2);cursor:pointer;flex-direction:column;gap:4px;justify-content:center;min-height:54px;padding:6px 2px;transition:background .18s,transform .12s,color .18s}.nav-btn:active{transform:scale(.94)}.nav-btn.active{background:#22c05e33;color:#5fd68f;color:var(--accent2)}.nav-icon{line-height:1}.nav-dot{animation:dotPulse 1.8s ease-in-out infinite;background:#d4a017;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 2px #18201cf2;height:9px;position:absolute;right:-4px;top:-3px;width:9px}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.25)}}.nav-label{color:currentColor;font-size:11px;font-weight:600;letter-spacing:.1px}.nav-btn.active .nav-label{font-weight:700}.nav-more-wrap{position:relative}.nav-more{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#18201ceb;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 8px 28px #00000073;color:#8fa398;color:var(--text2);cursor:pointer;display:flex;height:58px;justify-content:center;transition:background .18s,transform .12s,color .18s;width:58px}.nav-more:active{transform:scale(.94)}.nav-more.active{background:linear-gradient(135deg,#22c05e,#5fd68f);background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:#0000;color:#fff}.nav-scrim{background:#00000059;inset:0;position:fixed;z-index:45}.nav-menu{animation:navMenuIn .16s ease-out;background:#1d2622;background:var(--surface2);border:1px solid #2c3833;border:1px solid var(--border);border-radius:16px;bottom:calc(100% + 10px);box-shadow:0 12px 36px #0000008c;min-width:208px;padding:6px;position:absolute;right:0}@keyframes navMenuIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.nav-menu-item{align-items:center;background:none;border:none;border-radius:11px;color:#eef4f0;color:var(--text);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:14px;justify-content:space-between;padding:12px 14px;text-align:left;width:100%}.nav-menu-item:active{background:#26312c;background:var(--surface3)}.nav-menu-item.active{color:#5fd68f;color:var(--accent2)}.nav-menu-item.danger{color:#e05555;color:var(--red)}.nav-menu-icon{font-size:17px;opacity:.9}.section{padding:16px 16px 0}.section-title{color:#8fa398;color:var(--text2);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:11px;text-transform:uppercase}.card-box{background:#1d2622;background:var(--surface2);border:1px solid #2c3833;border:1px solid var(--border);border-radius:12px;margin-bottom:8px;padding:12px}.rarity-common{color:#7a8a9a;color:var(--common)}.rarity-rare{color:#4a7abf;color:var(--rare)}.rarity-epic{color:#9b5fcf;color:var(--epic)}.rarity-legendary{color:#d4a017;color:var(--legendary)}.badge-common{background:#7a8a9a26;color:#7a8a9a;color:var(--common)}.badge-rare{background:#4a7abf26;color:#4a7abf;color:var(--rare)}.badge-epic{background:#9b5fcf26;color:#9b5fcf;color:var(--epic)}.badge-legendary{background:#d4a01726;color:#d4a017;color:var(--legendary)}.badge{border-radius:10px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 9px}.prog-bar{background:#26312c;background:var(--surface3);border-radius:3px;height:5px;overflow:hidden}.prog-fill{background:linear-gradient(90deg,#22c05e,#5fd68f);background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:3px;height:100%}.btn-primary{background:linear-gradient(135deg,#22c05e,#5fd68f);background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;border-radius:10px;color:#fff}.btn-primary,.btn-secondary{cursor:pointer;font-size:15px;font-weight:600;padding:13px;width:100%}.btn-secondary{background:#26312c;background:var(--surface3);border:1px solid #2c3833;border:1px solid var(--border);border-radius:10px;color:#8fa398;color:var(--text2)}.btn-small{border:none;border-radius:7px;cursor:pointer;font-size:12px;font-weight:600;padding:7px 13px}.btn-accent{background:#22c05e;background:var(--accent);color:#fff}.btn-green{background:#7ee7a8;background:var(--green);color:#fff}.loading-screen{align-items:center;background:#0d1210;background:var(--bg);display:flex;flex-direction:column;gap:12px;height:100vh;justify-content:center}.loading-logo{font-size:48px}.loading-text{color:#eef4f0;color:var(--text);font-size:20px;font-weight:700}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #2c3833;border-radius:50%;border-top-color:#22c05e;border:2px solid var(--border);border-top-color:var(--accent);height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.card-back{background:radial-gradient(circle at 30% 20%,#22c05e38,#0000 55%),radial-gradient(circle at 75% 85%,#5fd68f29,#0000 50%),linear-gradient(150deg,#1a2620,#0f1714);overflow:hidden;position:relative}.card-back:before{background-image:repeating-linear-gradient(45deg,hsla(0,0%,100%,.035) 0 2px,#0000 2px 7px),repeating-linear-gradient(-45deg,hsla(0,0%,100%,.025) 0 2px,#0000 2px 7px);content:"";inset:0;position:absolute}.card-back.live:after{animation:sheen 3.4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff21 35%,#7ee7a847 50%,#ffffff21 65%,#0000);content:"";height:220%;left:-120%;position:absolute;top:-60%;transform:rotate(18deg);width:60%}@keyframes sheen{0%,62%{left:-120%}92%,to{left:190%}}.scratch-tile{align-items:center;aspect-ratio:3/4;border:1px solid #2c3833;border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center;transition:transform .16s,border-color .2s,opacity .2s}.scratch-tile>*{position:relative;z-index:1}.scratch-tile.live{border-color:#22c05e73;box-shadow:0 4px 18px #22c05e1f}.scratch-tile.live:active{transform:scale(.95)}.scratch-tile.used{background:#1d2622;background:var(--surface2);cursor:default;opacity:.45}.scratch-tile.used:after,.scratch-tile.used:before{display:none}.tile-label{color:#8fa398;color:var(--text2);font-size:11px;font-weight:600}.tile-badge{border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 8px}.tile-badge.free{background:#22c05e2e;color:#5fd68f;color:var(--accent2)}.tile-badge.done{background:#26312c;background:var(--surface3);color:#5d6f66;color:var(--text3)}.scratch-tile.live .tile-icon{animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.09)}}.scratch-overlay{align-items:center;animation:fadeIn .22s ease-out;background:radial-gradient(circle at 50% 42%,#10201a 0,#070b09 70%);display:flex;flex-direction:column;inset:0;justify-content:center;padding:24px;position:fixed;text-align:center;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.flip-stage{height:226px;margin:22px 0;perspective:1200px;width:170px}.flip-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.55,.06,.32,1.2);width:100%}.flip-inner.flipped{transform:rotateY(180deg)}.flip-face{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;inset:0;justify-content:center;overflow:hidden;position:absolute;transform:translateZ(1px)}.flip-face.back{border:2px solid #22c05e;border:2px solid var(--accent);cursor:pointer}.flip-face.front{background-color:#0f1714;border-style:solid;border-width:2px;gap:6px;transform:rotateY(180deg) translateZ(1px)}.flip-inner.drawing{animation:wobble .5s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-2.5deg) scale(1.02)}75%{transform:rotate(2.5deg) scale(1.02)}}.reveal-glow{animation:glowIn .9s ease-out forwards;border-radius:50%;height:260px;left:50%;margin:-130px 0 0 -130px;pointer-events:none;position:absolute;top:50%;width:260px}@keyframes glowIn{0%{opacity:0;transform:scale(.4)}60%{opacity:.85}to{opacity:.5;transform:scale(1)}}.reveal-glow.r-common{animation:glowIn .7s ease-out forwards}.reveal-glow.r-rare{animation:glowIn .8s ease-out forwards,breathe 2.6s ease-in-out .8s infinite}@keyframes breathe{0%,to{opacity:.42;transform:scale(1)}50%{opacity:.68;transform:scale(1.1)}}.reveal-glow.r-epic{animation:glowIn .9s ease-out forwards,breathe 2.2s ease-in-out .9s infinite;height:300px;margin:-150px 0 0 -150px;width:300px}.aura-sweep{animation:spinSlow 7s linear infinite,fadeInSoft .9s ease-out;border-radius:50%;height:320px;left:50%;margin:-160px 0 0 -160px;mask-image:radial-gradient(circle,#0000 34%,#000 46%,#000 62%,#0000 70%);-webkit-mask-image:radial-gradient(circle,#0000 34%,#000 46%,#000 62%,#0000 70%);pointer-events:none;position:absolute;top:50%;width:320px}@keyframes spinSlow{to{transform:rotate(1turn)}}@keyframes fadeInSoft{0%{opacity:0}to{opacity:1}}.reveal-glow.r-legendary{animation:glowIn 1s ease-out forwards,breathe 1.8s ease-in-out 1s infinite;height:340px;margin:-170px 0 0 -170px;width:340px}.aura-rays{animation:spinSlow 14s linear infinite,fadeInSoft 1.1s ease-out;background:repeating-conic-gradient(from 0deg,#d4a0174d 0deg 5deg,#0000 5deg 22deg);border-radius:50%;height:420px;left:50%;margin:-210px 0 0 -210px;mask-image:radial-gradient(circle,#000 12%,#0000 62%);-webkit-mask-image:radial-gradient(circle,#000 12%,#0000 62%);pointer-events:none;position:absolute;top:50%;width:420px}.card-art{box-sizing:border-box;height:100%;inset:0;object-fit:contain;padding:8px 8px 34%;position:absolute;width:100%}.card-art-scrim{background:linear-gradient(180deg,#00000026 30%,#000000e6);inset:0;position:absolute}.card-info{align-items:center;bottom:0;display:flex;flex-direction:column;gap:3px;left:0;padding:10px 10px 12px;position:absolute;right:0;text-shadow:0 1px 6px #000000e6}.reveal-ring{animation:ring .8s ease-out forwards;border:2px solid;border-radius:50%;height:170px;left:50%;margin:-85px 0 0 -85px;pointer-events:none;position:absolute;top:50%;width:170px}@keyframes ring{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}.spark{animation:spark 1.1s ease-out forwards;border-radius:2px;height:7px;left:50%;pointer-events:none;position:absolute;top:50%;width:7px}@keyframes spark{0%{opacity:1;transform:translate(0) scale(1) rotate(0deg)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3) rotate(220deg)}}.result-card{align-items:center;display:flex;flex-direction:column;gap:6px;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.result-rating{bottom:4px;font-size:44px;font-weight:800;line-height:1;opacity:.18;position:absolute;right:10px}@media (prefers-reduced-motion:reduce){.aura-rays,.aura-sweep,.card-back.live:after,.flip-inner.drawing,.reveal-ring,.scratch-tile.live .tile-icon,.spark{animation:none}.reveal-glow{animation:fadeInSoft .2s ease-out forwards}.flip-inner{transition-duration:.01ms}}
/*# sourceMappingURL=main.fbe54269.css.map*/