@layer pigment._q4bw3d{.s66p7f2{flex-grow:1;justify-content:space-between;gap:calc(2 * var(--mui-spacing, 8px))}.s66p7f2,.s66p7f2 .points{display:flex;align-items:center}.s66p7f2 .points{gap:calc(.5 * var(--mui-spacing, 8px));font-weight:600}.s66p7f2 .rank{display:flex;align-items:center;gap:calc(1 * var(--mui-spacing, 8px));padding-inline:calc(2 * var(--mui-spacing, 8px));padding-block:calc(1 * var(--mui-spacing, 8px));background:#21242b;text-decoration:none;color:#e7e7e7;transition:background .3s ease,color .3s ease}@media (hover:hover){.s66p7f2 .rank:hover{background:#00d000;color:#2a2a2a}.s66p7f2 .rank:hover .rank__actual{color:#2a2a2a}}.s66p7f2 .rank__actual{font-weight:600;transition:color .3s ease}.s66p7f2 .rank__suffix{font-size:.75rem;font-weight:600;color:#717171}.s66p7f2 .rank span{display:flex;align-items:center;gap:calc(.5 * var(--mui-spacing, 8px))}}@layer pigment._re4rp{.s96a2yt{border:1px solid #595959;background:#2c2f36}.s96a2yt,.s96a2yt header{display:flex;flex-direction:column}.s96a2yt header{align-items:flex-start;flex-wrap:wrap;gap:calc(1 * var(--mui-spacing, 8px));padding:calc(2 * var(--mui-spacing, 8px));border-bottom:1px solid #414141;background:#343841}@container pickemContainer (width > 600px){.s96a2yt header{flex-direction:row;align-items:center;gap:calc(4 * var(--mui-spacing, 8px));padding-inline:calc(3 * var(--mui-spacing, 8px))}}@container pickemContainer (width > 1200px){.s96a2yt header{padding-inline:calc(4 * var(--mui-spacing, 8px))}}.s96a2yt h3{font-weight:600}.s96a2yt .event-date-meta{display:flex;align-items:center;gap:calc(2 * var(--mui-spacing, 8px))}.s96a2yt .date{color:#b8b8b8;font-size:.75rem;font-weight:600}.s96a2yt .card-body{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;gap:calc(2 * var(--mui-spacing, 8px));padding:calc(2 * var(--mui-spacing, 8px))}@container pickemContainer (width > 600px){.s96a2yt .card-body{align-items:center;gap:calc(3 * var(--mui-spacing, 8px));padding:calc(2.5 * var(--mui-spacing, 8px))}}@container pickemContainer (width > 1200px){.s96a2yt .card-body{padding:calc(4 * var(--mui-spacing, 8px))}}.s96a2yt .urgency-gradient{position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,#e50102 0,rgba(229,1,2,0) var(--gradientEnd))}.s96a2yt .action{display:flex;justify-content:stretch;width:100%}@container pickemContainer (width > 600px){.s96a2yt .action{width:auto}}.s96a2yt .countdown{font-size:.875rem;color:#b8b8b8}.s96a2yt .countdown b{font-size:1rem;color:#f3f3f3}.s96a2yt .tasks{font-size:.875rem;color:#b8b8b8}.s96a2yt .tasks b{font-size:1rem;color:#f3f3f3}.s96a2yt .locked{display:flex;align-items:center;gap:calc(1 * var(--mui-spacing, 8px))}.s96a2yt .locked p{color:#f3f3f3;font-weight:600}.s96a2yt .scheduled p{font-weight:600;color:#e7e7e7}.s96a2yt .correct-answers{display:flex;align-items:center;gap:calc(.5 * var(--mui-spacing, 8px));color:#00a76a;font-size:1.25rem;font-weight:600}.s96a2yt .correct-answers__slash{color:#717171}.s96a2yt .correct-answers__total{color:#f3f3f3}.s96a2yt .result{align-self:stretch;display:flex;flex-grow:1}@container pickemContainer (width > 600px){.s96a2yt .result{margin-left:auto;flex-grow:0}}}@layer pigment._gnrtzx{.st9gfls{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:calc(2 * var(--mui-spacing, 8px));padding:calc(2 * var(--mui-spacing, 8px))}@container pickemContainer (width > 600px){.st9gfls{padding:calc(2.5 * var(--mui-spacing, 8px));gap:calc(2.5 * var(--mui-spacing, 8px))}}@container pickemContainer (width > 1200px){.st9gfls{padding:calc(4 * var(--mui-spacing, 8px));gap:calc(4 * var(--mui-spacing, 8px))}}.st9gfls .page-background{position:absolute;top:0;left:0;z-index:-1;width:100%;height:480px;background:url(/new/images/maru-batsu.svg) no-repeat 50%/contain;opacity:.05}.st9gfls .active-dates-title{color:#ff005d;font-weight:600;border-bottom:1px solid #ff005d;padding-bottom:calc(1 * var(--mui-spacing, 8px));margin-bottom:calc(-1 * var(--mui-spacing, 8px))}@container pickemContainer (width > 600px){.st9gfls .active-dates-title{padding-left:calc(2 * var(--mui-spacing, 8px));margin-bottom:calc(-1.5 * var(--mui-spacing, 8px))}}@container pickemContainer (width > 1200px){.st9gfls .active-dates-title{padding-left:calc(4 * var(--mui-spacing, 8px));margin-bottom:calc(-3 * var(--mui-spacing, 8px))}}}