ana-card[data-astro-cid-hmqjkmae]{--size:12vw;--bgcolor:var(--card-bgcolor-1);--border-color:var(--card-border-color);--border-size:calc(var(--size)/43);--border-radius:calc(var(--size)/18);:is(&:not(:defined),&:defined){opacity:1;box-sizing:border-box;background-color:var(--bgcolor);border-radius:var(--border-radius);box-shadow:0 0 1.5rem .1rem rgb(from var(--category-color)r g b/.4);animation:1.5s infinite alternate card-shadow;display:inline-block;position:relative;overflow:hidden;@starting-style{opacity:0}}&:not(:defined){pointer-events:none;aspect-ratio:15/23;width:var(--size);border:var(--border-size)solid var(--border-color);background-image:radial-gradient(48.42% 48.42% ellipse at center top,rgb(from var(--primary-color)r g b/.2)0%,transparent 100%),radial-gradient(48.42% 48.42% ellipse at center bottom,rgb(from var(--secondary-color)r g b/.2)0%,transparent 100%);&:before,&:after{content:"";pointer-events:none;position:absolute;inset:0}&:before{opacity:.25;mix-blend-mode:multiply;background-blend-mode:overlay;background-clip:padding-box;background-image:var(--grain-texture)}&:after{mix-blend-mode:exclusion;background-image:url(/assets/images/logo.png);background-position:50%;background-repeat:no-repeat;background-size:80%}}&:defined{--sibling-filter:grayscale(90%);transition:scale .3s ease-in-out,filter .3s ease-in-out;&.hidden-card{scale:0}}}@media (width<=1024px){ana-card[data-astro-cid-hmqjkmae]{--size:21vw}}@media (width<=768px){ana-card[data-astro-cid-hmqjkmae]{--size:30vw}}@media (width<=640px){ana-card[data-astro-cid-hmqjkmae]{--size:42vw}}@media (prefers-reduced-motion:no-preference){ana-card[data-astro-cid-hmqjkmae]{:is(&:not(:defined),&:defined){transition-behavior:allow-discrete;transition:opacity .6s ease-in,display .6s ease-in}}}@media (any-hover:hover){ana-card[data-astro-cid-hmqjkmae]:defined{&:has(~:hover){filter:var(--sibling-filter)}&:hover{scale:1.05;&~[data-astro-cid-hmqjkmae]{filter:var(--sibling-filter)}}}}@keyframes card-shadow{0%{box-shadow:0 0 1.5rem .1rem rgb(from var(--primary-color)r g b/.4),0 0 1.5rem .1rem rgb(from var(--secondary-color)r g b/.4)}to{box-shadow:0 0 1.5rem .1rem rgb(from var(--category-color)r g b/.4)}}.card-wrapper[data-astro-cid-6xvp7lqp]{--size:27vw;border-radius:calc(var(--size,12vw)/18);animation:1.5s infinite alternate card-shadow-current;& .card{--bgcolor:var(--card-bgcolor-1);--border-color:var(--card-border-color);--border-size:calc(var(--size)/43);--border-radius:calc(var(--size)/18);cursor:zoom-out;aspect-ratio:15/23;width:var(--size);transition:transform .6s ease-in-out;position:relative;container:card/inline-size;& .card-front{aspect-ratio:15/23;width:var(--size);box-sizing:border-box;content-visibility:auto;user-select:none;pointer-events:none;color:var(--text-color);background-color:var(--bgcolor);border-radius:var(--border-radius);border:var(--border-size)solid var(--border-color);box-shadow:0 0 1.5rem .1rem rgb(from var(--category-color)r g b/.4);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}}}@media (width<=1024px){.card-wrapper[data-astro-cid-6xvp7lqp]{--size:45vw}}@media (width<=768px){.card-wrapper[data-astro-cid-6xvp7lqp]{--size:60vw}}@media (width<=640px){.card-wrapper[data-astro-cid-6xvp7lqp]{--size:66vw}}.atropos[data-astro-cid-6xvp7lqp]{transition:scale .3s ease-in-out;&.hidden-atropos{scale:0}}.menu-wrapper[data-astro-cid-6yoxk2ez]{--transition:.3s ease-in-out;--placement:1.5rem;inset-inline:var(--placement);inset-block:auto calc(var(--placement)*-3);padding-inline:var(--placement);position:absolute;& .menu[data-astro-cid-6yoxk2ez]{positi:relative;flex-direction:column;gap:.75rem;display:flex;& .menu-item[data-astro-cid-6yoxk2ez]{cursor:pointer;box-sizing:border-box;outline-offset:3px;width:3rem;height:3rem;color:var(--text-color);background:var(--card-bgcolor-1);background-image:radial-gradient(circle,var(--card-bgcolor-1),rgb(from var(--primary-color)r g b/.2));transition:color var(--transition),border var(--transition),box-shadow var(--transition),background-image var(--transition);border:3px solid;border-radius:9999px;outline:3px solid #0000;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 0 1rem #0000;&:disabled{opacity:.3;pointer-events:none}&:hover{color:var(--secondary-color);box-shadow:0 0 1rem rgb(from var(--secondary-color)r g b/.5);background-image:radial-gradient(circle,var(--card-bgcolor-1),rgb(from var(--secondary-color)r g b/.2));&:before{opacity:1}}&:active{color:var(--primary-color);&:before{background-color:var(--primary-color)}}&:before{opacity:0;content:attr(data-text);z-index:-1;color:var(--body-color);background-color:var(--secondary-color);pointer-events:none;text-transform:uppercase;transition:opacity var(--transition),background-color var(--transition);border-start-end-radius:.75rem;border-end-end-radius:.75rem;padding-block:.5rem;padding-inline:1rem 1.2rem;font-size:1rem;font-weight:900;position:absolute;inset-block:auto;inset-inline-start:81%}&:after{opacity:0;content:"";z-index:-1;background-image:var(--rainbow-gradient);transition:opacity var(--transition);border-radius:.75rem;position:absolute;inset:-.3rem}&.loading{cursor:progress;&:hover:before{opacity:0}&:after{opacity:1;animation:3s linear infinite spin}}& svg[data-astro-cid-6yoxk2ez]{font-size:1.75rem}}}}@media (width>=640px){.menu-wrapper[data-astro-cid-6yoxk2ez]{inset-block:calc(var(--placement)*6)auto;inset-inline:auto calc(var(--placement)*-3);padding-inline:0;& .menu[data-astro-cid-6yoxk2ez]{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:1.75rem;& .menu-item[data-astro-cid-6yoxk2ez]:before{display:none}}}}@keyframes spin{0%{rotate:0}to{rotate:360deg}}body:has(.dialog-card[open]){overflow:hidden}.dialog-card[data-astro-cid-dey643hx]{z-index:var(--z-index-modal);background-color:#0000;border:none;outline:none;overflow:visible;&::backdrop{backdrop-filter:blur(9px);background:linear-gradient(rgb(from var(--body-color)r g b/.5),rgb(from var(--primary-color)r g b/.3),rgb(from var(--secondary-color)r g b/.3));animation:none;position:fixed;inset:0}&[open]{animation:.3s show-dialog;&::backdrop{animation:.3s show-backdrop}}&.hide{animation:.3s hide-dialog;&::backdrop{animation:.5s .2s hide-backdrop}}}@keyframes show-backdrop{0%{opacity:0}to{opacity:1}}@keyframes hide-backdrop{0%{opacity:1}to{opacity:0}}@keyframes show-dialog{0%{scale:0}to{scale:1}}@keyframes hide-dialog{to{scale:0}}section[data-astro-cid-jczqsfe6].cards{flex-wrap:wrap;justify-content:center;align-items:center;gap:5rem;display:flex}body{flex-direction:column;justify-content:space-between;display:flex}.container[data-astro-cid-myieq5l2]{--transition:.3s ease-in-out;grid-template-columns:1fr 3fr;gap:1.5rem;padding:4rem 2rem;display:grid;& .user-wrapper,& .cards-wrapper{border:6px solid;border-radius:1rem;padding:1.5rem 2rem;overflow:hidden}& .user-wrapper{border-color:var(--secondary-color);background-color:var(--card-bgcolor-1);font-family:var(--font-family-primary);flex-direction:column;grid-column:1/3;justify-content:center;align-items:center;display:flex;position:relative;@media (width>640px){grid-column:1/2;height:56vh;position:sticky;top:4.7rem}& .back-button{z-index:10;cursor:pointer;color:var(--text-color);background-color:var(--card-bgcolor-2);background-image:radial-gradient(circle,var(--card-bgcolor-1),rgb(from var(--text-color)r g b/.2));width:1.5rem;height:1.5rem;transition:border var(--transition),color var(--transition),box-shadow var(--transition),background-image var(--transition);border:3px solid;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem;display:flex;position:absolute;top:1.5rem;left:1.5rem;&:hover,&:focus{color:var(--secondary-color);box-shadow:0 0 1rem rgb(from var(--secondary-color)r g b/.5);background-image:radial-gradient(circle,var(--card-bgcolor-1),rgb(from var(--secondary-color)r g b/.2));outline:none}&:active{transform:scale(.9)}}& .user-avatar{aspect-ratio:1;border:3px solid var(--design-color);border-radius:9999px;flex:none;width:60%;max-width:228px;height:auto;max-height:228px;margin-top:1rem;padding:.3rem;animation:5s infinite glow-avatar;@media (width<640px){max-width:180px;max-height:180px}}& .user-name{width:100%;color:var(--text-color);text-align:center;word-wrap:break-word;margin-block-end:0;padding-block-end:.3rem;font-size:2.4rem;line-height:.9;position:relative}& hr{background-color:var(--card-border-color);border:.3rem solid var(--card-border-color);width:calc(100% - 3rem)}& .user-position{color:var(--secondary-color);font-size:2rem;line-height:0;&.first-place{color:var(--gold-color)}&.second-place{color:var(--silver-color)}&.third-place{color:var(--bronze-color)}}& .user-cards{justify-content:center;gap:1.2rem;margin-top:-.5rem;font-size:3rem;display:flex;& .current-cards{color:var(--text-color);position:relative;&:after{content:"";background:linear-gradient(0deg,var(--design-color)0%,var(--harley-color)20%,var(--development-color)41.86%,var(--lore-color)59.84%,var(--troll-color)75.37%,var(--tool-color)100%);border-radius:.3rem;width:.3rem;height:3rem;position:absolute;top:.3rem;bottom:.3rem;right:-.8rem}}& .total-cards{color:var(--silver-color)}}& .user-share{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex;& a{color:var(--silver-color);text-decoration:none;display:inline-block}& button{color:var(--silver-color);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}}}& .cards-wrapper{border-color:var(--primary-color);background-color:#0a0514;grid-column:1/3;display:flex;@media (width>640px){grid-column:2/3}}}@keyframes glow-avatar{0%{border-color:var(--design-color);box-shadow:0 0 1rem rgb(from var(--design-color)r g b/.5),inset 0 0 1rem .5rem rgb(from var(--design-color)r g b/.5)}20%{border-color:var(--development-color);box-shadow:0 0 1rem rgb(from var(--development-color)r g b/.5),inset 0 0 1rem .5rem rgb(from var(--development-color)r g b/.5)}40%{border-color:var(--harley-color);box-shadow:0 0 1rem rgb(from var(--harley-color)r g b/.5),inset 0 0 1rem .5rem rgb(from var(--harley-color)r g b/.5)}60%{border-color:var(--lore-color);box-shadow:0 0 1rem rgb(from var(--lore-color)r g b/.5),inset 0 0 1rem .5rem rgb(from var(--lore-color)r g b/.5)}80%{border-color:var(--troll-color);box-shadow:0 0 1rem rgb(from var(--troll-color)r g b/.5),inset 0 0 1rem .5rem rgb(from var(--troll-color)r g b/.5)}to{border-color:var(--tool-color);box-shadow:0 0 1rem rgb(from var(--tool-color)r g b/.5),inset 0 0 1rem .5rem rgb(from var(--tool-color)r g b/.5)}}
