@import "https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";
:root{--bg-outer:#0f0a24;--bg-app:#1a1038;--panel:#241650;--panel-locked:#1f1344;--border:#4b2f8f;--gold:#ffd23f;--pink:#e94f8a;--muted:#9d8bd8;--discord:#5865f2;--green:#7de07d}*{box-sizing:border-box}html,body{background:var(--bg-outer);color:#fff;margin:0;padding:0;font-family:Silkscreen,monospace}a{color:var(--gold);text-decoration:none}a:hover{color:#fff}@keyframes tr-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}@keyframes tr-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes tr-pop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.pixelated{image-rendering:pixelated}.tr-pop{animation:.4s tr-pop}.tr-pulse{animation:2.4s infinite tr-pulse}.tr-blink{animation:1.4s infinite tr-blink}.arc-btn{cursor:pointer;color:#1a1038;border:none;justify-content:center;align-items:center;gap:10px;font-family:inherit;transition:transform 50ms,box-shadow 50ms;display:inline-flex}.arc-btn:hover{transform:translate(2px,2px)}.arc-btn:disabled{cursor:default;opacity:.5}.arc-btn:disabled:hover{transform:none}.arc-btn--gold{background:var(--gold);box-shadow:5px 5px 0 var(--pink)}.arc-btn--gold:hover:not(:disabled){box-shadow:3px 3px 0 var(--pink)}.arc-btn--pink{background:var(--pink);color:#fff;box-shadow:5px 5px 0 var(--gold)}.arc-btn--pink:hover:not(:disabled){box-shadow:3px 3px 0 var(--gold)}.arc-btn--discord{background:var(--discord);color:#fff;box-shadow:5px 5px 0 var(--gold)}.arc-btn--discord:hover:not(:disabled){box-shadow:3px 3px 0 var(--gold)}.arc-card{background:var(--panel);border:2px solid var(--border);transition:border-color .1s}.arc-card:hover{border-color:var(--gold)}.arc-input{background:var(--panel);border:3px solid var(--border);color:#fff;outline:none;width:100%;padding:12px;font-family:inherit}.arc-input:focus{border-color:var(--gold)}.shiny{line-height:0;display:inline-block;position:relative}.shiny img{z-index:1;position:relative}@keyframes shiny-glow-rare{0%,to{box-shadow:0 0 6px 1px #7de07d73}50%{box-shadow:0 0 16px 4px #7de07dd9}}@keyframes shiny-glow-legendary{0%,to{box-shadow:0 0 8px 2px #ffd23f8c}50%{box-shadow:0 0 22px 7px #ffd23ff2}}@keyframes shiny-border-spin{to{background-position:200% 0}}@keyframes shiny-holo{0%{transform:translate(-120%)rotate(8deg)}to{transform:translate(120%)rotate(8deg)}}@keyframes shiny-twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.shiny--rare,.shiny--legendary{background-size:200% 100%;padding:3px}.shiny--rare{background-image:linear-gradient(90deg, var(--green), #cfe, var(--green), #7de07d);animation:3s linear infinite shiny-border-spin,2.4s ease-in-out infinite shiny-glow-rare}.shiny--legendary{background-image:linear-gradient(90deg, var(--gold), #fff6c2, var(--pink), var(--gold), #fff6c2);animation:2.2s linear infinite shiny-border-spin,2s ease-in-out infinite shiny-glow-legendary}.shiny__holo{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.shiny__holo:before{content:"";mix-blend-mode:screen;background:linear-gradient(100deg,#0000 0%,#ff50b459 35%,#50c8ff73 50%,#fff08c59 65%,#0000 100%);width:45%;height:160%;animation:2.6s ease-in-out infinite shiny-holo;position:absolute;top:-30%;left:0}.shiny__spark{z-index:3;color:#fff6c2;pointer-events:none;text-shadow:0 0 4px var(--gold);font-size:12px;animation:1.8s ease-in-out infinite shiny-twinkle;position:absolute}.shiny__spark:first-child{animation-delay:0s;top:-6px;left:4px}.shiny__spark:nth-child(2){animation-delay:.45s;top:8px;right:-6px}.shiny__spark:nth-child(3){animation-delay:.9s;bottom:-6px;left:30%}.shiny__spark:nth-child(4){animation-delay:1.35s;bottom:6px;right:6px}@media (prefers-reduced-motion:reduce){.shiny--rare,.shiny--legendary,.shiny__holo:before,.shiny__spark{animation:none}}.mystery-box{width:220px;height:220px;color:var(--gold);background:var(--panel);border:8px solid var(--gold);box-shadow:0 0 18px 3px #ffd23f80, inset 0 0 0 6px var(--border);text-shadow:4px 4px 0 var(--pink);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;font-size:120px;transition:transform .1s;display:flex}.mystery-box:hover{transform:scale(1.04)}@keyframes mystery-unwrap{0%{opacity:1;transform:scale(1)rotate(0)}35%{opacity:1;transform:scale(1.18)rotate(6deg)}to{opacity:0;transform:scale(0)rotate(-24deg)}}.mystery-box--opening{pointer-events:none;animation:.6s ease-in forwards mystery-unwrap}@media (prefers-reduced-motion:reduce){.mystery-box--opening{animation-duration:10ms}}.app-shell{background:var(--bg-outer);justify-content:center;min-height:100dvh;display:flex}.app-col{background:var(--bg-app);flex-direction:column;width:100%;max-width:420px;min-height:100dvh;display:flex;position:relative}@media (min-width:840px){.app-col{max-width:none}}.app-content--narrow{width:100%;max-width:640px;margin:0 auto}.badge-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (min-width:840px){.badge-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.app-bottom-nav{background:var(--panel);border-top:4px solid var(--border);z-index:40;width:100%;max-width:420px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (min-width:840px){.app-bottom-nav{max-width:none}}